/**************************************
Copy of Storm's Careers Advice CSS
Updated on - Jan 4, 2009
Team - Storm
Project - CMS
***************************************/
body
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
}
strong
{
    font-weight: bold;
}
a, a:link, a:hover
{
    color: #069;
    text-decoration: underline;
}
a:hover, a:active, a:focus
{
    color: #039;
    text-decoration: none;
}
a
{
    _zoom: 1;
}
/********************************************************************************
 breadcrumb module override
*********************************************************************************/
.breadcrumb{font-size:11px;}
.breadcrumb li {background-image:url(/img/st/jobseeker/bullet.png);}
.breadcrumb li a{font-weight:bold;}

/********************************************************************************
 browse tiered-breadcrumb module override
*********************************************************************************/
.tiered-breadcrumb a{ padding: 0 4px;font-weight: bold;}
.tiered-breadcrumb a.first{ padding-left: 0px;}
.tiered-breadcrumb a.disabled{ color: #000000;font-weight: normal;text-decoration: none;}

/********************************************************************************
 Page template overrides
*********************************************************************************/
#page-wrap
{
    margin: 0 auto;
    position: relative;
    width: 770px;
}
.page
{
    width: 770px;
    position: relative;
}
.content-wrap
{
    overflow: hidden;
}
.content
{
    background: #fff;
    padding: 0;
    zoom: 1;
}
.container
{
    padding: 0;
    margin: 0;
    display: inline;
}
.content-middle
{
    width: 770px;
    margin-top: 10px;
    float: left;
}
.mainCol
{
    width: 580px;
    margin: 0;
    display: inline;
}
.leftCol
{
    width: 178px;
    margin: 0;
    display: inline;
}
.rightCol
{
    width: 155px;
    margin: 0;
    display: inline;
}
.useful-links
{
    display: none;
}
/* Require for CWJobs */
.recruiter-row
{
    display: none;
}
/* Require for CWJobs */
.top1
{
    display: none;
}
/* Require for CWJobs */
/*Site Header*/
.mod-header
{
    background: url(/img/st/jobseeker/headerBk.gif) repeat-x;
    z-index: 100; /* for saved search */
}
.mod-header .hd
{
    height: 81px;
    background: url(/img/st/jobseeker/headerStrap.gif) no-repeat bottom right;
}
.mod-header .hd .logo a
{
    display: block;
    width: 318px;
    height: 81px;
    background: url(/img/st/jobseeker/headerLogo.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
.mod-header .date
{
    margin: 13px 15px 0 0;
    float: right;
    color: #fff;
    font-size: 12px;
}
.mod-header .bd
{
    position: relative;
    font-size: 11px;
    line-height: 29px;
    height: 50px;
    background: url(/img/st/jobseeker/Salestarget_logo_bttm.gif) no-repeat top left;
    padding-left: 74px;
    overflow: visible;
    z-index: 100; /* for saved search */
}
.mod-header .bd a 
{
    font-weight: bold;
}
.mod-header .tabs a 
{
    font-weight: normal;
}
.mod-header .ft
{
    line-height: 24px;
    height: 24px;
    background: #f90;
    border-left: 1px solid #d98200;
    border-right: 1px solid #d98200;
}

.content h1
{
	display:none;
}

/*Site navigation bar overrides*/
.mod-navigation
{
    font-size: 11px;
    color: #000;
}
.mod-navigation ul
{
    width: 100%;
    background: url(/img/st/jobseeker/nav_js_bg.gif) repeat-x;
    line-height: 24px;
    margin: 0;
}
.mod-navigation li
{
    background: url(/img/st/jobseeker/navDiv.gif) no-repeat right center;
}
.mod-navigation .last
{
    background: none;
}
.mod-navigation a
{
    color: #000;
    padding: 0 9px 0 8px;
    font-size: 1em;
}
.mod-navigation a:hover, .mod-navigation a:visited
{
    color: #000;
}

/*Site tabs overrides*/
.tabs
{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 23px;
    _width: 500px;
    z-index: 100;
}
.tabs a, .tabs a:hover, .tabs a:visited
{
    color: #000;
}
.job-basket, #Menu_SavedSearch, .recruiter-link
{
    float: right;
    display: block;
    width: auto;
    _width: 0px;
    _white-space: nowrap;
}

.recruiter-link a
{
    text-align: center;
    width: 138px;
    height: 23px;
    display: block;
    color: #fff;
    background: url(/img/st/jobseeker/rec_tabs.gif) no-repeat top;
    text-decoration: none;
}
.recruiter-link a:hover
{
    color: #000;
    background: url(/img/st/jobseeker/rec_tabs.gif) no-repeat bottom;
    text-decoration: underline;
}
.recruiter-link a, .recruiter-link a:visited {
color:#FFFFFF;
}

.recruiter-link a:hover {
color:#000;
}

.job-basket, #Menu_SavedSearch
{
    background: url(/img/st/jobseeker/jb_lft.gif) no-repeat left top;
    padding-left: 10px;
    margin-right: 1px;
    position: relative;
}
.job-basket a, .saved-searches a
{
    background: url(/img/st/jobseeker/jb_rgt.gif) no-repeat right top;
    display: block;
    height: 23px;
    padding-right: 10px;
    text-decoration: none;
}

.job-basket a:hover, .saved-searches a:hover
{
    text-decoration: underline;
}

/* saved search drop down */
#Menu_SavedSearch
{
    z-index: 100;
    *zoom:1;
}
.HideSubMenu
{
    display: none;
}
.ShowSubMenu
{
    display: block;
    position: absolute;
    top: 23px;
    left: 0;
    z-index: 100;
}
#divSubNav
{
    border: 1px solid #778c8a;
    *zoom:1;
}
#divSubNav
{
    width: 170px;
    list-style-type: none;
    overflow: hidden;
}
#divSubNav li
{
    float: none;
    background: #ccc;
    list-style-type: none;
    *zoom:1;
}
#divSubNav li a
{
    display: block;
    background: url(/img/svSrchLnk.gif) #d1d7d9 repeat-x left bottom;
    color: #222;
    font-size: 11px;
    margin: 0;
    padding: 5px;
    line-height: normal;
    *zoom:1;
}
#divSubNav li a:link,
#divSubNav li a:visited
{
    text-decoration: none;
}
#divSubNav li a:hover,
#divSubNav li a:active,
#divSubNav li a:focus
{
    text-decoration: underline;
}
#divSubNav .last
{
    font-style: italic;
    text-align: right;
}

/********************************************************************************
Page Back and Top links
*********************************************************************************/
.pg-links
{
    width: 770px;
    margin: 0;
    padding: 10px 0 0 0;
    overflow: hidden;
}
.pg-links .hd
{
    display: none;
}
.pg-links .bd
{
}
.pg-links ul li
{ *word-wrap:break-word;}/* IE6 fix */
.pg-links .bd ul li
{
    font-size: 11px;
    list-style: none;
    margin: 0;
}
.pg-links .bd ul li.back-link
{
    float: left;
    width: 100px;
}
.pg-links .bd ul li.top-link
{
    float: right;
}
.pg-links .ft
{
    display: none;
}
/*header adbanner*/
.mod-header .hdrBnr
{
    position: absolute;
    right: 5px;
    top: 10px;
    z-index:9999;
}
/* Back to Top*/
.mod-backtop
{
    overflow: hidden;
    line-height: 30px;
    font-size: 11px;
    padding: 0 10px;
    zoom: 1;
}
.mod-backtop .bd .back
{
    float: left;
}
.mod-backtop .bd .top
{
    float: right;
}
/* Content Area Overrides */
.content
{
    padding: 10px 0;
    _height: 1%;
    overflow: hidden;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content img
{
    margin: 8px 0;
}
.content h1
{
    font-size: 24px;
}
.content h2
{
    font-size: 24px;
}
.content h3
{
    font-size: 20px;
}
.content h4
{
    font-size: 18px;
    margin: 6px 0;
    margin-top:0px;
}
.content h5
{
    font-size: 14px;
}
.content h6
{
    font-size: 12px;
}
.content dd
{
    padding: 0px;
}
/********************************************************************************
Page Back and Top links
*********************************************************************************/
.pg-links
{
    width: 770px;
    padding: 10px 0 0 0;
    margin: 0;
    overflow: hidden;
}
.pg-links .hd
{
    display: none;
}
.pg-links .bd
{
    _zoom: 1;
}
.pg-links ul li
{ *word-wrap:break-word;}/* IE6 fix */
.pg-links .bd ul li
{
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    margin: 0;
}
.pg-links .bd ul li.back-link
{
    float: left;
    width: auto;
    background: url(/img/st/jobseeker/STJR_03.jpg) no-repeat top left;
    padding-left: 22px;
}
.pg-links .bd ul li.top-link
{
    float: right;
    background: url(/img/st/jobseeker/STJR_05.jpg) no-repeat top left;
    padding-left: 19px;
}
.pg-links .ft
{
    display: none;
}
/********************************************************************************
 Footer
*********************************************************************************/
.mod-footer
{
    font-size: 11px;
    line-height: 16px;
    overflow: hidden;
    padding: 10px 0;
	zoom: 1;
    width: 100%;
    text-align: center;
    clear: both;
}
.mod-footer .bd
{
    text-align: center;
}
.mod-footer .bd span
{
    background: url(/img/st/jobseeker/ST_footer_bg_jan.png) no-repeat left center;
    padding: 0 60px;
    margin-bottom: 10px;
    display: inline-block;
}
.mod-footer ul
{
    text-align: center;
    width:773px;
}
.mod-footer ul li
{
    display: inline;
    padding: 0 3px 0 5px;
    border-left: 1px solid #777;
}
.mod-footer ul .first
{
    border: none;
    padding-left: 0;
}
.mod-footer ul li
{ *display:inline;*zoom:1;}/* for IE 6/7 */

.mod-tabs .ss
{
    position: relative;
}

.mod-tabs .saved-searches
{
    position: absolute;
    left: 0px;
    top: 19px;
    background-color: #8ED305;
    border: 1px solid #000;
    width: 150px;
    display: none; /* hidden to start */
    z-index: 100;
}
.mod-tabs .saved-searches ul
{
    margin: 0;
    padding: 0;
}
.mod-tabs .saved-searches li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mod-tabs .saved-searches a
{
    text-align: left;
    display: block;
    padding: 5px;
    _zoom: 1;
    line-height: normal;
    background: none;
}
.mod-tabs .saved-searches a:link, .mod-tabs .saved-searches a:visited
{
    background-color: #8ED305;
}
.mod-tabs .saved-searches a:hover, .mod-tabs .saved-searches a:active
{
    background-color: #cce3a3;
}

.expired
{
    border: 2px solid #d70000;
    padding: 20px 10px 20px 65px;
    background: #fff url(/img/st/Jobseeker/excl.gif) no-repeat 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
/********************************************************************************/
/* AutoCompleteExtender															*/
/********************************************************************************/
/* main container */
.pjb-ace
{
    display: inline;
}
.pjb-ace .ct
{
    position: relative;
    display: block;
    border: solid 1px #666666;
    background: #fff;
    margin: 0;
    padding: 0;
    width: 280px;
    height: auto;
    overflow: hidden; /* default text styling */
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}
/* header container */
.pjb-ace .ct .hd
{
    /* text styling */
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    color: #666666;
    background: #BDD2CA url(/img/st/jobseeker/dottedline.gif) repeat-x bottom;
    background-color: #BDD2CA;
    height: 15px;
    width: 100%;
}
/* header text */
.pjb-ace .ct .hd span
{
    background-image: none;
    white-space: nowrap; /* ensure height of text line matches height of close button (minus vertical paddings, i.e. 19-2-2) */
    line-height: 15px; /* reserve space for progress indication */
    padding: 0px;
    margin: 0px;
    padding-right: 15px;
}
/* close button */
.pjb-ace .ct .hd a
{
    display: block;
    position: absolute; /* align link to top-right */
    right: 4px;
    top: 4px; /* make link large enough to cover background image */
    width: 11px;
    height: 11px; /* set background image */
    background: #BDD2CA url(/img/st/jobseeker/close.gif);
    background-position: right top;
    background-repeat: no-repeat; /* set background color to cover up long text */
    background-color: #BDD2CA;
}
/* body container */
.pjb-ace .ct .bd
{
    background: #ffffff;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
}
/* suggestions list container */
.pjb-ace .ct .bd ul
{
    margin: 0;
    padding: 0;
    cursor: default;
    width: 100%;
    height: auto;
}
/* suggestions list item */
.pjb-ace .ct .bd ul li
{
    margin: 0;
    padding: 2px 5px 2px 5px;
    color: #222222;
    list-style-type: none; /* do not wrap text */
    white-space: nowrap;
}
.pjb-ace .ct .bd ul li.more
{
    font-weight: bold;
    color: #006699;
    text-decoration: underline;
    text-align: right; _width:265px!important;
}
.pjb-ace .ct .bd ul li.more:hover
{
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: right;
}
.pjb-ace .ct .bd ul li.hover
{
    color: #ffffff;
    background-color: #316AC5;
}
/* progress indicator - displayed inside the text box */
.pjb-ace-pi
{
    background-image: url(/img/loader.gif);
    background-position: right 2px;
    background-repeat: no-repeat;
}

/********************************************************************************
	validator callout plugin
*********************************************************************************/
.validatorCallout .validatorCalloutPointer
{
	background-image: url(/img/st/jobseeker/validate-arrow-left.png);
}
.validatorCalloutLeft .validatorCalloutPointer
{
	background-image: url(/img/st/jobseeker/validate-arrow-right.png);
}

/********************************************************************************
	jQuery UI Dialog
*********************************************************************************/
.job-map-dialog
{
   border: 1px solid #000;
    background-color: #ECECE2;
    position: absolute;
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-background-clip: padding-box;    
    -moz-box-shadow: 3px 3px 10px #333;
    -webkit-box-shadow: 3px 3px 10px #333;
    box-shadow: 3px 3px 10px #333;

}
.job-map-dialog .ui-dialog-titlebar
{
     border-bottom: solid 1px #000;    
    background: #254F45 url(/img/st/jobseeker/map/map-hdr-bg.png) repeat-x scroll top left;
    color: #fff;
    position: relative;
    font-weight: bold;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius:  10px 10px 0 0;
    border-radius:  10px 10px 0 0;

}
.job-map-dialog .ui-dialog-title
{
    padding: 7px;
    display: block;
}
.job-map-dialog .ui-dialog-subtitle
{
    padding: 2px 5px;
    display: block;
}

.job-map-dialog .ui-dialog-content
{
    position: relative;
    border: 0;
    padding: 0;
    background: none;
    overflow: auto;
    zoom: 1;
}

.job-map-dialog .ui-dialog-titlebar-close
{
    position: absolute;
    top: 6px;
    right: 4px;
    height: 21px;
    width: 21px;
    background: transparent url(/img/st/Jobseeker/map/close.png) no-repeat scroll 0 0;
    text-indent: 9999px;
    overflow: hidden;
}

.job-map-dialog .ui-dialog-content
{
    position: relative;
    border: 0;
    overflow: auto;
    zoom: 1;
}