/* common.css */


/* ***** COMMON ***** */

* { margin:0; padding:0; } /*reset*/

body { font-family:Arial,Helvetica,sans-serif; font-size:75%; line-height:1.5em; } /*12px/18px*/
img { border:none; }
a { color:#0b82ce; text-decoration:underline; cursor:pointer; }
a:hover { color:#006699; }
h1, h2, h3, h4, h5, h6 { color:#93BF2C; }
h1 { font-size:2em; line-height:1.5em; font-weight:normal; } /*24px/36px*/
h2, h3, h4, h5, h6 { font-size:1em; line-height:1.5em; } /*12px/18px*/
table { border-collapse:collapse; }
fieldset { border:none; }
textarea { border:1px solid #999; padding:2px; }
input.text { border:1px solid #999; padding:2px; }
input.text:hover { border:1px solid #000; }
input.checkbox { vertical-align:middle; }
label.checkbox { vertical-align:middle; }
input.button { width:auto; overflow:visible; padding:1px 2px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1em; cursor:pointer; }
select { padding:1px; font-family:Arial,Helvetica,sans-serif; font-size:1em; }
option { padding-right:10px; }

span.s { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; }

.clear { clear:both; font-size:0; line-height:0; } /*clear*/
.disabled { display:none; visibility:hidden; } /*hidden*/


/* ***** LAYOUT ***** */

#user, #header, #navbar, #content, #footer { clear:both; min-width:940px; }


/* ***** USER ***** */

#user { min-height:19px; border-bottom:1px solid #ccc; padding:4px 20px; color:#333; }

.user .site_links { float:left; }
.user .site_links a { margin-right:14px; }

.user .user_links { text-align:right; font-size:0.9em; } /*11px*/
.user .user_links a { font-weight:bold; }
.user .user_links span.s { margin:0 0.4em; font-size:12px; color:#ccc; } /*12px*/
.user .user_links .myjobs { position:relative; padding-left:20px; } /*16+4*/
.user .user_links .myjobs span.i { width:16px; background-position:-54px center; } /*save_on*/
.user .user_links .count { color:#0B82CE; }
.user .user_links .off { display:none; visibility:hidden; }

.user .change_country { text-align:right; font-size:0.9em; } /*11px*/
.user .change_country label { vertical-align:middle; }
.user .change_country select { padding:0; vertical-align:middle; }
.user .change_country input.button { padding:0; font-size:0.9em; } /*10px*/

* html #user { height:19px; } /*IE6*/ /*min-height*/


/* ***** HEADER ***** */

#header { padding:10px 20px; }

.header a, .header label { white-space:nowrap; }

.header .header_logo { float:left; width:205px; height:65px; }

.header .header_search { width:720px; margin-left:220px; } /*940-220*/
.header .header_search form { overflow:auto; } /*clear*/
.header .header_search fieldset { float:left; padding-right:6px; } 
.header .header_search label { display:block; font-size:1.1em; font-weight:bold; color:#333; } /*13px*/
.header .header_search input.text { width:14em; margin:1px 0; font-size:1.3em; } /*16px*/
.header .header_search input.button { margin:1px 0; font-size:1.1em;  } /*13px*/
.header .header_search a { font-size:0.9em; } /*11px*/
.header .header_search .example { font-size:0.9em; } /*11px*/
.header .header_search .tools { float:left; margin-top:1.5em; font-size:1em; line-height:1.2em; } /*12px/14px*/

* html #header { width:960px; padding-right:0; } /*IE6*/ /*min-width*/


/* ***** NAVIGATION BAR ***** */

#navbar { min-height:19px; margin:0 8px; border:1px solid #eee; border-bottom:1px solid #ddd; padding:4px 12px; background:#F2F2F2 url(/images/bar.gif) repeat-x scroll left top; }

.navbar h1, .navbar h2, .navbar h3, .navbar h4, .navbar h5, .navbar h6 { display:inline; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#999; } /*14px*/

.navbar .breadcrumbs { font-size:0.9em; line-height:1.6em; color:#999; } /*11px/18px*/
.navbar .breadcrumbs a { font-weight:bold; }
.navbar .breadcrumbs a.selected { text-decoration:none; color:#666; }
.navbar .breadcrumbs a.selected:hover { text-decoration:underline; }
.navbar .breadcrumbs span.s { margin:0 4px; }

* html #navbar { height:19px; } /*IE6*/ /*min-height*/


/* ***** FOOTER ***** */

#footer { margin:10px 20px 0; border-top:1px solid #ccc; padding:0px; color:#333; }

.footer a { text-decoration:none; color:#0b82ce; white-space:nowrap; }
.footer a:hover { text-decoration:underline; }

.footer .footer_links { float:left; font-size:0.9em; } /*11px*/
.footer .footer_links span.s { margin:0 0.4em; font-size:12px; color:#ccc; } /*12px*/

.footer .footer_legal { text-align:right; font-size:0.8em; } /*10px*/
.footer .footer_legal span.s { margin:0 2px; color:#ccc; }
.footer .footer_legal div { display:inline; margin-left:10px; white-space:nowrap; }
#m_reserved { display:none; visibility:hidden; }

.footer .footer_intl { display:none; visibility:hidden; } /*disabled*/
.footer .footer_intl { clear:left; margin-top:20px; padding:10px 0; }
.footer .footer_intl h4 { display:inline; padding-right:8px; font-weight:bold; color:#333; }
.footer .footer_intl ul { display:inline; }
.footer .footer_intl li { display:inline; padding-right:8px; list-style:none; }
.footer .footer_intl a { position:relative; padding-left:20px; color:#0b82ce; } /*16+4*/


/* ***** CONTENT ***** */

#content { padding:20px; }

/* icons */

span.i { /*display:block;*/ position:absolute; top:0; left:0; width:0; height:100%; background:url(/a/sh/images/icons3.gif) no-repeat scroll 0 0; } /*icons*/

* html span.i { height:14px; } /*IE6*/ /*icons*/

/* flags */

span.f { /*display:block;*/ position:absolute; top:2px; left:0; width:16px; height:100%; background:url(/a/sh/images/flags2.gif) no-repeat scroll 0 0; } /*flags*/

a.us span.f { background-position:0 0; }
a.au span.f { background-position:-16px 0; }
a.ca span.f { background-position:-32px 0; }
a.de span.f { background-position:-48px 0; }
a.es span.f { background-position:-64px 0; }
a.fr span.f { background-position:-80px 0; }
a.gb span.f { background-position:-96px 0; }
a.in span.f { background-position:-112px 0; }


/* ***** STATIC ***** */

.static #content { width:940px; min-width:0; overflow:auto; } /*clear*/

.static #content_wrapper { width:940px; overflow:auto; padding:20px; } /*clear*/
.static #content_wrapper #content { float:right; width:720px; min-height:15em; border-left:1px solid #ccc; padding:0 0 0 20px; }
.static #content_wrapper #navigation { float:left; width:199px; } /*200-1*/

.static .content { font-size:1.1em; line-height:1.5em; color:#666; } /*13px/20px*/ /*clear*/
.static .content a { text-decoration:none; }
.static .content a:hover { text-decoration:underline; }
.static .content h1 { margin-bottom:10px; font-size:1.8em; } /*24px*/

/* navigation */

.static .navigation ul { font-weight:bold; }
.static .navigation li { list-style:none; padding-bottom:15px; }
.static .navigation li h4 { padding-left:14px; background:url(/c/YoutoJob-common/images/icons/arrow-right.gif) no-repeat center left; font-size:1.1em; } /*13px*/
.static .navigation li ul { display:none; visibility:hidden; }
.static .navigation li li { margin:2px 0; padding-left:14px; padding-bottom:0; }
.static .navigation li.selected h4 { background-image:url(/c/YoutoJob-common/images/icons/arrow-down.gif); }
.static .navigation li.selected h4 a { color:#666; text-decoration:none; }
.static .navigation li.selected ul { display:block; visibility:visible; }
.static .navigation li.selected li.selected { background:url(/c/YoutoJob-common/images/icons/selected.gif) no-repeat center left; }
.static .navigation li.selected li.selected a { color:#666; text-decoration:none; }

/* info */

.static .info { float:right; width:200px; }
.static .info h4 { }
.static .info h5 { color:#666; }
.static .info p { margin:5px 0; }

.static .info_bottom { margin-bottom:20px; padding-bottom:10px; background:url(/a/sh/images/static-box.gif) no-repeat scroll bottom left; } /*bottom*/
.static .info_top { padding:10px 10px 0 10px; background:#FCFDFD url(/a/sh/images/static-box.gif) no-repeat scroll top left; } /*top*/

.static .info_blog .feedTitle { font-weight:bold; }
.static .info_blog .feedTitle a { color:#93BF2C; }
.static .info_blog li { margin:5px 0; list-style:none; }
.static .info_blog li div { font-size:0.9em; }


/* home.css */


/* ***** HOME ***** */

#home {  }
#home #container { width:900px; margin:0 auto; padding:10px; }
#home #user, #home #header, #home #navigation, #home #content, #home #footer { width:auto; min-width:0; }

/* user */

#home #user { margin:0 20px; border:none; padding:0; }

#home #user a { text-decoration:none; }
#home #user a:hover { text-decoration:underline; }

/* header */

#home #header { padding:0; }

#home .header_logo { width:254px; height:88px; padding-left:45px; padding-right:20px; } /*319*/

#home .job_count { position:relative; height:88px; margin:0 20px 0 319px; text-align:right; } /*900-319-20*/
#home .job_count h2 { position:absolute; bottom:5px; right:0; font-size:1.9em; line-height:1em; font-weight:normal; color:#999; } /*24px/24px*/
#home .job_count strong { color:#92C02C; }

#home .header_search .search_bottom { padding-bottom:12px; background:url(/images/home-search-box.gif) no-repeat scroll bottom left; } /*bottom*/
#home .header_search .search_top { padding-top:8px; background:#FCFDFD url(/images/home-search-box.gif) no-repeat scroll top left; } /*top*/

#home .header_search { width:900px; margin:10px 0 0; color:#333; }
#home .header_search form { width:840px; padding-left:45px; padding-right:15px; overflow:visible; } /*900-60*/
#home .header_search fieldset { position:relative; padding-right:10px; z-index:1; }
#home .header_search label { display:inline; margin-right:8px; font-size:1.3em; } /*16px*/
#home .header_search input.text { margin:0; font-size:1.6em; } /*19px*/
#home .header_search input.button { display:block; width:125px; height:27px; margin-bottom:0; border:none; background:url(/images/home-search-button.gif) no-repeat scroll top left; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1em;letter-spacing:1px; text-transform:lowercase; color:#fff; } /*15px*/
#home .header_search a { font-size:0.8em; color:#000; } /*10px*/
#home .header_search p.middle { padding-top:0.5em; }

#home .header_search input.button { padding-bottom:4px; } /*see inline css*/
#home .header_search input.button { -moz-box-sizing:border-box; } /*FF3*/ /*box model*/

/* footer */

#home .footer_links { font-size:1.2em; } /*14px*/
#home .footer_links span.s { margin:0 2px; }

#home .footer_intl { display:block; visibility:visible; }

#home .footer_copy {  margin-top:20px; font-size:0.8em; text-align:center; } /*10px*/

/* home boxes */

/*
<div class="box">
  <!--box--><div class="top_left"><div class="top_right"></div></div>
  <!--content goes here-->
  <!--box--><div class="bottom_left"><div class="bottom_right"></div></div>
</div>
*/

#home .box .top_left, #home .box .top_right, #home .box .bottom_left, #home .box .bottom_right { height:10px; font-size:8px; line-height:8px; background:url(/a/sh/images/home-box.gif) no-repeat scroll 0 0; }

/*#home .box .top_left, #home .box .bottom_left { width:50%; } /*half*/
/*#home .box .top_right, #home .box .bottom_right { position:relative; left:100%; } /*half*/
#home .box .top_left, #home .box .bottom_left { position:relative; margin-right:10px; } /*corner*/
#home .box .top_right, #home .box .bottom_right { width:50%; position:absolute; top:0; right:-10px; } /*corner*/

#home .box .top_left { background-position:left top; }
#home .box .top_right { background-position:right top; }
#home .box .bottom_left { background-position:left bottom; }
#home .box .bottom_right { background-position:right bottom; }

#home .box .middle_left { border-left:1px solid #e9eaeb; border-right:1px solid #e9eaeb; background-color:#fff; } /*extra border shading*/
#home .box .middle_right { border-left:1px solid #d3d4d5; border-right:1px solid #d3d4d5; background-color:#fff; } /*extra border shading*/


/* ***** CONTENT ***** */

#home #content { margin-top:-1px; padding:0 15px; overflow:h} /*860*/

#home .content a { text-decoration:none; }
#home .content a:hover { text-decoration:underline; }

/* sections */

#home #c_YoutoJob { float:right; width:420px; padding:10px 0 10px 30px; color:#333; }
#home #c_find_jobs { float:left; width:420px; } /*860-420-20*/
#home #c_search_activity { width:860px; }
#home #c_search_activity a { text-decoration:underline; }
#home #c_user_messages { width:880px; margin-right:-20px; }

/* about YoutoJob */

#home .about { font-size:1.2em; line-height:1.5em; } /*14px/22px*/
#home .about a { color:#333; }
#home .about a:hover { color:#0b82ce; }

#home .brag { margin-top:20px; text-align:center; }
#home .brag h3 { margin-bottom:20px; border-bottom:1px solid #ccc; font-size:1.3em; color:#999; text-align:left; } /*16px*/
#home .brag a { float:right; line-height:2em; }

/* find jobs */

#home .categories { padding:10px 25px; }
#home .categories h3 { font-size:1.2em; color:#333; } /*14px*/
#home .categories ul.left { float:left; margin-right:30px; }
#home .categories ul.right { float:left; padding-bottom:10px; }
#home .categories li { list-style:none; margin:2px 0; color:#0b82ce; }
#home .categories p { clear:both; width:100%; border-top:1px solid #ccc; padding-top:10px; }

/** html #home .categories h3 { position:relative; } /*IE6*/ /*bug 11535*/

/* recent searches */

#home .recent_searches { padding:10px 100px; background-color:#fff; }
#home .recent_searches h3 { display:inline; padding-left:5px; font-size:1.2em; color:#333; } /*14px*/
#home .recent_searches table { width:100%; }
#home .recent_searches th, .recent_searches td { padding:5px; }
#home .recent_searches th { vertical-align:top; text-align:left; }
#home .recent_searches td { width:33%; vertical-align:top; text-align:right; }
#home .recent_searches span.s { margin:0 4px; color:#ccc; }
#home .recent_searches .count { color:#999; }
#home .recent_searches .tools a { position:relative; color:#FC9605; white-space:nowrap; }
#home .recent_searches .tools a:hover { color:#EF870E; }
#home .recent_searches a.alert { padding-left:24px; font-weight:bold; } /*20+4*/
#home .recent_searches a.alert span.i { width:20px; background-position:-147px top; } /*alert*/
#home .recent_searches a.rss { padding-left:16px; } /*12+4*/
#home .recent_searches a.rss span.i { width:12px; background-position:-206px top; } /*rss*/

/* promos */

#home .promos li { float:left; width:274px; margin-top:20px; margin-right:19px; list-style:none; } /*820/3*/
#home .promos h4 { font-size:1.3em; color:#999; } /*16px*/
#home .promos a { font-weight:bold; }
#home .promos span.p { display:block; float:left; width:0px; height:60px; margin-right:15px; background:url(/a/sh/images/home-promos.gif) no-repeat scroll 0 0; }
#home .promos .middle_right { min-height:60px; padding:0 10px; }
#home .promos .alerts span.p { width:66px; background-position:0px center; }
#home .promos .salary span.p { width:37px; background-position:-70px center; }
#home .promos .trends span.p { width:43px; background-position:-120px center; }
#home .promos .user_reviews span.p { width:50px; background-position:-170px center; }

* html #home .promos .middle_right { height:60px; } /*IE6*/ /*min-height*/

/* autocomplete */

#home .autocomplete { position:absolute; top:4.1em; left:0; width:100%; z-index:100; }
#home .autocomplete .yui-ac-content { padding-left:1px; padding-right:9px; }
#home .autocomplete .yui-ac-bd { padding:0 10px; background:#EBEDEF url(/a/sh/images/home-autocomplete.png) no-repeat scroll right -20px; }
#home .autocomplete .arrow { height:10px; font-size:8px; line-height:8px; background:url(/a/sh/images/home-autocomplete.png) no-repeat scroll center top; }
#home .autocomplete .top_left, #home .autocomplete .top_right, #home .autocomplete .bottom_left, #home .autocomplete .bottom_right { background-image:url(/a/sh/images/home-autocomplete.png); }
#home .autocomplete .top_left { background-position:left -10px; }
#home .autocomplete .top_right { background-position:right -10px; }
#home .autocomplete li { list-style:none; padding:2px 8px; white-space:nowrap; }
#home .autocomplete li.selected { background-color:#fff; font-weight:bold; }
#home .autocomplete li.highlight { background-color:#fff; cursor:pointer; }

* html #home .autocomplete .yui-ac-content { padding:0; } /*IE6*/ /*gif*/
* html #home .autocomplete .top_left, * html #home .autocomplete .top_right, 
* html #home .autocomplete .bottom_left, * html #home .autocomplete .bottom_right, 
* html #home .autocomplete .arrow, * html #home .autocomplete .yui-ac-bd { background-image:url(/a/sh/images/home-autocomplete.gif); } /*IE6*/ /*gif*/
* html #home .autocomplete .top_right, * html #home .autocomplete .bottom_right { right:-13px; } /*IE6*/ /*3px gap*/



/* site.css */