/*----------------------------------------
Document Structure
----------------------------------------*/
html{text-align:center; background: #cecdc5 url(/images/wheatBg.jpg) repeat-x center bottom; min-height: 100%;}
body{margin:auto;text-align:left;width:1011px; background: #FFF url(/images/containerBg.gif) repeat-y center center;}
#container{margin:auto;text-align:left;width:1011px;padding: 0;}

#header, #content{width: 960px; margin: 0 auto;}

#content{clear: both;}

#right-sidebar{width: 200px; float: right;}

#footer{clear: both;}


/*----------------------------------------
Header
----------------------------------------*/
#header{position: relative; margin-bottom: 4px; z-index: 1000;}

#utilNav{background: #e2e2e2; height: 25px; margin-bottom: 19px; position: absolute; z-index: 9999;}
#utilNav a{display: block; font-weight: bold; text-decoration: none; color: #464646;}
a#langLink{float: right; background: url(/images/utilNav-right.gif) no-repeat top right; padding: 4px 30px 6px 10px;  float: left;}
a#textLink{float: left; background: url(/images/utilNav-left.gif) no-repeat top left; padding: 4px 10px 6px 30px;}
#utilNav span{background: #464646; display: block; float: left; width: 1px; height: 16px; margin: 4px 0 0 0; padding: 0;}

#header form{position: absolute; top: 10px; right: 0; padding: 0; margin: 0;}
#header label{color: #FFF; display: block; background: url(/images/searchForm-left.png) no-repeat top left; font-size: 13px; font-weight: bold; float: left; padding: 4px 10px 5px 10px;}
#header input{float: left;}
#header input#searchSite{border: none; background: url(/images/searchForm-right.png) no-repeat top left; margin: 0 0px 0 0; padding: 6px 0 7px 30px; width: 210px; font: normal 11px Verdana, Helvetica, Arial;}

#header h1{width: 395px; height: 55px; overflow: hidden; background: url(/images/branding.png) no-repeat bottom left; text-indent: -999em; padding: 15px 0 0; margin: 0 0 15px 0; position: relative;z-index: 999;}
#header h1.fr{width: 465px; background: url(/images/branding-fr.png) no-repeat bottom left;}
#header h1 a{display: block; height: 100%;}

#header p{height: 28px; padding: 0 0 0 0; margin: -30px 0 0 0; border-bottom: 6px solid #868478;}
#header p a{color: #FFF; font-weight: bold; font-size: 13px; text-decoration: none; display: block; background: url(/images/myJobFutures-right.png) no-repeat top right;padding: 8px 35px 4px 0;}
#header p span{background: #868478 url(/images/myJobFutures-left.png) no-repeat top left; display: block;padding-left: 55px; margin-bottom: 1px; float: right; margin-right: 75px;}
#header p span#wLogout{margin-right: 0;}
#header p span#wLogout a{background-image: none; padding-right: 0;}
#header p span#logout{background-image: none; padding-left: 7px;}


#navigation{width: 100%; height: 40px; background: url(/images/navBg.gif) repeat-x 0 0; padding: 0; margin: 0; list-style: none; position: relative; z-index: 999;}
#navigation li{float: left; position: relative;}
#navigation li:hover{background: url(/images/navBg-hover.gif) repeat-x 0 0;}
#navigation li a{color: #d3d3d3; display: block; text-decoration: none; padding: 10px 25px 13px 25px; font-weight: bold; background: url(/images/nav-linebreak.gif) no-repeat right bottom;}

#navigation ul{list-style: none; margin: 0; padding: 0;position: absolute;top: 37px; left: 0; background: #001567; width: 175px; padding: 6px; display: none;}
#navigation ul li{background: none; float: none; margin: 5px 0; border-bottom: 1px dashed #0e38a5;}
#navigation ul li:hover{background: none;}
#navigation ul li a{background: none; padding: 3px; margin: 3px 0; font-size: 12px; display: block;}
#navigation ul li a:hover{background: #0e38a5;}

#navigation li:hover ul{display: block;}


/*----------------------------------------
Content
----------------------------------------*/
#breadcrumbs{padding: 0 0 6px 25px; font-size: 12px;}


#sub #content{background: url(/images/contentBg.gif) repeat-y 0 0;}
#home #content{background: url(/images/contentBg-home.gif) no-repeat 0 260px;}


/*----------------------------------------
Columns
----------------------------------------*/
.col-441{width: 441px; float: left;}
.col-441 .spotlight{height: 133px; background: url(/images/homeSpotlightBg1.jpg) no-repeat 0 0; color: #FFF; padding: 9px 17px; margin-bottom: 10px;}
.col-441 .spotlight h1{font: bold 18px Verdana, Helvetica, sans-serif;line-height: 18px; padding: 0;margin: 0;}

.col-209{width: 214px; float: left; overflow: hidden;} .col-441 .rightf{float: right}
.col-209 h3{background: url(/images/headerBg-arrow.png) top left no-repeat; padding-bottom: 32px; margin-bottom: 0;}
.col-209 img{display: block;margin-bottom: 6px;}
.col-209 div{background: #f0eee9; border-bottom: 1px solid #bcbcbc; border-top: 1px solid #FFF; padding: 12px; min-height: 70px;}
.col-209 div p{padding: 3px 0;}
.col-209 div a{display: block; padding: 3px 0; font-weight: bold;}
.col-209 div.top{margin-top: 0; border-top: none; padding-top: 5px;}
.col-209 div.bottom{border: none; min-height: 0px;}

.col-209 .top ol{list-style: none; padding: 10px 0 0 0; margin: 0; font-size: 11px; }
.col-209 .top ol li{border-bottom: 1px solid #838175; padding: 0px 0 8px 28px; position: relative; margin-bottom: 15px;}
.col-209 .top ol li a{font-weight: normal;}
.col-209 .top ol span{display: block; height: 22px; width: 20px; padding-top: 5px; background: #838175; position: absolute; bottom: 0; left: 0; color: #FFF; font-weight: bold; font-size: 14px; text-align: center;}

/*.content .industryList{list-style: none; padding: 10px 0 0 0; margin: 0; font-size: 11px; }
.content .industryList li{border-bottom: 1px solid #838175; padding: 0px 0 8px 28px; position: relative;width: 275px; margin: 10px 10px 10px 0; float: left; height: 20px;}
.content .industryList span{display: block; height: 22px; width: 20px; padding-top: 5px; background: #838175; position: absolute; bottom: 0; left: 0; color: #FFF; font-weight: bold; font-size: 14px; text-align: center;}*/

.col-209 .research-sidebar{min-height: 0;}
.col-209 .research-sidebar h5{margin: 0; padding: 0;}
.col-209 .research-sidebar form{padding: 15px 0;}
.col-209 .research-sidebar form input,.col-209 .research-sidebar form label{float: left; display: block; margin-right: 5px;}
.col-209 .research-sidebar form li{height: 25px; float: left;}
.col-209 .researcherList{list-style: none; padding-left: 0; margin-left: 0; clear: both;}
.col-209 .researcherList li{margin: 5px 0; clear: both;}
.col-209 .researcherList ul{display: none; list-style: none; margin-left: 0px; padding-left: 10px;}
.col-209 .researcherList img{float: left; margin-right: 9px;}
.col-209 .researcherList li{background: url(/images/icons/folder.png) no-repeat 2px 3px;}
.col-209 .researcherList li a{padding-left: 30px;}
.col-209 .researcherList li.selected{background-color: #FFF7C0;}
.col-209 .researcherList ul li{background: none; padding-left: 0;}
.col-209 li.selected{display: block;}
.col-209 li.selected ul{display: block;}
.col-209 .researcherList ul li a{display: inline; font-weight: normal;}
.col-209 strong{display: block; font-size: 14px; margin: 5px 0;}

table.researchDocTable{display: none; padding-top: 0;}
table#first{display: table;}
table.researchDocTable td{padding: 5px 0;}
table.researchDocTable th {width: 20%; font-weight: bold; padding: 3px 0;}
table.researchDocTable .docName{width: 40%;}
table.researchDocTable a{display: inline;}
.rschr{min-height: 293px;margin-bottom: 0 !important;}

.col-505{width: 505px; float: right;}
.col-505 .spotlight{height: 241px; background: url(/images/homeSpotlightBg2.jpg) no-repeat 0 0; color: #464646; margin-bottom: 12px;}
.col-505 .spotlight h1{font-size: 17px; line-height: 17px; margin: 0; padding: 27px 0 0 257px;}
.col-505 .spotlight p{font-size: 11px;margin: 0; padding: 3px 0 0 257px;}
.col-505 #sp1{background-image: url(/images/homeSpotlightBg2a.jpg);}
.col-505 #sp2{background-image: url(/images/homeSpotlightBg2b.jpg);}
.col-505 #sp3{background-image: url(/images/homeSpotlightBg2c.jpg);}
.col-505 #sp4{background-image: url(/images/homeSpotlightBg2d.jpg);}
.col-505 #sp5{background-image: url(/images/homeSpotlightBg2e.jpg);}
.col-505 #sp6{background-image: url(/images/homeSpotlightBg2f.jpg);}

.col-267{width: 267px; float: left;color: #464646;}
.col-267 div{border: 1px solid #98968b; padding: 12px; background: #f0eee9; margin-bottom: 10px;}
.col-267 h2{color: #0a459c; font-size: 18px; line-height: 20px; padding-top: 0;}
.col-267 a{font-weight: bold;}
.col-267 div img{float: left; margin-right: 5px;}

.col-229{width: 227px; float: right;}
.col-229 ol{list-style: none; padding: 20px 15px 0 15px; margin: 0; background: #f0eee9; font-size: 11px; }
.col-229 ol li{border-bottom: 1px solid #838175; padding: 0px 0 8px 28px; position: relative; margin-bottom: 15px;}
.col-229 ol span{display: block; height: 22px; width: 20px; padding-top: 5px; background: #838175; position: absolute; bottom: 0; left: 0; color: #FFF; font-weight: bold; font-size: 14px; text-align: center;}

.col-719{width: 730px; float: right;}
.col-719 h3{text-align: left; padding: 1px 0 9px 15px; height: 29px; overflow: hidden; line-height: 200%;}

.col-719 form{display: block; padding: 15px 0;}
.col-719 input{margin-bottom: -8px;}
.col-719 input.text,.col-719 textarea.text{border: 1px solid #000; border-bottom-color: #FFF; border-right-color: #FFF; padding: 3px 0; margin: 0 5px; width: 210px;}
.col-719 input.text:focus,input.text:focus,textarea.text:focus{border: 1px solid #B62C23;}

.content{background: #f0eee9; padding: 5px 15px; font-size: 11px; margin: 6px 0 10px 0; clear: both; color: #464646;}
.fixedHeight{min-height: 250px;}
.contact img{float: left; margin-right: 10px;}
.content a{display: block; font-weight: bold;}
.contact a{display: inline;}
.contact p{padding: 0; margin: 0 0 7px 0;}
.content .error{display: block;background: #FFF0CC;border: 3px dashed #FFB400;margin: 10px 0;padding: 10px;color: #000;font-weight: bold; width: 350px;}
.content-clr{background: #f0eee9; padding: 5px 15px; font-size: 11px; margin: 10px 0; clear: both; color: #464646;}

.block-column-200{float: left; width: 220px; margin-right: 10px;}
.last{margin-right: 0;}

.block-searching{}
.block-searching .content{padding-left: 0; margin-bottom: 0; background: url(/images/block-searching-bg.gif) repeat-y;}
.block-searching h3{float: left;width: 455px; margin-bottom: 6px;}
.block-searching h3.topSearches{float: left; width: 244px; background-image: url(/images/headerBg-ts.jpg);}
.block-column-440{width: 440px; float: left; background: none; padding: 0 15px;}
.block-column-440 a,#community a{display: inline; font-weight: normal;}
.block-column-440 a.eduNoc{font-size: 12px;}
.block-column-440 h4{margin: 0 0 5px 0;}
.block-column-440 h4,.block-column-440 label{font: bold 13px Verdana, Helvetica, Arial, sans-serif; color: #464646; display: block;}

.block-column-210{width: 221px; float: right; background: #FFF;}
.block-column-210 ol{list-style: none; padding: 5px 0 0 0; margin: 0; font-size: 11px;}
.block-column-210 ol li{padding: 0; position: relative; clear: both; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #b74038;}
.block-column-210 ol span{display: block;height: 22px; width: 20px; padding-top: 5px; color: #b74038; font-weight: bold; font-size: 16px; text-align: center; position: absolute; bottom: 0; left: 0;}
.block-column-210 ol li a{font-weight: normal; margin: 0; padding: 0 0 0 30px;}

.block-column-175{width: 175px; float: left;}
.block-column-485{width: 485px; float: right;} .content .fullWidth{float: none;}
.block-column-485 ol{margin: 0; padding: 15px 0 0 20px;}
.block-column-485 ul,.block-column-485 ol,ul.jobChart{list-style: none; margin: 0; padding: 15px 0 0 0;}
.block-column-485 li,ul.jobChart li{margin: 5px 0;}
.block-column-485 li a,ul.jobChart li a{display: inline; font-weight: normal;}

.jobTitleHeader{float: left;width: 519px;}
.jobTitleHeader h3.longNoc{text-align: left; padding: 3px 10px 9px 15px; height: 46px; overflow: hidden; line-height: 150%;background: url(/images/headerBg-tall.png) repeat-x center;}
.jobTitleHeader ul, ul.relatedInfo{float: left; list-style: none; padding: 0; margin: 0; width: 230px;}
.jobTitleHeader ul#graph{padding: 0; float: right; clear: none;}
.jobTitleHeader ul a.selected,.articleNav ul a.selected{background:#FFF7C0; display: inline;}
.jobTitleHeader li, ul.relatedInfo li{margin: 7px 0; padding: 0;}
.jobTitleHeader .content{margin-top: 5px; min-height: 73px; overflow-x: hidden;}
.jobTitleHeader .jsprofile{min-height: 202px;}
.jobTitleHeader .jsprofile-longnoc{min-height: 185px;}
.jobTitleHeader .wgsprofile{min-height: 116px;}
.jobTitleHeader .wgsprofile-longnoc{min-height: 98px;}
ul.relatedInfo{float: none; width: 300px;}

.MJFutilNav{float: right; background: #F0eee9; width: 205px;}
.MJFutilNav ul{list-style: none; padding: 0; margin: 0; font-weight: bold;}
.MJFutilNav ul li{border-bottom: 5px solid #FFF;}
.MJFutilNav ul li a{display: block; padding: 12px 0 12px 45px;font-weight: bold;}
.MJFutilNav ul li.MJF{background: #FFF url(/images/icons/MJF.png) no-repeat 0 0; text-indent: -999em;}
.MJFutilNav ul li.MJF-fr{background: #FFF url(/images/icons/MJF-fr.png) no-repeat 0 0; text-indent: -999em;}
.MJFutilNav ul li.print{background: url(/images/icons/print.png) no-repeat 7px center;}
.MJFutilNav ul li.pdf{background: url(/images/icons/pdf.png) no-repeat 7px center;}
.MJFutilNav ul li.send{background: url(/images/icons/email.png) no-repeat 7px center;}
.MJFutilNav ul li.compare{background: url(/images/icons/chart.png) no-repeat 7px center;}
.MJFutilNav ul li.wages{background: url(/images/icons/wages.png) no-repeat 7px center;}

.mainContent{clear: both; color: #464646;}
.mainContent h2{font: bold 17px Verdana, Arial, sans-serif; text-decoration: underline; margin-bottom: 15px;}
.mainContent h4{font: bold 14px Verdana, Arial, sans-serif;}
.mainContent h4.first{padding-top: 0; margin-top: -3px;}
.mainContent h4 span{font-weight: normal;}
.mainContent table{margin: 10px 0;}
.mainContent table td,.mainContent table th{padding: 5px;}
.mainContent table th{font-weight: bold; background: #EAE6DB;}
.mainContent table p{padding: 0; margin: 3px 0;}
.mainContent table .emphasis td{background: #F2F3F7; font-weight: bold;}
.mainContent table td.emphasis{background: #F5F5F5;}
.mainContent table .graphHeaders td{padding-bottom: 0; vertical-align: bottom; font-style: italic;}
.mainContent table tr td.divider{padding: 0; background: #EAE6DB; height: 1px;}
.mainContent table tr td.divider-dark{background: #C4BFA9; height: 1px;}
.mainContent table .footer, .mainContent p.footer{font-size: 0.9em; font-style: italic; margin: 0; padding-top: 0;}
.mainContent table .odd{background: #f2f3fe;}
.mainContent table .gender{padding-left: 15px;}
.mainContent-regions strong{display: block; margin-top: 15px;}
.mainContent-regions a{display: block;}

.credential-list{list-style: none; margin: 0 auto; padding: 0;font-size: 11px; text-align: center;}
.credential-list li{float: left; border: 1px solid #bcbcbc; padding: 10px; margin-right: 7px; background: #F0eee9;width: 210px;}
.credential-list li:hover,.credential-list li.selected{background: #FFF;}

.mainContent table.jobChart{font-size: 11px; margin-top: 15px; clear: both;}
.jobChart th{border-bottom: 2px solid #CCC; text-align: center;}
.jobChart td{border-bottom: 1px solid #bcbcbc; text-align: center;}
.jobChart td.description{text-align: left;}
.jobChart td.wage,.jobChart td.projected{background: #f0eee9;}

.document-link{width: 250px; margin-top: 25px; height: 37px; background: url(/images/document.png) no-repeat 0 0; float: left;}
.document-link a{color: #FFF; font-size: 13px; text-decoration: none; padding: 8px 0 8px 38px;}
.document-link a:hover{color: #FFF; text-decoration: underline;}


.login{width: 400px; border: 1px solid #ccc;}
.login .top{padding: 0 10px 7px 10px;background: #9e9b8c;border-bottom: 1px solid #CCC; color: #FFF;}
.login p{font-size: 11px;  padding: 0; margin: 0;}
.login .error,.content .error{background: #FFF0CC;border: 3px dashed #FFB400;margin: 10px 0;padding: 10px;color: #000;font-weight: bold; width: 350px;}
.login form{background: #F0eee9; padding: 10px;}
.login label{font-weight: bold; display: inline-block; width: 100px;}
.login li{padding: 8px;margin: 0;}
.login textarea.text{width: 320px;}
.login li.highlight{background: #FFF7C0;}
.col-209 .login-block{background-color: #FFF; height: 300px; border:none;}
.login li a{font-weight: bold; display: inline-block; margin-left: 10px;}

.directory{list-style: none; padding: 0; margin: 0;  margin-bottom: 15px;}
.directory li{margin: 4px 0;}
.directory li a{font-size: 11px; display: inline;}

.links{list-style: none; padding: 0; margin: 0;  margin-bottom: 15px;}
.links li{margin: 10px 0; font-weight: bold;}
.links li a{display: block; font-weight: normal;}

.profileListing{list-style: none; padding: 0; margin: 0;}
.profileListing li{margin: 10px 0; min-height: 15px; clear: both;padding-left: 5px;}
.profileListing li.top label{font-weight: bold;}
.profileListing li a{display: inline; font-weight: normal;}
.profileListing li input{padding: 0; margin-right: 10px;}
.profileListing li input{float: left;}
.profileListing li label{float: left; width: 630px;}
form.MJFform{padding: 0 !important; margin: 0 !important;}
.MJFbutton{background: none; color: #b74038; border:none; font-weight: bold; padding: 5px; float: none; clear: both;}
.MJFbutton:hover{text-decoration: underline; cursor: pointer;}

.articleNav ul{list-style: none; margin: 0; padding: 0;}
.articleNav ul ul{list-style: none; margin-left: 10px;}
.articleNav li{margin: 7px 0; padding: 0 ;}

.occupation-compare,.occupation-compare td{border: 1px solid #808080;}

#orderForm{margin-top: -10px;}
#orderForm li{margin: 10px 0;}
#orderForm label{display: inline-block; width: 125px;}
#orderForm #saskjfcopies{width: 50px;}
#orderForm textarea.text{border: 1px solid #000; border-bottom: none; border-right: none; padding: 5px; width: 335px;}

.emailFriendContainer{position: absolute; z-index: 9999; top:0; left: 0; height: 100%; width: 100%; background: url(/images/white.png); display: none;}
#emailFriend{position: absolute; z-index: 10000; top:50px; left: 30%;}
#emailFriend a#emailFriendClose{display: block; position: absolute; right: 15px; top: 10px; z-index:1000}
#emailFriend img#loading,#emailFriend .error{display: none;}
#emailFriend .error a{display: block;}

select.inputbox{border: 1px solid #000; border-right: none; border-bottom: none; width: 400px; height: 175px; margin-bottom: 5px;}

/*----------------------------------------
Auto-complete box
----------------------------------------*/
.ac_results {padding: 4px; border: 1px solid #bcbcbc; background-color: #FFF; overflow: hidden; text-align: left;}
.ac_results ul {width: 100%; list-style: none; padding: 0; margin: 0;}
.ac_results iframe {display:none; display:block; position:absolute; top:0; left:0; z-index:-1; width:3000px; height:3000px;}
.ac_results li {margin: 0; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font-size: 12px; overflow: hidden; font-family: Arial, Helvetica; font-size: 11px;}
.ac_loading {background : Window url('./indicator.gif') center center no-repeat;}
.ac_over {background-color: #838175; color: #fff;}

/*----------------------------------------
Footer
----------------------------------------*/
#printFooter{display: none;}
#footer{background: #5b5a52 url(/images/headerBg.png) repeat-x 0 0; margin: 15px 25px 0; padding: 0 0 15px 0;}
#footer h3{float: left; text-align: left; font-size: 14px; background: transparent;padding-top: 8px; padding-bottom: 6px; border-bottom: 1px solid #FFF; margin-bottom: 7px;}
#footer ul{float: left;padding: 0; margin: 0; list-style: none;}
#footer ul li{padding-left: 8px; background: url(/images/squareButton.gif) no-repeat left center;}
#footer ul li a{color: #dedede; font-weight: bold; text-decoration: none; font-size: 11px;}
#footer .seekers{width: 201px; padding-left: 24px;}
.employers{width: 148px;}
.researchers{width: 180px;}
.information{width: 194px;}
.weblinks{width: 214px;}

#copyrights{clear: both; margin-top: 10px;text-align: right; padding-right: 25px;}
#copyrights img{margin-left: 25px;}
#copyrights #saskJobsLogo{float: left;}