@charset "utf-8";
/* Job Seeker Header CSS */


/*------------------------------------------
          clearboth and clearfix
------------------------------------------*/ 
.clearboth{
display:block;
clear:both;
overflow:hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

/*------------------------------------------------------
       common Styles for jsHeader and jsFooter 
------------------------------------------------------*/ 

.jsHeader, .jsHeader p, .jsHeader ul, .jsHeader li, .jsHeader em, .jsHeader h1, .jsHeader img, .jsHeader span, .jsHeader a, .jsFooter, .jsFooter p, .jsFooter ul, .jsFooter li, .jsFooter em, .jsFooter h1, .jsFooter img, .jsFooter span, .jsFooter a{
margin:0;
padding:0;
border:none;
outline:none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
}
/*-------------------------------
        Job Seeker Header
-------------------------------*/
.jsHeader{
margin:0 0 15px 0;
}
/*----------------------------------------------------
               AJE Job Seeker LOGO
-----------------------------------------------------*/
.jsHeader h1{
width:200px;
height:63px;
display:block !important;
overflow:hidden !important;
float:left;
margin:8px 0 6px 8px;
}
.jsHeader h1 a{
width:200px;
height:0;
padding-top:63px;
overflow:hidden;
display:block;
}
/*----------------------------------------------------
                  Customer Care Number
-----------------------------------------------------*/
.jsHeader em{
font-style:normal;
color:#313131;
font-size:10px;
float:right;
padding:7px 10px 0 0;
}
.jsHeader em span{
padding: 0 10px 0 0;
font-weight:900;
}
/*----------------------------------------------------
           empLink - Employer's Page Link 
-----------------------------------------------------*/
.jsHeader a.empLink{
background:url(../images/aje-employer-button.png) no-repeat 0 0;
float:right;
width:197px;
height:33px;
display:block;
color:#FFF;
font-size:10px;
text-align:center;
padding:7px 0 0 0;
text-decoration:none;
}
.jsHeader a.empLink:hover{
text-decoration:underline;
}
/*----------------------------------------------------
                     Top Navigation
-----------------------------------------------------*/
.jsHeader ul{
clear:both;
display:block;
list-style:none;
height:24px;
background:url(../images/aje-seeker-top-nav-hover-effect.png) repeat-x 0 0;
border-left:1px solid #014B87;
border-right:1px solid #014B87;
position:relative;
}
.jsHeader ul li{
float:left;
height:24px;
padding:0 0px 0 0;
background:url(../images/aje-seeker-top-nav-hover-effect.png) repeat-x 0 0;
position:relative;
}
.jsHeader ul li.hover,
.jsHeader ul li:hover {
background:#074B78;
cursor:default;
}
.jsHeader ul li a{
color:#FFF;
font-weight:900;
font-size:11px;
background:url(../images/js-divider.gif) no-repeat right;
padding:5px 10px 6px 10px;
display:block;
text-decoration:none;
}
.jsHeader ul li a:hover{
text-decoration:none;
}
.jsHeader ul li a:link,
.jsHeader ul li a:visited{
color:#FFF !important;
text-decoration:none !important;
}

/*----------------------------------------------------
             Top Navigation - Second Level
-----------------------------------------------------*/
.jsHeader ul li ul{
position:absolute;
display:block;
float:left;
width:210px;
background:#3988c8;
border-top:1px solid #cecece;
border-left:1px solid #cecece;
border-right:1px solid #cecece;
height:auto;
left:-1px;
z-index:5;
top:24px;
visibility: hidden;
}
.jsHeader ul li ul li{
float:none;
display:block;
position:relative;
background:none;
padding:0;
margin:0;
width:210px;
height:23px;
border-bottom:1px solid #074B78;
color:#014B87;
}
.jsHeader ul li ul li a {
background:none;
width:200px;
height:19px;
overflow:hidden;
padding:4px 0 0 10px;
margin:0;
}
.jsHeader ul li ul li.dropDown a{
background:url(../images/top-nav-arrow.gif) no-repeat center right;
}
/*----------------------------------------------------
             Top Navigation - Third Level
-----------------------------------------------------*/
.jsHeader ul li ul li ul{
position:absolute;
display:block;
left:210px;
z-index:10;
top:-1px;
}
.jsHeader ul li ul li ul li a{
background:none !important;
}
/*---------------------------------------------------------
         accountAccess - Login, Logout, Account
----------------------------------------------------------*/
.jsHeader ul li.accountAccess{
background:url(../images/aje-js-login-logout-back.png) no-repeat 0 0;
width:178px;
height:32px;
display:block;
position:absolute;
right:11px;
top:-4px;
z-index:2;
}
.jsHeader ul li.accountAccess div{
display:block;
border:none;
position:static;
width:auto !important;
}
.jsHeader ul li.accountAccess div,
.jsHeader ul li.accountAccess div a,
.jsHeader ul li.accountAccess div a:hover{
background:none;
margin:0;
padding:0;
color:#074B78 !important;
visibility:visible;
}
.jsHeader ul li.accountAccess div{
width:87px;
float:left;
text-align:center;
border:none;
position:static;
}
.jsHeader ul li.accountAccess div a,
.jsHeader ul li.accountAccess div a:hover{
display:block;
width:87px;
padding:9px 0 9px 0;
margin:0 !important;
font-size:11px;
color:#074B78 !important;
text-align:center;
background:none !important;
}
.jsHeader ul li.accountAccess div a:hover{
text-decoration:underline;
}
/*-------------------------------
        Job Seeker Footer
-------------------------------*/
.jsFooter {
background:none repeat scroll 0 0 transparent !important;
height:210px;
padding-bottom:10px;
position:relative !important;
width:100% !important;
}
/*-----------------------------------------
             Bottom Navigation
-----------------------------------------*/
.jsFooter .bottomNav {
background:url("../images/americas-job-exchange-bottom-nav-back.png") repeat-x scroll 0 0 transparent;
height:29px;
position:absolute;
width:100%;
}
.jsFooter .bottomNav ul {
display:inline-block;
list-style:none;
}
.jsFooter .bottomNav ul li {
float:left;
line-height:18px !important;
width:147px;
}
.jsFooter .bottomNav ul li a {
background:url("../images/americas-job-exchange-bottom-nav-link.png") no-repeat scroll 0 0 transparent;
color:#494949;
display:block;
font-size:11px;
font-weight:900;
height:22px;
line-height:16px;
padding:7px 0 0 15px;
text-decoration:none;
width:132px;
}
.jsFooter .bottomNav ul li:hover{
cursor:default;
}
/*----------------------------------------------------
            Bottom Navigation - Second Level
-----------------------------------------------------*/
.jsFooter .bottomNav ul li ul {
margin:5px 0 0 15px;
}
.jsFooter .bottomNav ul li ul li {
float:none;
margin:0;
width:auto;
}
.jsFooter .bottomNav ul li ul li a {
background:none repeat scroll 0 0 transparent;
display:inline;
font-size:10px;
font-weight:normal;
height:auto;
margin:0 !important;
overflow:hidden;
padding:0 !important;
text-decoration:underline;
}
/*-------------------------------
          Copyright Text
-------------------------------*/
.jsFooter .copyright {
color:#494949;
font-size:9px;
font-style:normal;
position:absolute;
display:block;
height:22px;
right:-1px;
padding:7px 10px 0 0;
border-right:1px solid #CECECE;
}
