/* Global */

body { font: 62.5% Arial, Helvetica, sans-serif; }
a, #home-block-latest div.smallblock h2 a { color: #1B73BB; text-decoration: none; }
.greyed { background-color: #ededed; }
.grey_text { color: #8d8d8d;}
.grey_text_fade { color: #8f8f8f; }
.green_text_highlight { color: #20a92c; }
.orange_text_highlight { color: #f29733; }
ol.number_list { list-style-type: decimal; margin: 0 0 0 16px; }
ol.training_ol { }
ol.training_ol li { font-size: 0.9em; padding: 5px; border: 1px solid #dedede; margin-bottom: 5px; background-color: #fafafa; }

/* Structure */

#container { width: 980px; margin: 0 auto; }

/* Header */

#header { position: relative; width: 980px; height: 112px; }
#strapline { position: absolute; top: 54px; left: 210px; width: 290px; }
#strapline p { font-size: 1.4em; color: #999; }
#welcome-panel { position: relative; width: 552px; height: 265px; background: url(/img/welcome-panel.jpg) no-repeat top left; }
#homepage-panel { position: relative; width: 552px; height: 265px; background: url(/img/welcome-panel.jpg) no-repeat top left; }
#about-panel { float: left; width: 552px; height: 265px; background: url(/img/about-panel.jpg) no-repeat top left; margin-right: 22px; }

/* Expiring Docs Header on My Homepage */

#expiring-docs { float: left; width: 830px; font-size: 1.1em; font-weight: 600; color: #DD3333; margin: 5px 0 20px 0; }

/* Advertising */

#advert-banner { position: absolute; top: 30px; right: 0px; width: 468px; height: 60px; }
#advert-top { width: 250px; height: 250px; background-color: #FFFFFF; padding: 6px 5px 7px 5px; border: 1px solid #DDD; }
#advert-top-inner { width: 250px; height: 250px; }
#jobs-advert-top { width: 250px; height: 250px; background-color: #FFF; float: left; padding: 6px 5px 7px 5px; border: 1px solid #DDD; }
.advert-side { width: 120px; margin-bottom: 20px; height: 90px; }
.advert-side div { width: 120px; height: 90px; }

/* Menu */

#menu { position: relative; width: 980px; height: 28px; background: url(/img/menu/menu-bg.gif) repeat-x top left; }
#menu ul { position: absolute; top: 0; left: 0; width: 704px; height: 28px; }
#menu ul li { display: block; float: left; }

/* Search */

#search { position: absolute; top: 0; left: 704px; width: 276px; height: 28px; }
#search .search-input { padding: 2px; border: 0; position: absolute; top: 5px; left: 122px; width: 120px; height: 14px; }
#search .search-button { position: absolute; top: 5px; left: 250px; }

/* News Ticker */

#news-ticker { position: relative; width: 980px; height: 28px; background-color: #000; color: #FFF; font-size: 1.2em; margin-bottom: 10px; }
#news-ticker a { color: #FFF; }
#news-ticker img.news-ticker-image { position: absolute; top: 0; left: 0; width: 72px; height: 28px; }
#news-ticker .news { position: absolute; top: 0; left: 72px; width: 680px; height: 21px; padding-top: 7px; }
#news-ticker .news .pipe { padding: 0 6px; color: #5D5D5D; }
#news-ticker #crude { position: absolute; top: 0; left: 752px; width: 138px; padding-left: 90px; height: 28px; background: url(/img/crude-oil.jpg) no-repeat top left; }
#news-ticker #crude a { display: none; }
#news-ticker #crude table tr td { padding: 7px; }

/* Sub Menu */

#sub-menu { margin-right: 29px; margin-top: 62px; float: left; width: 200px; min-height: 200px; padding-left: 15px; }
#sub-menu ul { padding-left: 10px; }
#sub-menu ul li a { font-size: 1.3em; color: #444; text-decoration: none; font-weight: bold; padding-left: 12px; background: url(/img/arrow.jpg) no-repeat center left; }
#sub-menu ul li a:hover { color: #1B73BB; background: url(/img/arrow_over.jpg) no-repeat center left; }
#sub-menu ul li { padding-bottom: 10px; margin-top: 5px; }

/* Content */

#content { float: left; width: 980px; }
#page-content { float: left; width: 616px; min-height: 250px; margin-top: 10px; }
#page-content p { font-size: 1.2em; line-height: 1.7; margin-bottom: 18px; }
#page-content p.breadcrumb { margin-top: 18px; }
#page-content p span.raquo { padding: 0 6px; color: #757575; }
#page-content ul { margin: 0 0 18px 18px; list-style-type: disc; }
#page-content ul li { font-size: 1.2em; line-height: 1.7; }
#page-content div.sitemap ul li ul li { font-size: 1em; }
#page-content h1 { margin: 26px 0 16px 0; }
#page-content h2 { margin-bottom: 18px; font-size: 1.4em; color: #808080; font-weight: bold; }
#welcome-text { float: left; width: 650px; }
#logout-button { float: left; width: 180px; text-align: right; }
#logout-button img { position: relative; left: 0; top: 32px; }
#home-content { position: relative; top: 235px; left; 0; font-size: 14px; line-height: 1.4 }

#community-modules { float: left; margin-top: 22px; width: 860px; height: 400px; }
.community-module { float: left; margin-top: 20px; margin-right: 22px; width: 264px; }
#community-modules img { padding: 5px; border: 1px solid #D4D4D4; width: 85px; height: 85px; float: left; display: block; margin: 0 10px 60px 0; }
#community-modules ul { margin-top: 10px; padding-left: 20px; }
#community-modules ul li { font-size: 1.4em; line-height: 1.5; }

/* New Modules */

#main-modules { float: left; width: 860px; height: 400px; margin-top: 20px; }
#main-modules-wrapper { position: relative; width: 860px; height: 400px; }
#main-module1 { position: absolute; top: 0; left: 0; width: 286px; height: 200px; }
#main-module2 { position: absolute; top: 0; left: 287px; width: 286px; height: 200px; }
#main-module3 { position: absolute; top: 0; left: 573px; width: 286px; height: 200px; }
#main-module4 { position: absolute; top: 200px; left: 0; width: 286px; height: 200px; }
#main-module5 { position: absolute; top: 200px; left: 287px; width: 286px; height: 200px; }
#main-module6 { position: absolute; top: 200px; left: 573px; width: 286px; height: 200px; }

#main-modules img.icon { padding: 5px; border: 1px solid #D4D4D4; width: 85px; height: 85px; float: left; display: block; margin: 0 10px 60px 0; }
#main-modules p { font-size: 1.1em; color: #353535; }
#main-modules ul { margin-top: 10px; padding-left: 20px; }
#main-modules ul li { font-size: 1.4em; line-height: 1.5; }
#main-modules a { color: #1D75BC; text-decoration: none; }

/* Community Page Modules */

#comm-modules { float: left; width: 860px; height: 400px; margin-top: 20px; }
#comm-modules-wrapper { position: relative; width: 860px; height: 400px; }
#comm-module1 { position: absolute; top: 0; left: 0; width: 180px; height: 200px; }
#comm-module2 { position: absolute; top: 0; left: 226px; width: 180px; height: 200px; }
#comm-module3 { position: absolute; top: 0; left: 451px; width: 180px; height: 200px; }
#comm-module4 { position: absolute; top: 0; left: 676px; width: 180px; height: 200px; }

#comm-module5 { position: absolute; top: 200px; left: 0; width: 180px; height: 200px; }
#comm-module6 { position: absolute; top: 200px; left: 226px; width: 180px; height: 200px; }
#comm-module7 { position: absolute; top: 200px; left: 451px; width: 180px; height: 200px; }
#comm-module8 { position: absolute; top: 200px; left: 676px; width: 180px; height: 200px; }

#comm-modules img.icon { padding: 5px; border: 1px solid #D4D4D4; width: 85px; height: 85px; float: left; display: block; margin: 0 10px 60px 0; }
#comm-modules p { font-size: 1.1em; color: #353535; }
#comm-modules ul { margin-top: 10px; padding-left: 20px; }
#comm-modules ul li { font-size: 1.4em; line-height: 1.5; }
#comm-modules a { color: #1D75BC; text-decoration: none; }

/* New Structure */

#featured-ads { float: left; width: 860px; height: 265px; }
#featured-ads-wrapper { position: relative; width: 860px; height: 265px; }
#featured-ad1 { position: absolute; top: 0; left: 0; width: 552px; height: 265px; background-image: url('/img/d/552.jpg'); }
#featured-ad2 { position: absolute; top: 0; left: 570px; width: 250px; height: 250px; padding: 6px 5px 7px 5px; border: 1px solid #DDD; }

#advert-top-inner { background-image: url('/img/d/250.jpg'); }

#empty-ad1 { position: absolute; top: 0; left: 0; width: 552px; height: 265px; background: url(/img/default-wide.jpg) no-repeat top left;  }
#empty-ad2 { position: absolute; top: 0; left: 570px; width: 250px; height: 250px; padding: 6px 5px 7px 5px; border: 1px solid #DDD;  }
#empty-ad2 div { width: 250px; height: 250px; background: url(/img/default-square.jpg); }

#empty-panel { float: left; width: 552px; height: 265px; background: url(/img/default-wide.jpg) no-repeat top left; margin-right: 22px; }
#empty-advert-top { width: 250px; height: 250px; background-color: #FFFFFF; float: left; padding: 6px 5px 6px 5px; border: 1px solid #DDD; }

/* Left */

#left { float: left; width: 552px; margin-right: 21px; }
#jobs-left { float: left; width: 860px; }

#eportfolio { float: left; width: 860px; }
#eportfolio h2 { font-size: 20px; }
#eportfolio h3 { font-size: 16px; }
#eportfolio ul { font-size: 12px; padding: 10px; margin: 10px; border: 1px solid #AAA; background-color: #CCC; }
#eportfolio li { padding: 5px; padding-left: 10px; }

#main-left { float: left; width: 860px; }
.right_padding { padding-right: 30px; }
#my-homepage-left { float: left; width: 860px; }
#job-banner { float: left; padding: 7px 5px 3px 5px; width: 826px; height: 39px; background: url(/img/job-banner.gif) repeat-x top left; margin-top: 10px; font: 1.2em Arial, Helvetica, sans-serif; color: #FFF; }
#job-banner h3 { font-weight: bold; }
#jobs-panel { float: left; width: 552px; height: 265px; background: url(/img/default-wide.jpg) no-repeat top left; margin-right: 18px; }
#jobs-search-panel { float: left; width: 552px; height: 265px; background: url(/img/jobs-panel.jpg) no-repeat top left; margin-right: 18px; }
#jobs-list { width: 836px; float: left; clear: both; margin-top: 10px; }
table.jobs-table tr th { background-color: #000; color: #FFF; padding: 8px; font-size: 1.1em; }
table.jobs-table tr td { padding: 8px; font-size: 1.1em; }
table.jobs-table tr.blue td { background-color: #E8F1F8; }
table.jobs-table tr.blue td a { color: #333; text-decoration: none; font-weight: bold; }
table.jobs-table tr.white td { color: #1D75BC; }
table.jobs-table tr.white td a { color: #1d75bc; text-decoration: none; font-weight: bold; }

#job-ad-logo { float: right; min-width: 200px; min-height: 200px; text-align: right; }

#homepage-login-panel { position: relative; width: 849px; height: 353px; background: url(/img/register-for-homepage.jpg) no-repeat top left; }
#homepage-login-panel .login-text { font-size: 1.1em; position: absolute; top: 163px; left: 313px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#homepage-login-panel .login-password { font-size: 1.1em; position: absolute; top: 163px; left: 426px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#homepage-login-panel .login-button { position: absolute; top: 196px; left: 313px; }
#homepage-login-panel p.login-register { position: absolute; top: 195px; left: 378px; color: #FFF; font-size: 0.9em; }
#homepage-login-panel p.login-register a { color: #FFF; text-decoration: underline; }
#homepage-login-panel p.login-remember-me { position: absolute; top: 208px; left: 378px; color: #FFF; font-size: 0.9em; }
#homepage-login-panel h2 { position: absolute; top: 132px; left: 312px; }

#login-panel { position: relative; width: 552px; height: 265px; background: url(/img/login-panel.jpg) no-repeat top left; }
#login-panel .login-text { font-size: 1.1em; position: absolute; top: 163px; left: 33px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#login-panel .login-password { font-size: 1.1em; position: absolute; top: 163px; left: 146px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#login-panel .login-button { position: absolute; top: 196px; left: 33px; }
#login-panel p.login-register { position: absolute; top: 200px; left: 98px; color: #FFF; font-size: 0.9em; }
#login-panel p.login-register a { color: #FFF; text-decoration: underline; }
#login-panel p.login-remember-me { position: absolute; top: 220px; left: 378px; color: #FFF; font-size: 0.9em; }
#login-panel h2 { position: absolute; top: 132px; left: 32px; }

#mini-login-panel { position: relative; width: 262px; height: 113px; background: url(/img/pink-login.jpg) no-repeat top left; margin: 10px 0 0 0; }
#mini-login-panel .login-text { font-size: 1.1em; position: absolute; top: 39px; left: 13px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#mini-login-panel .login-password { font-size: 1.1em; position: absolute; top: 39px; left: 126px; width: 98px; height: 17px; padding: 6px 2px 2px 6px; border: 0; }
#mini-login-panel .login-button { position: absolute; top: 72px; left: 13px; }
#mini-login-panel p.login-register { position: absolute; top: 70px; left: 78px; color: #FFF; font-size: 0.9em; }
#mini-login-panel p.login-register a { color: #FFF; text-decoration: underline; }
#mini-login-panel p.login-remember-me { position: absolute; top: 85px; left: 78px; color: #FFF; font-size: 0.9em; }
#mini-login-panel h2 { position: absolute; top: 14px; left: 14px; font-size: 1.4em; font-weight: bold; color: #FFF; }

ul.members-list { position: absolute; top: 38px; left: 13px; list-style-type: disc; margin-left: 22px; }
ul.members-list li { font-size: 1.2em; line-height: 1.4; color: #FFF; }
ul.members-list li a { color: #FFF; }

#learning-centre-panel { position: relative; width: 552px; height: 265px; background: url(/img/learning-centre-banner.jpg) no-repeat top left; }

#modules-clear { float: left; width: 552px; height: 444px; margin-top: 12px; }
#modules { position: relative; width: 552px; height: 444px; }
#modules img.icon, #module20 img.icon { padding: 5px; border: 1px solid #D4D4D4; width: 85px; height: 85px; float: left; display: block; margin: 0 10px 60px 0; }
#modules p, #module20 p { font-size: 1.1em; color: #353535; }
#modules ul, #module20 ul { margin-top: 10px; padding-left: 20px; }
#modules ul li, #module20 ul li { font-size: 1.4em; line-height: 1.5; }
#module1 { position: absolute; top: 0; left: 0; width: 260px; height: 222px; padding-right: 20px; }
#module2 { position: absolute; top: 0; left: 276px; width: 260px; height: 222px; padding-right: 20px; }
#module3 { position: absolute; top: 222px; left: 0; width: 260px; height: 222px; padding-right: 20px; }
#module4 { position: absolute; top: 222px; left: 276px; width: 260px; height: 222px; padding-right: 20px; }
#module1 a { color: #9FCF5F; text-decoration: none; }
#module2 a { color: #F79220; text-decoration: none; }
#module3 a { color: #1D75BC; text-decoration: none; }
#module4 h4 { font: 1.6em Georgia, Times, serif; margin: 4px 0 10px 0; }
#module4 p.author { font-size: 1.1em; margin-bottom: 10px; }
#module4 p.description { font-size: 1.2em; }
#module4 a { color: #1B73BB; text-decoration: none; }
#module5 { position: absolute; top: 0; left: 0; width: 256px; height: 192px; padding-right: 20px; }
#module6 { position: absolute; top: 0; left: 276px; width: 257px; height: 192px; padding-right: 20px; }
#module7 { position: absolute; top: 192px; left: 0; width: 256px; height: 192px; padding-right: 20px; }
#module8 { position: absolute; top: 192px; left: 276px; width: 257px; height: 192px; padding-right: 20px; }
#module5 a, #module6 a, #module7 a, #module8 a, #module20 a { color: #9FCF5F; text-decoration: none; }

#module20 { position: relative; width: 256px; height: 192px; padding-top: 12px; }

#my-homepage-modules-wrapper { float: left; width: 858px; height: 800px; margin-bottom: 30px; }
#my-homepage-modules { position: relative; width: 858px; height: 800px; }
#my-homepage-modules img.icon { padding: 5px; border: 1px solid #D4D4D4; width: 85px; height: 85px; float: left; display: block; margin: 0 10px 60px 0; }
#my-homepage-modules p { font-size: 1.1em; color: #353535; }
#my-homepage-modules ul { margin-top: 10px; padding-left: 20px; }
#my-homepage-modules ul li { font-size: 1.4em; line-height: 1.5; }
#my-homepage-modules a { color: #1D75BC; text-decoration: none; }
#home1 { position: absolute; top: 0; left: 0; width: 260px; height: 200px; }
#home2 { position: absolute; top: 0; left: 286px; width: 260px; height: 200px; }
#home3 { position: absolute; top: 0; left: 572px; width: 260px; height: 200px; }
#home4 { position: absolute; top: 200px; left: 0; width: 260px; height: 200px; }
#home5 { position: absolute; top: 200px; left: 286px; width: 260px; height: 200px; }
#home6 { position: absolute; top: 200px; left: 572px; width: 260px; height: 200px; }
#home7 { position: absolute; top: 400px; left: 0; width: 260px; height: 200px; }
#home8 { position: absolute; top: 400px; left: 286px; width: 260px; height: 200px; }
#home9 { position: absolute; top: 400px; left: 572px; width: 260px; height: 200px; }
#home10 { position: absolute; top: 600px; left: 0px; width: 260px; height: 200px; }
#home11 { position: absolute; top: 600px; left: 286px; width: 260px; height: 200px; }

#profile1, #profile2, #profile3 { float: left; width: 263px; margin-top: 20px; }
#profile1 ul, #profile2 ul, #profile3 ul { list-style-type: disc; margin-left: 22px; }
#profile1 ul li, #profile2 ul li, #profile3 ul li { line-height: 1.8; font-size: 1.2em; }
#profile1, #profile2 { margin-right: 23px; }
#profile3 { margin-right: 25px; }

.block { margin-bottom: 30px; display: block; clear: both; }
.block img { padding: 4px; border: 1px solid #D4D4D4; }
.block h2 {}
.block h3 { font-size: 1.6em; color: #1D75BC; margin-bottom: 18px; }
.block h4 { font-size: 1.3em; color: #1D75BC; margin-bottom: 12px; }
.block p { font-size: 1.2em; margin-bottom: 12px; line-height: 1.6; }
.block p.date { font-size: 1.4em; margin-bottom: 12px; line-height: 1.6; }
.profile-icon { padding: 4px; border: 1px solid #D4D4D4; width: 70px; height: 70px; float: left; display: block; margin: 0 5px 5px 0; }
img.no_border { border: 0; margin-bottom: 20px; }

.contact { float:left; text-align: center; width: 80px; margin-right: 5px; min-height: 130px; }
.contact p { clear: both; font-size: 0.7em; }
.contact p strong { font-size: 0.7em; }
.accept { color: green; font-size: 0.7em; }
.deny { color: red; font-size: 0.7em; }

.contact2 { float:left; text-align: center; width: 80px; margin-right: 5px; margin-bottom: 20px; min-height: 190px; }
.contact-wrapper2 { position: relative; width: 80px; height: 190px; }
.contact2 p { clear: both; font-size: 0.7em; }
.contact2 p strong { font-size: 0.7em; }

/* Middle */

#middle { float: left; width: 265px; margin-right: 22px; }
#middle-wrapper { float: left; width: 265px; clear: both; }
#job-search-panel { margin-top: 20px; position: relative; width: 265px; height: 162px; background: url(/img/job-search-panel.jpg) repeat-x top left #00ace1; }
#job-search-panel h2 { position: absolute; top: 14px; left: 14px; font-size: 1.4em; font-weight: bold; color: #FFF; }
#job-search-panel form { position: absolute; top: 38px; left: 20px; color: #FFF; font-weight: bold; }
#job-search-panel form label { padding-bottom: 4px; display: block; }
#job-search-panel form input[type="text"], #job-search-panel form select { width: 215px; margin-bottom: 5px; }
#latest-video { margin-top: 20px; }
#latest-video h4 { font: 1.6em Georgia, Times, serif; margin: 8px 0; }
#latest-video p { font-size: 1.1em; }
#latest-video a { color: #1B73BB; text-decoration: none; }

/* Right */

#right { float: left; width: 120px; }

/* Footer */

#footer { width: 980px; clear: both; float: left; display: block; margin: 30px 0; }
#footer p { font-size: 1.1em; line-height: 1.8; }
#footer .pipe { padding: 0 6px; color: #D4D4D4; }
#legal { float: left; width: 690px; }

/* Enquiry Form */

.enquiry_form label, .auth-form label { display: block; font-size: 1.2em; margin-bottom: 3px; }
.text_input, .login-text, .login-password, .register-text, .register-password { font-size: 1.2em; margin-bottom: 6px; padding: 3px; border: 1px solid #cfcfcf; width: 300px; font-family: Arial, Helvetica, sans-serif; }
.textarea_input { font-size: 1.2em; margin-bottom: 6px; padding: 3px; border: 1px solid #cfcfcf; width: 400px; font-family: Arial, Helvetica, sans-serif; display: block; }
label.error { color: #e4070c; font-size: 1.1em; }

#manual { float: left; width: 838px; padding-right: 22px; }

div.slideshow img { border: 1px solid #DDD; display: block;}
#thumbs-gallery ul li { list-style: none; display: block; float: left; }
#thumbs-gallery ul { margin: 3px; }

/* Tables */

table.standard { border: 1px solid #bfbfbf; border-collapse: collapse; }
table.standard tr th { font-weight: bold; background: url(/img/table-bg.gif) no-repeat top left; color: #5c5c5c; padding: 10px; font-size: 1.2em; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
table.standard tr td.top { padding: 10px; font-size: 1.2em; border-right: 1px solid #bfbfbf; }
table.standard tr td.bottom { padding: 10px; font-size: 1.2em; line-height: 1.6; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
table.standard tr td.full { padding: 10px; font-size: 1.2em; }
table.standard tr.fuller { border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }

table.standard .pipe { padding: 0 6px; color: #D4D4D4; }

table.standard-small { border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; }
table.standard-small tr th { font-weight: bold; background: url(/img/table-bg.gif) no-repeat top left; color: #5c5c5c; }
table.standard-small tr th { padding: 10px; font-size: 1.1em; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
table.standard-small tr td.top { padding: 10px; font-size: 1.1em; border-right: 1px solid #bfbfbf; }
table.standard-small tr td.bottom { padding: 10px; font-size: 1.1em; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
table.standard-small tr td.full { padding: 10px; font-size: 1.1em; }
table.standard-small tr.fuller { border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }

table.standard tr td.table_text { padding: 10px; font-size: 1.2em; }
table.standard tr td.table_description { padding: 10px; font-size: 1.1em; border-bottom: 1px solid #bfbfbf; color: #656565; }
table.standard tr td.table_border_right { border-right: 1px solid #bfbfbf; }

.grey_fade { color: #b7b7b7; padding-left: 8px; }

/* Forms */

form.standard-form label { display: block; font-size: 1.2em; margin-bottom: 1px; }
form.standard-form label small { display: block; padding: 4px; background-color: #fffdd9; }
form.standard-form .form-text-input { display: block; font-size: 1.2em; margin-bottom: 12px; padding: 3px; border: 1px solid #cfcfcf; width: 300px; font-family: Arial, Helvetica, sans-serif; }
form.standard-form .form-textarea { display: block; font-size: 1.2em; margin-bottom: 12px; padding: 3px; border: 1px solid #cfcfcf; width: 400px; font-family: Arial, Helvetica, sans-serif; }
form.standard-form .form-button { display: block; }
form.standard-form select { margin-bottom: 12px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }

fieldset { border: 1px solid #CCC; background-color: #f9f9f9; margin-top: 10px; padding: 10px; width: 500px; } /*padding-top: 40px; position: relative; }*/
legend { font-size: 1.4em; padding: 5px; text-align: center; }
form.standard-form small.error { display: block; padding: 4px; background-color: #cc9999; font-size: 1.0em; margin-bottom:5px; }
/*legend { border-bottom: 1px solid #CCC; font-size: 1.4em; padding: 5px; text-align: center; position: absolute; left: 0; top: 0; width: 510px; font-weight: bold; background: url(/img/table-bg.gif) no-repeat top left; color: #5c5c5c; }*/

#eportfolio fieldset { width: 500px; }
#eportfolio fieldset fieldset { width: 95%; }

#eportfolio fieldset.form-fieldset-29 { background-color: #DDEEFF; }
#eportfolio fieldset.form-fieldset-30 { background-color: #FFEEDD; }

.comment { background-color: #EEE; padding: 12px; margin: 10px 0; font-size: 1.2em; width: 546px; }
.comment h3 { font-weight: bold; margin-bottom: 6px; }
fieldset.add-comment { width: 548px; }

/* People Directory */

.contact_card_banned { float: left; width: 190px; height: 140px; border: 1px solid #dedede; margin: 0 10px 10px 0; background-color: #EEE; }
.contact_card { float: left; width: 190px; height: 140px; border: 1px solid #dedede; margin: 0 10px 10px 0; }
.contact_card_wrapper { position: relative; width: 190px; height: 140px; }
.contact_card_name { position: absolute; left: 77px; top: 14px; font-size: 1.2em; font-weight: normal; width: 100px; }
.contact_card_company_name { position: absolute; left: 12px; top: 12px; font-size: 1.2em; font-weight: normal; width: 174px; }
.contact_card_image { position: absolute; top: 7px; left: 7px; width: 50px; height: 50px; padding: 3px; border: 1px solid #dedede; }
.contact_card_country { font-size: 1.1em; line-height: 1.6; position: absolute; top: 77px; left: 8px; color: #757575; width: 174px; }
.contact_card_company { font-size: 1.1em; line-height: 1.6; position: absolute; top: 97px; left: 8px; width: 174px; }
.contact_card_company_logo { position: absolute; bottom: 10px; left: 10px; }

/* Search Bars */

#search-bar { margin: 30px 0; }
.search_form_text { float: left; width: 400px; background-color: #fafafa; padding: 6px; border: 1px solid #c5c5c5; font: 1.6em Arial, Helvetica, sans-serif; color: #8d8d8d; margin: 0 7px 0 0; }
.search_form_submit { overflow: visible; margin: 0; line-height: 0; width: auto; background-color: #1b73bb; padding: 3px 6px; border: 2px solid #1974c0; font: 1.6em Arial, Helvetica, sans-serif; color: #fff; }
.search_form_text:focus { background-color: #fff; }
.search_results_info { font-size: 1.2em; color: #757575; padding: 10px; float: left; clear: both; margin: 0; }
.search_results_wrapper { float: left; clear: both; margin-top: 20px; }
#advanced { padding: 10px; float: left; clear: both; margin: 0; }

/* Pagination */

.pagination_block { float: left; width: 570px; }
a.page-number-active, a.page-number { display: inline; font-size: 1.4em; float: left; padding: 8px 11px; margin: 9px 6px 0 0; }
a.page-number-active { border: 1px solid #1B73BB; }
a.page-number { border: 1px solid #bfbfbf; color: #bfbfbf; }
a.page-number:hover { border: 1px solid #1B73BB; color: #1B73BB; }

/* Buttons */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    font-family:Arial, Helvetica, sans-serif;
    font-size:140%;
    line-height:130%;
    text-decoration:none;
    font-weight:normal;
    color:#1B73BB;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:20px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#1B73BB;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* calendar date picker */

a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
 
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
 
/* For the popup */
 
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
 
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
	max-width: 350px;
}

#tooltip h3, #tooltip div { margin: 0; }
.tooltip { cursor: pointer; }

fieldset#sessions_fs { border: 0; padding: 0; margin: 0; background-color: #FFF; width: 100%; border-top: 1px solid #dedede; }
fieldset#sessions_fs legend { font-size: 0.9em; text-align: center; font-weight: bold; }

table.small-label { border: 1px solid #c7c7c7; }
table.small-label tr th, table.small-label tr td { padding: 5px; }
table.small-label tr th { background-color: #c7c7c7; }

div.term {
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	width: 180px;
	margin-top: 40px;
	padding: 10px;
	font-size: 11px;
	text-align: center;
}

div.term .doc {
	color: #777;
}

div.term div {
	margin: 9px;
	text-align: left;
}

.term-title {
	font-size: 14px;
	text-decoration: underline;
}

.remove {
	color: #DD3333;
	font-weight: strong;
	font-size: 13px;
}

.search-result {
	background-color: #DDEEFF;
	border: 1px solid #BBCCDD;
	width: 500px;
	height: 100px;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}

/* New Navigation */

#navigation { position: relative; width: 980px; height: 30px; background: url(/img/drillers-menu.jpg) no-repeat top left; }
#navigation ul {  }
#navigation ul li { display: inline; }
#navigation ul li a { display: block; float: left; color: #FFF; font: bold 1.2em/1 Arial, Helvetica, sans-serif; border-right-width: 1px; border-right-style: solid; height: 21px; text-align: center; padding-top: 9px; }

#navigation ul li a#nav_home { width: 71px; border-right-color: #235997; }
#nav_about { width: 143px; border-right-color: #235997; }
#nav_jobs { width: 98px; border-right-color: #235997; }
#nav_tools { width: 121px; border-right-color: #9FCF5F; }
#nav_community { width: 99px; border-right-color: #F79220; }
#nav_my { width: 103px; border-right-color: #235997; }
#nav_help { width: 71px; border-right-color: #235997; }

#home-blocks { float: left; width: 552px; }
#home-blocks-left { float: left; width: 276px; }
#home-blocks-right { float: left; width: 260px; margin-left: 16px; }

#home-block-intro, #home-block-latest, #home-block-rss, #home-block-ads, #home-block-eportfolio, #home-block-blog { margin-top: 20px; }

#home-block-latest h1 { font-size: 1.4em; margin-bottom: 8px; font-weight: bold; }
#home-block-latest h1 a { }
#home-block-latest h2 { font-size: 1.4em; margin-bottom: 8px; font-weight: bold; }
#home-block-latest h2 a { }
#home-block-latest p { font-size: 1.1em; line-height: 1.5; }

table.mini-job-table { border-right: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; line-height: 1.6; }
table.mini-job-table tr th { font-size: 1.1em; padding: 9px; color: #585858; background-color: #E8E8E8; text-align: left; font-weight: bold; }
table.mini-job-table tr td { font-size: 1.1em; padding: 9px; }
table.mini-job-table tr td.odd { border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
table.mini-job-table tr td.even { border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; background-color: #fcfcfc; }
table.mini-job-table tr td.evenhighlight { border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
table.mini-job-table tr td.evenhighlight a { color: #000; font-weight: bold; }

#page-content div.search-result p.ep-result-info-left { width: 200px; float: left; padding-right: 15px; word-wrap: break-word; font-size: 13px; }
#page-content div.search-result p.ep-result-info-right { width: 285px; float: right; font-size: 12px; }

.frontbox { height: 200px; padding: 14px; margin-bottom: 20px; background: url(/img/frontbox.jpg) no-repeat top left #00ace1; color: #FFF; }
.frontbox h2 a { color: #FFF; }
div.light { background: url(/img/frontbox-light.jpg) no-repeat top left #00ace1; color: #000; border: 1px solid #E8E8E8; }
div.light h2 a { color: #1b73ba; }
.frontbox ul li { display: block; font-size: 1.1em; line-height: 1.6; }
.frontbox ul li { color: #fff; }
.frontbox ul li a { color: #fff; }
div.light ul li { color: #666; }
div.light ul li a { color: #666; }
.frontbox p { color: #fff; }
div.light p { color: #000; }

#home-block-intro { height: 250px; margin-bottom: 20px; }
#home-block-intro h1 { font-size: 2.2em; margin-bottom: 12px; }
#home-block-intro h2 { font-size: 1.2em; margin-bottom: 12px; font-weight: bold; line-height: 1.5; }
#home-block-intro p { font-size: 1.2em; margin-bottom: 8px; line-height: 1.5; }
#home-block-intro ul { list-style-type: disc; margin-left: 18px; }
#home-block-intro ul li { font-size: 1.2em; line-height: 1.6; }

#home-block-latest ul li { line-height: 1.8; }
.indent { padding-left: 7px; padding-top: 2px; padding-bottom: 2px; }
.light .indent { padding-left: 7px; padding-top: 4px; padding-bottom: 4px; }
.light .indent_s { padding-left: 7px; padding-top: 2px; padding-bottom: 2px; }


#home-block-blog h2 { font-size: 1.4em; margin-bottom: 8px; font-weight: bold; text-transform: uppercase; }
div.smallblock { height: 30px; }
#home-block-latest div.smallblock h2 { font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #000; }
#home-block-blog p { font-size: 1.2em; margin-bottom: 8px; }
.blog_post { padding: 10px; border: 1px solid #E8E8E8; margin-bottom: 8px; }
.blog_post h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 8px; }
#home-block-blog .blog_post p { font-size: 1.1em; }
#home-block-blog .blog_post p.published { font-style: italic; color: #999; margin-bottom: 8px; }