/****************************************************/ /* Print css for JMF */ /* Author: James Taylor */ /* Last updated: 11/08/08 */ /****************************************************/ .screenreader { display: none; } body { background-color: #fff; font-size:62.5%; font-family:arial, sans-serif; } #branding, #content, #site-info { margin:auto; text-align:left; } #branding dl#nav { display: none; } #site-info { padding: 5px 0; background:#b7303f; } /*** 4. Typography ***/ h1,h2,h3,h4,h5,h6 { font-weight:bold; margin-bottom:0.6em; } strong { font-weight: bold; } #content h1 { font-size:2em; color:#b62f3e; } #mainContent h2 { font-size:1.4em; color:#000; } #subContent h2 { display:none; } #subContent #latestArticles h2 { display: block; margin-top: 2em; } #subContent #latestArticles h3 { color:#b62f3e; } #subContent #latestArticles h3 a { font-size: 1.2em; } #subContent #latestArticles p { font-size: 1.2em; } #content p, #content ul, #content ol { font-size:1.3em; color:#5a5a5a; line-height:1.4; margin-bottom:1.4em; } #content a:link { color:#b82f41; } #content a:visited { color:#b82f41; /*#db5459*/ } #content a:active { color:#b82f41; } #content a:hover, #content a:focus { color:#000; } #site-info p.copyright { float: left; } #site-info p.copyright a { font-size:1.2em; color:#e8c0c1; text-decoration:none; cursor:default; } /*** 5. Navigation ***/ h1 a img { border: 0; } /*brreadcrumb Nav */ dl#breadcrumb { display:none; } /* Register Nav */ #registerNav { display: none; } /* Footer Nav */ #site-info dl { display: none; } /* In Page Menu */ ul.inPageMenu li { display: inline-block; margin-bottom:20px; float: left; } ul.inPageMenu li a { float:left; display:block; margin:0 10px 0px 0; width:164px; height:24px; background: url(/images/inPageMenuItem_bg.png) no-repeat; font-weight: bold; text-decoration:none; padding: 5px 0 0 16px; } * html ul.inPageMenu li a { margin-right: 5px; } /*** 6. Forms ***/ #subContent form { display: none; } /*** 7. Page specific ***/ #home #featuredJobs div.controls { display: none; } #home #featuredJobs ul { margin:0; padding:0; list-style-type:none; } #home #featuredJobs ul li img { float:left; margin-right:18px; } #home #featuredJobs ul li h3 { padding-top: 0.6em; } #home #featuredJobs ul li h3 a { font-size: 0.9em; } #home #featuredJobs ul li dl { font-size: 0.85em; } #home #featuredJobs ul li dt { width:80px; float:left; } #home #featuredJobs ul li dd { color:#b82f41; } #home #browseJobs ul li { display:block; margin:0 1% 2px 0; color:#b82f41; } #home #browseJobs ul li a { font-size: 0.9em; font-weight:bold; } #home #subContent p.logo { float: right; } /* Candidates */ #candidates #frmLogin { padding:0 0 0 15px; margin-bottom: 25px; height: 55px; background: #f6dbd2 url(/images/frmLogin_bg.png) no-repeat top left; } /* IE7 see this one */ *:lang(en) #candidates #frmLogin { padding:0 18px; margin-bottom: 25px; height: 55px; background: #f6dbd2 url(/images/frmLogin_bg.png) no-repeat top left; } /* Other browsers see this one */ #candidates #frmLogin div.fld { width: 44%; float: left; margin-top:3px; padding: 0; } /* IE7 see this one */ *:lang(en) #candidates #frmLogin div.fld { width: 45%; float: left; margin-top:15px; padding: 0; } /* Other browsers see this one */ #candidates #frmLogin #submit { border: 0; background: #f6dbd2; color:#ab2435; font-weight: bold; font-size: 1.3em; margin: 7px 0 0 -9px; padding: 0; } /* IE7 see this one */ *:lang(en) #candidates #frmLogin #submit { border: 0; background: #f6dbd2; color:#ab2435; font-weight: bold; font-size: 1.3em; margin: 17px 0 0 -3px; padding: 0; } /* Other browsers see this one */ #candidates #frmRegister label { width: 12em; float: left; } #candidates #frmRegister input#submit { margin-top: 1em; } /* Job Search Results */ #jobSearch .searchInfo { position: relative; } #jobSearch p.pagination { font-size: 1.1em; color:#595959; margin-bottom: 0.6em; } #jobSearch p.pagination em { color: #ac2335; font-weight: bold; } #jobSearch .searchInfo dl { position: absolute; right: 0; top: 0; } * html #jobSearch .searchInfo dl { position: absolute; right: 25px; top: 0; } #jobSearch .searchInfo dl dd { float: left; padding: 0 3px; font-size: 1.1em; } #jobSearch .searchInfo dl dd { border-left: 1px solid #a3a3a3; color:#a3a3a3; } #jobSearch .searchInfo dl dd.first { border:0; } #jobSearch #searchResults { border-top: 1px dashed #adadad; } #jobSearch #searchResults li { position: relative; padding: 12px 0; border-bottom: 1px dashed #adadad; } #jobSearch #searchResults li dd.date{ position: absolute; top: 12px; left:0; font-size: 0.9em; } #jobSearch #searchResults li h2 { margin: 18px 0 3px; font-size: 1.1em; } #jobSearch #searchResults li h2 a { text-decoration: none; } #jobSearch #searchResults li dl { font-size: 0.9em; } #jobSearch #searchResults li dt { float: left; width: 8em; color: #5a5a5a; } #jobSearch #searchResults li dd { margin-bottom: 2px; color: #333; } #jobSearch #searchResults li p { margin: 0; font-size: 0.9em; line-height: 1.7; } /* Job details */ #jobSearch dl.jobInfo { margin-bottom: 0.3em; font-size: 1.2em; } #jobSearch dl.jobInfo dd.date { position:absolute; right: 12px; top: 45px; color: #5a5a5a; } #jobSearch dl.jobInfo dt { float: left; width: 6em; color: #5a5a5a; } #jobSearch dl.jobInfo dd { float: left; width: 9em; color: #333; } #jobSearch div.controls ul { margin: 24px 0; } #jobSearch div.controls ul li { display: inline; } #jobSearch div.controls ul li.btn a { margin-right: 36px; padding: 3px 6px; border: 1px solid #d27d92; background: #eecfca; font-size: 0.92em; font-weight:bold; text-transform:uppercase; text-decoration:none; } #jobSearch div.controls ul li.btn a:hover, #jobSearch div.controls ul li.btn a:focus { color: #000; } #jobSearch div.controls ul li.add a { display: inline-block; padding-left: 20px; background: url(/images/addToBasket.png) no-repeat left; font-size: 0.9em; } #jobSearch div.controls p { font-size: 1.2em; color: #a82334; }