@charset "UTF-8";
/* CSS Document */
/*
* {
 	margin: 0;
	padding: 0;
}
*/	
body {
	color: #424242;
	background: #fff url(images/body_bg_home.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	font: normal 0.82em/1.5em Helvetica, Helvetica Neue, Arial, sans-serif; 
}

/* Basic link styles */
a, a:link, a:visited {
	color: #046ebc;
	text-decoration: underline;
}
a:hover, a:active {
	color: #0050c4;
}


h1 {
	display: block;
	width: 500px;
	height: 300px;
	overflow: hidden;
	text-indent: -999em;
	margin: 20px auto 20px 0;
	background: transparent url(images/header.png) no-repeat center;
}

/* Header styles */
.h_overview
{
	display: block;
	width: 600px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 44px auto 42px 0;
	float: left;
	background: transparent url(images/header_overview.png) no-repeat 0 50%;
}

.h_features
{
	display: block;
	width: 600px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 44px auto 42px 0;
	float: left;
	background: transparent url(images/header_features.png) no-repeat 0 50%;
}

.h_subscribe
{
	display: block;
	width: 600px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 44px auto 42px 0;
	float: left;
	background: transparent url(images/header_subscribe.png) no-repeat 0 50%;
}

.h_downloads
{
	display: block;
	width: 600px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 44px auto 42px 0;
	float: left;
	background: transparent url(images/header_downloads.png) no-repeat 0 50%;
}

.h_contact
{
	display: block;
	width: 600px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 44px auto 42px 0;
	float: left;
	background: transparent url(images/header_contact.png) no-repeat 0 50%;
}



h2 {
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 0.01em;
	word-spacing: -0.01em;
	text-shadow: 0 1px 0 #fff;
	color: #234456;
	margin: 13px 0 10px 0; 
}	
h3 {
	font-size: 1.25em;
	font-weight: normal;
	color: #0279a8; 
}
h4 {
	font-size: 1.35em;
	font-weight: bold;
	color: #424242; 
}

/* Paragraph styles */	
p {
	margin: 0;
	padding: 0;
}

/* Image link border remove */
img {
	border: 0;
}

/* Navigation and Logo */							
#nav {
	height: 81px;
	background: transparent url(images/nav_bg.jpg) no-repeat top;
}
#nav ul {
	width: 900px;
	margin: 0 auto;
	height: 81px;
	list-style: none;
	padding: 0;
}	
#nav ul li {
	margin: 0;
	float: left;
	position: relative;
}
#nav li a {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	height: 81px;
	background: transparent url(images/navitems.png) no-repeat 50% bottom;
}	
#nav ul li.logo {
	height: 37px;
	padding: 7px 0 15px;
	margin-right: 120px;
}		
#nav li.logo a {
	background: transparent url(images/timesuite_logo.png) no-repeat 0 0;
	height: 59px;
	width: 158px;
}	
#nav li.home a {
	width: 79px;
	background-position: bottom left;
}
#nav li.overview a {
	width: 103px;
	background-position: -79px bottom;
}
#nav li.features a {
	width: 96px;
	background-position: -182px bottom;
}
#nav li.subscribe a {
	width: 104px;
	background-position: -278px bottom;
}
#nav li.downloads a {
	width: 115px;
	background-position: -382px bottom;
}
#nav li.contact a {
	width: 121px;
	background-position: -497px bottom;
}

#nav ul li ul li a.selected {
	background:#4B5BA9;
}	

/* Dropdown Navigation NEW */
#nav li ul {
	width: 170px;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	border-color: #0b1f6b;
	border-style: solid;
	border-width: 0 1px;
	height: auto;
	/*
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	*/
}
#nav li:hover ul {
	display: block;
}
#nav li li {
	float: none;
}
#nav li li a {
	display: block;
	width: 138px !important;
	height: 100%;
	padding: 9px 16px;
	text-indent: 0em;
	background: #243793;
	border-color:#38549b #0b1f6b #0b1f6b #38549b;
	border-style: solid;
	border-width: 1px;
	font-size: 0.95em;
}	
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
	/*color: #89a2e5;*/
	color: #DDDDDD;
	text-decoration: none;
}
#nav li li a:hover,
#nav li li a:active {
	color: #fff;
	background-color: #1c317c;
}

/* Navigation Hover style */
#nav ul li.home a:hover {
	background-position: 0 -39px;
}
#nav ul li.overview a:hover {
	background-position: -79px -39px;
}
#nav ul li.features a:hover {
	background-position: -182px -39px;
}	
#nav ul li.subscribe a:hover {
	background-position: -278px -39px;
}	
#nav ul li.downloads a:hover {
	background-position: -382px -39px;
}
#nav ul li.contact a:hover {
	background-position: -497px -39px;
}

/* Navigation Selected state */
#nav ul li.home a.selected {
	background-position: 0 44px;
}
#nav ul li.overview a.selected {
	background-position: -79px 44px;
}
#nav ul li.features a.selected {
	background-position: -182px 44px;
}	
#nav ul li.subscribe a.selected {
	background-position: -278px 44px;
}	
#nav ul li.downloads a.selected {
	background-position: -382px 44px;
}
#nav ul li.contact a.selected {
	background-position: -497px 44px;
}

/* Header Banner */
#homebanner {
	height: 320px;
	background: transparent url(images/clock_bg_home.jpg) no-repeat top;
}		
#homebanner .message {
	width: 900px;
	height: 90px;
	margin: 0 auto;
	padding-top: 184px;
	background: transparent url(images/banner_message.png) no-repeat 0 42px;
	text-indent: -999em;
	overflow: hidden;
}

#homebanner p {
	margin: 0;
	padding: 0;
}		
a.trybutton, a.learnbutton {
	display: block;
	width: 191px;
	height: 54px;
	margin-right: 50px;
	background: transparent url(images/banner_button_try.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -999em;
	float: left;
}
a.learnbutton {
	background: transparent url(images/banner_button_learn.png) no-repeat 0 0;
}	
#homebanner a:hover, #homebanner a:active {
	background-position: 0 -52px;
}

/* Content styles */	
#content {
	width: 900px;
	margin: 0 auto;
}	
.homecon1 {
	width: 600px;
	float: left;
}	
.homecon1 > div {
	width: 278px;
	float: left;
	padding: 0 22px 22px 0;
	margin-bottom: 10px;
}	
.homecon2 {
	width: 278px;
	float: right;
	padding: 0 0 22px 22px;
}	
.homecon3 {
	padding: 0 22px 0 0;
}	
#content ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: url(images/bullet1.png) outside none;
}

/* Buttons */
a.button, div.button {
	background: transparent url(images/button_bg_cap.png) no-repeat scroll 100% -32px;
	color: #424242;
	display: block;
	float: left;
	text-shadow: 0 1px 0 #fff;
	height: 29px;
	margin: 10px 5px 0 0;
	padding-right: 15px;
	text-decoration: none;
}	
a.button:hover, div.button:hover,
a.button:active, div.button:active {
	background-position: 100% -2px;
	cursor: pointer;
}	
div.button {
	margin-top: 0;
}	
.button strong,
#contactform .button input.submit {
	background: transparent url(images/button_bg.png) no-repeat 0 -32px;
	display: block;
	line-height: 22px;
	padding: 5px 0 3px 15px;
	border: 0;
	width: auto;
	font-weight: 800;
	color: #424242;
}	
#contactform .button input.submit {
	background: transparent url(images/button_bg.png) no-repeat 0 -31px;
	line-height: 20px;
	padding: 9px 0 7px 15px;
}
.button:hover strong,
.button:active strong {
	background-position: 0 -2px;
}	
#contactform div.button:hover input.submit,
#contactform div.button:active input.submit {
	background-position: 0 -1px;
	cursor: pointer;
}
span.direct {
	font-size: 1.3em;
	font-family: arial, sans-serif;
	line-height: 0.5em;
	font-weight: normal;
	padding-left: 4px;
}/* Try TimeSuite Content Banner */		
div.banner1 {
	width: 900px;
	clear: both;
	margin: 15px auto;
}

/* Contact form */
#contactform {
	background: #cbe7fb url(images/contact_bg.jpg) repeat-x top;
	width: 100%;
	height: 244px;
	padding: 10px 0 30px;
}			
#contactform > div {
	width: 900px;
	margin: 0 auto;
}
#contactform .continfo {
	width: 270px;
	padding: 0 38px 0 0;
	float: left;
}	
#contactform span.message {
	display: block;
	margin: -3px auto 8px 0;
}	
#contactform .detail {
	font-size: 1.3em;
	color: #046ebc;
	font-weight: 700;
	letter-spacing: 0.038em;
	text-shadow: 0 1px 0 #fff;
	margin: -2px 0 8px;
}		
#contactform form {
	float: right;
	margin-top: -3px;
}	
#contactform .formleft {
	float: left;
	margin-right: 44px;
}	
#contactform .formright {
	float: right;
}	
#contactform input,
#contactform textarea {
	font: normal 12px Helvetica, Helvetica Neue, Arial, sans-serif;
	width: 266px;
	margin: -1px 0 8px;
	padding: 5px 2px;
	background: #fff url(images/input_bg.jpg) no-repeat top left;
	border-color:#99C2C4 #AFD7DB #AFD7DB #99C2C4;
	border-style: solid;
	border-width: 1px;
}

/* Footer styles */
#footer {
	background: #142179 url(images/footer_bg.jpg) repeat-x top;
	height: 50px;
	clear:both;
}
div.footcont {
	width: 900px;
	margin: 0 auto;
	padding-top: 14px;
}	
#footer ul {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#footer li {
	float: left;		
}
#footer li a {
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0 18px;
	text-decoration: none;
	color: #89a2e5;
	text-shadow: 0 1px 1px #000;
	font-size: 13px;
}
#footer li.first a {
	padding-left: 0;
	margin-left: 0;
}
#footer div.company {
	float: none;
	clear:both;
}	
#footer div.company a {
	display: block;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 0 1px 1px #000;
	float: none;
	font-size: 10px;
}

.company {
	height:45px;
	padding:15px 0px 15px 0px;
}	

.r{}
.cpSideHeader{ font-family: Verdana, Serif; font-size:12px; font-weight:normal; font-style:italic; text-decoration:underline;}
.cpMainHeader{ font-family: Verdana, Serif; font-size:14px; font-weight:bold; text-align:center; height:24px; background-color:#A2A2CB; float:left; margin:0px 5px 12px 5px; padding:8px 20px 0px 20px;}
.cpIntro{ font-family:Verdana, Serif; font-size:12px; font-weight:bold;}

.PgHead{ font-family: Verdana, Serif; font-size:14px; font-weight:bold; margin-left:5px; padding:8px 5px 8px 5px; border-bottom:solid 2px #A2A2CB; border-top:solid 2px #A2A2CB; float:left;}

.loginbg{ border-width:1px; border-color:Black; border-style:solid; border-collapse:collapse;}
.LoginHeader{ background-color:#CCCCFF; font-family:verdana, serif; font-style:normal; font-weight:bold; font-size:12px; line-height:24px;}
.LoginName{font-family:verdana, serif; font-size:10px;}
.LoginField{font-family:verdana, serif; font-size:10px;}
.LoginButton{font-size:10px; border:1px solid #9D9DC3; background:#DDDDF1; text-align:center; padding:3px; cursor:hand;}
.loginError{ color:Red;}

.ErrorText{ font-family:verdana, serif; font-size:12px; color:Red;}
.SuccessText{ font-family:verdana, serif; font-size:12px; color:Green; font-style:italic;}

.nav{ border-width:1px; border-color:Black; border-style:solid; line-height:18px; background-color:#FFFFFF;}
.navbase{ width:120px;}

.navMenuItem{ background-color:#FFFFFF; padding:3px 3px 3px 3px;}
.navMenu{ background-color:#FFFFFF; border-width:0px; border-color:Black; border-style:Solid; padding:0px 0px 0px 0px;}
.navMenuDyn{ background-color:Green; border-width:1px; border-color:Black; border-style:Solid;  padding:0px 0px 0px 0px;}
.navHover{ background-color:#FFFFFF; padding:3px 3px 3px 3px;}
.navSelected{ background-color:#FFFFFF; padding:3px 3px 3px 3px;}

.hlframe{width:160px; float:right; margin:0px 10px 20px 10px;}
.hlframel{width:160px; float:left; margin:0px 10px 10px 10px;}
.hltop{background-image:url("images/box_header.jpg"); background-repeat:no-repeat; background-color:#A2A2CB; vertical-align:top; font-size:14px; font-weight:bold; line-height:20px; padding:5px;}
.hlcontent{font-size:12px; line-height:16px; padding:0px; border:solid 1px #A2A2CB;}
.hllisq{list-style-type: square; margin-left:0px; padding-left:21px;}
.hlbase{background-image:url("images/box_footer.jpg"); background-repeat:no-repeat; vertical-align:baseline; width:160px; height:10px; clear:both;}
.hlquote{width:146px; border:solid 1px #A2A2CB; padding:6px; font-size:12px; line-height:16px; font-weight:normal; float:left; margin:0px;}
td.LoginName, td.dataText, td.r { text-align:right;}

.ExImgR{ float:right; border:solid 1px black; margin: 5px 5px 5px 5px;}
.ExImgC{ border:solid 1px black; margin: 5px 5px 5px 5px; float:none;}
.ExImgL{ float:left; border:solid 1px black; margin: 5px 5px 5px 5px;}

.contactmsg{color:Red;}