/*  */

/* p {font: 10pt/10pt "Arial","Helvetica"} */

h1 {font: 16pt/16pt "Arial","Helvetica","sans"; font-weight: bold}

h2 {font: 14pt/14pt "Arial","Helvetica","sans"; font-weight: bold; color: #857750 }

h3 {font: 12pt/12pt "Arial","Helvetica","sans"; font-weight: bold; color: #D19900; margin-bottom: 6pt }

h4 {font: 10pt/10pt "Arial","Helvetica","sans"; font-weight: bold; color: #335e56; margin-bottom: 0pt}

h5 {font: 10pt/10pt "Arial","Helvetica","sans"; font-weight: bold}

h6 {font: 10pt/10pt "Arial","Helvetica","sans"}

ol {font: 10pt/10pt "Arial","Helvetica","sans"}

ul {
/* font: 10pt/10pt "Arial","Helvetica","sans"; */
 list-style-image:
 url('/++resource++img/bullet.gif');
}
li { margin-bottom: 0.3em; }

td { font: inherit }
tr { font: inherit }


tr td { border: inherit }

A:link {color:blue; text-decoration:none}
A:hover {color:blue; text-decoration:underline}
A:visited {color:purple; text-decoration:none}

.faq p {font: 10pt/12pt "Arial","Helvetica"; margin-bottom: 0pt; margin-top: 0pt}
.faq h3 {font: 12pt/12pt "Arial","Helvetica","sans"; font-weight: bold; color: #D19900 }
.faq li {font: 10pt/12pt "Arial","Helvetica","sans"; display: inline}
.faq li a:hover {color: orange; text-decoration: underline}

.brightlink a:hover {color: orange; text-decoration: underline}

.ahint A { border-bottom: 2px dotted blue }


body { 
    background-color: #ffffff;
    color: black;
    font-family: arial,helvetica,sans-serif;
    /* font-size: 12pt; */
    margin: 0;
    padding: 0;
    }

#bodyContent {
    margin: 8px;
    }

.form { background: #eeebdc;
 }

.outerBorder { background: #664859; }

.divider { color: #3366cc }

.errorText { color: red; }

.title { font-weight: bold;
 font-size: large;
 }

.footing { font-size: 10pt }

.clearFloat {
  clear: both;
  float: none;
  font-size: 0;
  height:0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.resultTitle { margin-bottom: 4px; font-weight: bold ! important }
.resultTitleRow { }
h2.resultTitleRow {
 font-weight: normal;
 font-size: medium;
 padding: 0px;
 margin: 0px;
 display: inline;
}
.resultContent { font-size: smaller }
.resultInfo { font-size: 75% }
.resultEmployer { /* xfont-style: italic */ }
.resultHit B { color: #990000 }
.resultSummary { border-top: 1px solid #b1a289; }
h1.resultHeader { display: inline; font-size: medium; font-weight: normal; margin: 0px; padding: 0px }
.resultSummarySub { background: #E5E1D6; }
.resultFooter { border-bottom: 1px solid #b1a289; font-size: smaller }
.resultDomain { }

.sponsorHeader { background: #dddddd; color: #666666; margin-bottom: 6pt; text-align: left; padding: 1pt; font-size: 60% }
.jobWordItem { text-align: left; font-size: medium }
.jobWordLink { font-weight: bold }
.jobWordBody { font-size: smaller }
.jobWordBody IMG { padding: 3px }
.jobWordHost { font-size: 75% }

.adborder { border: solid 1px #e0e1cc }
/* Replaces adborder, which should be removed when it is safe */
.sponsoredJobsTable {
    margin-bottom: 1em;
    }

.sponsoredJobContent {
    padding: 3px 3px 3px 5px;
    }

.sponsoredJobSpacer {
    border: none;
    font-size: 1px;
    line-height: 1px;
    height: 5px;
    min-height: 5px;
    max-height: 5px;
    }

.eluta_sponsored_job .sponsoredJobCell,
.eluta_sponsored_job .sponsoredJobRightBorder {
    border: solid 1px #e0e1cc;
    }

.eluta_sponsored_job .sponsoredJobRightBorder {
    background-color: #e0e1cc;    
    }

.globe_careers_job .sponsoredJobCell,
.globe_careers_job .sponsoredJobRightBorder { 
    border: solid 1px #ffd700;
    }

.globe_careers_job .sponsoredJobRightBorder {
    background-color: #ffd700;    
    }

.globe_careers_job h2.resultTitle {
    font-size: 110%;
    }

/* Setting 95% actually makes it larger */
.globe_careers_job .resultContent {
    font-size: 95%;
    }

.jobSponsorRightBorder {
    background-color: #e0e1cc;    
    width: 8px;
    min-width: 8px;
    max-width: 8px;
    }

.jobSponsor {
    font-size: 70%;
    float: right;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    }

.globe_careers_job .jobSponsor {
    color: #7d7d7d;
    }

.sponsoredJobLinksContainer {
    float:right;
    margin: 0;
    padding: 0; 
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    }

.sponsoredJobLinks {
    float: left;
    padding: 0 0 2px 5px;
    }

.jobSponsorLogo {
    float: right; 
    padding: 2px 3px 0px 16px;
    }

.jobSponsor img {
    border:none;
    vertical-align: bottom;
    }

.eluta_sponsored_job .jobSponsor {
    margin-top: 3px;
    }

.globe_careers_job .jobSponsor {
    }    

.thinLineLeft { border-left: 1px solid #d6d6ee; margin-left: 20pt; margin-right: 6pt; padding-left: 6pt }
.thinLineRight { border-right: 1px solid #d6d6ee; margin-right: 20pt; margin-left: 6pt; padding-right: 6pt }
.thinLineBottom { border-bottom: 1px solid #d6d6ee; }
.thinLineTop { border-top: 1px solid #d6d6ee; }

.searchLabel { font-size: 9pt }
.searchHint { font-size: 8pt }

/* Cells at the tops of tables... */
.tableHeader { background: #544021;
 color: #eeebd0;
 font-weight: bold;
 }

/* for dividers and section headers in tables */
.tableSubHeader { background: #aca988;
 color: black;
 font-weight: bold;
 }

/* For highlighted terms in search results */
.highliteKeyword {
    background-color: #fff94c;
    font-weight: bold;
    }
    

/* for highlighted columns in tables */
.highlightRow { background: #afab8a; }

/* for highlighted columns in tables */
.highlightColumn { background: #babd9f; }

/* for text labels in forms */
.labelText { font-size: smaller; }

/* for table cells containing a form label */
.labelCell { vertical-align: top;
 text-align: right;
 font-size: smaller; }

.doubleWrap {
 border: 1px double black
}

.borderWrap {
 border: 1px solid black
}

/* for notices printed at the tops of pages when actions happened */
.actionNotice { font-weight: bold;
 font-style: italic;
 font-size: larger;
 color: red;
 }

/* Cell colour for a cell with a link that registers a request response */
.responseCell { background-color: #ffffcc; }

/* for logs and whatever */
.alertDebug { color: #813658; }
.alertInfo { color: #008B45; }
.alertNotice { color: #008B45; }
.alertWarn { color: #FFA500; }
.alertError { color: #FF7F24; }
.alertCritical { color: #CD5B45; }
.alertAlert { color: #FF4500; }
.alertEmergency { color: #FF0000; font-weight: bold }

.localBar {
	font-size: small;
}
.error {
	color: #c00000;
}

.oddrow { background: #f7f1e7 }

.morepopup {
 position: absolute;
 background-color: #dadaff;
 border:1px solid black;
 padding: 5px;
 line-height: 18px;
 z-index: 100;
 visibility: hidden;
}

A.contentLink { color: #FF5C00 }
.contentDiv { border-bottom: 1px solid #333333; border-top: 1px solid #333333; }
.cContentDiv { background: #E2DDD0; }

.errorText { color: red; }
.errorBox { border: thin solid red }

.warningText { color: yellow; }
.warningBox { border: thin solid yellow }

.noticeBox { border: thin solid green }

.cx { display:none; }

.cInputLabel { color: #676767 }
.cSystem { color: #888888 }
.cDomainInfo { color: #007700; }
.cHighlight { color: #990000 }
.cBorderLine { border-color: #d6d6ee }
.cReqMark { color: red }
.cElutaTitle { color: #857750 }
.bcSummary { background: #E0E1CC }
.bcSummary2 { background: #E5E1D6; }

.bcTableHeader { background: #ffe59b }
.bcTableHighlight { background: #f2e9d2 }

.fontContent { font-size: smaller }

.industry {
 font-style: italic;
 font-weight: bold;
}

.top100-content H3 {
 font-size: 120%;
 font-weight: bold;
 color: #857750;
 margin-bottom: -4pt;
 font-style: italic;
}

.highlight {
 margin-left: 2%;
 margin-right: 2%;
 font-size: 100%;
}

.paragraph-header-table {
 margin-top: 12pt;
 width: 100%;
 border-bottom: thin solid #b1a289;
}

.paragraph-header {
 font-weight: bold;
 color: #D19900;
}

.paragraph-rating {
 text-align: right;
}

.paragraph {
 margin-left: 2%;
}

.at-a-glance {
 font-size: 80%;
 margin-left: 5%;
 margin-right: 5%;
}

.tabboxouter { width: 300px }
.tabboxcontent {
 border-bottom: 1px solid #B1A289;
 border-right: 1px solid #B1A289;
 border-left: 1px solid #B1A289;
 padding-top: 6pt;
 padding-bottom: 6pt;
 background: white;
 display: inline-block;
 }
.tabboxcontent ol { margin-top: 0px; margin-bottom: 0px; margin-right: 6pt  }

ul.tabbar {
 margin: 0;
 padding-bottom: 0px;
 padding-top: 2px;
 padding-right: 0pt;
 padding-left: 2pt;
 border-bottom: 1px solid #B1A289;
 font-size: 90%;
}

.tabbar li { list-style: none; display: inline-block; }

ul.tabbar a, ul.tabbar span {
 margin-right: 0px;
 margin-left: 0px;
 padding-right: 3pt;
 padding-left: 3pt;
 background: #F6F6F6;
 text-decoration: none;
 border: 1px solid #B1A289;
 border-top: 1px solid #B1A289;
}

ul.tabbar span { border-bottom: 1px solid white; background: #E6E2CD }

.tabbar a { padding-right: 0px; color: black }
.tabbar a:hover {
 background: #8B7952;
 position: relative;
 left: -1px;
 top: -1px;
 border-bottom: 1px solid #8B7952;
}

.tabboxcontent li { padding-bottom: 3pt; font-size: 90% }

#poptab2, #poptab3, #poptab4 { display: none }

.xmlreq { color: #008800; font-family: monospace }
.xmlopt { color: #888888; font-family: monospace }

.tipbox {
 font-size: 80%;
 width: 300px;
 border: 1px dotted #b1a289 ;
 padding: 10px;
 background-color: #ffffff;
}

.tiptab {
 float: right;
 background: #E5E1D6;
 color: #b1a289;
 font-size: 80%;
 padding-right: 10px;
 padding-left: 10px;
 border-right: 1px dotted #b1a289;
 border-top: 1px dotted #b1a289;
}


.validation-failed {
    background-color:#FCC;
}

.validation-failed-cr { border:1px solid #F33; }

.validation-failed-sel { border:1px solid #F33; }

.advbtn { background: #fed094; border: 1px solid #B1A289; padding: 1px 5px 1px 5px; font-size: 70% }

div.employer_review { background: white; padding: 3px; margin-right: 8% }
div.employer_review h3 {
    font-size: 12pt !important;
    line-height: 14pt !important;
    margin: 0px; padding: 0px !important;
    font-weight: bold !important;
    color: #D19900 !important;
    width: 100% !important;
    border-bottom: 1px solid #b1a289 !important;
}

div.employer_review .review-section { padding-bottom: 14pt; }

div.employer_review .rating {
    font-size: 12pt !important;
    font-weight: normal;
    line-height: 14pt !important;
    color: #D19900 !important;
    float: right;
    padding: 0;
    padding-right: 4pt;
    }

div.employer_review .score {
    font-size: 12pt !important;
    line-height: 14pt !important;
    font-weight: bold;
}

div.employer_review .bgpoint { font-weight: bold; }

div.employer_review .background_points {
    margin-left: 3em;
    margin-right: 3em;
    background-color: #efefef;
    padding: 4pt;
 }

div.employer_review p {
        margin: 1em 0 0 1em;

    }

.gafc { font-size: 9pt; background-color: #f5f6ea; padding: 3px }
.gafc .ad_header { font-size: 8pt; color: gray }
.gafc .ad_line1 { font-weight: bold }
.gafc .ad_text { }
.gafc .ad_url { color: green; font-size: 8pt }

#narrow_ad_unit { background-color: white; padding: 3px }

/* Eluta tool bar and partners */
/* Default (non-Javascript) eluta bar */
#simpleElutaHeader {
    background-color: #f0efea;
    border: none;
    border-collapse: collapse;
    color: #575757;
    margin: 0;
    padding: 0;
    width: 100%;
    }

#simpleElutaHeader tr {
    margin: 0;
    padding: 0;
    }

#simpleElutaHeader a:hover {
    text-decoration: underline;
    }

.simpleElutaLeftHeader,
.simpleElutaRightHeader { 
    font-size: smaller;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: -0.8pt; 
    }

.simpleElutaLeftHeader,
.simpleElutaMiddleHeader,
.simpleElutaRightHeader { 
    padding: 6px 0 6px 0;
    margin: 0;
    }

.simpleElutaLeftHeader {
    padding-left: 8px;
    text-align: left;
    }

.simpleElutaMiddleHeader {
    margin: 0;
    padding: 0;
    text-align: justify;
    }

#simpleElutaHeader .simpleElutaMiddleHeader a,
#simpleElutaHeader .simpleElutaMiddleHeader a:link
#simpleElutaHeader .simpleElutaMiddleHeader a:hover,
#simpleElutaHeader .simpleElutaMiddleHeader a:visited {
    text-decoration: none;
    }

.simpleElutaRightHeader {
    padding-right: 8px;
    text-align: right;
    }
    
/** Rich Header - requires Javascript for IE **/
#richElutaHeader {
    display: None;
    background-color: #f0efea;
    color: #575757;
    font: 0.8em Arial,sans-serif;
    height: 1.25em;
    padding: 0.4em 0 0.4em 0;
    text-align: center;
    width: 100%;
    }

.richElutaLeftHeader a,
.richElutaLeftHeader a:link
.richElutaLeftHeader a:hover,
.richElutaLeftHeader a:visited {
    color: #575757;
    }

.richElutaLeftHeader a:hover {
    text-decoration: underline;
    }

.richElutaLeftHeader {
    float: left;
    }

/* IE 6 and 7 require position absolute for some silly reason 
   Note use of CSS hack*/
.richElutaMiddleHeader {
    *position: absolute;
    }

/* Set for all browsers */
.richElutaRightHeader {
    position: static;
    float: right;
    margin-right: 8px;
    }

/* Hack for Firefox 2 */ 
.richElutaRightHeader, x:-moz-any-link {
    float: none;
    margin-right: 0;
    position: absolute;
    right: 8px;
    top: 4px;
    }

/* Hack for Firefox 3+ */
.richElutaRightHeader, x:-moz-any-link, x:default {
    position: static;
    float: right;
    margin-right: 8px;
    }


/* 
 * Eluta bar search menu
 * CSS adapted from: http://www.webdesignerwall.com/demo/css3-dropdown-menu/
 */
#searchOptions {
    line-height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    }
    
#searchOptions li {
    list-style: none;
    list-style-image: none;
    margin: 0 5px;
    padding: 0 0 8px;
    position: relative;
    }

#searchOptions .dropdown {
    background: url(++resource++img/eluta_down_arrow.gif) no-repeat 100% 0;
    padding-right: 18px;
    }
    
/* main level link */
#searchOptions li a,
#searchOptions li a:link,
#searchOptions li a:hover,
#searchOptions li a:visited {
    color: #575757;
    display: block;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    }

#searchOptions li:hover > ul {
    display: block;
    }

/* level 2 list */
#searchOptionsMenu {
    background-color: #f0efea;
    display: none;
    font-weight: normal;
    left: 0;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 0 8px 0;
    position: absolute;
    /* NOTE: Adjust this when size of first level text changes */
    width: 160%;
    }

#searchOptionsMenu li a,
#searchOptionsMenu li a:link,
#searchOptionsMenu li a:hover,
#searchOptionsMenu li a:visited {
    font-weight: normal;
    }

#searchOptionsMenu li a:hover {
    background-color: #857750;
    color: white;
    }

#searchOptionsMenu li {
    float: none;
    margin: 0 8px 0 8px;
    padding: 0;
    }

#searchOptionsMenu li a {
    font-weight: normal;
    }

/* Globe & Mail partner bar */
 .globeHeader {
    background: #ebeae6;
    font: 0.7em Arial,sans-serif;
    height: 16px;
    padding: 0.4em 0 0.4em 0;
    text-align: right;
    width: 100%;
    }

.globeHeader a {
    text-decoration: none;
    }

.globeHeader img {
    border: none;
    vertical-align: text-top;
    }

.globeHeaderLogo {
    margin-right: 5px;
    }

.globeLeftHeader {
    float: left;
    /*margin-left: 8px;*/
    }

.globeRed {
    color: #d22027;
    }
    
.globeGrey {
    color: #7d7d7d;
    }

.globeCareersHeaderLink,    
.globeCareersHeaderLink:link,
.globeCareersHeaderLink:hover,
.globeCareersHeaderLink:visited,
.globeLeftHeader a,
.globeLeftHeader a:link,
.globeLeftHeader a:hover,
.globeLeftHeader a:visited {
    text-decoration: none;
    color: #d22027; 
    /*font-family: 'Times New Roman', Times, serif;*/
    font-size: 10pt;
    font-weight:bold;
    }

.globeRightHeader {
    margin-right: 8px;
    }

.globeRightHeader a:hover {
    text-decoration: underline;
    }

/* Used in search results and ads */
.globeCareersLink,    
.globeCareersLink:link,
.globeCareersLink:visited {
    text-decoration: none;
    color: #d22027; 
    }

.globeCareersLink:hover {
    text-decoration: underline;
    }