@charset "UTF-8";
/* CSS Document */



/*////////////////////////////////////////////////*/
/*/                   Defualt                    /*/
/*////////////////////////////////////////////////*/


html, body,td,th {font-family: Arial, Helvetica, sans-serif;font-weight:normal;background:#fff;}


h1, h2, h3, h4, h5, h6, p, ul, li, body, a, div, form, inputs, blockquote {margin:0px; padding:0px; background:none; list-style:none; font-size:13px;}

/*------------------- link hover --------------------*/

a:link, a:visited, a:active, a:link, a:focus {color:#136597; outline:none; text-decoration:none;}

a:hover {text-decoration:underline; outline:none;}

/*-------------------- standards --------------------*/

h2 {}

h3 {color:#136597; font-size:18px; font-weight:bold;}

h4 {color:#333333; font-size:14px; font-weight:bold;}

h5 {}

h6 {}

em {font-style:normal;}

b {}

strong {color:#000; font-weight:bold;}

p, ul, li {
	line-height:14px;
	padding-bottom:8px; 
	color:#333; 
	font-size:11px;
	}

label {}

ul {}

li {}

ol li {list-style:decimal;}

.small_print {width:400px; text-align:center; margin:auto; padding-top:25px;}

.small_print p {font-size:10px;}

.print_screen {display:none;}

.scrollable {
	overflow: auto; 
	overflow-x: hidden;
}

h1.logo a {
	background:url(../_images/logo.gif) bottom no-repeat;
	width:158px;
	height:50px;
	font-size:0px;
	text-indent:-5000px;
	float:left; 
	display:inline;
	}
	
ul.default_list {margin:30px 30px 0 40px;}

ul.default_list li {list-style:url(../_images/list_bullet.gif);}


.info_box h3, .info_box_large h3 {padding:10px 20px 0px 30px;}

.info_box {background:url(../_images/list_bg_middle.gif) repeat-y; height:100%}

.info_box_top {background:url(../_images/list_bg_top.gif) no-repeat top; height:100%}

.info_box_bottom {background:url(../_images/list_bg_bottom.gif) no-repeat bottom; height:100%}



.info_box_med {background:url(../_images/list_bg_med.gif) repeat-y; height:100%}

.info_box_top_med {background:url(../_images/list_bg_top_med.gif) no-repeat top; height:100%}

.info_box_bottom_med {background:url(../_images/list_bg_bottom_med.gif) no-repeat bottom; height:100%}



.info_box_large {background:url(../_images/list_bg_large_middle.gif) repeat-y; height:100%}

.info_box_top_large {background:url(../_images/list_bg_large_top.gif) no-repeat top; height:100%}

.info_box_bottom_large {background:url(../_images/list_bg_large_bottom.gif) no-repeat bottom; height:100%}



.info_box_small {background:url(../_images/list_bg_small.gif) repeat-y; height:100%}

.info_box_top_small {background:url(../_images/list_bg_small_top.gif) no-repeat top; height:100%}

.info_box_bottom_small {background:url(../_images/list_bg_small_bottom.gif) no-repeat bottom; height:100%}

/*////////////////////////////////////////////////*/
/*/                   Layout                     /*/
/*////////////////////////////////////////////////*/

.flash_video_box{position:absolute;}

.container {
	margin:auto;
	width:955px;
	background:#fff;
}

.header {/*margin-bottom:-51px;*/position:absolute; top:0px; margin-top:20px; width:955px; height:200px; z-index:100;}

.main_content {width:955px; height:448px; /*margin-top:48px;*/ position:relative; top:48px; margin-bottom:48px;}

.sub_promo {}

.sub_content {width:955px; padding:20px 0px 0 0px;}

.content_left, .col_left, .left_sub_content {display:inline; float:left;}

.conent_right, .col_right, .right_sub_content {display:inline; float:left;}


/* ------------------------ Main Nav ----------------------------*/

ul.main_nav {margin:0px; padding:0px; padding-top:6px; padding-right:0px; float:right; display:inline; width:500px; margin-top:28px;}

ul.main_nav li {display:inline; float:right;}

ul.main_nav li a, ul.main_nav li a span  {display:block; height:27px; padding:10px 15px 0 15px; }

ul.main_nav li.btn_features a {background:url(../_images/nav_bg_curve_left.gif) 0 0px;}

ul.main_nav li.btn_getting_started a {background:url(../_images/nav_bg_boarder_left.gif)  0 0px;}

ul.main_nav li.btn_support a {background:url(../_images/nav_bg_boarder_left.gif) 0 0px;}

ul.main_nav li.btn_pricing_signup a, ul.main_nav li.btn_pricing_signup_selected a {background:url(../_images/nav_bg_boarder_left.gif) 0px 0px; padding:0px; margin:0px; padding-left:5px; height:41px}
ul.main_nav li.btn_pricing_signup a span {background:url(../_images/nav_bg_curve_right.gif) right top; height:31px;}

ul.main_nav li.btn_features a:hover, .main_nav li.btn_features_selected a  {background:url(../_images/nav_bg_curve_left.gif) 0 37px; color:#fff; text-decoration:none}

ul.main_nav li.btn_getting_started a:hover, .main_nav li.btn_getting_started_selected a {background:url(../_images/nav_bg_boarder_left.gif) 0 41px;color:#fff; text-decoration:none}

ul.main_nav li.btn_support a:hover, .main_nav li.btn_support_selected a {background:url(../_images/nav_bg_boarder_left.gif) 0 41px; color:#fff; text-decoration:none;}

ul.main_nav li.btn_pricing_signup a:hover, ul.main_nav li.btn_pricing_signup_selected a {background:url(../_images/nav_bg_boarder_left.gif) 0 41px; color:#fff; text-decoration:none; height:41px;}
ul.main_nav li.btn_pricing_signup a:hover span, .main_nav li.btn_pricing_signup_selected a span {background:url(../_images/nav_bg_curve_right.gif) right 41px; height:31px;}


/*////////////////////////////////////////////////*/
/*/                 Main_Content                 /*/
/*////////////////////////////////////////////////*/

.main_content h2 {text-indent:-5000px; font-size:1px;}

.main_content .intro_text {padding:190px 80px 20px 610px;  }

.bumper_home .intro_text {padding:230px 80px 20px 610px;}

.main_content .intro_text p {color:#fff; font-size:14px; line-height:20px}


a.btn_learn_more {background:url(../_images/btn_learn_more.gif) no-repeat 0 -21px; width:113px; height:21px; display:block; text-indent:-5000px; margin-left:-4px;}

a.btn_learn_more:hover {background-position:0 0px;}

/*------------------------- bumpers ------------------------------*/

.bumper_home {background:url(../_images/home_bumper.jpg) no-repeat; }

.bumper_features {background:url(../_images/features_bumper.jpg) no-repeat; }

.bumper_signup {background:url(../_images/signup_bumper.jpg) no-repeat; height:329px}

.bumper_getting_started {background:url(../_images/video_bg.jpg) bottom no-repeat;}

.bumper_support {background:url(../_images/support_bumper.jpg) no-repeat}

.bumper_terms {background:url(../_images/terms_bumper.jpg) no-repeat; height:67px}

.bumper_time_entry {background:url(../_images/bumper_time_entry.jpg) no-repeat;}

.bumper_reports {background:url(../_images/bumper_reports.jpg) no-repeat;}

.bumper_clients {background:url(../_images/bumper_clients.jpg) no-repeat;}

.bumper_employees {background:url(../_images/bumper_employees.jpg) no-repeat;}

.bumper_settings {background:url(../_images/bumper_tasks.jpg) no-repeat;}


/*------------------- feature main content---------------*/

.bumper_time_entry .intro_text, .bumper_reports .intro_text, .bumper_clients .intro_text, .bumper_employees .intro_text, .bumper_settings .intro_text   {padding:160px 80px 0px 612px; height:185px;}

.bumper_employees .intro_text .text {width:320px;}

.main_content .intro_text a.btn_next_topic {background:url(../_images/btn_next_topic.gif) left no-repeat; padding-left:55px; height:20px; display:block; margin-left:-5px; width:80px; color:#FF9900; font-size:16px; font-weight:bold;}

.main_content .intro_text a.btn_next_topic:hover {color:#fff; text-decoration:none;}

.main_content .intro_text a.btn_next_topic span {background:url(../_images/btn_arrow.gif) right bottom no-repeat; display:block; height:19px; padding-top:2px;}

.main_content .intro_text a.btn_next_topic:hover span {background-position:right top;}

.main_content .features_nav {float:right; display:inline; margin-top:60px; margin-right:7px; width:408px; height:33px; }

.main_content .features_nav ul {margin:0px; padding:0px;}

.main_content .features_nav ul li {float:left; display:inline; margin:0px; padding:0px;}

.main_content .features_nav ul li a {font-size:11px; margin-top:1px; padding:6px 8px 0 8px; height:23px; display:block; border-right:1px solid #ccc; }

.main_content .features_nav ul li a.btn_time {padding-left:13px;  background:url(../_images/nav_bg_features.gif) left -34px no-repeat; }

.main_content .features_nav ul li a.btn_reports { background:url(../_images/nav_bg_features.gif) center -34px no-repeat; }

.main_content .features_nav ul li a.btn_clients { background:url(../_images/nav_bg_features.gif) center -34px no-repeat; }

.main_content .features_nav ul li a.btn_employees { background:url(../_images/nav_bg_features.gif) center -34px no-repeat; }

.main_content .features_nav ul li a.btn_settings {border-right:none; padding-right:12px;  background:url(../_images/nav_bg_features.gif) right -34px no-repeat; }


.main_content .features_nav ul li a:hover, .main_content .features_nav ul li.selected a {color:#fff; text-decoration:none; background:url(../_images/nav_bg_features.gif) top no-repeat;} 

.main_content .features_nav ul li.selected a.btn_time, .main_content .features_nav ul li a.btn_time:hover {background:url(../_images/nav_bg_features.gif) left top;} /*.main_content .features_nav ul li.btn_time a*/

.main_content .features_nav ul li.selected a.btn_settings, .main_content .features_nav ul li a.btn_settings:hover {background:url(../_images/nav_bg_features.gif) right top;} /*.main_content .features_nav ul li.btn_settings a */





/*------------------- signup main content---------------*/

.bumper_signup .intro_text {padding:150px 0px 0px 58px; display:inline; float:left; width:300px;}

.bumper_signup .signup_table {
	background:url(../_images/priceing_table.jpg) no-repeat;
	width:500px;
	height:284px; 
	display:inline; 
	float:left;
	margin-top:30px;
	margin-left:19px;
	margin-right:20px;
	}

.bumper_signup ul.signup_buttons {padding-top:237px; padding-left:125px;}

.bumper_signup ul.signup_buttons li {padding:0px; margin:0px;}

.bumper_signup ul.signup_buttons li a {
	background:url(../_images/btn_sign_up.gif) left bottom no-repeat; 
	width:74px; 
	height:46px;
	float:left;
	display:inline;
	text-indent:-5000px;
	}

.bumper_signup ul.signup_buttons li a:hover {background-position:left top;}

/*------------------------- Support main content ---------------------------*/

.bumper_support .intro_text {padding:190px 80px 20px 610px;}

.bumper_support .intro_text h5 {color:#fff; font-size:16px; padding:5px 0 10px 0 }

.bumper_support .intro_text a.btn_getting_started {background:url(../_images/btn_getting_started.gif) bottom no-repeat; width:138px; height:21px; margin-left:-3px; display:block; text-indent:-5000px;}

.bumper_support .intro_text a.btn_getting_started:hover {background-position:top}  


/*////////////////////////////////////////////////*/
/*/                  Sub_Promo                   /*/
/*////////////////////////////////////////////////*/


.sub_promo .promo {
	height:130px; 
	float:left;
	display:inline;
	}

.sub_promo .promo .pro_info {padding:5px 10px 0px 110px;}

.sub_promo .pro_video_guide {
	background:url(../_images/sub_promo_video_guide.gif) no-repeat; 
	width:320px;
	}

.sub_promo .pro_widget {
	background:url(../_images/sub_promo_widget.gif) no-repeat; 
	width:317px;
	}

.sub_promo .pro_try_time {
	background:url(../_images/sub_promo_try_timeiq.gif) no-repeat; 
	width:318px;
	}

.sub_promo .promo h5 {
	text-indent:-5000px; 
	font-size:1px;
	margin:15px 0 0 105px;
	}

.sub_promo .pro_video_guide h5 {
	background:url(../_images/title_sub_promo_video_guide.gif) no-repeat; 
	width:90px; 
	height:25px;
	}

.sub_promo .pro_widget h5 {
	background:url(../_images/title_sub_promo_widget.gif) no-repeat; 
	width:160px; 
	height:25px;
	}

.sub_promo .pro_try_time .pro_info {padding-left:150px; padding-top:25px;}

.sub_promo .pro_try_time .pro_info p {color:#000000;}

.sub_promo .promo a {display:block; text-indent:-5000px; margin-left:-5px;}

.sub_promo .pro_video_guide a {background:url(../_images/btn_sub_promo_watch_video.gif) bottom no-repeat; width:98px; height:23px;}

.sub_promo .pro_widget a.btn_pc {background:url(../_images/btn_sub_promo_pc_vista.gif) bottom no-repeat; width:68px; height:22px; display:inline; float:left; margin-right:7px;}

.sub_promo .pro_widget a.btn_mac {background:url(../_images/btn_sub_promo_mac_download.gif) bottom no-repeat; width:65px; height:22px; display:inline; float:left;}

.sub_promo .pro_try_time a {background:url(../_images/btn_sub_promo_sign_up.gif) bottom no-repeat; width:101px; height:27px; margin-top:10px;}


.sub_promo .pro_video_guide a:hover {background-position:top;}

.sub_promo .pro_widget a.btn_pc:hover {background-position:top;}

.sub_promo .pro_widget a.btn_mac:hover {background-position:top;}

.sub_promo .pro_try_time a:hover {background-position:top;}

/*////////////////////////////////////////////////*/
/*/                  Sub_Content                 /*/
/*////////////////////////////////////////////////*/

.sub_content .left_sub_content {width:625px;}

.sub_content .right_sub_content {width:320px; float:right;}

.sub_content .left_sub_content .text_block {padding-bottom:20px;}

.sub_content .left_sub_content .text_block .col_left {width:183px;}

.sub_content .left_sub_content .text_block .col_right {padding-left:15px; padding-right:15px; width:405px}

.sub_content .right_sub_content .text_block h3 {padding-bottom:10px;}


/*------------------ Features ------------------------*/
.sub_content_features .left_sub_content {width:527px;}

.sub_content_features .right_sub_content {width:400px; padding-left:18px;}

.sub_content_feature .right_sub_content .text_block {}

ul.numbered_list { margin:30px 100px 0 30px; padding-bottom:20px;}

ul.numbered_list li { padding:5px 0 10px 30px; list-style:none; font-size:12px}

ul.numbered_list li.one {background:url(../_images/num_1.gif) no-repeat;}
ul.numbered_list li.two {background:url(../_images/num_2.gif) no-repeat;}
ul.numbered_list li.three {background:url(../_images/num_3.gif) no-repeat;}
ul.numbered_list li.four {background:url(../_images/num_4.gif) no-repeat;}
ul.numbered_list li.five {background:url(../_images/num_5.gif) no-repeat;}
ul.numbered_list li.six {background:url(../_images/num_6.gif) no-repeat;}



/*------------------ Sign Up ------------------------*/

.sub_content_signup .left_sub_content {width:510px; padding-right:10px;}

.sub_content_signup .right_sub_content {width:424px;}

.sub_content_signup .plans {}

.sub_content_signup .plans .plan {}

.sub_content_signup .plans .plan h4 {color:#136597; font-size:16px; font-weight:bold; padding-bottom:5px;}

.sub_content_signup .plans .plan .plan_left {display:inline; float:left; width:250px;}

.sub_content_signup .plans .plan .plan_list {display:inline; float:left; width:260px;}

.sub_content_signup .plans .plan .plan_list ul.default_list {margin-top:0px;}

.sub_content_signup .plans .plan .plan_list ul.default_list li {color:#136597; font-size:13px;}

.sub_content_signup .plans .plan .plan_list h3 {color:#000;font-size:20px; margin-left:21px; width:75px; display:inline; float:left;}

.sub_content_signup .plans .plan .plan_list h3 em {font-size:12px;}

a.btn_sign_up_small {background:url(../_images/btn_signup_small.gif) bottom no-repeat; width:80px; height:22px; display:inline; float:left; margin-left:20px; text-indent:-5000px;}

a.btn_sign_up_small:hover {background-position:top;}

.sub_content_signup .plans .plan hr {background:url(../_images/hr_divider.gif) repeat-x; height:10px; border:none; margin-top:15px; outline:none}

.sub_content_signup .right_sub_content h3 {padding:12px 20px 0 20px;}

.sub_content_signup .right_sub_content .text_block {padding:20px;}

.sub_content_signup .right_sub_content .text_block h4 {padding-bottom:10px;}

/*------------------------- Getting Started ---------------------------*/


.sub_content_getting_started {}

.sub_content_getting_started .left_sub_content {width:710px;}

.sub_content_getting_started .right_sub_content {width:234px;}

.sub_content_getting_started .right_sub_content h3 {padding:12px 20px 0 18px; height:22px;}

.sub_content_getting_started .left_sub_content .text_block .col_left {width:250px;}

.sub_content_getting_started .left_sub_content .text_block .col_right {padding-left:15px; padding-right:15px; width:400px}

.sub_content_getting_started .left_sub_content h5 {color:#333; padding:0 0 0 11px;}

.sub_content_getting_started .left_sub_content ol {margin-top:5px;}

.topic_list {}

ul.topic_list {margin-top:6px; padding-bottom:15px;}

ul.topic_list li {padding:0px; margin:0px;}

ul.topic_list li a {display:block; color:#fff; font-size:12px; border-bottom:1px #356b87 solid; padding:7px 15px 7px 15px; margin:0px;}

ul.topic_list li a b {font-size:14px; font-weight:bold; padding-right:10px;}

ul.topic_list li a:hover {background:#356b87; border-bottom:1px #356b87 solid; text-decoration:none;}

 ul.topic_list li.selected a {background:#003551; border-bottom:1px #356b87 solid; text-decoration:none;}
 
 
#video_topics h3 {color:#fff; padding:0px; padding-top:10px}

#video_topics {position:absolute; top:100px; z-index:100; margin-left:20px; width:190px}

#video_topics .info_box_small {background:none; height:100%}

#video_topics .info_box_top_small {background:none; height:100%}

#video_topics .info_box_bottom_small {background:none; height:100%}

/*------------------------- Support ---------------------------*/



/*------------------------- Sign Up Form ---------------------------*/


.sub_content_sign_up_form {}

.sub_content_sign_up_form .left_sub_content {}

.sub_content_sign_up_form .left_sub_content .text_block {padding-right:20px;}

.sub_content_sign_up_form .left_sub_content .text_block h4 {padding-top:15px; padding-bottom:3px; margin-bottom:8px; border-bottom:1px solid #e3e3e3;}

.sub_content_sign_up_form .left_sub_content .text_block h4 b {color:#136597; font-size:18px;}


.sub_content_sign_up_form .form_box {
	border:7px #ededed solid;
	padding:7px;
	margin-bottom:15px;
}

.admin_form_table th {text-align:right; color:#333333; font-size:11px;}

.sub_content_sign_up_form .right_sub_content .text_block {padding:26px 20px 5px 30px;}

.sub_content_sign_up_form .right_sub_content .text_block p {padding-bottom:20px;}

.sub_content_sign_up_form .right_sub_content .text_block h4 {font-size:12px;}


/*////////////////////////////////////////////////*/
/*/                  Footer                      /*/
/*////////////////////////////////////////////////*/

.footer_nav {text-align:center; background:url(../_images/bg_footer.gif) bottom center no-repeat; padding-top:4px; height:20px;}

.footer_logo {text-align:center;}



/*////////////////////////////////////////////////*/
/*/            Sign up form error                /*/
/*////////////////////////////////////////////////*/

div.error {
	background-color:#CC0000;
	padding:7px 15px 7px 15px;
	margin:15px 0px 15px 0px;
}

.error p {
	font-size:76%;
	color:#ffffff;
	margin:0px;
	padding:0px;
}

.error {
	background-color:none;
	color:#CC0000;
	padding:0px;
	margin:0px;
	
}

.error b {color:#ffffff; text-decoration:blink}

.error ul {color:#ffffff; font-size:12px; margin:10px 10px 10px 0px !important;	margin-left:40px;}

.error li {color:#ffffff; padding-bottom:5px}