@charset "UTF-8";
/* CSS Document */
body {
	color: #424242;
	background: #fff url(images/body_bg.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;
	cursor: pointer;
}


h1 {
	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%;
}

/* banner 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;
	text-align: left; 
}	
h3 {
	font-size: 1.25em;
	font-weight: normal;
	color: #0279a8;
	text-align: left; 
}
h4 {
	font-size: 1.35em;
	font-weight: bold;
	color: #424242;
	text-align: left; 
}

/* 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;
}

/* 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;
}

#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;
}


/* Header Banner */
#header {
	height: 134px;
	background: transparent url(images/head_bg.jpg) no-repeat top;
}
#header .head {
	width: 900px;
	margin: 0 auto;
}					
a.headtrialbutton {
	display: block;
	width: 191px;
	height: 54px;
	margin:  40px 0;
	background: transparent url(images/banner_button_try.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -999em;
	float: right;
}	
#header a:hover, #header a:active {
	background-position: 0 -52px;
}

/* Left navigation */
#content ul#leftnav {
	width: 205px;
	float: left;
	list-style: none;
	background: transparent url(images/leftnav_bg.jpg) no-repeat top right;
	min-height: 678px;
	margin: 32px 0 0;
	padding: 50px 0 0;
}	
#content #leftnav li {
	margin: 0;
	padding: 0 0 3px;
	background: transparent url(images/leftnav_divider.png) no-repeat right bottom;
}
#leftnav li a {
	display: block;
	padding: 15px;
	text-decoration: none;
	width: 175px;
	color: #727986;
	font-size: 1.25em;
	text-shadow: 0 2px 0 #fff;
}
#leftnav li.leftnavfirst a {
	padding-top: 17px; 
	background: transparent url(images/leftnav_divider.png) no-repeat right top;
}
#leftnav li a:link,
#leftnav li a:visited {
	color: #727986;
	text-decoration: none;
	font-size: 1.25em;
}
#leftnav li a:hover,
#leftnav li.leftnavfirst a:hover {
	background: #d8eefc url(images/leftnav_hover.jpg) repeat-x top left;
	border-color:#93bbe2 #75abd8 #75abd8 #93bbe2;
	border-style: solid;
	border-width: 1px;
}
#leftnav li a.selected,
#leftnav li.leftnavfirst a.selected {
	background: #fff;
	font-weight: 800;
}			

/* Content styles */	
#content {
	width: 900px;
	margin: 0 auto;
}
#content .contentcon {
	width: 655px;
	float: left;
	padding: 45px 0 0 40px;
}		
#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; /* used to be 150 */
	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,
#footer li a:link,
#footer li a:visited {
	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,
#footer li.first a:link,
#footer li.first a:visited {
	padding-left: 0;
	margin-left: 0;
}
#footer li a:hover,
#footer li a:active {
	color: #fff;
}	
#footer div.company {
	float: right;
	height:100px;
	margin:8px;
}	
#footer div.company a {
	display: block;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #89a2e5;
	text-shadow: 0 1px 1px #000;
	float: right;
	font-size: 10px;
	height:100px;
}

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

.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;}	

.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;}

#tbl td{
	/*border-color:#cbe0fb;*/
	border-color:#EEF0EE;
    border-style:solid;
    border-width: 1px;
    background-color:#F6FCFF;
}

#tbl{
	border-color:#89a2e5;
    border-style:solid;
    border-width: 2px;
}

#tbl td h3{ padding-top:8px;}

.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;}