/* 
Author: Bobby, Senior UI Developer
Email: bobby.kc@tmp.com
Company: TMP Worldwide Advertising and Communications, LLC
*/

@media screen {

	/* Global elements */
	
	body, form, fieldset, legend, div { margin: 0 auto;padding: 0; }
	body {font: 10px Verdana, Helvetica, sans-serif;background: #FFF;
		color: #000;margin: 0;padding: 0;color: #666666;line-height:16px;
		background:url('../images/global/gradient_bg.gif') repeat-x;}

	strong {color: #333;}
	input {border:1px solid #000;}
	object { outline:none; }
	h2{padding:0px 0 0px  86px; margin:0px; color:#4eba4d; font-weight:normal; font-size:14px;}
	h3{padding:6px 0 2px  86px; margin:0px; color:#4eba4d; font-weight:normal; font-size:12px;}
	p{margin:0;padding:0;font-size:11px;line-height:18px;color:#333333;}
	ul{font-size:11px;line-height:18px;color:#333333;}
	img{border:0;}
	a {color:#688a92;text-decoration:none;}
	a:hover{color:#f6891f;text-decoration:none;}

	
	#wrapper {width: 1031px; border:0px solid #000; margin:0 auto;text-align:left;}
	/*Hack for global background*/
	#wrapper:after{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	}
	
	#left_wrapper {width:826px;display:block;float:left;
		background:url('../images/global/left_wrapper_bg.png') repeat-y;}
	#left_content-wrapper-bottom-cap{width:826px;display:block;float:left;
		background:url('../images/global/left_wrapper_bottom_bg.gif');height:35px;}
	#right_wrapper{position:relative;width:205px;display:block;float:right;margin:0px 0 0 0px;padding:0 0 0 0;left:-15px;
		background:url('../images/global/right_wrapper_bg.png') repeat-y;}
	#right_wrapper_content{width:191px;height:auto;background-color:#FFE899;margin:0px 0 0 0px;padding:0 0 50px 0;
		background:url('../images/global/right_wrapper_content_bg.png') repeat-y;}
	#right_content-wrapper-bottom-cap{width	:205px;display:block;float:left;
		background:url('../images/global/right_wrapper_bottom_bg.png');height:12px;}
	
	#content-wrapper {width: 826px;border:1px solid #000; border:0px solid;padding:16px 0 30px 0 ; float:left;}
	#content-wrapper h1{color:#214135; font-size:18px;padding:10px 0 4px 86px;margin:0;font-weight:bold}
	#content-wrapper h2{color:#688A92; font-size:14px;padding:0px 0 0 86px;margin:0;font-weight:bold;}
	#content-wrapper h3{color:#688A92; font-size:13px;padding:10px 0 0 86px;margin:0;font-weight:bold;}
	#content-wrapper p {padding:2px 80px 16px 86px;}
	#content-wrapper ul {padding:0 0 0 126px; margin:0 0 18px 0px;list-style-type:disc;font-size:11px;}
	#content-wrapper ul li{padding:0 30px 4px 0;margin:0}
	#content-wrapper ul li ul{padding:0 0 4px 20px;margin:0;list-style-type:circle;}
	
	/* header */
	#header {position: relative;width: 796px;height: 101px;border: 0px #000 solid;}
	#header #logo {background: #fff url(/images/global/logo.gif);width:208px;height:101px;display:block;text-indent: -9999px;overflow: hidden;}
	#header #global_nav {position:absolute;left:614px;top:30px;display:block;margin:0;padding:0;list-style:none;font-size:10px;font-weight:bold;}
	#header #global_nav li{left:0;top:0;display:inline;margin:0 4px 0 0;padding:0;list-style:none;}
	#header #global_nav li a{color:#688A92 !important;}
	#header #global_nav li a:hover{color:#F6891F !important;}
	.pipe {font-size:9px;color:#688A92;}

	#header #primary_nav {position:absolute;left:208px;top:66px;display:block;margin:0;padding:0;list-style:none;width:588px;height:35px;text-indent: -9999px;overflow: hidden;}
	#header #primary_nav li{left:0;top:0;display:inline;margin:0;padding:0;list-style:none;}
	#header #primary_nav li a{position:absolute;display:block;list-style:none;margin:0;padding:0;top:0px;height:35px;text-indent: -9999px;overflow: hidden;}
	#header #primary_nav li a.home{background: url('../images/navigation/home_off.jpg');left:0px;width:68px;}
	#header #primary_nav li a:hover.home{background: url('../images/navigation/home_hover.jpg');}
	#header #primary_nav li a.home-on{background: url('../images/navigation/home_on.jpg');left:0px;width:68px;}	
	#header #primary_nav li a.options{background: url('../images/navigation/options_off.jpg');left:68px;width:120px;}
	#header #primary_nav li a:hover.options{background: url('../images/navigation/options_hover.jpg');}
	#header #primary_nav li a.options-on{background: url('../images/navigation/options_on.jpg');left:68px;width:120px;}
	#header #primary_nav li a.retire{background: url('../images/navigation/retire_off.jpg');left:188px;width:143px;}
	#header #primary_nav li a:hover.retire{background: url('../images/navigation/retire_hover.jpg');}
	#header #primary_nav li a.retire-on{background: url('../images/navigation/retire_on.jpg');left:188px;width:143px;}	
	#header #primary_nav li a.smartbill{background: url('../images/navigation/betweenjobs_off.jpg');left:331px;width:121px;}
	#header #primary_nav li a:hover.smartbill{background: url('../images/navigation/betweenjobs_hover.jpg');}
	#header #primary_nav li a.smartbill-on{background: url('../images/navigation/betweenjobs_on.jpg');left:331px;width:121px;}	
	#header #primary_nav li a.wecanhelp{background: url('../images/navigation/wecanhelp_off.jpg');left:452px;width:136px;}
	#header #primary_nav li a:hover.wecanhelp{background: url('../images/navigation/wecanhelp_hover.jpg');}
	#header #primary_nav li a.wecanhelp-on{background: url('../images/navigation/wecanhelp_on.jpg');left:452px;width:136px;}
	
	/* Banner area */
	#banner {position: relative;width: 796px;height: 154px;border: 0px #000 solid;border-bottom:1px solid #999;}

	#secondary_nav {position: relative;width: 796px;height: 44px;border:0px solid #999;margin:0 0 0 15px;padding:0;text-indent: -9999px;overflow: hidden;display:none;}
	.subnavbg{background: url('../images/navigation/subnav.jpg') left top no-repeat;}
	#secondary_nav li {display:inline;margin:0;padding:0;list-style:none;}
	#secondary_nav li a{position:absolute;top:0px;display:block;margin:0;padding:0;list-style:none;text-indent: -9999px;overflow: hidden;}
	#secondary_nav li.subnav{position: relative;width: 215px;height: 34px;border: 0px #000 solid;margin:0 0 0 15px;padding:0; background: blue url('../images/navigation/subnavigation.jpg');text-indent: -9999px;}
	#secondary_nav li a.rollit{background: url('../images/navigation/rollit_off.jpg');left:215px;width:64px;height:33px;}
	#secondary_nav li a:hover.rollit{background: url('../images/navigation/rollit_on.jpg');}
	#secondary_nav li a.rollit-on{background: url('../images/navigation/rollit_on.jpg');left:215px;width:64px;height:44px;}	
	#secondary_nav li a.takeit{background: url('../images/navigation/takeit_off.jpg');left:329px;width:68px;height:33px;}
	#secondary_nav li a:hover.takeit{background: url('../images/navigation/takeit_on.jpg');}	
	#secondary_nav li a.takeit-on{background: url('../images/navigation/takeit_on.jpg');left:329px;width:68px;height:44px;}	
	#secondary_nav li a.leaveit{background: url('../images/navigation/leaveit_off.jpg');left:447px;width:77px;height:33px;}
	#secondary_nav li a:hover.leaveit{background: url('../images/navigation/leaveit_on.jpg');}	
	#secondary_nav li a.leaveit-on{background: url('../images/navigation/leaveit_on.jpg');left:447px;width:77px;height:44px;}	
	#secondary_nav li a.moveit{background: url('../images/navigation/moveit_off.jpg');left:574px;width:77px;height:33px;}
	#secondary_nav li a:hover.moveit{background: url('../images/navigation/moveit_on.jpg');}	
	#secondary_nav li a.moveit-on{background: url('../images/navigation/moveit_on.jpg');left:574px;width:77px;height:44px;}		

	/* Left side Content CSS */
	#leftcontent {float: left;width: 638px;border: 0px #000 solid;margin:0;padding:0}	
	#leftcontent p {padding:2px 25px 16px 86px;}

	/* Right side Content CSS */
	#rightcontent {float: left;width: 188px;border: 0px #000 solid;background-image: url(/images/global/rightcontent_bg.gif);background-position: top left;background-repeat:no-repeat; 
		margin:0;padding:0;position:relative;}	
	#rightcontent p {padding:0px 24px 0px 20px;}
	#rightcontent img {padding:0px 20px 10px 20px;}
	
	
	#footer {position:relative;width:735px; float:left; height:50px;padding:0;margin:0;border-top:1px solid #C4C4C4;padding-top:5px;left:50px;}
	#footer p{padding:0 0 0px 0; margin:0px;font-size:0.9em;line-height:10px;font: Arial, Verdana, Helvetica, sans-serif;color:#929292;}

	/* Generic classes */
	.content_heighlight {color :#688A92;font-size:11px;font-weight:bold;}
	.video_title{color :#000;font-size:10px;font-weight:bold;}
	a.link_orange_arrow,
	a.link_orange_arrow:active,
	a.link_orange_arrow:link 
	{color:#FFB310 !important;display:block;padding:0px 0 5px 19px;margin:3px 0 0 0;font-weight:bold;background: url('../images/global/link_orange_arrow.gif') no-repeat;}
	a.link_orange_arrow:hover {color:#F6891F !important;text-decoration:none;}
	
	a.office_location_link{color:#82ABBF;}
	
	a.link_gray_arrow,
	a.link_gray_arrow:active,
	a.link_gray_arrow:link 
	{color:#FFB310 !important;display:inline;padding:0px 0 5px 19px;margin:3px 0 0 4px;font-weight:bold;background: url('../images/global/link_gray_arrow.gif') no-repeat;}
	a.link_gray_arrow:hover {color:#F6891F !important;text-decoration:none;}
	.gray_arrow {color:#82ABBF !important;font-size:9px;font-weight:bold;}
	
	.options_right_head {color:#688A92 !important;margin:0 !important;padding-left:18px !important;font-size:17px !important;font-weight:normal !important;line-height:18px;}
	.options_right_head_bold {font-size:10px;}
	.hom_top_para {margin-bottom:10px;}

	h2.options_right_head a{color:#688A92 !important;}
	h2.options_right_head a:hover{color:#f6891f !important; text-decoration:none;}
	
	.line {display:block;width:160px;border-top:1px solid #000;margin:5px 0 5px 0; padding:0px; height:2px;}

	#right_wrapper .generic_right_box{background:#FFF6D8  url(/images/right_wrapper/box_bottom_cap.gif) no-repeat;
		background-position:bottom;
		margin:0px;padding:0 0 10px 0;position:relative;top:20px;left:15px;width:163px;border:0;
		}
	#right_wrapper .generic_right_box h2{color:#B21811;padding:0px 0 0 0px; margin:0px;display:block;text-indent: -9999px;overflow: hidden;}
	#right_wrapper .generic_right_box p{padding:2px 0 0 13px;}
	#right_wrapper .generic_right_box input{padding: 2px 2px 2px 3px;margin:3px 0 0 13px;font-size:11px;
		border:0;border-top:1px solid #C0BCAF;border-left:1px solid #C0BCAF;color:#797979;
		}
		
	.input_addr {width:134px;}
	.input_city {width:134px;}
	.input_state {width:42px;display:inline;margin:0;padding:0;}
	.input_zip {width:42px;display:inline;margin:2px 0 0 3px !important;}
	.link_find {position:absolute;display:block;margin:0px 0 0 0px !important;left:116px;top:4px;font-size:0;line-height:0;
		background: url(/images/right_wrapper/box_find_btn.gif);width:37px;height:17px;text-indent: -9999px;overflow: hidden;}
	#find_btn_container{position:relative;}
	
	#right_wrapper #right_wrapper_box1 h2{background: url(/images/right_wrapper/box1_h2.gif);width:163px;height:47px;display:block;}
	#right_wrapper #right_wrapper_box2 {padding-bottom:30px;}
	#right_wrapper #right_wrapper_box2 h2{background: url(/images/right_wrapper/box2_h2.gif);width:163px;height:68px;display:block;margin:0 0 0 0;}
	#right_wrapper #right_wrapper_box2 a {font-size:10px; color:#333;}
	#right_wrapper #right_wrapper_box2 a:hover {font-size:10px;color:#F6891F;}
	#right_wrapper #right_wrapper_box2 ul { margin:0;padding:0;list-style:none;}
	#right_wrapper #right_wrapper_box2 li { margin:0;padding:0;font-weight:bold;color:#333333;font-size:10px;}
	.li_1 {background: url(/images/right_wrapper/li_1.gif) no-repeat;height:100%;margin:10px 0 0 10px !important;padding:0 20px 0 24px !important;display:block;}
	.li_2 {background: url(/images/right_wrapper/li_2.gif) no-repeat;height:100%;margin:10px 0 0 10px !important;padding:0 20px 0 24px !important;display:block;}
	.li_3 {background: url(/images/right_wrapper/li_3.gif) no-repeat;height:100%;margin:10px 0 0 10px !important;padding:0 20px 0 24px !important;display:block;}
	.li_4 {background: url(/images/right_wrapper/li_4.gif) no-repeat;height:100%;margin:10px 0 0 10px !important;padding:0 20px 0 24px !important;display:block;}
	.li_5 {background: url(/images/right_wrapper/li_5.gif) no-repeat;height:100%;margin:10px 0 0 10px !important;padding:0 20px 0 24px !important;display:block;}
	
		
	/* Page wise CSS */
	body#default #banner {background-image: url(/images/banner/home.jpg);}
	body#default #content-wrapper h2{color:#FFB310;}
	body#default #content-wrapper h2 a{color:#82ABBF;}
	body#default #content-wrapper h2 a:hover{color:#f6891f;}
	body#default #leftcontent p{font-size:10px;padding:2px 15px 16px 86px;}
	body#can_i_retire_default #banner {background-image: url(/images/banner/can-i-retire.jpg);}
	body#smart_bill_paying_default #banner {background-image: url(/images/banner/smart-billing.jpg);}
	body#how_we_can_help_default #banner {background-image: url(/images/banner/how-can-i-help.jpg);}
	
	body#k_options_default #banner {height:205px;border:0;}
	body#k_options_roll_it #banner {height:205px;border:0;}
	body#k_options_take_it #banner {height:205px;border:0;}
	body#k_options_leave_it #banner {height:205px;border:0;}
	body#k_options_move_it #banner {height:205px;border:0;}
	
	
	
	body#k_options_default #rightcontent {display:none;} 
	
	/*
	body#can_i_retire_default #rightcontent {display:none;} 
	body#smart_bill_paying_default #rightcontent {display:none;} 
	body#how_we_can_help_default #rightcontent {display:none;} 
	*/
	span, a, a:hover, img, div{ 
		behavior: url(/iepngfix.htc); 
	}	


	 /* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

	/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	  can change this value by either;
		a) supplying one via CSS
		b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	  
	.jqmWindow {
		display: none;
		position: absolute;
		top: 17%;
		left: 50%;
		margin-left: -350px;
		width: 599px;
		height:293px;
		background-color: #B8CFDB;
		background: url('../images/video/video_right_panel_bg.gif') right top no-repeat;
		color: #333;
		border: 3px solid #FEBE1E;
	}

	.jqmOverlay { background-color: #214135; }

	/* Fixed posistioning emulation for IE6
		 Star selector used to hide definition from browsers other than IE6
		 For valid CSS, use a conditional include instead */
	* html .jqmWindow {
		 position: absolute;
		 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	}	
	.jqmClose {position:relative; display:block;width:52px;height:14px;float:left;font-size:12px;font-weight:bold;
		background: url('../images/video/close_btn.gif') left top no-repeat;text-indent: -9999px;overflow: hidden;
		margin-top:18px;margin-left:186px;
		}
	.jqmClose:hover
	{
		background: url('../images/video/close_btn_hover.gif') left top no-repeat;
	}
	
	#video_player {width:352px;height:291px;border:1px solid #000;display:block;float:left;
		margin:0;padding:0 ;background-color:#13261F;}
	#video {border:1px solid #FEBE1E;width:318px;height:238px;float:left;position:relative;left:16px;top:30px;font-size:0;line-height:0;}
	
	#video_1 {display:block;width:205px;height:84px;background-color:#E1EBF0;color:#333333;
		float:left;margin:16px 0 0 0;padding:14px 0px 0px 40px;font-size:10px;font-weight:bold;background: url('../images/video/video_select.gif') left top no-repeat;line-height:14px;}
	#video_2 {display:block;width:184px;height:84px;background-color:#EEF4F7;color:#333333;
		float:left;margin:0px 0 0 0;padding:12px 20px 0px 40px;font-size:10px;font-weight:bold;background: url('../images/video/video_non-select.gif') left top no-repeat;line-height:14px;}
}