@charset "utf-8";

/* HOMEPAGE STYLES */

/* BUTTONS */
#topPageDashboard a.moreBtn{
display:block;
color:#000;
font-size:1em;
font-weight:bold;
background:#FDBB30 no-repeat right center;
background-image: url(../images2/newhome/more_arrows_large.png);
background-image:url(../images2/newhome/more_arrows_large.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(253,180,35)),
    color-stop(1, rgb(253,199,92))
);
background-image:url(../images2/newhome/more_arrows_large.png), -moz-linear-gradient(
    center bottom,
    rgb(253,180,35) 0%,
    rgb(253,199,92) 100%
);
height:2em;
line-height:1.9em;
padding:0 35px 0 10px;
border-radius:8px;
border-top-right-radius:0;
-moz-border-radius:8px;
-moz-border-radius-topright:0;
-webkit-border-radius:8px;
-webkit-border-top-right-radius:0;
text-decoration:none;
text-align:right;
}
#topPageDashboard a.moreBtn:hover{
background-color:#FDAB02;
background-image:url(../images2/newhome/more_arrows_large.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(253,162,5)),
    color-stop(1, rgb(253,180,35))	
);
background-image:url(../images2/newhome/more_arrows_large.png), -moz-linear-gradient(
    center bottom,
    rgb(253,162,5) 0%,
    rgb(253,180,35) 100%	
);
}


/* SPLASH PHOTO AREA */

#topPagePromo{
width:920px;
margin-bottom:10px;
}

/* PHOTO */
#topPageSplash{
float:left;
width:600px;
padding-right:20px;
}

#topPageSplash img{
display:block;
}
#topPageSplash h1{
background:#000;
color:#FFF;
font-size:1.4em;
height:40px;
line-height:40px;
padding:0 10px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#topPageSplash h1:first-letter{
font-size:1.2em;
}

/* DASHBOARD */
#topPageDashboard{
position:relative;
width:300px;
height:232px;
float:right;
background:#646464;
color:#FFF;
border-radius:8px;
border-top-right-radius:0;
-moz-border-radius:8px;
-moz-border-radius-topright:0;
-webkit-border-radius:8px;
-webkit-border-top-right-radius:0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

#topPageDashboard h2{
display:none;
}

#topPageDashboard #logInForm{
padding:10px 20px;
background:#000;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(1, rgb(68,68,68))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(68,68,68) 100%
);
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
}
#topPageDashboard #logInForm span{
display:inline-block;
margin-bottom:0.5em;
}
#topPageDashboard #logInForm label{
display:block;
clear:right;
font-weight:bold;
font-size:1.1em;
padding-bottom:3px;
}
#topPageDashboard #logInForm .textInput{
width:120px;
}
#topPageDashboard #logInForm .submitBtn{
float:right;
}

#topPageDashboard #logInForm small{
color:#FDE1AF;
font-size:0.7em;
display:block;
height:25px;
line-height:25px;
}
#topPageDashboard #logInForm small a{
color:#FDE1AF;
}
#topPageDashboard #logInForm small a:hover{
color:#FDBB30;
}

#topPageDashboard ul{
padding:10px;
background:0;
list-style:disc;
font-size:0.875em;
margin-left:2em;
}
#topPageDashboard li{
margin-bottom:0.2em;
}
#topPageDashboard li a,
#topPageDashboard li a:visited{
color:#FFF;
}
#topPageDashboard li a:hover{
color:#FDBB30;
}

#topPageDashboard a.moreBtn{
width:255px;
position:absolute;
bottom:0;
right:0;
font-size:1.2em;
height:2em;
line-height:2.1em;
}

/* DASHBOARD - USER LOGGED IN */
#topPageDashboard #logInForm.loggedIn{
padding:10px 20px 20px 20px;
position:relative;
}

#topPageDashboard #logInForm.loggedIn #loggedInTitle{
display:block;
font-weight:normal;
font-size:1.125em;
}

#topPageDashboard #logInForm.loggedIn .submitBtn{
width:100px;
position:absolute;
top:10px;
right:10px;
}

/* QUICK SEARCH BAR */

#quickSearchHomeWrapper{
background:#FEEAC0;
padding:5px 10px;
margin-bottom:20px;
border-radius:8px;
border-top-right-radius:0;
-moz-border-radius:8px;
-moz-border-radius-topright:0;
-webkit-border-radius:8px;
-webkit-border-top-right-radius:0;
position:relative;
width:580px;
}
#quickSearchHomeWrapper h2{
display:none;
}
#quickSearchHomeWrapper label{
font-weight:bold;
margin-right:5px;
vertical-align:middle;
}

#quickSearchHomeWrapper small{
position:absolute;
right:10px;
top:5px;
font-size:1em;
line-height:28px;

}
#quickSearchHomeWrapper small a{
display:block;
height:26px;
padding-right:30px;
background:url(../images2/newhome/adv_search_plus_btn.png) no-repeat right center;
color:#000;
text-decoration:none;
}
#quickSearchHomeWrapper small a:hover{
text-decoration:underline;
}


/* JOB CATEGORIES LIST */
#jobCategoriesWrapper{
}
#jobCategoriesWrapper h2{
display:none;
}
#jobCategoriesWrapper ul.jobCatsList{
}

#jobCategoriesWrapper li{
width:276px;
padding:5px;
display:inline-block;
vertical-align:top;
margin:0 5px 5px 5px;
border:1px solid #DDD;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#FFF;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(240,240,240)),
    color-stop(1, rgb(255,255,255))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(240,240,240) 0%,
    rgb(255,255,255) 100%
);
}
#jobCategoriesWrapper ul ul{
width:auto;
clear:both;
display:block;
margin-top:0.5em;
}
#jobCategoriesWrapper li li{
width:auto;
display:inline;
margin:0 5px 0 0;
font-size:0.875em;
border:0;
padding:0;
background:none;
}

#jobCategoriesWrapper li li:after{
content:',';
}
#jobCategoriesWrapper li li:last-child:after{
content:'';
}
#jobCategoriesWrapper li li a{
text-decoration:none;
}
#jobCategoriesWrapper li li a:hover{
text-decoration:underline;
}

#jobCategoriesWrapper li .catHead{
min-height:20px;
/*border:1px solid red;*/
position:relative;
cursor:pointer;
}

#jobCategoriesWrapper li h3{
color:#000;
font-size:1em;
width:200px;
padding-left:14px;
background:url(../images2/newhome/more_arrows_category.png) no-repeat 2px 4px;
}
#jobCategoriesWrapper li h3.open{
background:url(../images2/newhome/more_arrows_category_open.png) no-repeat left 4px;
}
#jobCategoriesWrapper li h3 a{
color:#000;
text-decoration:none;
}
#jobCategoriesWrapper li h3 a:hover{
color:#2c59c9;
text-decoration:underline;
}
#jobCategoriesWrapper .jobTotal{
width:56px;
height:16px;
padding:0 2px 4px;
background:#FDBB30;
text-align:center;
border-radius:8px;
border-bottom-left-radius:0;
-moz-border-radius:8px;
-moz-border-radius-bottomleft:0;
-webkit-border-radius:8px;
-webkit-border-bottom-left-radius:0;
position:absolute;
right:0;
top:0;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
}
#jobCategoriesWrapper .jobTotal small{
font-size:0.75em;
line-height:16px;
position:relative;
font-weight:bold;
}

/* PROMO SLOTS IN MAIN CONTENT AREA */
#mainPromosWrapper{
margin:0.5em 0;
}

#mainPromosWrapper .promoItem{
display:inline-block;
vertical-align:top;
width:288px;
padding:5px 0;
margin:0 5px 1em 5px;
border-top:1px dotted #DDD;
font-size:0.875em;
position:relative;
}

#mainPromosWrapper .promoItem h2{
font-size:1.25em;
color:#7D745A;
padding-bottom:0.5em;
}

#mainPromosWrapper .promoItem li{
margin:0 0 0.5em 0;
font-size:inherit;
}

#mainPromosWrapper .promoItem ul.linkList li{
padding-left:0.6em;
background-image:url(../images2/newhome/bullet_tiny_arrow.png);
background-repeat:no-repeat;
background-position:left 0.35em;
}

#mainPromosWrapper .promoItem ul.linkList.ABList li{
padding:0.1em 0.6em 0.1em 0.8em;
background-position:0.3em 0.35em;
margin:0 0 1px 0;
}

#mainPromosWrapper .promoItem ul.linkList li small{
display:block;
font-size:0.875em;
color:#777;
margin-top:0.2em;
}

#mainPromosWrapper .promoItem h3{
color:#000;
padding-left:0.6em;
background:url(../images2/newhome/bullet_tiny_arrow.png) no-repeat left 0.35em;
}

#mainPromosWrapper .promoItem .titleBtn{
position:absolute;
right:0;
top:9px;
width:16px;
height:16px;
overflow:hidden;
text-indent:-9999px;
background-repeat:no-repeat;
}
#mainPromosWrapper .promoItem .titleBtn.RSS{
background-image:url(../images2/newhome/icon_title_small_rss.png);
}

/* MOBILE SITE PROMO */

#mainPromosWrapper .promoItem .mobilePromo .QRCode{
float:left;
border:1px solid #FDBB30;
margin-right:10px;
}

/* PROMO SLOTS MORE BUTTON */

#mainPromosWrapper .promoItem a.moreBtn{
clear:both;
display:inline-block;
border:1px solid #DDD;
margin-top:0.5em;
width:2.5em;
line-height:1.1em;
padding:0em 1.2em 0 0.3em;
text-decoration:none;
float:right;
font-weight:bold;
color:#333;
background:url(../images2/newhome/more_arrows_xsmall_padded.png) no-repeat right 0.4em;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#mainPromosWrapper .promoItem a.moreBtn:hover {
color:#2c59c9;
border-color:#CCC;
background-color:#FAFAFA;
}