/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background: #fff url(/images/site/layout/subpage_bg.gif) repeat-x; height:100%;  }

input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#747474;}
input, select {vertical-align:middle; font-weight:normal;}

#wrapper {  width:1000px;  margin-left: auto; margin-right: auto; }
#content_wrapper { min-height: 500px; }
#header { width: 980px; text-align:left; }
#main_content { width: 700px; background-color:#FFF; height: 100%; min-height: 100%; float:right; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#main_content_wide { width: 950px; background-color:#FFF; height: 100%; min-height: 100%; float:right; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#main_content h1.title, #main_content_wide h1.title { font-size:30px; font-weight:normal; color:#144574; margin:20px 0 20px 0; padding:0; }
#main_content p { width: 600px; color: #677981; line-height: 20px; font-size:13px; padding: 0 0 15px 0; font-weight:normal; }
#main_content_wide p { width: 850px; color: #677981; line-height: 20px; font-size:13px; padding: 0 0 15px 0; font-weight:normal; }
#main_content h2, #main_content_wide h2 { color: #234669; font-size:18px; padding: 10px 0 8px 0; font-weight:normal; }
#main_content h3, #main_content_wide h3 { color: #234669; font-size:13px; padding: 10px 0 6px 0; font-weight:bold; }
#main_content strong, #main_content_wide strong { color: #144574; }
#main_content strong.heading, #main_content_wide.heading { color: #234669; }

#main_content a, #main_content_wide a { color:#069; }
#main_content a:hover, #main_content_wide a:hover { color:#036; }

#main_content ul.arrow { color: #677981; font-size:13px; margin-left: 30px; list-style-image:url(/images/site/layout/icons/nu_arrow.gif); }
#main_content ul { color: #677981; font-size:13px; margin-left: 30px; list-style-type:disc; padding-bottom: 5px;}
#main_content ol { color: #677981; font-size:13px; margin-left: 30px; padding-bottom: 5px;}
#main_content_wide ol { color: #677981; font-size:13px; margin: -10px 200px 0 30px; padding-bottom: 5px;}
#main_content ul li.second { list-style-type:circle; }
#main_content li, #main_content_wide li { padding-top: 8px; line-height: 18px; }


.list_title { font-weight:bold; padding-bottom: 5px; display:block; color: #144574; }

#contact_box { width: 160px; position:absolute; top: 270px; left:50%; margin-left: 240px; }
#foverview_box { margin-left: 70px; width: 400px; }
#flead_box { margin-left: 90px; margin-bottom: 20px; width: 350px; }
#about_box { margin-left: 90px; margin-bottom: 0px; width: 310px; }
#ftrack_box { margin-left: 130px; margin-top: 15px; width: 380px; text-align:center; }
.rbox {
	background:#F3F9FC;border:1px solid #DAEBF8 !important;padding:14px;-moz-border-radius:4px;-webkit-border-radius:4px;
	border-radius:4px;  font-size:12px; color:#666; 
}
.ebox {
	background:#F3F9FC;border:5px solid #DAEBF8 !important;padding:14px;-moz-border-radius:4px;-webkit-border-radius:4px;
	border-radius:4px;  font-size:12px; color:#465F79; margin: 0 100px 20px 20px;
}

.case_box {
	background:#F3F9FC;border:5px solid #DAEBF8 !important;padding:14px;-moz-border-radius:4px;-webkit-border-radius:4px;
	border-radius:4px;  font-size:12px; color:#465F79; margin: 0 70px 20px 0;
}
.case_img { float:right; padding: 0 0 20px 30px; width: 300px; }
#main_content .case_box h2 { color: #234669; font-size:18px; padding: 5px 0 20px 0; font-weight:normal; }
#main_content .case_box .solutions { display:block; font-weight: bold; font-size: 13px; padding: 15px 0 5px 0; }
.rbox_blue {
	background:#F3F9FC;border:5px solid #DAEBF8 !important;padding:14px;-moz-border-radius:4px;-webkit-border-radius:4px;
	border-radius:4px;  font-size:12px; color:#036;	
}

#banner_buttons { position:absolute; top: 10px; left: 50%; margin-left: 185px; }
#banner_buttons img { border: none; padding-left: 15px; }
#banner_manager { 
	 z-index: 100;
	 top: 0; left: 50%;
	 position: absolute; 
	 margin-left: -95px; 
	 width:220px; height:40px;
	 background:url(/images/site/layout/buttons/banner_manager.png) no-repeat;
	 cursor:pointer;
}
#banner_manager:hover { background:url(/images/site/layout/buttons/banner_manager_over.png) no-repeat; }

.sp_orange { color: #F90; }
.sp_navy { color: #369; }
.c_bld { font-weight:bold; font-size:14px; }

.contact_preferences span { width: 200px; display:inline-block; }
.contact_preferences em { color: #ccc; }
/***************************************/




/*************** menu *****************/
#menu { height:55px; }

#nav ul  { list-style-type:none; }
#nav ul a { display:block; overflow:hidden; text-indent:9999em; }
#nav ul li a { background-image:url(/images/site/layout/main_menu.png); height:25px; top:97px; left: 50%; position:absolute;}

#nav .home a{ width:68px; background-position:0 top; margin-left: -475px; }
#nav .home a:hover{background-position:0 center;}
#nav .home a.current{background-position:0 bottom;}
#nav .features a{ width:90px; background-position:-68px top; margin-left: -407px; }
#nav .features a:hover{background-position:-68px center;}
#nav .features a.current{background-position:-68px bottom;}
#nav .pricing a{ width:132px; background-position:-158px top; margin-left: -317px; }
#nav .pricing a:hover{background-position:-158px center;}
#nav .pricing a.current{background-position:-158px bottom;}
#nav .studies a{ width:117px; background-position:-290px top; margin-left: -185px; }
#nav .studies a:hover{background-position:-290px center;}
#nav .studies a.current{background-position:-290px bottom;}
#nav .services a{ width:105px; background-position:-407px top; margin-left: -68px; }
#nav .services a:hover{background-position:-407px center;}
#nav .services a.current{background-position:-407px bottom;}
#nav .about a{ width:75px; background-position:-512px top; margin-left: 37px; }
#nav .about a:hover{background-position:-512px center;}
#nav .about a.current{background-position:-512px bottom;}
#nav .news a{ width:67px; background-position:-587px top; margin-left: 108px; }
#nav .news a:hover{background-position:-587px center;}
#nav .news a.current{background-position:-587px bottom;}

#submenu { position: absolute; left:50%; top:0;	margin: 132px 0 0 -503px; width: 250px; min-height:550px; text-align:right; background-image:url(/images/site/layout/subpage_menu_bg.png); background-repeat:no-repeat; z-index:999; }

#submenu ul {  border-bottom: #fff solid thin; border-top: #d7e2ea solid thin; margin-top: 40px; margin-left: 50px; text-align: left; list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; width: 200px; }
#submenu ul a { text-decoration: none; color:#52778b; }
#submenu ul a:hover { text-decoration: underline; }

#submenu li.begin { height: 1px; padding:0; border-top: #d7e2ea solid thin; width:300px; margin-right: 50px;  }
#submenu li.curr a{ padding-right: 30px; text-shadow:-1px -1px 0 #C44F0F; border:none; color:#FFF; background-image:url(/images/site/layout/submenu_current.png); background-position:center left; background-repeat:no-repeat; }
#submenu li a { width:180px; padding: 8px 0 7px 20px; display:block; border-top: #fff solid 1px; border-bottom: #d7e2ea solid 1px;}
#submenu li { margin:0 0 0 0; width:300px;   }
.bld { font-weight: bold; }
/***************************************/




/************* tooltips ****************/
#main_content .ebox a { color:#069; }
a.tt{ position:relative; _display:inline-block; text-decoration:underline; font-weight:bold; }
a.tt span{ display:none; }
a.tt:hover{ text-decoration: none; background-color:#BBE9FF;  }
a.tt:hover span{ display:block; position:absolute; z-index:20; bottom:26px; left:0; width:200px; color:#069; background:#EAF4FF;border:5px solid #069 !important;padding:0px;-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; }
a.tt span b{ display: block; padding: 4px 5px 4px 5px; color: #fff; background-color:#4682B7; text-align:left; }
a.tt span em{ display:block; height:10px; background: url(/images/site/layout/tooltip_arrow.gif) no-repeat; background-position:left; margin-bottom:-15px;}
a.tt span i{ display:block; font-size:12px; color:#069;	font-style:normal;	padding: 8px 10px 12px 5px; line-height: 16px; }
/***************************************/




/*************** forms ***************/
label {display:block; font-size:14px; padding: 10px 0 3px 0; color:#677981; width:220px; }
.example { font-style:italic; font-size:12px; color:#AFBBC0; display:inline; float:right; }
.fl_left { float:left; }

#send_message { width:185px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/send_message.jpg); }
#request_pricing { width:157px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/request_pricing.jpg); }
#request_quote { width:166px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/request_quote.jpg); }
#sign_me_up { width:125px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/sign_me_up.jpg); }
#customer_login { width:160px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/login.jpg); }
#change_password { width:185px; height:44px; display:block; border:none; margin: 10px 0 0 5px; cursor:pointer; 
	background-image:url(/images/site/layout/buttons/change_password.jpg); }
	
.LV_validation_message{ font-weight:bold; margin: 0; padding-left: 30px; font-size: 13px; }
.LV_valid { color:#390;	background-repeat:no-repeat; background-image:url(/images/site/layout/icons/checked_circle.gif); background-position:10px center; }
.LV_invalid { color:#CC0000; background-repeat:no-repeat; background-image:url(/images/site/layout/icons/unchecked_circle.gif); background-position:10px center; }


input.LValid_field_v { border: 1px solid #d7e2ea; height:18px; width: 210px; padding:2px 2px 2px 4px; font-size:14px; margin-bottom: 4px; color: #677981; }
select.LValid_field_v { border: 1px solid #d7e2ea; height:26px; padding:2px 2px 2px 4px; font-size:14px; margin-bottom: 8px; color: #677981; min-width:200px; }
textarea.LValid_field_v { border: 1px solid #d7e2ea; height:80px; width: 300px; padding:2px 2px 2px 4px; font-size:14px; margin:0; margin-bottom: 14px; color: #677981; }
input.LV_invalid_field { border: 1px solid #CC0000; height:18px; width: 210px; padding:2px 2px 2px 4px; font-size:14px; margin-bottom: 4px; }
textarea.LV_invalid_field { border: 1px solid #CC0000; height:80px; width: 300px; padding:2px 2px 2px 4px; font-size:14px; margin:0; margin-bottom: 14px; }
/***************************************/




/*************** footer ***************/
#footer { float:right; border-top:#EFEFEF solid 1px; width: 600px; margin-top: 100px; margin-right:100px; text-align:center; color:#369; font-weight:bold; padding-top: 15px; padding-bottom: 30px; font-size:16px; font-family:Calibri, Arial, Garamond; }
.footer_orange { color: #F90; }
.footer_gray { color: #abc0c3; }
.footer_spc { padding:0 20px 0 20px; font-size: 20px; }
#footer a { text-decoration:none; color:#369;}
#footer a:hover {text-decoration:underline;}

#footer a.link_gray { text-decoration:none; color:#abc0c3;}
#footer a.link_gray:hover { text-decoration:underline;}
/***************************************/



/*************** Extras *****************/
#qqt { font-family:Arial, Helvetica, sans-serif; left:50%; top:0; position:absolute; margin:86px 0 0 184px; background-image:url(/images/site/layout/c2c/c2c.gif); background-repeat:no-repeat; width:259px; height:45px; }
#qqt_input {  margin:7px 0 0 110px; width: 141px; height: 36px; vertical-align:top; }
.qqt_input_blank { background-image:url(/images/site/layout/c2c/c2c_on.gif); }
.qqt_input_full { background-image:url(/images/site/layout/c2c/c2c_off.gif); }
#qqt1, #qqt2, #qqt3 { height:17px; border:none; background:none; font-size: 12px; font-weight:bold; color:#036; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; margin-top: -30px; }

#qqt1 { margin-left:8px; width:24px; }
#qqt2 { width:24px; margin-left:5px; }
#qqt3 { width:31px; margin-left:6px; margin-right:4px; }


#shade_ln { background-color:#0B4C70; width:100%; height:2px; position:absolute; top:0; z-index:20; }


.jquery_passStrengthener{
	display: inline-block;
	width:200px !important;
	margin: 0 10px;
}
.jquery_passStrengthener span.score{
	display:block;
	white-space: nowrap;
	border:black 1px solid;
	width:100% !important;
}
.jquery_passStrengthener span.score span{ display:block; white-space: nowrap;}
.jquery_passStrengthener.shortPass span.score span{	background-color:#F4715B; }
.jquery_passStrengthener.badPass span.score span{	background-color:#C00; color:#FFF;}
.jquery_passStrengthener.goodPass span.score span{background-color:#FC0; color:#000;}
.jquery_passStrengthener.strongPass span.score span{background-color:#390; color:#FFF;}
#password_check { vertical-align:bottom; height: 22px; display:inline-block; margin: 0 0 9px 10px; width:20px; background-repeat:no-repeat; }
.confirm_off { background: none; }
.confirm_on { background-image:url(/images/site/layout/icons/checked_circle.gif); } }


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 12px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #006CA0;
	font-size: 12px;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/site/layout/buttons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	color: #FFF;
	padding-right: 30px;
}
table.tablesorter tbody td {
	color: #666;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	font-size: 12px;
}
table.tablesorter tbody tr.odd td { background-color:#e6EEEE; padding-right: 20px; }
table.tablesorter thead tr .headerSortUp { background-image: url(/images/site/layout/buttons/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(/images/site/layout/buttons/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #1CA1CF; }