/* 
Project: RAF Careers
Filename: screen.css
Date: August 2009
*/




body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
        height: 100%;  
	font-size: 62.5%;	
	color: #444;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	/*background: #fff url(../images/bodyBg.jpg) repeat-x 0 0;*/
    }


body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
/*
table {
	border-collapse:collapse;
	border-spacing:0;
}
*/
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}
	
	
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*------ global classes ------*/


a.arrowRed {
	color: #2461AA !important;
	text-decoration: none;
	padding-left: 15px;
	background: url("../images/bgLinkArrowsOrange.gif") no-repeat 0 4px;
	}


a.arrowRed:hover {
	text-decoration: underline;
}



/*------ #bodyBackground ------*/

#bodyBackground {
	margin: 0 auto 0 auto;
	padding: 0 10px;
	width: 960px;
	text-align: left;
	/*background: #fff url(../images/bodyBackgroundBg.jpg) no-repeat 0 0;*/
}



/*------ #header ------*/

#header{
	float: left;
	width: 940px;
	margin: 0 10px;
}


#hLeft{
	float: left;
	background: url(../images/hLeftBg.gif) repeat-y 0 0;
}


#hLeft h1{
	float: left;
	width: 153px;
	padding: 24px 0 0 0;
}


#hLeft .careers{
	padding: 55px 0 0 0;
}


#topNav{
	float: right;
	margin-top: 10px;
}


#topNav li{
	float: left;
}


#topNav li a {
	display: block;
	float: left;
	margin-left: 15px;
	padding: 1px 2px 1px 12px;
	display: inline;
	color: #4e5665;
	text-decoration: none;
	background: url("../images/bgLinkArrowsBlue.gif") no-repeat 0 4px !important;
	}


#topNav li a:hover{
	text-decoration: underline;
}



#header .moreInfo{
	float: right;
	width: 400px;
	text-align: right;
	font-size: 1.4em;
	color: #e9a025;
	font-weight: bold;
	margin: 42px 0 0 0;
}


/*------ #nav ------*/

#nav{
	float: left;
	width: 950px;
	margin: 10px 0 7px 10px;
	padding-bottom: 7px;
	background: url("../images/navBg.gif") no-repeat bottom left;
}


#nav .gutter{
	float: left;
	width: 950px;
	background: url("../images/navTopBg.gif") no-repeat top left;
}


#navigation{
	float: left;
	position: relative;
}


#navigation li{
	float: left;
}


#navigation li a{
	float: left;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #f3f3f3;
	text-decoration: none;
	text-align: center;
	padding: 15px 5px 15px 5px;
	background: url("../images/navDividerBg.gif") no-repeat 100% 50%;
}


#navigation li a:hover,
#navigation li a.here{
	background: url("../images/navOnBg.gif") repeat-x bottom left;
}


#navigation li.home a:hover,
#navigation li.home a.here{
	background: #ccc;
	background: url("../images/navFirstBg.gif") no-repeat bottom left;
}


#navigation li.home a{
	float: left;
	padding: 0px 0px 0px 0px;
}


#navigation li.home a span{
	float: left;
	padding: 15px 5px 15px 5px;
}



#navigation li.home a:hover span,
#navigation li.home a.here span{
	cursor: pointer;
	background: url("../images/navFirstTopBg.gif") no-repeat top left;
}


#navigation li.home a span{
	width: 117px;
}


#navigation li.join a{
	width: 85px;
}


#navigation li.jobs a{
	width: 44px;
}


#navigation li.life a{
	width: 147px;
}


#navigation li.life a{
	float: left;
	padding: 0px 0px 0px 0px;
}



#navigation li.life a span{
	float: left;
	text-align: center;
	padding: 14px 15px 15px 15px;
	background: url("../images/navMoreArrow.gif") no-repeat 100% 50%;
}



#navigation li.life:hover{
	cursor: pointer;
	background: url("../images/navOnBg.gif") repeat-x bottom left;
}


#navigation li.life:hover a{
	cursor: pointer;
	background: none;
}



#navigation li.offer a{
	width: 130px;
}


#navigation li.application a{
	width: 139px;
}



#navigation li ul { /* second-level lists */
	position: absolute;
	z-index: 10;
	padding-top: 5px;
	top: 96%;
	right: -213px;
	width: 880px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: url("../images/subNavTopBg.gif") no-repeat 0 2px !important;
}


#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#navigation li ul li{
	float: left;
	width: 290px;
	background: url("../images/subNavLiBg.jpg") repeat-x bottom left !important;
}



#navigation li ul li.life1{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-bottom: 1px solid #434652;
}

#navigation li ul li.life2{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-bottom: 1px solid #434652;
}

#navigation li ul li.life3{
	border-bottom: 1px solid #434652;
}

#navigation li ul li.life4{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-top: 1px solid #2E3240;
	border-bottom: 1px solid #4C5368;
}

#navigation li ul li.life5{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-top: 1px solid #2E3240;
	border-bottom: 1px solid #4C5368;
}

#navigation li ul li.life6{
	border-top: 1px solid #2E3240;
	border-bottom: 1px solid #4C5368;
}

#navigation li ul li.life7{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-top: 1px solid #3A4058;
}

#navigation li ul li.life8{
	width: 289px;
	border-right: 1px solid #2E3240;
	border-top: 1px solid #3A4058;
}

#navigation li ul li.life9{
	border-top: 1px solid #3A4058;
}




#navigation li ul li a{
	display: block; !important;
	width: 290px !important;
	min-height: 110px !important;	
	text-transform: none;
	font-size: 1em !important;
	text-align: left !important;
	background: none !important;
}


#navigation li ul li a:hover{
	cursor: pointer;
	background: #80879B !important;
}


#navigation li ul li.life1 a{
	width: 289px;
	background: url("../images/subNavLeftCorner.gif") no-repeat top left !important;
}


#navigation li ul li.life1 a:hover{
	background: #80879B url("../images/subNavLeftCorner.gif") no-repeat top left !important;
}


#navigation li ul li.life2 a{
	width: 289px;
}


#navigation li ul li.life3 a{
	background: url("../images/subNavRightCorner.gif") no-repeat top right !important;
}


#navigation li ul li.life3 a:hover{
	background: #80879B url("../images/subNavRightCorner.gif") no-repeat top right !important;
}


#navigation li ul li.life4 a{
	width: 289px;
}


#navigation li ul li.life5 a{
	width: 289px;
}


#navigation li ul li.life7 a{
	width: 289px;
	background: url("../images/subNavBottomLeftCorner.gif") no-repeat bottom left !important;
}


#navigation li ul li.life7 a:hover{
	background: #80879B url("../images/subNavBottomLeftCorner.gif") no-repeat bottom left !important;
}


#navigation li ul li.life8 a{
	width: 289px;
}


#navigation li ul li.life9 a{
	background: url("../images/subNavBottomRightCorner.gif") no-repeat bottom right !important;
}


#navigation li ul li.life9 a:hover{
	background: #80879B url("../images/subNavBottomRightCorner.gif") no-repeat bottom right !important;
}




#navigation li ul li a strong{
	float: right;
	width: 180px;
	margin: 18px 10px 5px 0;
	text-transform: uppercase;
	font-size: 1.2em !important;
}


#navigation li ul li a strong img{
	margin-left: 10px;
	display: inline;
}




#navigation li.life ul li a span.text,
#navigation li ul li a span.text{
	float: right;
	width: 180px;
	text-transform: none;
	text-align: left !important;
	margin: 0 10px 0 0!important;
	padding: 0 0 20px 0 !important;
	font-size: 1.1em !important;
	background: none !important;
}


#navigation li ul li a span.image{
	float: left !important;
	display: block;
	width: 67px !important;
	height: 66px !important;
	margin: 18px 0 18px 9px !important;
	padding: 0 0 0 0 !important;
	background: url("../images/subNavImageBg.gif") no-repeat 0 0;
}





#navigation li ul li a:hover span.image{
	background: url("../images/subNavImageBg.gif") no-repeat -67px 0;
}


#navigation li ul li a span.image img{
	margin: 2px 0 0 2px;
}
	



/*-- search form --*/


#nav form{
	float: left;
	width: 223px;
	margin: 12px 0 0 15px;
}


#nav form label{
	text-transform: uppercase;
	font-size: 1.1em;
	color: #a4b6cd;
}


#nav form #searchtext{
	width: 110px;
	border-top: 1px solid #888;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #888;
	margin: 0 7px;
}


#nav form #btnSearchSubmit{
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	padding: 0 5px;
}



/*------ #breadCrumb ------*/

#breadCrumb{
	float: left;
	font-size: 1.1em;
	margin-left: 10px;
	padding-bottom: 10px;
	color: #38405a;
}

#breadCrumb span{
	float: left;
	padding: 0 5px 0 10px;
	margin-left: 4px;
	background: url("../images/blackArrow.gif") no-repeat 0 50%;
}


#breadCrumb a{
	color: #999;
}


#breadCrumb a:hover{
	text-decoration: none;
}





/*------ #content ------*/

#content{
	float: left;
	width: 943px;
	margin-left: 10px;
	background: url("../images/contentBg.gif") no-repeat bottom left;
}





#content .gutter{
	float: left;
	width: 943px;
	padding: 20px 0;
	background: url("../images/contentTopBg.gif") no-repeat top left;
}



/*------ #mainContent ------*/


#mainContent{
	float: right;
	width: 759px;
}


#mainContent p{
	padding-bottom: 10px;
}




/*------ #mainContent .pageTitle ------*/


#mainContent .pageTitle{
	float: left;
	width: 759px;
	font-size: 2.6em;
	font-family: verdana;
	margin-bottom: 16px;
	background: url("../images/pageTitleBg.gif") no-repeat bottom right;
}


#mainContent .pageTitle span{
	float: left;
	width: 750px;
	margin: 6px 0 0 3px;
	padding: 7px 0 2px 7px;
	color: #fff;
	}


/*------ #mainContent .textContent ------*/


#mainContent .textContent p{
	margin: 0 10px 15px 10px;
	padding: 0 0 0 0;
	font-size: 1.2em;
}


#mainContent .textContent p a,
#mainContent .textContent ul li a{
	color: #444;
	text-decoration: underline;
}


#mainContent .textContent p a:hover,
#mainContent .textContent ul li a:hover{
	text-decoration: none;
}


#mainContent .textContent strong{
	color: #38405a;
}


#mainContent .textContent ul{
	margin: 0 10px 15px 10px;
	padding: 0 0 0 0;
	font-size: 1.2em;
}


#mainContent .textContent ol{
	margin: -10px 10px 15px 35px;
	padding: 0 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #38405a;
}


#mainContent .aLink{
	margin: 0px 10px 5px 10px !important;
	padding-left: 10px !important;
	font-weight: bold;
	background: url("../images/orangeArrow.gif") no-repeat 0 4px;
}
	

#mainContent .aLink a{
	color: #2461aa !important;
	text-decoration: none !important;
}


#mainContent .aLink a:hover{
	text-decoration: underline !important;
}


#mainContent .pagetop{
	text-align: right;
}


#mainContent a.top{
	padding-left: 10px;
	color: #395773;
	text-decoration: none !important;
	background: url("../images/iconTop.gif") no-repeat 0 50%;
}



#mainContent .button{
	width: 77px;
	background: #4B5472 url("../images/smallButtonBottomBg.jpg") no-repeat bottom left;
}


#mainContent .button a{
	display: block;
	padding: 3px 0;
	text-align: center;
	font-weight :bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/smallButtonTopBg.jpg") no-repeat top left;
}



#mainContent .textContent .highlight{
	float: left;
	background: #F2F7FC;
	padding: 10px 8px 0px 8px;
}



/*------ #jobCards ------*/


#jobCards{
	float: left;
	width: 759px;
}


#jobCards .jobCard{
	float: left;
	width: 224px;
	margin: 18px 20px 0 0;
	padding: 0 0 8px 0;
	background: url("../images/jobCardBg.jpg") no-repeat bottom left;
}


#jobCards .cardTop{
	float: left;
	width: 224px;
	background: url("../images/cardTopBg.jpg") no-repeat top left;
}


#jobCards .jobTitle{
	min-height: 40px;
	height:auto !important;
	height:40px;
	display: block;
	padding: 8px 8px 0 8px;
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}


#jobCards .pay{
	display: block;
	color: #fff;
	font-size: 1.1em;
	padding: 0 8px 4px 8px !important;
}


#jobCards .gender{
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px 8px 2px 8px !important;
}


#jobCards p{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	}


#jobCards .cardTop img{
	margin: 0 0 0 3px;
	border-top: 2px solid #7F8596;
	border-bottom: 2px solid #7F8596;
	}
	
	
#jobCards .description{
	float: left;
	width: 206px;
	margin-left: 8px;
	padding-top: 4px;
	font-size: 1.1em;
}


* html #jobCards .description{	
	margin-left: 4px;
}


#jobCards .description p{
	padding: 5px 0 !important;
}


#jobCards .description .link{
	padding-left: 10px !important;
	font-weight: bold;
	background: url("../images/orangeArrow.gif") no-repeat 0 50%;
}
	

#jobCards .description .link a{
	color: #2461aa !important;
	text-decoration: none !important;
}


#jobCards .description .link a:hover{
	text-decoration: underline !important;
}
	

#jobCards .overview{
	float: left;
	width: 217px;
	background: #fff;
	margin-left: 3px;
	padding: 8px 0 4px 0;
	color: #5c5c5c;
}

#jobCards .overview{
	margin-left: 1px;
}	


#jobCards .overview li{
	float: left;
	width: 206px;
	font-size: 1.1em;
	margin-left: 6px;
	padding-bottom: 4px;
}	


* html #jobCards .overview li{
	margin-left: 3px;
}


#jobCards .overview li strong{
	float: left;
	width: 75px;
}	


#jobCards .overview li em{
	float: right;
	width: 115px;
	font-style: normal;
}	


#jobCards .match{
	float: left;
	padding: 5px 0 5px 26px !important;
	margin: 4px 0 0 8px !important;
	font-weight :bold;
	font-size: 1.1em;
	text-decoration: underline;
	color: #38405a;
	background: url("../images/profileTick.gif") no-repeat 0 50%;
}


* html #jobCards .match{
	margin: 4px 0 0 4px !important;
}


#jobCards .save{
	float: right;
	width: 48px;
	margin: 6px 8px 0 0 !important;
	font-size: 1.1em;
	background: #4B5472 url("../images/saveButtonBottom.jpg") no-repeat bottom left;
}


* html #jobCards .save{
	margin: 6px 4px 0 0 !important;
}


#jobCards .save a{
	display: block;
	padding: 3px 0;
	text-align: center;
	font-weight :bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/saveButtonTop.jpg") no-repeat top left;
}



/*------ #mainContent h2 ------*/


#mainContent h2{
	float: left;
	width: 736px;
	padding: 7px 10px;
	font-size: 2em;
	color: #38405a;
	font-family: verdana;
	background: #F2F6FC;
	margin-bottom: 16px;
}



#mainContent h2 span{
	float: left;
}

#mainContent h2 .button{
	float: right;
	margin: 3px 7px 0 0;
	width: 127px;
	background: #4B5472 url("../images/largeButtonBottomBg.jpg") no-repeat bottom left;
}

* html #leftCol .savedJobs .button{
	margin: 0 3px 0 0;
}


#mainContent h2 .button a{
	display: block;
	padding: 3px 0;
	font-size: 0.6em;
	text-align: center;
	font-weight :bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/largeButtonTopBg.jpg") no-repeat top left;
}




/*------ #mainContent .textContent h3 ------*/


#mainContent .textContent h3{
	float: left;
	width: 736px;
	margin-top: 10px;
	padding: 7px 10px;
	font-size: 1.5em;
	color: #38405a;
	font-family: verdana;
	background: #F2F6FC;
	margin-bottom: 16px;
}


#mainContent h3.fHeading{
	padding: 15px 20px 0 0;
}


#mainContent h3.fHeading img{
	float: left;
	padding: 3px;
	margin-top: -15px;
	margin-right: 10px;
	background: #eee;	
	border-right: 1px solid #fff;
}


#mainContent .videoHolder{
	float: left;
	background: #fff url("../images/videoHolderBg.gif") no-repeat 0 0;
	padding: 6px;
	margin-bottom: 15px;
}


/*------ #mainContent #centerBody ------*/


#centerBody{
	float: left;
	width: 524px;
}


#centerBody .pageTitle{
	float: left;
	width: 525px;
}


#centerBody .pageTitle span{
	float: left;
	width: 310px;
	padding-right: 200px;
}


#centerBody h2{
	float: left;
	width: 501px !important;
}


#centerBody h3{
	float: left;
	width: 501px !important;
}




/*------ #frmEventsFinder ------*/

#frmEventsFinder{
	float: left;
	width: 504px;
	position: relative;
	padding-bottom: 16px;
	margin: 0 0 30px 10px;
	background: url("../images/frmEventsFinderBg.jpg") no-repeat bottom left;
}


* html #frmEventsFinder{
	margin: 0 0 30px 5px;
}


#frmEventsFinder .title{
	float: left;
	width: 490px;
	font-size: 1.6em;
	color: #38405a;
	font-weight: bold;
	padding: 10px 0 6px 14px;
	font-family: arial;
	background: url("../images/frmEventsFinderTitleBg.jpg") no-repeat top left;
}


#frmEventsFinder .field,
#frmEventsFinder .select{
	float: left;
	width: 300px;
	margin: 0 0 8px 0 !important;
	padding: 0 0 0 0 !important;
}


#frmEventsFinder .select label,
#frmEventsFinder .field label{
	float: left;
	text-align: right;
	width: 100px;
	font-size: 0.9em !important;
}


#frmEventsFinder .field label{
	margin-right: 10px;
}


#frmEventsFinder .select select{
	float: right;
	width: 190px;
}


#frmEventsFinder .field input{
	width: 110px;
}


#frmEventsFinder .optional {
	font-size: 0.9em !important;
}


#frmEventsFinder .submitbg {
	position: absolute;
	float: left;
	width: 127px;
	bottom: 22px;
	right: 60px;
	background: #4B5472 url("../images/largeButtonBottomBg.jpg") no-repeat bottom left;
}



#frmEventsFinder .submitbg input{
	float: left;
	padding: 3px 0;
	width: 127px;
	font-size: 1.1em;
	text-align: center;
	font-weight :bold;
	border: none;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/largeButtonTopBg.jpg") no-repeat top left;
}



/*------ #eventsFinderResults ------*/


#eventsFinderResults{
	float: left;
	width: 524px;
}


#eventsFinderResults .results{
	float: left;
	width: 500px;
	font-size: 0.9em;
	padding: 8px 12px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}


#eventsFinderResults .left{
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	color: #38405A !important;
}


#eventsFinderResults .pagination{
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	color: #ccc;
}


#eventsFinderResults .pagination a{ 
	color: #2461aa !important;
}



#eventsFinderResults .pagination .here{
	color: #38405A;
}


#eventsFinderResults .pagination .previous{
	padding-left: 10px;
	font-weight: bold;
	background: url("../images/orangeArrowLeft.gif") no-repeat 0 50%;
}
	

#eventsFinderResults .pagination .next{
	padding-right: 10px;
	background: url("../images/orangeArrow.gif") no-repeat 100% 50%;
}


#eventsFinderResults .pagination a.previous,
#eventsFinderResults .pagination a.next{
	color: #38405a !important;
	text-decoration: none !important;
	font-weight: bold;
}


#eventsFinderResults .pagination a.previous:hover,
#eventsFinderResults .pagination a.next:hover{
	text-decoration: underline !important;
}



#eventsFinderResults .event{
	float: left;
	width: 524px;	
	padding-bottom: 15px;
}



#eventsFinderResults .first{
	padding-top: 19px;
}



#eventsFinderResults .event h3{
	margin: 0 0 0 0;
	font-size: 1.2em;
}


#eventsFinderResults .event h3 a{
	color: #2461aa;
	font-weight: bold;
	text-decoration: none;
	padding-left: 12px;
	background: url("../images/orangeArrow.gif") no-repeat 0 50%;
}


#eventsFinderResults .event h3 a:hover{
	text-decoration: underline;
}


#eventsFinderResults .event h4{
	float: left;
	width: 504px;
	font-size: 1.1em;
	padding: 10px 0 9px 0;
	margin: 0 0 12px 10px;
	background: url("../images/eventH4Bg.gif") no-repeat 0 100%;
}


* html #eventsFinderResults .event h4{
	margin: 0 0 12px 5px;
}





div.eventTitle {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	}

	
div.eventTitle h3 {
	margin: 0px !important;
	float: left;
	padding: 8px 0px 7px 10px;
	}

	
div.eventTitle p.backToResults {
	position: absolute;
	top: 10px;
	right: 0;
	float: right;
	display: inline;
	}

	
div.eventTitle p.backToResults a {
	display: block;
	padding-right: 15px;
	text-decoration: none !important;
	font-weight: bold;
	}


div.eventTitle p.backToResults a:hover {
	text-decoration: underline !important;
	}

	
div.eventDetails {
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 3px;
	margin-bottom: 12px;
	}
	

dl.eventDetails {
	padding: 0;
	margin: 0px 12px;
	}



dl.eventDetails dd.strong{
	font-weight: bold;
}


dl.eventDetails dt {
	width: 110px;
	float: left;
	margin: 0;
	padding-bottom: 10px;
	font-size: 1.2em;
	}


/* commented backslash hack for mac-ie5 \*/
	dt { clear: both; }


/* end hack */

dl.eventDetails dd {
	float: left;
	width: 390px;
	margin: 0;
	padding-bottom: 10px;
	font-size: 1.2em;
	}
		
dd form textarea,
dd form input.textInp{
	width: 260px;
	margin-bottom: 10px;
	}
	
	
p.disclaimer {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc !important;
	margin: 12px 0 0 0 !important;
	padding: 10px 0 0 0 !important;
	}


/*---------[ events finder results ]---------*/

	
dl.eventDetails a {
	color: #FF8500 !important;
	}
	
div.eventTitle,
div.eventTitle h3,
div.eventTitle p.backToResults {
	background: #F2F6FC;
	}
	
div.eventTitle p.backToResults a {
	background: url("../images/orangeArrowLeft.gif") no-repeat right;
	}
	
div.eventDetails {
	background: url("../images/eventH4Bg.gif") repeat-x 0 100%;
	}
	
	
dd form input.subbut {
	border: 0px;
	background: url("../images/bgAfcoZoom.gif") no-repeat;
	color: #000;
	font-weight: bold;
	text-align: center !important;
	font-size: 0.75em;
	cursor: pointer;
	padding: 1px 22px;
	_padding: 2px 14px;
	}
	
p.disclaimer {
	color: #999;
	}
	


/*------ #mainContent #rightCol ------*/


#rightCol{
	float: right;
	width: 225px;
	margin-right: -3px;
}


#rightCol .feature{
	float: left;
	width: 225px;
	margin-bottom: 18px;
}


/*------ #mainContent .largeBox ------*/

#mainContent .largeBox{
	float: left;
	width: 759px;
	margin-bottom: 20px;
	background: url("../images/largeBoxBg.gif") no-repeat bottom left;
}


#mainContent .largeBox .gutter{
	float: left;
	width: 759px;
	margin: 0;
	padding: 6px 0 6px 0;
	background: url("../images/largeBoxTopBg.gif") no-repeat top left;
}


#mainContent .largeBox .video{
	float: right;
	margin: 0 6px 0 0;
	padding: 0;
}



#mainContent .largeBox .text{
	float: left;
	width: 206px;
	padding: 0;
	margin: 16px 0 16px 16px;
	font-size: 1.2em;
}




/*------ #mainContent .blocks ------*/	


#mainContent .blocks{
	float: left;
	width: 759px;
}



/*------ #mainContent .blocks .block ------*/	

#mainContent .block{
	float: left;
	width: 364px;
	margin: 3px 0 16px 0;
	padding-bottom: 11px;
	background: url("../images/blockBg.jpg") no-repeat bottom left;
}


#mainContent .block img{
	float: left;
	border: 1px solid #A1A3A7;
	margin: 7px 0 0 7px;
}



#mainContent .block .title{
	float: right;
	width: 185px;
	margin: 11px 9px 11px 0;
	font-size: 1.4em;
	font-weight :bold;
}



#mainContent .block .title a{
	color: #38405a;
	text-decoration: none;
	background: url("../images/orangeLargeArrow.gif") no-repeat 100% 55%;
	padding-right: 14px;
}



#mainContent .block p{
	float: right;
	width: 185px;
	margin: 0 9px 0 0;
	padding: 0;
	font-size: 1.1em;
}


#mainContent .blocks .right{
	float: right;
	margin-right: 6px;
}





/*------ #mainContent .blocks .socialBlock ------*/	


#mainContent .socialBlock{
	float: left;
	width: 364px;
	border: 1px solid #AEAEAE;
	background: #fff;
	margin-left: 10px;
	margin-bottom: 16px;
}



#mainContent .socialBlock dl{
	float: left;
	width: 362px;
	margin: 1px 1px 0 1px;
	background: #F2F7FC;
	padding-bottom: 10px;
}



#mainContent .socialBlock .picture{
	float: left;
	width: 104px;
	height: 84px;
	margin: 6px 0 0 6px;
	background: url("../images/socialPictureBg.gif") no-repeat bottom right;
}



#mainContent .socialBlock .picture img{
	border: 1px solid #A0A2A5;
}


#mainContent .socialBlock dd{
	float: right;
	width: 235px;
	color: #2e354e;
}


#mainContent .socialBlock .name{
	font-size: 1.6em;
	font-weight: bold;
	padding: 6px 0 5px 0;
	margin: 0 0 8px 0;
	background: url("../images/homeBoxTitleBg.jpg") no-repeat bottom left;
}



#mainContent .socialBlock .who,
#mainContent .socialBlock .follow{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 2px 0;
}




#mainContent .socialBlock .followLinks a{
	float: left;
	margin-right: 10px;
}


/*-- #mainContent .tweets --*/	


#mainContent .socialBlock .tweets{
	float: left;
	width: 344px;
	margin: 1px;
	padding: 9px 9px 5px 9px;
	border-top: 1px solid #CCCFD4;
}


#mainContent .socialBlock .tweets .when{
	font-size: 1.1em;
	padding: 4px 10px 4px 28px;
	margin: 0 0 3px 0;
	color: #25559b;
	background: url("../images/iconTwitter.gif") no-repeat 0 0;
}


#mainContent .socialBlock .tweets p{
	font-size: 1.1em;
}



/*-- #mainContent .flickr --*/	


#mainContent .socialBlock .flickr{
	float: left;
	width: 354px;
	margin: 1px;
	padding: 9px 0 5px 9px;
	border-top: 1px solid #CCCFD4;
}




#mainContent .socialBlock .flickr .gallery{
	font-size: 1.1em;
	padding: 4px 10px 4px 28px;
	margin: 0 0 3px 0;
	color: #25559b;
	background: url("../images/iconFlickr.gif") no-repeat 0 0;
}


#mainContent .socialBlock .flickr ul{
	float: left;
	width: 354px;
	margin: 3px 0 6px 0;
}



#mainContent .socialBlock .flickr li{
	float: left;
	margin-right: 13px;
}



#mainContent .flickrLink{
	float: left;
	width: 344px;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}


#mainContent .flickrLink a{
	color: #2461aa;
	text-decoration: none;
	padding-left: 10px;
	background: url("../images/orangeArrow.gif") no-repeat 0 50%;
}


#mainContent .flickrLink a:hover{
	text-decoration: underline;
}



/*------ #mainContent .blocks .site------*/	


#mainContent .blocks .site{
	float: left;
	width: 170px;
	margin-right: 26px;
}



#mainContent .blocks .last{
	margin-right: 0px;
}


#mainContent .blocks .site p{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.1em;
}


#mainContent .blocks .site p a{
	color: #2461aa;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
	background: url("../images/orangeArrow.gif") no-repeat 0 50%;
}


#mainContent .blocks .site p a:hover{
	text-decoration: underline;
}



/*------ jobsPage------*/



div#jobsPageTop{
	float: left;
	width: 516px;
	padding: 95px 0 0 0;
	margin: -17px 0 15px 3px;
}


* html div#jobsPageTop{
	margin: -17px 0 30px 2px;
}


div#centerBody div#jobsPageTop ol {
	width: 516px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none !important;
}


div#centerBody div#jobsPageTop.theFacts ol{
	background: url(../images/job_buttons-the_facts.gif) no-repeat 0 0;
}

div#centerBody div#jobsPageTop.theairtechavionics ol{
	background: url(../images/job_buttons-airtechavionics_facts.gif) no-repeat 0 0;
}

div#centerBody div#jobsPageTop.thisJob ol{
	background: url(../images/job_buttons-i_do_this_job.gif) no-repeat 0 0;
}




div#centerBody div#jobsPageTop ol li {
	float: left;
	list-style: none !important;
	margin: 0;	
	padding: 0;
}


div#jobsPageTop li a{
	display: block;
	width: 150px;
	height: 37px;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
}



div#jobsPageTop .details{
	float: left;
	width: 516px;
	font-size: 1.2em;
	background: url(../images/bg_jobs_box.jpg) no-repeat top left;
}


div#jobsPageTop .details .gutter{
	background: url(../images/bg_jobs_box_outer.gif) no-repeat bottom left;
	width: 516px;
	float: left;
}


div#jobsPageTop .details .factsPage{
	width: 456px;
	padding: 15px 30px 15px 30px;
}



div#jobsPageTop .details .qn {
	float: left;
	margin: 0px !important;
	padding: 4px 0 6px 0;
	width: 456px;
	}
	

div#jobsPageTop .details .newdesc {
	margin: 0px !important;
	padding: 4px 0 6px 0;
	width: 456px;
	}	
	

div#jobsPageTop .details .relnewJobs {
	margin: 0px !important;
	padding: 4px 0 6px 0;
	width: 215px;
	float: left;
	}


div#jobsPageTop .details .relnewJobs p, div#jobsPageTop .details .desc p, div#jobsPageTop .details .newdesc p, div#jobsPageTop .details .qn p{
    margin: 0 0 5px 0 !important;
	padding: 0;
	}

	
div#jobsPageTop .details .relnewJobs li{
	margin: 0;
	padding: 0;
	}


div#jobsPageTop .details .qn .desc{
	float: left;
	width: 456px;
}
	

div#jobsPageTop .compare{
	float: right;
	width: 456px;
	text-align: left;
	padding: 10px 0 0 0 !important;
	font-size: 0.9em;
	font-weight :bold;
}


div#jobsPageTop .compare a{
	float: right;
	color: #ffffff !important;
	text-decoration: none;
	min-height: 17px;
	height:auto !important;
	height: 17px;
	width: 121px;
	padding: 2px 30px 0 3px !important;
	background: #3F4C66 url(../images/bg_compare_btn.gif) no-repeat bottom left;
}




/*---------- thisJob ----------*/


div#jobsPageTop .thisJob{
	float: left;
	width: 165px;
	margin: 0;
	padding: 5px 0 3px 15px;
}


div#jobsPageTop .thisJob img{
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
}


div#jobsPageTop .thisJob p{
	color: #777777;
	margin: 0;
	padding: 0;
}
	


div#jobsPageTop .thisJob p a{
	background: url("../images/orangeArrow.gif") no-repeat 0 3px;
	color: #5279A9;
	text-decoration: none !important;
	padding: 0 0 0 13px;
	margin: 0;
}


div#jobsPageTop .thisJob p a:hover{
	text-decoration: underline !important;
}


div#jobsPageTop .thisJob p .here, div#jobsPageTop .thisJob p.current{
	text-decoration: none !important;
	font-weight: bold;
	padding: 0 0 0 0;
	color: #5279A9;
	background: none;	
}


div#jobsPageTop .thisJob p .here:hover{
	text-decoration: none !important;
}

div#moreViewsTop{
	float: left;
	width: 516px;
	font-size: 1.2em;
	padding-top: 10px;
	background: url("../images/bg_more_views_top.gif") no-repeat 0 0;
}

div#moreViewsTop .thisJob p{
	padding-top: 7px;
}

div#avnewwin{
	
	padding-top: 8px;
	padding-left: 15px;
}




/*---------- browseJobs ----------*/



#mainContent .browseJobs h1{
	padding-bottom: 10px;
}


#mainContent .browseJobs h2{
	font-size: 1.8em;
	color: #fff;
	font-family: verdana;
	background: url("../images/pageTitleEmpty.jpg") no-repeat 0 0;
}


#mainContent .browseJobs .learnaboutthisjob{
	float: left;
	width: 506px;
	text-align: left;
	padding: 0 0 0 0 !important;
	margin: -10px 0 0 10px !important;
	font-size: 1em;
	font-weight :bold;
}


* html #mainContent .browseJobs .learnaboutthisjob{
	margin: -10px 0 0 5px !important;
}


#mainContent .browseJobs .learnaboutthisjob a{
	float: left;
	color: #ffffff !important;
	text-decoration: none;
	min-height: 16px;
	height:auto !important;
	height: 16px;
	width: 138px;
	padding: 3px 15px 0 3px !important;
	background: #3F4C66 url(../images/button_learnmore.gif) no-repeat bottom left;
}



#mainContent .browseJobs .profile{
	float: left;
	width: 516px;
	margin: -13px 0 0 0;
	background: url(../images/profileBg.jpg) repeat-x 0 0;
}


#mainContent .browseJobs .profile img{
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border-right: 5px solid #fff;
	}


#mainContent .browseJobs .profile blockquote p{
	float: left;
	width: 350px;
	font-style: italic;
	font-family: verdana;
	font-size: 1.3em;	
	padding: 10px 10px 10px 10px !important;
	margin: 0 !important;
}



#mainContent .browseJobs .follow{
	float: left;
	width: 187px;
	margin: 28px 0 0 8px !important;
	padding: 0 !important;
	background: #555E7E url("../images/followButtonBottomBg.jpg") no-repeat bottom left;
}



#mainContent .browseJobs .follow a{
	float: left;
	padding: 5px 16px 5px 100px;
	width: 71px;
	font-size: 1em;
	font-weight :bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/followButtonTopBg.jpg") no-repeat top left;
}


#mainContent .browseJobs .follow a span{
	display: block;
	padding-right: 10px;
	background: url("../images/whiteArrow.gif") no-repeat 100% 50%;
}




/*---------- findJobs ----------*/

.findJobs{
	font-size: 1em !important;
	padding-bottom: 8px;
}


.findJobs .title{
	font-size: 2.6em;
	font-family: verdana;
	margin: 13px 16px 10px 16px;
	color: #fff;
}


.findJobs form{
	float: left;
	width: 465px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 10px 0 0 13px;
	background: #1E2434 url("../images/findJobsFormBg.jpg") no-repeat 0 0;
}

#qualsIHave{
	width: 220px;
}

.findJobs label {
	position: absolute;
	left: -10000px;
	}


.findJobs select,
.findJobs .cmsbutton{
	padding: 0 0 0 0 !important;
	font-size: 1.1em !important;
}


.findJobs .cmsbutton{
	width: 69px;
	margin-top: 1px;
	padding: 2px 0 2px 0 !important;
	border: none;
	background: #242A41 url("../images/findJobsFormButtonBg.jpg") no-repeat 0 0;
	text-align: center;
	color: #fff;
}


.findJobs .box{
	float: left;
	width: 750px;
	margin: 6px 0 0 3px;
	padding-bottom: 10px;
	background: url("../images/findJobsBg.jpg") no-repeat 0 0;
}


* html .findJobs .box{
	margin: 6px 0 0 2px;
}


.findJobs .box p{
	font-size: 1.1em;
	margin: 0 300px 0 16px;
	color: #fff;
}


.jobsBlock{
	float: left;
	width: 502px;
	margin-bottom: 15px;
	padding: 11px 11px 6px 11px;
	background: url("../images/jobsBlockBg.jpg") no-repeat 0 100%;

}


.jobsBlock .title{	
	font-size: 1.6em;
	font-weight: bold;
	color: #2e354e;
	padding-bottom: 4px;
	margin-bottom: 10px;
	background: url("../images/homeBoxTitleBg.jpg") no-repeat 0 100%;
}


.jobsBlock p{
	font-size: 1.1em;
	margin-bottom: 5px;
}


.jobsBlock ul{
	float: left;
	width: 502px;
}


.jobsBlock ul li{
	float: left;
	width: 240px;
	font-size: 1.1em;
	border-top: 1px solid #D2D4DC;
}


.jobsBlock ul li img{
	float: left;
	margin-top: -1px;
	border-top: 1px solid #fff;
}


.jobsBlock ul li a{
	float: right;
	width: 155px;
	font-weight :bold;
	color: #2461aa;
	text-decoration: none;
	padding-left: 13px;
	margin: 7px 0 3px 0;
	background: url("../images/orangeArrow.gif") no-repeat 0 3px;
}


.jobsBlock ul li a:hover{
	text-decoration: underline;
}


.jobsBlock ul li span{
	float: right;
	width: 168px;
}


.jobsBlock ul li.right{
	float: right;
}



.searchGroups{
	float: left;
	width: 524px;
	padding-bottom: 3px;
	background: url("../images/jobsBlockBg.jpg") no-repeat 0 100%;
}


.searchGroups .title{
	float: left;
	width: 502px;
	font-size: 1.6em;
	font-weight: bold;
	color: #2e354e;
	padding: 8px 11px 7px 11px;
	background: url("../images/jobsBlockBg.jpg") no-repeat 0 0;

}


.jobGroup{
	float: left;
	width: 524px;
	background: url("../images/jobsGroupBg.gif") repeat-y 0 0;
}


.groupTitle{
	float: left;
	width: 516px;
	margin-left: 3px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
	background: url("../images/jobGroupBg.jpg") no-repeat 100% 100%;
}


* html .groupTitle{
	margin-left: 2px;
}



.groupTitle img{
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


.groupTitle h4{
	float: left;
	margin: 14px 18px 0 18px;
}

.groupTitle h4{
	float: left;
	color: #38405a;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding-right: 15px;
	background: url("../images/orangeLargeArrow.gif") no-repeat 100% 50%;
}


.jobGroup .lists{
	float: left;
	width: 516px;
	margin-left: 3px;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #fff;
	background: #292F3E url("../images/listsBg.jpg") no-repeat 0 100%;
}


* html .jobGroup .lists{
	margin-left: 2px;
}


.jobGroup .lists ul{
	float: left;
	width: 115px;
	margin: 0 10px 0 15px;
	font-size: 1.1em;
}


.jobGroup .lists ul li{
	background: url("../images/orangeArrow.gif") no-repeat 0 3px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}


.jobGroup .lists ul li a{
	color: #fff;
	text-decoration: none;
}


.jobGroup .lists ul li a:hover{
	text-decoration: underline;
}



/*---------- .nextSteps ----------*/



.nextSteps .pageTitle{
	padding-bottom: 10px;
}




.nextSteps .links{
	float: left;
	width: 340px;
	border-bottom: 1px solid #E4E5E9;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-right: 20px;
	background: #fff !important;
}



.nextSteps .links h2{
	float: left;
	width: 340px !important;
	padding: 53px 0 0 0 !important;
	margin: 5px 0 0 0 !important;
	font-size: 1.5em !important;
	font-weight: bold !important;
	font-family: 'courier new' !important;
}


.nextSteps .links h2 a{
	float: left;
	color: #fff !important;
	width: 326px !important;
	margin: 0 !important;
	padding: 4px 7px !important;
	text-decoration: none;
	background: url('../images/blackTransparent60.png') repeat-y 0 0 !important;
}



* html .nextSteps .links h2 a{
	background: #000;
	filter:alpha(opacity=60);
	height:1%;
	}



.nextSteps .links h2 a span{
	float: left;
	color: #fff;
	cursor: pointer;
	padding-right: 20px;
	position: relative;
	background: url('../images/bgLinksOrangeBold.gif') no-repeat 100% 60%;
}



.nextSteps .links .categories{
	float: left;
	width: 340px;
	background: #404040;
	font-size: 1.2em;
}


.nextSteps .links .categories p{
	color: #fff;
	padding: 10px 10px 0 10px;
}


.nextSteps .links .categories ul{
	float: left;
	padding-bottom: 10px;
}


.nextSteps .links .categories li{
	float: left;
	width: 170px;
	margin-bottom: 4px;
}


.nextSteps .links .categories li a{
	display: block;
	padding-left: 25px;
	color: #fff;
	font-weight :bold;
	text-decoration: none;
	background: url('../images/bgLinkArrowsOrange.gif') no-repeat 8px 3px;
}


.nextSteps .links .categories li a:hover{
	text-decoration: underline;	
}


.nextSteps .info{
	float: left;
	width: 380px;
	padding-top: 20px !important;
	font-size: 1.2em;
	color: #45516d;
	border-bottom: 1px solid #E4E5E9;
}



.nextSteps .info p a{
	color: #313e5b;
	text-decoration: none;
}


.nextSteps .info p a:hover{
	text-decoration: underline;
}



.nextSteps .info .contact{
	float: left;
	width: 180px;
	padding-top: 20px !important;
	padding-bottom: 6px;
}

.nextSteps .info .contact ul{
	padding: 0 5px;
}


.nextSteps .info h3{
	border-top: 1px solid #fff;
	background: #E8E7EC;
	font-size: 1em;
	margin-bottom: 5px;
}


.nextSteps .info h3 a{
	display: block;
	color: #45516d;
	text-decoration: none;
	padding: 2px 8px 2px 18px;
	background: url('../images/bgLinkArrowsOrange.gif') no-repeat 5px 6px;
}


.nextSteps .info h3 a:hover{
	text-decoration: underline;	
}


.nextSteps .info .faq{
	float: right;
	width: 180px;
	padding-top: 20px !important;
	padding-bottom: 10px;
}


.nextSteps .info .faq p{
	padding: 0 5px;
}


/* content */


.nextStepsContent{
	float: right;
	width: 520px;
	font-size: 1.2em;
}



.nextStepsContent p a{
	color: #313e5b;
	text-decoration: underline;
}

.nextStepsContent p a:hover{
	color: #313e5b;
	text-decoration: none;
}

.nextStepsContent .afcoResult {
margin:12px 0;
}

.nextStepsContent .afcoMap {
border:1px solid #313E5B;
float:left;
width:233px;
}

.nextStepsContent .afcoDetails {
border-color:#313E5B;
border-style:solid solid solid none;
border-width:1px 1px 1px medium;
float:left;
height:256px;
width:317px;
}


/* content .contactBlocks */

.nextStepsContent .contactBlocks{
	float: left;
	width: 520px;
}


.nextStepsContent .contactBlocks dl{
	float: left;
	width: 178px;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 190px;
}


.nextStepsContent .contactBlocks dl.last{
	margin-right: 0px;
}


.nextStepsContent .contactBlocks dt{
	padding: 5px 10px 5px 35px;
	border-bottom: 1px solid #fff;
	background: url('../images/bgContactBlocks.jpg') no-repeat 0 0;
	font-weight: bold;
}


.nextStepsContent .contactBlocks dt a{
	display: block;
	color: #313e5b;
	font-weight: bold;
}



.nextStepsContent .contactBlocks dd{
	border-top: 1px solid #3C516C;
	padding-top: 10px;
}

.nextStepsContent .contactBlocks dd a{
	text-decoration: underline;
	color: #313E5B;
}

.nextStepsContent .contactBlocks dd a:hover{
	text-decoration: none;
	color: #313E5B;
}



/* content .supportList */


.nextStepsContent .supportList{
	float: left;
	width: 520px;
	background: #8B94A4;
}


.nextStepsContent .supportList li{
	float: left;
}


.nextStepsContent .supportList li a{
	display: block;
	color: #fff;
	font-weight: bold;
	width: 96px;
	line-height: 1em;
	padding: 4px 10px 4px 30px;
	background: #8B94A4 url('../images/bgSupportList.gif') no-repeat bottom left;
}


.nextStepsContent .supportList li a:hover{
	background: #8B94A4 url('../images/bgSupportList_on.gif') no-repeat bottom left;
}


.nextStepsContent .supportList li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
}



.nextStepsContent .supportList li.first a:hover{
	background: #8B94A4 url('../images/bgSupportList_first_on.gif') no-repeat bottom left;
}




/* content .supportList2 */


.nextStepsContent .supportList2{
	float: left;
	width: 520px;
	background: #8B94A4;
}


.nextStepsContent .supportList2 li{
	float: left;
}


.nextStepsContent .supportList2 li a{
	display: block;
	color: #fff;
	font-weight: bold;
	width: 96px;
	line-height: 1em;
	padding: 4px 10px 4px 30px;
	background: #8B94A4 url('../images/bgSupportList.gif') no-repeat bottom left;
}


.nextStepsContent .supportList2 li a:hover{
	color: #2B3242;
}


.nextStepsContent .supportList2 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
}



.nextStepsContent .supportList2 li.first a:hover{
	color: #2B3242;
}





/* content .supportList3 */


.nextStepsContent .supportList3{
	float: left;
	width: 520px;
	background: #8B94A4;
}


.nextStepsContent .supportList3 li{
	float: left;
	width: 85px !important;
}


.nextStepsContent .supportList3 li a{
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 12px 4px 8px;
	border-left: 2px solid #fff;
	height: 25px;
	background: #8B94A4;
	width: 72px !important;
	text-decoration: none;
}
 
* html .nextStepsContent .supportList3 li a{
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 0px 4px 4px;
	border-left: 2px solid #fff;
	height: 23px;
	background: #8B94A4;
	width: 78px !important;
}



.nextStepsContent .supportList3 li a:hover, .nextStepsContent .supportList3 li a.here{
	background: #45516D;
}


.nextStepsContent .supportList3 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
	padding: 4px 9px 4px 26px;
	width: 55px !important;
	border-left: none !important;
}

* html .nextStepsContent .supportList3 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
	padding: 4px 13px 4px 23px;
	width: 59px !important;
	border-left: none !important;
}


.nextStepsContent .supportList3 li.first a:hover, .nextStepsContent .supportList3 li.first a.here{
	background: #8B94A4 url('../images/bgSupportList_first_on.gif') no-repeat bottom left;
}


/* content .supportList4 */


.nextStepsContent .supportList4{
	float: left;
	width: 520px;
	background: #8B94A4;
}


.nextStepsContent .supportList4 li{
	float: left;
}


.nextStepsContent .supportList4 li a{
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 7px 4px 24px;
	border-left: 2px solid #fff;
    /*height: 23px;*/
	background: #8B94A4;
	width: 100px !important;
}


* html .nextStepsContent .supportList4 li a{
	width: 106px !important;
}



.nextStepsContent .supportList4 li a:hover, .nextStepsContent .supportList4 li a.here{
	background: #45516D;
}


.nextStepsContent .supportList4 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
	padding: 4px 0px 4px 35px;
	border-left: none !important;
}

* html .nextStepsContent .supportList4 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
	padding: 4px 0px 4px 30px;
	border-left: none !important;
}


.nextStepsContent .supportList4 li.first a:hover, .nextStepsContent .supportList4 li.first a.here{
	background: #8B94A4 url('../images/bgSupportList_first_on.gif') no-repeat bottom left;
}




/* content .supportList5 */


.nextStepsContent .supportList5{
	float: left;
	width: 520px;
	background: #8B94A4;
}


.nextStepsContent .supportList5 li{
	float: left;
}


.nextStepsContent .supportList5 li a{
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 15px 6px 20px;
	border-left: 2px solid #fff;
	background: #8B94A4;
	width: 95px !important;
	text-decoration: none;
	text-align: center;
}


* html .nextStepsContent .supportList5 li a{
	width: 93px !important;
}


.nextStepsContent .supportList5 li a:hover, .nextStepsContent .supportList5 li a.here{
	background: #45516D;
}


.nextStepsContent .supportList5 li.first a{
	background: #8B94A4 url('../images/bgSupportList_first.gif') no-repeat bottom left;
	padding: 4px 10px 6px 18px;
	border-left: none !important;
}


.nextStepsContent .supportList5 li.first a:hover, .nextStepsContent .supportList5 li.first a.here{
	background: #8B94A4 url('../images/bgSupportList_first_on.gif') no-repeat bottom left;
}





.nextStepsContent .supportBlocks{
	float: left;
	width: 520px;
	margin-bottom: 20px;
	margin-top: 1px;
	/*border-top: 1px solid #A2A7B5;*/
}


.nextStepsContent .supportBlocks dl{
	float: left;
	width: 255px;
	margin-top: 15px;
	height: 80px;
}


.nextStepsContent .supportBlocks dl.second{
	float: right;
}


.nextStepsContent .supportBlocks dt{
	height: 45px;
	line-height: 45px;
	background: url('../images/bgSupportBlocks.jpg') repeat-x bottom left;
}


.nextStepsContent .supportBlocks dt img{
	float: left;
	border-right: 1px solid #fff;
}


.nextStepsContent .supportBlocks dt a{
	color: #45516d;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 10px 0 30px;
	text-decoration: none;
	background: url('../images/bgLinksOrangeBold.gif') no-repeat 12px 50%;
}


.nextStepsContent .supportBlocks dt a:hover{
	text-decoration: underline;
}

.nextStepsContent .supportBlocks dd{
	margin-top: 5px;
}



/* content .supportContent */


.nextStepsContent .supportContent{
	float: left;
	width: 520px;
	margin: 1px 0 20px 0;
	padding-top: 10px;
	border-top: 1px solid #A2A7B5;
}



.nextStepsContent h2, .nextStepsContent .supportContent h2{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.5em;
}

.nextStepsContent h3, .nextStepsContent .supportContent h3{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height:1.1em;
	padding:5px 10px 5px 0;
	background:#fff none repeat scroll 0 0;
}

.nextStepsContent .supportContent img{
	float: right;
	border: 1px solid #9FA6B4;
	margin: 5px 0 5px 5px;
}

*html .nextStepsContent .supportContent img{
	float: right;
	border: 1px solid #9FA6B4;
	margin: 5px 0 5px 0px;
}

.nextStepsContent .supportContent img.imgPosLeft {
    float: left !important;
	margin: 5px 10px 5px 0;
	}

.nextStepsContent .supportContent p a{
	color: #313e5b;
	text-decoration: underline;
}

.nextStepsContent .supportContent p a:hover{
	text-decoration: none;
}

.nextStepsContent .supportContent  p.linkblock{
      display: block;
	  padding: 0 10px 8px 15px;
	  background: url("../images/bgLinkArrowsOrange.gif") no-repeat 0 5px ;
	  }

.nextStepsContent .supportContent .trainerQuote{
	float: left;
	width: 514px;
	background: #f1f2f4;
	padding: 5px 15px 10px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.nextStepsContent .supportContent .trainerQuote img{
	float: none;
	margin-bottom: 5px;
}



.nextStepsContent .supportContent .linked{
	float: left;
	width: 380px;
	margin-bottom: 10px;
	padding: 0;
	color: #313E5B;
}

.nextStepsContent .supportContent .linked a{
	float: left;
	background: url(../images/bgLinkArrowsgetfit.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #313E5B;
}


.nextStepsContent .supportContent  form{
	float: left;
	width: 520px;
	/*margin-top: 15px;*/
	border-top: 1px solid #46506f;
	border-bottom: 1px solid #46506f;
	padding-bottom: 10px;
	padding-top: 10px;
}


.nextStepsContent .supportContent form p{
	width: 520px;
	margin-top: 5px;
}


.nextStepsContent .supportContent .labelled{
	float: left;
	width: 150px;
	margin-top: 3px;
}


.nextStepsContent .supportContent .dated{
	width: 30px;
	margin-right: 15px;
	text-align: center;
}

.nextStepsContent .supportContent .textInput{
	width: 143px;
}



* html .nextStepsContent .supportContent .textInput{
	width: 140px;
}


.nextStepsContent .supportContent .timed{
	width: 82px;
	margin-right: 5px;
	text-align: center;
}

.nextStepsContent .supportContent .confirmed{
	margin-top: 1px;

}

.nextStepsContent .supportContent form .submit{
	margin-left: 400px;
	text-align: center;
}


.nextStepsContent .supportContent form .submitSMS{
	float: none;
	margin-right: 0;
	margin-left: 15px;
	text-align: center;
}

/*
.nextStepsContent h3 {
background:#ECEEF1 none repeat scroll 0 0;
color:#313E5B;
font-size:1.25em;
font-family:"Arial",sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:1.1em;
padding:5px 10px;
margin-bottom:10px;
}
*/


.nextStepsContent .supportMenu{
	float: right;
	width: 178px;
	margin: 10px 0 10px 10px;
}


.nextStepsContent .supportMenu li {
	list-style: none !important;
	margin-bottom: 0 !important;
	}
	

.nextStepsContent .supportMenu li a{
	display: block;
	background: url('../images/bgSupportMenu.jpg') no-repeat bottom left;
	color: #46516E;
	padding: 1px 35px 3px 0;
	text-align: right;
	text-decoration: none !important;
}


.nextStepsContent .supportMenu li a:hover,
.nextStepsContent .supportMenu li.here a{
	background: url('../images/bgSupportMenu.jpg') no-repeat bottom right;
	text-decoration: none !important;
	
}

.supportContent ul{
	margin: 10px 10px 10px 22px;
	color: #313e5b;
	}

.supportContent ol{
	margin: 10px 10px 10px 13px;
	color: #313e5b;
	}
	
.supportContent ul li {
	list-style: square;
	margin-bottom: 8px;
	}

.supportContent ol li {
	list-style: none;
	margin-bottom: 15px;
	}	

.supportContent ol li a{
	  padding: 0 10px 0 15px;
	  background: url("../images/bgLinkArrowsOrange.gif") no-repeat 0 4px ;
	  color: #2461AA; 
	  margin: 0;
	  list-style: none !important;
	  text-decoration: underline;
}

.supportContent ol li a:hover{
      text-decoration: none;
	  }



/* content .questions */


.nextStepsContent .questions{
	float: left;
	width: 520px;
	background: url('../images/bgQuestions.gif') repeat-y 0 0;
	margin: 15px 0 20px 0;
}


.nextStepsContent .questions h2{
	font-weight: bold;
	color: #45516D;
	font-size: 1.5em;
}


.nextStepsContent .questions .leftBlock{
	float: left;
	width: 260px;
	padding-bottom: 15px;
}



.nextStepsContent .questions .rightBlock{
	float: right;
	width: 260px;
	padding-bottom: 15px;
}


.nextStepsContent .answers{
	float: left;
	width: 554px;
}


.nextStepsContent .answers h3{
	font-weight: bold;
	color: #45516D;
	font-size: 1.3em;
	margin-bottom: 5px;
}



.nextStepsContent .answers .expanded{
	color: #6F8CB6;
}


.nextStepsContent .answers .expanded ul{
	color: #1F3664;
	background: #F4F4F6;
	text-decoration: none !important;
}


.nextStepsContent .answers .expanded ul li{
	padding: 5px 10px 5px 10px !important;
}


.nextStepsContent .answers .top a{
	text-decoration: underline;
	color: #1F3664;
}


.nextStepsContent .answers .top a:hover{
	text-decoration: none;
}

.nextStepsContent .supportContent .insertBoxWide {
	width: 510px;
	background: #D2D7DD;
	font-size: 1.1em;
	padding: 5px 10px;
	margin: 5px 0 0 5px;
	border: 1px solid #000;
	border-bottom: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #3F5075;
	}
	
.nextStepsContent .supportContent .insertBoxWideBottom {
	width: 520px;
	margin: 0 0 20px 5px;
	padding: 5px;
	background: #FAFBFE;
	border: 1px solid #000;
	border-top: none;
	}	
	
.nextStepsContent .supportContent .boxed {
	width: 520px;
	margin: 0 0 20px 5px;
	padding: 5px;
	background: #FAFBFE;
	border: 1px solid #000;
	}	

.nextStepsContent .sofp {
	margin-top: 18px;
	border-top: 1px solid #313E5B;
	padding-top: 3px;
	width: 379px;
	}
	
.nextStepsContent .sofp .fHeading {
	float: left;
	height: 45px;
	width:301px;
	margin: 0 0 4px 3px !important;
	background: #EFF0F3;
	}	
	
.nextStepsContent .sofp h3{
	margin: 14px 5px 0 7px !important;
	background: #EFF0F3;
    } 

.nextStepsContent .sofp p{
	margin-left: 1px !important;
	margin-right: 1px !important;
	}	
	
.nextStepsContent .sofp p.bLink {
      float: left !important;
	  padding: 0 10px 0 18px;
	  background: url("../images/bgLinkArrowsOrange.gif") no-repeat 0 4px !important;
	  color: #2461AA !important;
	  margin: 0 !important;
}

.nextStepsContent .sofp img  {
	float: left;
	}	
	
	





/*------ #leftCol ------*/


#leftCol{
	float: left;
	width: 164px;
	padding-top: 4px;
	background: url("../images/subNavigationTopBg.gif") no-repeat top left;
}


/*------ #subNavigation ------*/


#subNavigation{
	float: left;
	width: 164px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url("../images/subNavigationBottomBg.gif") no-repeat bottom left;
}


#subNavigation li{
	float: left;
	width: 160px;
	padding-left: 1px;
}



#subNavigation li a{
	display: block;
	border-top: 1px solid #fff;
	width: 135px;
	padding: 5px 6px 4px 19px;
	color: #444;
	font-size: 1.1em;
	text-decoration: none;
	background: #DBDBDB url("../images/subNavigationLiBg.jpg") no-repeat 0 0;
}


#subNavigation li a:hover,
#subNavigation li a.here{
	color: #fff;
	background: #1E2444 url("../images/subNavigationLiBg.jpg") no-repeat 100% 0;
}


#subNavigation li ul{

}


#subNavigation li ul li{
	padding-left: 0px;
}


#subNavigation li ul li a{
	width: 124px;
	margin-left: 5px;
	background: url("../images/subNavBg.jpg") repeat-x 100% 0;
}


#subNavigation li ul li a:hover,
#subNavigation li ul li a.here{
	background: #E2E9F3;
	color: #444;
}


#subNavigation li ul li ul li a{
	width: 114px;
	padding-left: 29px;
}


#subNavigation li ul li ul li a:hover,
#subNavigation li ul li ul li a.here{
	color: #849bbe;
	text-decoration: underline;
	background: url("../images/subNavBg.jpg") repeat-x 100% 0;
}





/*------ #features ------*/


#leftCol .feature{
	float: left;
	width: 164px;
	margin-bottom: 20px;	
}



/*--- .contact ---*/


#leftCol .contact{
	background: url("../images/featureContactBg.jpg") no-repeat 0 100%;
	padding-bottom: 2px;
}


#leftCol .contact .title{
	padding: 8px 9px;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	background: url("../images/contactTitleBg.jpg") no-repeat 100% 0;	
}


#leftCol .contact .title strong{
	font-size: 1.4em;
	}


#leftCol .contact .nearYou{
	width: 147px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 7px 0 0px 7px;
	padding: 17px 0;
	background: url("../images/nearYouBg.jpg") no-repeat 0 0;	
}


#leftCol .contact .nearYou a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 46px;
	background: url("../images/whiteArrow.gif") no-repeat 97% 5px;
	}
	
	
#leftCol .contact .nearYou a:hover{
	text-decoration: underline;
	}


#leftCol .contact .button{
	float: left;
	width: 147px;
	font-size: 1.8em;
	text-align: center;
	font-weight: bold;
	padding-top: 4px;
	margin: 7px 0 7px 7px;
	background: url("../images/buttonTopBg.jpg") no-repeat 0 0;	
}



#leftCol .contact .button a{
	display: block;
	padding: 4px 0 14px 0;
	color: #fff;
	text-decoration: none;
	background: url("../images/buttonBg.jpg") no-repeat 0 100%;	
}







/*--- .savedJobs ---*/


#leftCol .savedJobs{
	padding-bottom: 9px;
	background: #fff url("../images/savedJobsBottomBg.jpg") no-repeat 0 100%;
}


#leftCol .savedJobs .title{
	padding: 6px 9px;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.5em;
	font-weight: bold;
	background: #262C44 url("../images/savedJobsTopBg.jpg") no-repeat 0 0;	
}


#leftCol .savedJobs .job{
	float: left;
	width: 156px;
	margin-left: 3px;
	margin-bottom: 4px;
	border-bottom: 1px solid #E5E9F1;
	padding: 5px 0;
	font-size: 1.1em;
	color: #5c5c5c;
	font-weight: bold;
}


* html #leftCol .savedJobs .job{
	margin-left: 1px;
}


#leftCol .savedJobs .job span{
	float: left;
	width: 110px;
	padding-left: 5px;
}


#leftCol .savedJobs .job a{
	float: right;
	width: 18px;
	height: 18px;
	font-size: 1px;
	color: #fff;
	background: url("../images/deleteButton.gif") no-repeat 0 2px;
}	


#leftCol .savedJobs .button{
	float: right;
	margin: 0 7px 0 0;
	width: 77px;
	background: #4B5472 url("../images/smallButtonBottomBg.jpg") no-repeat bottom left;
}

* html #leftCol .savedJobs .button{
	margin: 0 3px 0 0;
}


#leftCol .savedJobs .button a{
	display: block;
	padding: 3px 0;
	font-size: 1.2em;
	text-align: center;
	font-weight :bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url("../images/smallButtonTopBg.jpg") no-repeat top left;
}



/*------ #homeMain ------*/


#homeMain{
	float: left;
	width: 704px;
}	




/*------ #flashIntro ------*/


#flashIntro{
	float: left;
	width: 701px;
	padding: 2px 4px 5px 2px;
	border-left: 1px solid #FCFCFC;
	background: url("../images/homeMainBg.gif") no-repeat top left;
}




/*------ #homeBoxes ------*/


#homeBoxes{
	float: left;
	width: 704px;
}


#homeBoxes .box{
	float: left;
	position: relative;
	width: 333px;
	min-height: 104px;
	padding-left: 11px;
	margin-top: 28px;
	background: url("../images/homeBoxesBg.gif") no-repeat bottom left;
}


#homeBoxes .right{	
	float: right;
}


#homeBoxes .box img{
	position: absolute;
	right: 3px;
	bottom: 4px;
}


#homeBoxes .title{
	font-size: 1.6em;
	font-weight :bold;
	width: 235px;
	padding-bottom: 5px;	
	margin-bottom: 10px;
	background: url("../images/homeBoxTitleBg.jpg") no-repeat bottom left;
}


#homeBoxes .title a{
	color: #2e354e;
	text-decoration: none;
	background: url("../images/orangeLargeArrow.gif") no-repeat 100% 50%;
	padding-right: 14px;
}


#homeBoxes p{
	width: 235px;
	font-size: 1.1em;
	color: #444;
	margin-bottom: 10px;
}



/*------ #sideBar ------*/


#sideBar{
	float: right;
	width: 224px;
}



#sideBar .feature{
	float: left;
	width: 224px;
	margin-bottom: 16px;
	background: url("../images/sideFeatureBg.gif") no-repeat bottom left;
}


#sideBar .picture img{
	margin: 0 0 4px 1px;
	border: 1px solid #A9ADB0;
}


/*------ #tools ------*/


#tools{
	float: left;
	width: 942px;
	padding: 13px 0 11px 0;
	margin-left: 10px;
	background: url("../images/toolsBg.jpg") no-repeat top left;
}



#tools ul{
	float: left;
	margin-left: 20px;
}


#tools ul li{
	float: left;
}



#tools ul li.rate{
	padding: 2px 0 0 24px;
	font-size: 1.1em;
	background: url("../images/rateBg.gif") no-repeat 9px 4px;
}



#tools input{
	margin-left: 5px;
}


#tools ul li.rate p,
#tools ul li.rate input,
#tools ul li.rate label{
	float: left;
	color: #fff;
}


#tools #rateform{
	float: left;
	width: 300px;
}



#tools #btnRatePage{
	color: #000;
	margin-top: -4px;	
	font-size: 1.1em;
}


#tools .fontResizer{
	display: none;
	float: right;
	font-size: 1.1em;
	margin-right: 2px;
}


#tools .fontResizer dt{
	float: left;
	color: #b7cbe2;
	padding-right: 10px;
}


#tools .fontResizer dd{
	float: left;
	color: #fff;
	padding-right: 10px;
}


#tools .fontResizer dd a{
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}


#tools .fontResizer dd a.largeFont{
	padding-right : 0px;
}


#tools .fontResizer dd a:hover,
#tools .fontResizer dd a.curFont{
	text-decoration: underline;
}



/*------ #preFooter ------*/


#preFooter{
	float: left;
	width: 942px;
	margin-left: 10px;
	background: url("../images/preFooterBg.jpg") no-repeat top left;
}




#preFooter .quickLinks{
	float: left;
	width: 488px;
	padding: 12px 0 0 23px;
	background: url("../images/preFooterDivider.gif") no-repeat 100% 20px;
}	


#preFooter .quickLinks .title{
	float: left;
	color: #fff;
	font-size: 1.4em;
	font-weight :bold;
}


#preFooter .quickLinks .lists{
	float: right;
	width: 342px;
}


#preFooter .quickLinks ul{
	float: left;
	width: 170px;
	margin-bottom: 15px;
	font-size: 1.1em;
}


#preFooter .quickLinks ul li{
	padding-left: 13px;
	margin-bottom: 5px;
	background: url("../images/orangeArrow.gif") no-repeat 0 4px;
}


#preFooter .quickLinks ul li a{
	color: #fff;
	text-decoration: none;
}


#preFooter .quickLinks ul li a:hover{
	text-decoration: underline;
}


#preFooter .followUs{
	float: left;
	width: 155px;
	padding: 19px 0 19px 25px;
	background: url("../images/preFooterDivider.gif") no-repeat 100% 20px;
}


#preFooter .followUs a{
	display: block;
	width: 131px;
	height: 52px;
	text-indent: -9999px;
	color: #8D929D;
	background: url("../images/followUsBg.gif") no-repeat 0 0;
}



#preFooter #channelRAF{
	float: left;
	width: 217px;
	height: 88px;
	text-indent: -9999px;
	margin: 4px 0 6px 24px;
	background: url("../images/channelRafBg.gif") no-repeat 0 0;
}



/*------ #footer ------*/


#footer{
	float: left;
	width: 942px;
	margin: 0 0 10px 10px;
	font-size: 1.1em;
	color: #9598A1;
	padding: 6px 0 12px 0;
	background: url("../images/footerBg.gif") no-repeat bottom left;
}


#footer ul{
	float: left;
	margin-left: 10px;
}


#footer ul li{
	float: left;
	padding-right: 5px;
}


#footer ul li a{
	color: #9598A1;
	text-decoration: none;
	padding-right: 5px;
}


#footer ul li a:hover{
	text-decoration: underline;
}


#footer .copyright{
	float: right;
	margin-right: 12px;
}







