/* Green: 7ab51d
/* Green-font: 66B100
/* Orange: FF6600
   Dark blue: 000066 */

.clear
{
    clear: both !important;
}
.alignright
{
    text-align: right;
}
.floatright
{
    float: right;
}
.errorhighlight
{
    background-color: #c00;
    color: #fff !important;
    font-weight: bold !important;
}
.highlightrow
{
    background: #FFE7D6 !important;
}
a 
{
    color: #FF6600;
}
a.button
{
    background-color: #fff;
    border: solid 1px #ccc;
    color: #7ab51d;
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 105px;
}
a.bold
{
    background-color: #67af23;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    width: 250px;
}
a.bold:hover
{
    color: #fff;
}
a:hover
{
    color: #66B100;
}
a.resources
{
    color: #66B100;
}
a.buttonhover
{
    background-position: left center;
    background-repeat: no-repeat;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    float: left;
    font-weight: bold;
    line-height: 35px;
    text-decoration: none;
    vertical-align: middle;
}
a.buttonhover span
{
    background-position: right center;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    line-height: 35px;
    padding-bottom: 1px;
    text-align: center;
    vertical-align: middle;
}
/* White button */
a.bhwhite
{    
    background-image: url(buttonhoverwhite_off.gif);
}
a.bhwhite span
{    
    background-image: url(buttonhoverwhite_span_off.gif);
    padding: 0px 20px 1px 20px;
}
a.bhwhite:hover
{    
    background-image: url(buttonhoverwhite_on.gif);
}
a.bhwhite:hover span
{    
    background-image: url(buttonhoverwhite_span_on.gif);
}

a.orangearrow
{
    background: url(orangearrow.gif) no-repeat left center;
    color: #FF6905;
    font-weight: bold;
    padding-left: 10px;
}
a.whitearrow
{
    background: url(whitearrow.gif) no-repeat left center;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}
.bordered
{
    border: solid 1px #ccc !important;
}
body 
{
    background: #f2f2f2;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 70%;
    color: #444;
    margin: 190px 0px 40px 0px;
    line-height: 160%;
}
div#__asptrace 
{
    margin-top: 19px;
}
div.cantfind
{
    background-image: url(cant-find-top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 20px;
    width: 720px;
}
div.cantfind h3
{
    color: #fff;
    font-size: 150%;
    margin: 0px 0px 3px 0px;
    padding: 0px;
}
div.cantfind div.inner
{
    background-image: url(cant-find-bottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 15px;
}
div.cantfind div.upload
{
    background-color: #abd86f;
    float: right;
    font-weight: bold;
    line-height: 120%;
    margin-left: 20px;
    padding: 10px;
    width: 300px;
}
div.cantfind div.upload h3
{
    color: #46582E;
    font-size: 130%;
}
div.cantfind div.upload td.cvlabel
{
    padding-right: 10px;
    text-align: right;
}
div.cantfind div.upload td input.send
{
    background-color: #FF7011;
    border: solid 1px #fff;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    margin-top: 5px;
}
div.cantfind div.upload td input.textbox
{
    border: solid 1px #ccc;
    width: auto !important;
}
div.cantfind p
{
    color: #333;
    font-size: 120%;
    margin: 0px;
    padding: 0px;
}
div.cantfind p.error
{
    color: #c00;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
div.cantfind p.ok
{
    color: #333;
    font-size: 100%;
    line-height: 130%;
}
div.cantfind p.search
{
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin-top: 15px;
}
div.cantfind p.search a
{
    color: #fff;
}
div#container
{
    background: #fff;
    padding: 0px 0px 20px 0px;
}
div#container, div#header #logoholder, div#footer .container
{
    margin: 0px auto 0px auto;
    width: 960px;
}
div#cvservice
{
    background: url(cv-services-quote.gif) no-repeat 620px 480px;
}
div#cvservice div.left
{
    float: left;
    width: 585px;
}
div#cvservice div.left div.intro
{
    margin: 15px 0 10px 0;
    width: 445px;
}
div#cvservice div.left div.intro h1
{
    color: #FF6D0C;
    font-family: Georgia;
    font-weight: normal;
    font-size: 260%;
    line-height: 30px;
    padding-left: 0;
}
div#cvservice div.left div.intro h2
{
    font-family: Georgia;
    font-size: 170%;
    font-weight: normal;
    margin: 7px 0 10px 0;
    padding-left: 0;
}
div#cvservice div.left div.intro h2 a
{
    color: #71B716;
    text-decoration: none;
}
div#cvservice div.left div.question
{
    background: url(cv-question.gif) no-repeat;
    line-height: 130%;
    font-size: 90%;
    margin: 15px 0 5px 20px;
    padding: 10px 0 5px 20px;
    width: 445px;
}
div#cvservice div.left div.question p
{
    margin: 0 0 10px 0;
    padding: 0;
}
div#cvservice div.left div.upload
{
    background: url(cv-upload.gif) no-repeat top left; 
    margin: -12px 0 20px 0;  
}
div#cvservice div.left div.upload div.innerupload
{
    background: url(cv-upload-inner.gif) no-repeat bottom left;
}
div#cvservice div.left div.upload div.cvupload
{
    padding: 55px 35px 0 15px;
}
div#cvservice div.left div.upload div.formfields
{
    float: left;
    width: 320px;
}
div#cvservice div.left div.upload div.formfields span.label
{
    text-align: left;
}
div#cvservice div.left div.upload div.formsubmit
{
    float: right;
    width: 210px;
}
div#cvservice div.left div.upload div.formsubmit input
{
    margin: 40px 0 0 10px;
}
div#cvservice div.left div.upload div.formsubmit p
{
    color: #999;
    line-height: 150%;
    margin: 0 0 0 -65px;
    font-style: italic;
    font-size: 80%;
}
div#cvservice div.left div.upload h2
{
    font-family: Georgia;
    font-weight: normal;
    font-size: 170%;
}
div#cvservice div.left div.upload h2 span.green
{
    color: #6CB609;
}
div#cvservice div.left div.upload img.spacer
{
    float: right;
}
div#cvservice div.left div.upload p.formheader
{
    color: #FF6905;
    font-weight: bold;
}
div#cvservice div.right
{
    float: right;
    width: 350px;
}
div#cvservice div.right div.rejected
{
    background: #EA4343;
    color: #fff;
    line-height: 140%;
    margin: 35px 0 20px 0;
    padding: 12px;
    width: 310px;
}
div#cvservice div.right div.rejected h2
{
    color: #fff;
    font-size: 110%;
}
div#cvservice div.right div.rejected ul
{
    padding-left: 15px;
}
div#cvservice div.right div.selected
{
    background: #BDE3A5;
    line-height: 140%;
    width: 310px;
    padding: 12px;
}
div#cvservice div.right div.selected h2
{
    font-size: 110%;
}
div#cvservice div.right div.selected ul
{
    padding-left: 15px;
}
div#cvservice p.error
{
    font-weight: bold;
    background-color: #CC0000;
    color: #fff;
    padding: 5px 10px;
}
div#footer
{
    background: #f2f2f2;
    border: solid 1px #f2f2f2;
    line-height: 150%;
    height: 100%;
    padding: 0;
    width: 100%;
}
div#footer div.contact
{
    font-size: 140%;
    font-weight: bold;
}
div#footer div.contact span
{
    font-size: 70%;
}
div#footer div.contact span a
{
    color: #66B100;
}
div#footer div.copyright
{
    color: #999;
    padding: 0px 0px 10px 0px;
}
div#footer div.copyright a
{
    color: #999;
}
div#footer img.right
{
    float: right;
    margin: 0 0 0 15px;
}
div#header 
{
    background: #fff;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100% !important;
}
div#header div.controlpanel
{
    background: #343434 url('control-panel-bg.gif') repeat-x 0 0;
    color: #fff;
    height: 27px;
    padding: 0px 0 0 0;
    width: 100%;
}
div#header div.controlpanel a
{
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div#header div.controlpanel table
{
    margin: 0px auto 0px auto;
    width: 960px;
}
div#header div.controlpanel table td
{
    padding-top: 4px;
}
div#header td.logo
{
    width: 326px;
}
div#header td.tagline
{
    vertical-align: bottom;
    width: 326px;
}
div#header td.tagline img
{
    margin: 0 0 20px 20px;
}
div#header td.employersLinks
{
    color: #fff;
    padding: 0px 0px 2px 0px;
    vertical-align: top;
    text-align: right;
    width: 308px;
}
div#header td.employersLinks a
{
    color: #333;
}
div#header td.employersLinks.landing
{
    background-image: url('header-landing-detail-bg.jpg') !important;
}
div#header td.employersLinks.landing div
{
    float: left !important;
    margin: 20px 0 0 60px;
}
div#header table tr td.employersLinks div
{
    float: right;
    font-size: 90%;
    margin: 30px 10px 0px 20px;
    text-align: left;
    width: 35%;
}
div#header table tr td.employersLinks div h2
{
    color: #fff;
    font-size: 150%;
    width: 100%;
}
div#header table tr td.employersLinks p
{
    font-weight: bold;
    line-height: 140%;
    margin: 0px;
}
div#header table tr td.employersLinks ul 
{
    color: #fff;
    font-weight: bold;
    list-style: none;
    padding: 0px;
    margin: 0;
}
div#header table tr td.employersLinks ul li a
{
    color: #fff;
    text-decoration: underline;
}
div#header table tr td.employersLinks ul li a:hover
{
    text-decoration: underline;
}
div#header table tr td.smalllogo
{
    padding: 5px 0px;
    text-align: right;
}
div#header td.rightspacer
{
    color: #fff;
    padding: 0px 0px 2px 30px;
    vertical-align: top;
    text-align: right;
    width: 308px;
}
div#header div#navigation
{
    padding: 7px 0px;
}
div#header div#navigation a
{
    color: #666;
    padding: 0px;
    text-align: center;
    text-decoration: none;
}
div#header div#navigation a.on
{
    color: #FF6600;
}
div#header div#navigation a:hover
{
    color: #FF6600;
}
div#header div#navigation span.navdivider
{
    margin: 0px 5px;
    color: #888;
}
div#header table
{
    width: 960px;
}
dl#contact
{
    margin: 21px 0 0 0;
}
dl#contact dt
{
    border-top: solid 1px #66B100;
    color: #66B100;
    font-weight: bold;
    line-height: 16px;
    margin: 0 40px 0 0;
    padding: 9px 0 0 0;
}
dl#contact dd
{
    color: #4B4B4B;
    line-height: 16px;
    margin: 0 40px 0 0;
    padding: 0 0 9px 0;
}
dl#contact td
{
    vertical-align: top;
}
.landingbox
{
    height: 200px;
    padding: 8px 8px 8px 20px;
    text-align: left;
    width: 291px;
}
.landingbox h2
{
    font-size: 130%;
    font-weight: bold;
    padding: 0;
    margin: 0 0 4px 0;
}
.landingbox p
{
    font-size: 120%;
    font-weight: bold;
    margin: 5px 0;
}
.landingbox ul, .landingbox li
{
    margin: 0;
    padding: 0;
}
.landingbox li
{
    margin-left: 17px;
}
.landing #badbox
{
    background: #fff url('employer-landing-newspaper.jpg') no-repeat 0 0;
}
.landing #badbox h2, .landing #badbox ul, .landing #badbox p
{
    color: #FF6600;
}
.landing span
{
    color: #666;
}
.landing #goodbox
{
    background: #fff url('employer-landing-jp.jpg') no-repeat 0 0;
}
.landing #goodbox h2, .landing #goodbox p, .landing #goodbox ul
{
    color: #78BB1F;
}
.landing #goodbox span
{
    color: #666;
}
div#main
{
    width: 100%;
}
div#mainplaceholder
{
    background: #fff;
    margin: 0 0 20px 0;
    padding: 0;
}
div#mainplaceholder.cvservice
{
    background: #fff url(cv-services-bg.gif) no-repeat bottom right;
}
div#mainplaceholder.cvservice div#container
{
    background-color: Transparent;
}
div#mainplaceholder.jobseeker
{
    background: #fc9 !important;
}
div#mainplaceholder.green
{
    background: #99cc66 !important;
}
div.notification 
{
    border: solid 2px #7ab51d;
    color: #7ab51d;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 10px;
}
div.notification h2
{
    color: #7ab51d;
    margin: 0px 0px 10px 0px;
}
div.notification p
{
    margin: 10px 0px 0px 0px;
}
div.notification p a
{
    color: #7ab51d;
}
div.panel 
{
    padding: 10px;
}
div#profiledetails
{
    border: solid 1px #ccc;
    background: #f9f9f9;
    clear: both;
    margin: 5px;
    padding: 0;
    
}
div#profiledetails table
{
    padding: 0px;
    width: 100%;
}
div#profiledetails .head
{
    background: #ddd;
    margin: 4px 0px;
}
div#profiledetails td
{
    padding: 3px;
    width: 49%;
}
div#profiledetails p, div#profiledetails h2
{
    margin-left: 6px;
    margin-right: 6px;
}
div.resourcehighlight
{    
    text-align: center;
}
div.resourcehighlight div
{    
    background-color: #d6eb99;
    border: solid 1px #000;
    font-size: 120%;
    font-style: italic;
    margin: 20px 0px;
    padding: 15px 30px 10px 30px;
    width: 330px;
}
div.roundcornersbottom
{
    background: transparent url('/media/images/round-corners-bottom.jpg') no-repeat 0 100%;
    line-height: 140%;
    margin: 0;
    padding: 20px 10px;
    width: 201px;
}
div.roundcornerstop
{
    background: transparent url('/media/images/round-corners-top.jpg') no-repeat 0 0;
    margin: 6px 0 0 0;
    padding: 0;
    width: 221px;
}
div.roundcornerstop h2
{
    font-size: 130%;
}
div.roundCorners
{
    background: transparent url(round-corners-top.gif) no-repeat 0 0;
}
div.roundCorners div
{
    background: transparent url(round-corners-bottom.gif) no-repeat 0 100%;
    margin-left: -1px;
    max-height: 185px;
    min-height: 94px;
    padding: 15px;
}
div.roundCorners div h2
{
    color: #FF6600;
}
div.roundcornerswhole
{
    background: #fff url(round-corners-whole.gif) no-repeat 0 0;
    height: 147px;
    padding: 10px 20px;
    width: 254px;
}

div.testimonials span.end
{
    background-image: url(end-quote.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 5px;    
}
div.testimonials span.start
{
    background-image: url(start-quote.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: -10px;
    padding-left: 20px;    
}
div.testimonials p.quote
{
    color: #666 !important;
    line-height: 140%;
    margin-left: 10px;
    font-size: 130%;
}
div.testimonials p.testimonial
{
    margin-bottom: 30px !important;
}

ol 
{
    margin: 0px 20px;
}
ol li
{
    margin-left: 40px;
}
table#staff
{
    margin: 0 15px 15px 15px;
}
h1.aligntop
{
    margin-top: -2px;
    padding: 0;
}
table#staff h2
{
    font-size: 130%;
    line-height: 130%;
    margin: 7px 0 0 0;
    text-decoration: underline;
}
table#staff h2 a
{
    color: #66B100;
}
table#staff h3
{
    color: #4b4b4b;
    font-size: 120%;
    line-height: 120%;
    margin: 1px 0px;
}
table#staff .intro
{
    padding-right: 24px;
}
table#staff p
{
    color: #8e8e8e;
}
table#staff tr td
{
    line-height: 130%;
    vertical-align: top;
}
table#staff tr td.contact
{
    text-align: center;
    vertical-align: bottom;
}
table#staff td div
{
    border-left: solid 1px #66B100;
    font-size: 10px;
    height: 325px;
    margin: 0 0 30px 0;
    padding: 0 13px;
}
table#staff td div p
{
    line-height: 13px;
}
div.aboutcontact
{
    background-image: url(about-box-bottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    width: 510px;
}
div.aboutcontact div
{
    background-image: url(about-box-top.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px;
}
div.aboutcontact div h4
{
    color: #ff6600;
    font-size: 100%;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}
div.aboutcontact div p
{
    margin: 0px;
    padding: 10px 0px 10px 0px;
}
div.aboutcontact div td
{
    vertical-align: top;
}
div.aboutcontact div h4 span.highlight
{
    color: #000;
}
td.answer
{
    background: #e6e6e6;
    padding: 20px 20px 0 20px;
    vertical-align: top;
}
td.answer h2
{
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
}
td.answer p
{
    line-height: 140%;
    margin-bottom: 15px;
}
td.hook
{
    padding-left: 20px;
    width: 170px;
}
td.hook p
{
    clear: both;
}
td.hook p.hook
{
    border: solid 1px #ccc;
    border-right: none;
    clear: none;
    color: #222;
    font-size: 150%;
    font-weight: bold;
    line-height: normal;
    margin-top: 80px;
    padding: 10px;
}
div.home
{
    width: 100%;
}
div#home div.leftcolumn
{
    float: left;
    width: 580px;
}
div#home div.leftcolumn div#divCategories a
{
    background: url(greyarrow.gif) no-repeat left center;
    color: #AFACAC;
    padding-left: 10px;
    text-decoration: none;
}
div#home div.leftcolumn div#divCategories a:hover span
{
    text-decoration: underline;
}
div#home div.leftcolumn div#divCategories a span
{
    font-weight: bold;
    color: #7B7878;
}
div#home div.leftcolumn div.regionblock
{
    float: left;
    width: 180px;
}
div#home div.leftcolumn div.regionblock ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div#home div.leftcolumn div.regionblock ul li a
{
    background: url(greyarrow.gif) no-repeat left center;
    color: #AFACAC;
    padding-left: 10px;
    text-decoration: none;
}
div#home div.leftcolumn div.regionblock ul li a:hover span
{
    text-decoration: underline;
}
div#home div.leftcolumn div.regionblock ul li a span
{
    font-weight: bold;
    color: #7B7878;
}
div#home div.leftcolumn div.regionblock h2 span
{
    font-size: 120%;
    color: #67AF24;
    border-bottom: dashed 1px #DDDDDD;
    width: auto;
}
div#home div.leftcolumn div.regionblock.wide ul li
{
    line-height: 20px;
}
div#home div.leftcolumn div.wide
{
    width: 360px;
}
div#home ul#tabs 
{ 
    width: 570px;
    background: url(home-tabs-ul-bg.gif) no-repeat;
    height: 27px;
    padding: 0 0 0 10px; 
}
div#home ul#tabs li 
{ 
    display: inline;
}
div#home ul#tabs li a 
{ 
    float: left;
    padding-left: 15px;
    background: url(home-tabs-bg.gif) no-repeat;
    line-height: 32px;
    color: #fff; 
    text-decoration: none; 
    cursor: pointer;
    margin: -5px 5px 0 0;
    width: 170px;
}
div#home ul#tabs li a:hover 
{ 
    background-color: #f1f0ee; 
}
div#home ul#tabs li a.active
{ 
    background: url(home-tabs-on-bg.gif) no-repeat;
    color: #FF7F29;
}
div#home ul#tabs li a.selected 
{ 
    color: #000; 
    background-color: #f1f0ee; 
    font-weight: bold; 
    padding: 0.7em 0.3em 0.38em 0.3em; 
}
div#home .hide
{ 
    display: none;
}
div#home .show
{ 
    display: block;
}
div#home div.rightcolumn
{
    float: right;
    width: 380px;
}
div.greylinks
{
    padding: 0px 10px !important;
    width: 545px;
}
div.greylinks a
{
    color: #666;
}
div.greylinks a:hover
{
    color: #66B100;
}
div.greylinks p
{
    color: #333;
    font-size: 120%;
    font-weight: bold;
    margin-top: 0;
}
div.greylinks p.highlight
{
    color: #000;
    margin: 0 0 10px 0;
}
div.panel table#staff tr td dl.hook dt, td.hook p img
{
    width: 63px;
    float: right;
    border: none;
}
div.panel table#staff tr td dl.hook dd
{
    font-size: 250%;
    width: 60%;
    float: left;
    clear: left;
    margin-top: 100px;
}
div.panel table#staff tr td dl.hook dd.subhook
{
    color: #666 !important;
    font-size: 190%;
    font-weight: normal;
    margin-top: 10px;
}
div.preview 
{
    border: solid 2px #ccc;
    padding: 20px;
}
p.detailstrong
{
    color: #000;
    font-weight: bold;
}
.pricingpros h2
{
    color: #333;
    font-size: 140%;
    font-weight: bold;
}
.pricingpros h3
{
    color: #7ABA23;
    font-size: 115%;
    margin: 0 0 0 0;
}
.pricingpros .icon
{
    float: left;
    margin: 12px 10px 12px 0;
}
.pricingpros p
{
    margin: 0 0 10px 0;
}
.pricingpros td.testimonial
{
    background: #fff url(testimonials-bg.gif) no-repeat 0 0;
    border-bottom: none;
    color: #444;
    font-weight: normal;
    padding: 50px 0 0 90px;
}
.pricingpros td.testimonial a
{
    font-weight: bold;
    text-decoration: none;
}
.pricingpros td
{
    padding: 0 15px 0 0;
    vertical-align: top;
}
.pricingoptions .cost
{
    color: #ff6600;
    font-weight: bold;
}
.pricingoptions .cost span
{
    color: #666;
    font-weight: normal;
}
fieldset
{
    border: solid 1px #eaeaea;
    padding-bottom: 10px;
}
legend
{
    color: #ff6600;
    font-size: 140%;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}
.pricingoptions p
{
    margin-left: 15px;
    margin-right: 15px;
}
.pricingoptions .rbutton
{
    float: right;
    margin-top: 5px;
}
.pricingoptions .recruitment
{
    margin-top: 6px;
}
.pricingoptions .single td
{
    font-size: 110%;
    padding-top: 15px;
}
.pricingoptions .single td.cost
{
    font-size: 150%;
}
.pricingoptions .single strong
{
    font-size: 120%;
}
.pricingoptions .specialrates a
{
    text-decoration: none;
}
.pricingoptions .specialrates h3
{
    color: #444;
}
.pricingoptions .specialrates .imageholder
{
    text-align: center;
    vertical-align: middle;
}
.pricingoptions td
{
    padding: 15px 0 0 0;
    vertical-align: top;
}
.pricingoptions td td
{
    padding: 0 0 0 0;
    vertical-align: top;
}
td.questions
{
    padding: 0px 0px 20px 20px;
    vertical-align: top;
    width: 462px;
}
td.questions ul
{
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
}
td.questions li
{
    margin: 0 !important;
    padding: 0;
}
td.questions a
{
    background: transparent url('faq-bullet.gif') no-repeat 15px 5px;
    color: #858585;
    display: block;
    margin: 0;
    padding: 5px 20px 5px 35px;
    text-decoration: none;
    width: 407px;
}
td.questions a:hover
{
    background: #F3FCE6 url('faq-bullet-hover.gif') no-repeat 15px 5px;
}
td.questions a.on
{
    background: #e6e6e6 url('faq-bullet-on.gif') no-repeat 15px 5px;
    color: #737373;
    font-weight: bold;
}
div#search 
{
    background: #67B101 url('search-bar-bg.jpg') repeat-x;
    font-size: 100%;
    padding: 0px;
    height: 31px;
}
div#search input
{
    font-size: 100%;
}
div#search p
{
    color: #117011;
    font-size: 110%;
}
div#search div
{
    margin: 0 auto;
    width: 960px;
}
div#search table
{
    width: auto;
    vertical-align: top;
}
div#search table tr td
{
    padding: 3px 10px;
    vertical-align: middle;
    color: #117011;
}
div#search table tr td input.textbox
{
    background: #fff url('/media/images/find-jobs-label.gif') no-repeat 0 0;
    border: none;
    font-size: 100%;
    height: 18px;
    padding: 4px 0 0 100px;
    vertical-align: middle;
    width: 200px;
}
div#search table tr td input.button
{
    background: transparent url(button-search.gif) no-repeat;
    border: none;
    cursor: hand;
    color: #fff;
    font-size: 100%;
    height: 22px;
    vertical-align: top;
    width: 64px;
}
div#search table#employersearch tr td input.button
{
    background-image: url(button-search-cvs.gif);
}
div#search a
{
    color: #fff;
    font-weight: bold;
}
div.userprofile h1
{
    border-bottom: solid 1px #333;
    color: #333;
    font-size: 140%;
    margin: 60px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    text-align: center;
}
div.userprofile h2
{
    border-bottom: solid 1px #333;
    color: #333;
    font-size: 130%;
    margin: 20px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
}
div.userprofile p.details
{
    text-align: center;
}
ol.letters li
{
    list-style-type: lower-alpha;
}
ol.letters li ol li
{
    list-style-type: lower-roman;
}
table.search
{
    border: solid 1px #ccc !important;
}
table.search tr td
{
    border-bottom: solid 1px #ccc;
}
td.keywords
{
    padding: 3px 10px 3px 0px !important;
}
/*standard and partners*/
div.topemployers
{
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
}
div.needhelp
{
    background:#FFFFFF url(cvwriting-landing-bg.gif) no-repeat scroll 0 0;
    height:97px;
    padding:0 10px 0;
    width:365px;
    margin: 15px 0;
}
div.needhelp h2
{
    font-weight: normal;
    font-size: 180%;
    line-height: 34px;
    width: 240px;
}
div.needhelp a:hover
{
    color: #FF6D0B;
}

div.needhelp h2 a
{
    text-decoration: none;
    color: #fff;
}
div.needhelp p
{
    font-size: 90%;
    line-height: 140%;
    margin: 0 0 20px 0;
    width: 70%;
    color: #fff;
}
div.topemployers td
{
    border: solid 1px #ccc;
    vertical-align: top;
}
div.topemployers
{
    height: 100%;
    padding: 0 12px 0 5px;
    width: 100px;
}
div.topemployers img
{
    float: left;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
}
div.topemployers.imgborder img
{
    float: left;
    margin: 0 0 5px 0 !important;
    padding: 0 5px 0 0 !important;
}
div.topemployers h2
{
    border-bottom: solid 1px #666;
    margin: 3px 0 9px 0 !important;
    padding-bottom: 10px;
}
/*featured employers*/
div.topemployers
{
    background-image: url(featured-employers.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 370px;
    padding: 0;
}
div.topemployers div.bottom
{
    background-image: url(featured-employers-bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 10px;
}
div.topemployers.large img
{
    margin: 0 0 10px 0 !important;
}
table.topemployers td#partners
{
    overflow: visible !important;
}
div.topemployers span
{
    display: block;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
/*no bg - bottom adverts*/
div.topemployers.nobg
{
    background: none;
    border: none;
    height: 100%;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    width: 100.5%;
}
div.topemployers.nobg img
{
    float: left;
    margin: 5px 0px 0px 5px !important;
}
div.topemployers.nobg div.imageborder
{
    float: left;
    background: url(img-bg.gif) no-repeat;
    width: 160px;
    height: 100px;
}

table#news a, .emaillink a
{
    color: #2F5D9B;
    text-decoration: none;
}
table#news a.resources
{
    color: #66B100;
    font-size: 130%;
    font-weight: bold;
}
table#news a.resources:hover
{
    color: #66B100;
}
.emaillink img
{
    vertical-align: middle;
}
table#news a:hover, .emaillink a:hover
{
    color: #6688B6;
    text-decoration: underline;
}
table#news
{
    margin-top: 15px;
}
table#news .body
{
    line-height: 150%;
    padding-top: 0px;
}
table#news .body h1
{
    color: #ff6600;
    font-size: 150%;
    font-weight: bold;
    margin: 0px;
    padding: 0;
}
table#news .body img
{
    float: right;
    margin: 15px 0 25px 25px !important;
}
table#news .body img.cv
{
    float: none !important;
    margin: 0 !important;
}
table#news div.border
{
    border: solid 1px #ccc !important;
    line-height: 130%;
    margin-bottom: 20px;
    padding: 15px;
}
table#news div.darktext
{
    color: #333;
}
table#news div.border h2
{
    border-bottom: solid 1px #a7a7a7;
    color: #2F5D9B;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 2px 0;
}
table#news div.resources
{
    background: #fff url(resources-bottom.gif) no-repeat 0 bottom;
    color: #fff;
    margin-bottom: 13px;
    padding: 10px 18px 12px 13px;
}
table#news div.resources a
{
    color: #fff;
    font-weight: bold;
}
table#news div.resources ul
{
    margin: 0px;
    padding: 0px;
}
table#news div.resources ul li
{
    list-style-type: none;
    margin: 0px 0px 7px 0px;
    padding: 0 !important;
}
table#news ol li
{
    padding: 5px 0px;
}
table#news .examplecv
{
    border: solid 1px #ccc;
    font-size: 80%;
    margin: 20px 0px;
    padding: 20px;
    text-align: center;
}
table#news .samplecv
{
    border: solid 1px #ccc;
    margin: 20px 0px;
    padding: 20px;
}
table#news .samplecv h2.underline
{
    border-bottom: solid 1px #333;
    color: #000;
    font-size: 120%;
}
table#news .highlight
{
    font-size: 125%;
    font-weight: bold;
    line-height: 140%;
}
table#news .leftcol
{
    font-size: 10px;
    line-height: 16px;
    padding: 0px;
}
table#news .leftcol .panel
{
    background: #B4DBA0;
    border: solid 1px #99CB7F;
}
table#news .leftcol h2, table#news .rightcol h2.orange
{
    border-bottom: solid 1px #a7a7a7;
    color: #ff6600;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 3px;
    text-transform: uppercase;
}
table#news .leftcol h2
{
    border-bottom: solid 1px #334F24;
    color: #334F24;
}
table#news .rightcol
{
    color: #2F5D9B;
    line-height: 150%;
    padding: 0px;
}
table#news .rightcol .highlight, p.highlight
{
    color: #444;
    font-size: 14px;
    margin-bottom: 0;
}
table#news td
{
    line-height: 180%;
    vertical-align: top;
}
table#news .talkbox
{
    padding: 0;
}
table#news .talkbox div
{
    background: #f2f2f2;
    margin: 0;
    padding: 15px 15px 0 15px;
}
table#news .talkbox h2
{
    background: #a7a7a7;
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 3px 10px;
}
table#news .talkbox ul
{
    margin: 0;
    padding: 0 0 10px 0;
}
table#news .talkbox ul li
{
    list-style-type: square;
}
table#news .talkbox p
{
    padding: 0 0 15px 0;
    margin: 0;
}
.testimonial
{
    border-bottom: solid 1px #2F5D9B;
    color: #2F5D9B;
    font-weight: bold;
    margin-bottom: 10px !important;
    padding-bottom: 3px;
}
table#paymentoptions td
{
    border: solid 1px #ccc;
    vertical-align: top;
}
table#paymentoptions table td
{
    border: none;
}
table#paymentoptions table td h2
{
    border: none;
    color: #000;
}
table#paymentoptions td img
{
    display: block;
    margin: 5px auto;
}
table#paymentoptions td p
{
    margin-bottom: 5px;
}
p.cost
{
    color: #000;
}
p.cost span
{
    font-size: 130% !important;
    font-weight: bold;
}
div.toolbar 
{   
    border: solid 1px #ccc;
    border-left: none;
    border-right: none;
    margin-bottom: 5px;
    padding: 3px 5px;
}
div.toolbar h1
{
    font-weight: normal;
    padding: 0;
}
div.toolbar table tr td
{
    padding: 3px 0;
}
div.toolbar table tr td img
{
    margin-top: 4px;
}
div.warning 
{
    border: solid 2px #c00;
    color: #c00;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 10px;
}
div.warning h2
{
    color: #c00;
    margin: 0px 0px 10px 0px;
}
div.warning p
{
    margin: 10px 0px 0px 0px;
}
div.warning p a
{
    color: #c00;
}
h1
{
    color: #333;
    font-size: 125%;
    margin: 0px;
    padding: 10px 0 5px 10px;
    text-transform: capitalize;
}
h1.home
{
    font-size: 125%;
    padding: 20px 30px 15px 10px;
}
h1.green
{
    color: #66B100;
    font-size: 150%;
}
h1.large
{
    font-size: 230%;
    line-height: 130%;
}
h2.home
{
    padding: 0 0 15px 10px;
}
h2.green
{
    color: #66B100;
    font-size: 120%;
    margin: 0px;
    padding: 0 10px;
}
h1 span.reminder
{
    color: #666;
    font-size: 80%;
    font-weight: normal;
}
h1.strike
{
    color: #222;
    font-size: 150%;
    height: 21px;
    background-color: #F3F3F1;
}
h1.news
{
    color: #444;
    font-size: 160%;
}
h1.strikesmall
{
    background-color: #F3F3F1;
    color: #222;
    height: 21px;
    
}
h1.strike a, h1.strikesmall a
{
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
h1.strike a:hover, h1.strikesmall a:hover
{
    color: #555;
    text-decoration: underline;
}
h1.strikesmall .highlight 
{
    font-weight: bold;
}
.landing table table
{
    width: 39%;
}
.login h1
{
    color: #009900;
}
h2 
{
    color: #666;
    font-size: 100%;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
h3 
{
    color: #009900;
    font-weight: bold;
    font-size: 100%;
    margin: 10px 0px 5px 0px;
}
h3.ebookhome
{
    font-size: 120%;
    text-align: right;
}
h3.login
{
    font-size: 120%;
}
img 
{
    border: none;
    vertical-align: top;
}
.jpButton, .jpButton:hover
{
    color: #fff !important;
    font-size: 0px !important;
    width: 114px !important;
    display: inline;
}
.jp1
{
    background: #fff url('../media/images/btn-jp1.gif') no-repeat 0 0 !important;
}
.jp50
{
    background: #fff url('../media/images/btn-jp50.gif') no-repeat 0 0 !important;
}
.jp100
{
    background: #fff url('../media/images/btn-jp100.gif') no-repeat 0 0 !important;
}
.jp365
{
    background: #fff url('../media/images/btn-jp365.gif') no-repeat 0 0 !important;
}
.update
{
    background: #fff url('/media/images/btn-update.gif') no-repeat 0 0 !important;
    width: 125px !important;
}
.update:hover
{
    width: 125px !important;
}
p {
    margin: 10px 0px 10px 0px;
}
p.messageborder
{
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    padding: 10px 0px;
}
p.required
{
    background-image: url(required.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
table.columns
{
    margin-top: 10px;
}
table.columns tr td
{
    vertical-align: top;
    width: 330px;
}
table.columns tr td.spacerborder
{
    border-right: solid 1px #ccc;
    width: 1px;
}
table.columns tr td.spacer
{
    width: 5px;
}
table.columns tr td a
{
    color: #004CFF;
    font-weight: bold;
}
table.columns tr td ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
table.columns tr td ul li
{
    margin: 0px;
    padding: 2px 0px;
}
table tr td.field 
{
    padding-right: 20px;
}
table tr td.fieldrequired
{
    background-image: url(required.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}
table tr td.label 
{
    margin: 0;
    width: 150px;
}
table tr.login
{
    border: none !important;
}
table tr.login input.login
{
    float: right;
    margin-top: -30px;
}
table tr.login td#maincontent
{
    border: none !important;
}
table tr.login.nobg td#maincontent
{
    background: none !important;
}
table tr.login td#maincontent div.panel
{
    margin: 15px;
    background: #fff;
}
table tr.login td#maincontent div.panel h1
{
    padding: 3px;
}
table tr.login td#maincontent div.panel table
{
    margin: 0;
    padding: 0;
}
table tr.login td#maincontent div.loginpanel
{
    margin: 15px;
    padding: 10px;
    background: #fff;
}
table tr.login td#maincontent div.loginpanel div.inside
{
    padding: 10px;
}
table tr.login td#maincontent div.loginpanel h1
{
    padding: 3px 0px;
}
table tr.login td#maincontent div.loginpanel table
{
    margin: 0;
    padding: 0;
}
table tr.login td#spacer
{
    border: none !important;
    display: none;
}
table tr.login td#subcontent
{
    border: none !important;
}
table#profile
{
    width: 100%;
    border-collapse: collapse;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
}
table#profile input.messageme, div.disabledprofile input.messageme
{
    background: transparent url(/media/images/btn-email.gif) no-repeat 0 0;
    border: none;
    width: 150px;
}
table#profile input.messageme:hover, div.disabledprofile input.messageme:hover
{
    color: #888;
}
table#profile input.printprofile, div.disabledprofile input.printprofile
{
    background: transparent url(/media/images/btn-email.gif) no-repeat 0 0;
    border: none;
    width: 130px;
}
table#profile input.printprofile:hover, div.disabledprofile input.printprofile:hover
{
    color: #888;
}
table#profile span.profilechk
{
    color: #ff6600;
    font-weight: bold;
}
table#profile span.profilechk input
{
    margin-right: 3px;
}
table#profile tr td table
{
    width: 100%;
}
table#profile tr td table table
{
    width: auto;
}
table#profile tr td table table tr td table tr td
{
    padding: 0px;
}
table tr.register td#maincontent
{
    background: transparent;
    border: none !important;
}
table tr.register td table tr td
{
    vertical-align: top;
}   
.register dl dt
{
    float: left;
    height: 90px;
    width: 55px;
}
.register p.employer
{
    color: #FF6600 !important;
}
.register p.jobseeker
{
    color: #0033FF;
    margin-right: 60px;
}

.rightDivider
{
    border-right: solid 1px #ccc !important;
    text-align: center !important;
    vertical-align: middle !important;
}
table#profile a.delete
{
    color: #c00;
    font-weight: bold;
}
table#profile tr.employmenthistory td table
{
    border: none;
    border-right: solid 1px #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
table#profile tr.employmenthistory td table tr td
{
    padding: 5px;
}
table#profile tr.employmenthistory td table tr td.smallleft
{
    width: 200px !important;
}
td.employer a
{
    color: #0056FF !important;
}
table#profile tr.employmenthistory td table tr td.smallleft div#imageholder
{
    width: 200px !important;
}
table#profile tr td table tr.sectionhead
{
    background-color: #ddd;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: right;
}
table#profile tr td table tr.sectionhead h2
{
    color: #000;
    text-align: left;
}
table#profile tr td table tr td
{
    border-collapse: collapse;
    margin: 0;
    padding: 5px;
    vertical-align: top;
}
table#profile tr td table tr td table#jobinterests tr td
{
    width: 20%;
}
table#profile tr td table tr td.jobtitle, table#profile tr td table tr td.jobtitle input
{
    width: 97%;
}
table#profile tr td table tr td.textinputholder
{
    width: 100%;
}
table#profile tr td table tr td textarea.multilinetextbox
{
    padding: 0;
    width: 97%;
}
textarea.multilinetextbox
{
    border: solid 1px #999;
    font-size: 100%;
    padding: 2px;
    width: 280px;
}
textarea.largemultilinetextbox
{
    border: solid 1px #999;
    font-size: 100%;
    padding: 2px;
    width: 98%;
}
input.button {
    background: transparent url(button-orange.gif) no-repeat;
    border: none;
    cursor: hand;
    color: #fff;
    font-size: 100%;
    height: 34px;
    width: 107px;
}
input.button:hover 
{
    color: #222;
}
input.employer
{
    background: transparent url(button-blue.gif) no-repeat;
}
input.fileupload
{
    border: solid 1px #999;
    font-size: 100%;
}
input.largetextbox
{
    border: solid 1px #999;
    font-size: 100%;
    padding: 2px;
    width: 440px;
}
input.smalltextbox
{
    border: solid 1px #999;
    font-size: 100%;
    padding: 2px;
    width: 60px;
}
input.textbox
{
    border: solid 1px #999;
    font-size: 100%;
    padding: 2px;
    width: 160px;
}
p#ebooktag
{
    color: #666;
    font-size: 120%;
    margin: -25px 20px 15px 0;
}
select 
{
    font-size: 100%;
}
table tr td.largelabel
{
    width: 180px;
}
table.datagrid
{
    border-collapse: separate;
    width: 100%;
}
table.datagrid tr td 
{
    border-bottom: dashed 1px #ccc;
    padding: 5px;
}
table.datagrid tr.header td 
{
    font-weight: bold;
}
table.datagrid tr.header td a
{
    color: #999;
    text-decoration: underline;
}
table.datagrid tr.highlight td 
{
    font-weight: bold;
}
table.datagrid tr td a
{
    color: #FF6600;
    text-decoration: none;
}
table.datagrid tr td a:hover
{
    text-decoration: underline;
}
table.datagrid tr.pager td 
{
    background-image: url(page.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    font-weight: bold;
    padding-left: 40px;
}
table.datalistthreecolumn 
{
    border-collapse: separate;
    width: 100%
}
table.datalistthreecolumn tr td
{
    padding: 0px 0px 3px 0px;
    vertical-align: top;
    width: 33% !important;
    font-size: 100%;
}
table.joblisting 
{
    width: 100%;
}
table.joblisting tr.head td
{
    border-bottom: solid 1px #ccc !important;
}
table.joblisting tr.head td img
{
    margin-top: 5px;
}
table.joblisting tr td 
{
    border: none !important;
    padding: 5px;
    vertical-align: top;
}
table.joblisting tr td.logoHolder
{
    text-align: center;
    vertical-align: middle;
    width: 100px !important;
}
td#home
{
    background: #fff url(/media/images/home-5.jpg) no-repeat 355px 0;
}
td#home h1
{
    color: #999;
    font-size: 180%;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 4px 0;
}
table.subnav tr td {
    border-bottom: dashed 1px #000;
    padding: 3px
}
table.subnav tr td a {
    color: #000;
    font-weight: bold;
}
table#ebookinfo tr td
{
    padding: 0px 15px;
    vertical-align: top;
    width: 33%;
}
table#ebookinfo tr td ul
{
    margin: 0px;
    padding: 0px;
}
table#ebookinfo tr td ul li
{
    margin: 0px;
    padding: 0px;
}
table#ebookinfo tr td dl dt
{
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
table#ebookinfo tr td h1.strike
{
    background: none;
}
table#ebookinfo tr td img
{
    float: left;
}
table#ebookinfo tr td ul li
{
    margin-left: 15px;
}
table#ebookinfo tr td div#paynow
{
    background: transparent url(paynow-bg.gif) no-repeat 0 0;
    height: 62px;
    padding: 3px;
    width: 252px;
}
table#ebookinfo tr td h2
{
    color: #ff6600;
}
table#ebookinfo tr td div#paynow p
{
    clear: left;
    float: left;
    margin: 0px;
    padding: 2px 5px 0px 5px;
    width: 50%;
}
table#ebookinfo tr td div#paynow span
{
    color: #222;
    font-size: 120%;
    font-weight: bold;
}
input#buynow
{
    background: transparent url(btn-buy-now-grey-bg.gif) no-repeat 0 0;
    float: right;
    margin: 2px 4px;
}
table#pagelayout
{
    width: 960px;
}
table#pagelayout tr td#subcontent 
{
    border: none;
    vertical-align: top;
    width: 200px;
    padding: 0;
}
table#pagelayout tr td#subcontent.myaccount 
{
    width: 346px;
}
table#pagelayout tr td#subcontent.hook p.hook
{
    margin-left: 15px;
}
table#pagelayout tr td#subcontent div.panel p
{
    width: 100% !important;
}
table#pagelayout tr td#subcontent ul
{
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
table#pagelayout tr td#subcontent ul li
{
    border-bottom: solid 1px #eaeaea;
    list-style: none;
    padding: 5px;
}
table#pagelayout tr td#subcontent ul li img
{
    margin: 0px 5px 0px -2px;
}
table#pagelayout tr td#subcontent ul li a
{
    color: #444;
    text-decoration: none;
}
table#pagelayout tr td#subcontent ul li a:hover
{
    color: #999;
    text-decoration: underline;
}
table#pagelayout tr td#maincontent
{
    border: none;
    font-size: 100%;
    vertical-align: top;
    width: auto;
}
table#pagelayout tr td#spacer
{
    width: 40px;
}
table.slicedimage
{
    margin: 0 auto !important;
}
table.slicedimage, table.slicedimage tr, table.slicedimage tr td, table.slicedimage tr td img
{
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
table.layout tr td 
{
    vertical-align: top;
    font-size: 100%;
    color: #444;
}
table tr td.cvalign
{
    vertical-align: bottom;
}
textarea 
{
    font-family: Arial;
    font-size: 100%;
    padding: 2px;
}
ul.square li
{
    list-style-image: url(square-bullet.gif);
    list-style-position: outside;
    line-height: 50%;
    margin: 0 0 13px 0;
}
#pagelayout ul li
{
    margin-left: 15px;
}
div.panel .highlight 
{
    font-weight: bold;
    color: #666;
}
body#helpForm
{
    margin: 20px !important;
}
div#myaccount table tr td
{
    width: 50%;
}
div#myaccount table tr td dl dt
{
    border-top: dotted 1px #ccc;
    height: 15px;
    margin: 0px 0px 7px 0px;
    padding: 10px 0 0 0;
    width: 82%;
}
div#myaccount table tr td dl dt a
{
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
div#myaccount table tr td dl dt a:hover
{
    color: #666;
    text-decoration: underline;
}
div#myaccount table tr td dl dt.myAccountBtn
{
    float: left;
    height: 52px;
    width: 41px;
}
div#myaccount table tr td dl dd
{
    height: 3em;
    margin: 0px 0px 25px 0px;
    padding: 0px;
}
.increasefont
{
    font-size: 125% !important;
}
.nospacing
{
    margin: 0 !important;
    padding: 0 !important;
}
.noborder
{
    border: none;
}



/* Job Seeker pages */

div#jobseeker
{
    padding: 10px;
}
div#jobseeker div.controlpanel
{
    background-color: #fc9;
    border-bottom: solid 4px #f63;
    height: 50px;
    margin-bottom: 20px;
    padding: 20px 15px 0px 15px;
}
div#jobseeker div.controlpanel br
{
    clear: both;
    height: 0;
}
div#jobseeker div.controlpanel div.nav
{
    float: right;
}
div#jobseeker div.controlpanel div.nav ul
{
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.controlpanel div.nav ul li
{
    display: inline;
    float: left;    
    margin: 0px 0px 0px 5px;
    padding: 0px;
}
div#jobseeker div.controlpanel div.nav ul li a
{
    background-image: url(myaccount-js-off.gif);
    color: #fff;
    line-height: 21px;
    float: left; 
    font-weight: bold;
    margin-top: 29px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;   
    width: 100px;
}
div#jobseeker div.controlpanel div.nav ul li a:hover, div#jobseeker div.controlpanel div.nav ul li a.on
{
    background-image: url(myaccount-js-on.gif);
}
div#jobseeker div.controlpanel h1
{
    margin: 0px 0px 7px 0px;
    padding: 0px;
}
div#jobseeker div.controlpanel p
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
div#jobseeker div.mydetails
{
    background-image: url(mydetails.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: solid 1px #f96;
    margin-bottom: 20px;
    padding: 5px 0px 15px 50px;
}
div#jobseeker div.mydetails p
{
    line-height: 120%;
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.mydetails p span
{
    font-size: 120%;
}
div#jobseeker div.optionpanel
{
    margin-bottom: 10px;
}
div#jobseeker div.optionpanel div.header
{
    background-image: url(profile-header.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #f96;
    padding: 7px 15px 3px 15px;
    width: 350px;
}
div#jobseeker div.optionpanel div.header h2
{
    color: #fff;
    font-size: 130%;
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.optionpanel div.header h2 span
{
    color: #f30;
    font-size: 90%;
}
div#jobseeker div.optionpanel div.header h3
{
    color: #fff;
    font-size: 120%;
}
div#jobseeker div.optionpanel div.header img
{
    float: right;
}
div#jobseeker div.optionpanel div.header p
{
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.optionpanel div.inner
{
    background-color: #f1eec4;
    border: solid 1px #f96;
    padding: 15px;
}
div#jobseeker div.optionpanel div.inner div.cv span.title
{
    font-weight: bold;
    font-size: 110%;
}
div#jobseeker div.optionpanel div.inner div.history div.closed
{
    color: #666;
}
div#jobseeker div.optionpanel div.inner div.history div.closed a
{
    color: #666;
}
div#jobseeker div.optionpanel div.inner div.history span.job
{
    color: #666;
    font-size: 120%;
    font-weight: bold;
}
div#jobseeker div.optionpanel div.inner div.history span.job a
{
    color: #66b100;
}
div#jobseeker div.optionpanel div.inner div.history span.company
{
    color: #666;
    font-weight: bold;
}
div#jobseeker div.optionpanel div.inner div.history span.company a
{
    color: #333;
}
div#jobseeker div.optionpanel div.inner div.messages span.links a
{
    text-decoration: none;
}
div#jobseeker div.optionpanel div.inner div.messages span.title a
{
    color: #333;
    font-size: 120%;
    font-weight: bold;
}
div#jobseeker div.optionpanel div.inner div.messages span.links a
{
    text-decoration: none;
}
div#jobseeker div.optionpanel div.inner div.shortlist div.closed
{
    color: #666;
}
div#jobseeker div.optionpanel div.inner div.shortlist div.closed a
{
    color: #666;
}
div#jobseeker div.optionpanel div.inner div.shortlist span.job
{
    color: #666;
    font-size: 120%;
    font-weight: bold;
}
div#jobseeker div.optionpanel div.inner div.shortlist span.company
{
    color: #666;
    font-weight: bold;
}
div#jobseeker div.optionpanel div.inner div.shortlist span.company a
{
    color: #333;
}
div#jobseeker div.icon
{
    float: left;
}
div#jobseeker div.orangepanel
{
    border: solid 1px #f96;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 10px;
}
div#jobseeker div.orangepanel.cvwriting
{
    background: url(cvwriting-bg.gif) no-repeat bottom right;
}
div#jobseeker div.orangepanel.cvwriting h2
{
    font-size: 140%;
    border-bottom: solid 1px #CCC;
    margin-bottom: 0;
    padding-bottom: 5px;
}
div#jobseeker div.orangepanel.cvwriting div.info
{
    padding-right: 60px;
}
div#jobseeker div.orangepanel div.inner
{
    padding-left: 45px;
}
div#jobseeker div.orangepanel div.inner h2
{
    font-size: 130%;
    margin: 5px 0px -5px 0px;
    padding: 0px;
}
div#jobseeker div.orangepanel div.inner h2 a
{
    color: #68af24;
    text-decoration: none;
}
div#jobseeker div.orangepanel h3
{
    color: #66b100;
    font-size: 120%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.orangepanel ol.recommended
{
    margin: 10px 0px 10px 5px;
}
div#jobseeker div.orangepanel ol.recommended li
{
    padding-bottom: 3px;
}
div#jobseeker div.orangepanel ol.recommended li a
{
    font-weight: bold;
}
div#jobseeker div.orangepanel p.intro
{
    margin: 0px;
    padding: 0px;
}
div#jobseeker div.orangepanel p.favourite
{
    color: #f60;
}
div#jobseeker div.orangepanel p.favourite a
{
    color: #333;
    font-weight: bold;
}
div#jobseeker div.orangepanel ul.search
{
    list-style-type: none;
    margin: 10px 0px 10px 20px;
}
div#jobseeker div.orangepanel ul.search li
{
    padding-bottom: 3px;
}
div#jobseeker div.orangepanel ul.search li a
{
    text-decoration: none;
}
div#jobseeker div.orangepanel ul.search li a.title
{
    color: #333;
    font-weight: bold;
    text-decoration: underline;
}
div#jobseeker table.threecolumn tr td
{
    vertical-align: top;
}
div#jobseeker table.threecolumn tr td.left
{
    width: 240px;
}
div#jobseeker table.threecolumn tr td.center
{
    padding: 0px 10px;
    width: 380px;
}
div#jobseeker table.threecolumn tr td.right
{
    width: 300px;
}
div#jobseeker table.threecolumn tr td div.checklist
{
    background-image: url(checklist.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #f96;
    padding: 20px;
}
div#jobseeker table.threecolumn tr td div.checklist h3
{
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
div#jobseeker table.threecolumn tr td div.checklist ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div#jobseeker table.threecolumn tr td div.checklist ul li
{
    margin: 0px;
    padding: 0px;
}
div#jobseeker table.twocolumn tr td
{
    vertical-align: top;
}
div#jobseeker table.twocolumn tr td.left
{
    padding: 0px 20px;
    width: 360px;
}
div#jobseeker table.twocolumn tr td.left h3
{
    margin-bottom: 20px;
}
div#jobseeker table.twocolumn tr td.right
{
    width: 540px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.header
{
    background-image: url(profile-header-540.gif);
    width: 510px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner
{
    background-color: #fff;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner div.red
{
    color: #c00;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner div.red a
{
    color: #c00;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner div.red h3
{
    color: #c00;
}
div#jobseeker table.twocolumn tr td div.separator
{
    border-bottom: dotted 1px #ccc;
    position: relative;
    margin-bottom: 20px;
    overflow: auto;
    padding-bottom: 10px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner div.marginright
{
    margin-right: 10px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner p.profilestatus
{
    padding-left: 50px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner p.profilestatus input
{
    margin-left: 10px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner table tr td
{
    padding-bottom: 5px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner table tr td.label
{
    padding-right: 20px;
    text-align: right;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner table tr td input
{
    margin-right: 3px;
}
div#jobseeker table.twocolumn tr td div.optionpanel div.inner input.spaceright
{
    margin-right: 10px;
}


div#jobseeker table tr td.field
{
    padding: 2px 0px;
}
div#jobseeker table tr td.field input
{
    color: #999;
    font-size: 100%;
    width: 170px;
}
div#jobseeker table tr td.field select
{
    width: 100%;
}
div#jobseeker table tr td.field select.auto
{
    width: auto;
}
div#jobseeker table tr td.field input.dark
{
    color: #000;
}
div#jobseeker table tr td.field span.auto input
{
    width: auto;
}
div#jobseeker table tr td.field span.auto span
{
    margin-right: 10px;
}
div#jobseeker table tr td.field textarea
{
    color: #999;
    font-size: 100%;
    height: 100px;
    width: 250px;
}
div#jobseeker table tr td.field textarea.dark
{
    color: #000;
}
div#jobseeker table tr td.label
{
    color: #000;
    padding: 1px 10px 1px 0px;
    text-align: right;
}
div#jobseeker table tr td.required
{
    padding: 5px 0px 0px 10px;
    vertical-align: middle;
}
div#jobseeker table tr.spaced td
{
    padding-top: 15px !important;
}
div#jobseeker table tr td
{
    vertical-align: top;
}


/* Tab Nav CSS */

div#tabnav
{
    background: #e6e6e6;
    margin-bottom: 30px;
    padding-top: 20px;
}
div#tabnav table
{
    background: #fff;
    margin: 0;
    padding: 0;
}
div#tabnav td
{
    color: #fff;
    height: 25px;
    margin: 0;
    padding: 0;
}
div#tabnav a
{
    color: #fff;
    background: transparent;
    display: block;
    height: 17px;
    padding: 5px 25px;
    margin: 0;
    text-decoration: none;
}
div#tabnav a:hover
{
    color: #000;
}
div#tabnav #tabwhy
{
    background: #73BE1A url(tabs/1-shadow.gif) no-repeat 0 0;
}
div#tabnav #tabwhy.on, div#tabnav #tabwhy.hover
{
    background-image: none !important;
}
div#tabnav #tabwhy a
{
    background: transparent url(tabs/1-normal.gif) no-repeat 100% 0;
}
div#tabnav #tabwhy.hover a
{
    background-image: url(tabs/1-hover.gif);
}
div#tabnav #tabwhy.near a
{
    background-image: url(tabs/1-white.gif);
}
div#tabnav #tabwhy.nearhover a
{
    background-image: url(tabs/1-nearhover.gif);
}
div#tabnav #tabwhy.on
{
    background: #fff;
}
div#tabnav #tabwhy.on a
{
    background: transparent url(tabs/1-on.gif) no-repeat 100% 0;
}
div#tabnav #tabteam
{
    background: #56A300 url(tabs/2-shadow.gif) no-repeat 0 0;
}
div#tabnav #tabteam a
{
    background: transparent url(tabs/2-normal.gif) no-repeat 100% 0;
}
div#tabnav #tabteam.hover a
{
    background-image: url(tabs/2-hover.gif);
}
div#tabnav #tabteam.near a
{
    background-image: url(tabs/2-white.gif);
}
div#tabnav #tabteam.nearhover a
{
    background-image: url(tabs/2-nearhover.gif);
}
div#tabnav #tabteam.on a
{
    background: transparent url(tabs/2-on.gif) no-repeat 100% 0;
}
div#tabnav #tabpricing
{
    background: #388801 url(tabs/3-shadow.gif) no-repeat 0 0;
}
div#tabnav #tabpricing a
{
    background: transparent url(tabs/3-normal.gif) no-repeat 100% 0;
}
div#tabnav #tabpricing.hover a
{
    background-image: url(tabs/3-hover.gif);
}
div#tabnav #tabpricing.near a
{
    background-image: url(tabs/3-white.gif);
}
div#tabnav #tabpricing.nearhover a
{
    background-image: url(tabs/3-nearhover.gif);
}
div#tabnav #tabpricing.on a
{
    background: transparent url(tabs/3-on.gif) no-repeat 100% 0;
}
div#tabnav #tabfaq
{
    background: #176E00 url(tabs/4-shadow.gif) no-repeat 0 0;
}
div#tabnav #tabfaq a
{
    background: transparent url(tabs/4-normal.gif) no-repeat 100% 0;
}
div#tabnav #tabfaq.hover a
{
    background-image: url(tabs/4-hover.gif);
}
div#tabnav #tabfaq.near a
{
    background-image: url(tabs/4-white.gif);
}
div#tabnav #tabfaq.nearhover a
{
    background-image: url(tabs/4-nearhover.gif);
}
div#tabnav #tabfaq.on a
{
    background: transparent url(tabs/4-on.gif) no-repeat 100% 0;
}
div#tabnav #tabcontact
{
    background: #005500 url(tabs/5-shadow.gif) no-repeat 0 0;
}
div#tabnav #tabcontact a
{
    background: transparent url(tabs/5-white.gif) no-repeat 100% 0;
}
div#tabnav #tabcontact.on a, div#tabnav #tabcontact.on.hover a
{
    background: transparent url(tabs/5-on.gif) no-repeat 100% 0 !important;
}
div#tabnav #tabcontact.hover a
{
    background-image: url(tabs/5-hover.gif);
}
div#tabnav td.on
{
    background: #fff url(tabs/on-shadow.gif) no-repeat 0 0 !important;
}
div#tabnav td.on.nearhover a
{
    background: transparent url(tabs/on-nearhover.gif) no-repeat 100% 0 !important;
}
div#tabnav .on a
{
    color: #000 !important;
}
div#tabnav .hover
{
    background: #e5f2d9 url(tabs/hover-shadow.gif) no-repeat 0 0 !important;
}
div#tabnav .near.hover a
{
    background-image: url(tabs/hover-white.gif) !important;
}


div#jobseekertabnav
{
    background: #f3f3f3;
    margin-bottom: 0px;
    padding-top: 20px;
}
div#jobseekertabnav table
{
    background: #fff;
    margin: 0;
    padding: 0;
}
div#jobseekertabnav td
{
    color: #fff;
    height: 30px;
    margin: 0;
    padding: 0;
}
div#jobseekertabnav a
{
    color: #fff;
    background: transparent;
    display: block;
    height: 20px;
    font-weight: bold;
    padding: 7px 0px 3px;
    margin: 0;
    text-align: center;
    text-decoration: none;
}
div#jobseekertabnav a:hover
{
    color: #000;
}
div#jobseekertabnav #tabpersonal
{
    background: #FF8C63 url(tabs/jobseeker/1-shadow.gif) no-repeat 0 0;
}
div#jobseekertabnav #tabpersonal.on, div#jobseekertabnav #tabpersonal.hover
{
    background-image: none !important;
}
div#jobseekertabnav #tabpersonal a
{
    background: transparent url(tabs/jobseeker/1-normal.gif) no-repeat 100% 0;
    width: 166px;
}
div#jobseekertabnav #tabpersonal.hover a
{
    background-image: url(tabs/jobseeker/1-hover.gif);
}
div#jobseekertabnav #tabpersonal.near a
{
    background-image: url(tabs/jobseeker/1-white.gif);
}
div#jobseekertabnav #tabpersonal.nearhover a
{
    background-image: url(tabs/jobseeker/1-nearhover.gif);
}
div#jobseekertabnav #tabpersonal.on
{
    background: #fff;
}
div#jobseekertabnav #tabpersonal.on a
{
    background: transparent url(tabs/jobseeker/1-on.gif) no-repeat 100% 0;
}
div#jobseekertabnav #tabeducation
{
    background: #FF7B48 url(tabs/jobseeker/2-shadow.gif) no-repeat 0 0;
}
div#jobseekertabnav #tabeducation a
{
    background: transparent url(tabs/jobseeker/2-normal.gif) no-repeat 100% 0;
    width: 108px;
}
div#jobseekertabnav #tabeducation.hover a
{
    background-image: url(tabs/jobseeker/2-hover.gif);
}
div#jobseekertabnav #tabeducation.near a
{
    background-image: url(tabs/jobseeker/2-white.gif);
}
div#jobseekertabnav #tabeducation.nearhover a
{
    background-image: url(tabs/jobseeker/2-nearhover.gif);
}
div#jobseekertabnav #tabeducation.on a
{
    background: transparent url(tabs/jobseeker/2-on.gif) no-repeat 100% 0;
}
div#jobseekertabnav #tabemployment
{
    background: #FF682D url(tabs/jobseeker/3-shadow.gif) no-repeat 0 0;
}
div#jobseekertabnav #tabemployment a
{
    background: transparent url(tabs/jobseeker/3-normal.gif) no-repeat 100% 0;
    width: 176px;
}
div#jobseekertabnav #tabemployment.hover a
{
    background-image: url(tabs/jobseeker/3-hover.gif);
}
div#jobseekertabnav #tabemployment.near a
{
    background-image: url(tabs/jobseeker/3-white.gif);
}
div#jobseekertabnav #tabemployment.nearhover a
{
    background-image: url(tabs/jobseeker/3-nearhover.gif);
}
div#jobseekertabnav #tabemployment.on a
{
    background: transparent url(tabs/jobseeker/3-on.gif) no-repeat 100% 0;
}
div#jobseekertabnav #tabexpertise
{
    background: #FF550D url(tabs/jobseeker/4-shadow.gif) no-repeat 0 0;
}
div#jobseekertabnav #tabexpertise a
{
    background: transparent url(tabs/jobseeker/4-normal.gif) no-repeat 100% 0;
    width: 120px;
}
div#jobseekertabnav #tabexpertise.hover a
{
    background-image: url(tabs/jobseeker/4-hover.gif);
}
div#jobseekertabnav #tabexpertise.near a
{
    background-image: url(tabs/jobseeker/4-white.gif);
}
div#jobseekertabnav #tabexpertise.nearhover a
{
    background-image: url(tabs/jobseeker/4-nearhover.gif);
}
div#jobseekertabnav #tabexpertise.on a
{
    background: transparent url(tabs/jobseeker/4-on.gif) no-repeat 100% 0;
}
div#jobseekertabnav #tabpublish
{
    background: #7DBC28 url(tabs/jobseeker/5-shadow.gif) no-repeat 0 0;
}
div#jobseekertabnav #tabpublish a
{
    background: transparent url(tabs/jobseeker/5-white.gif) no-repeat 100% 0;
    padding-right: 15px;
    width: 104px;
}
div#jobseekertabnav #tabpublish.on a, div#jobseekertabnav #tabpublish.on.hover a
{
    background: transparent url(tabs/jobseeker/5-on.gif) no-repeat 100% 0 !important;
}
div#jobseekertabnav #tabpublish.hover a
{
    background-image: url(tabs/jobseeker/5-hover.gif);
}
div#jobseekertabnav td.on
{
    background: #fff url(tabs/jobseeker/on-shadow.gif) no-repeat 0 0 !important;
}
div#jobseekertabnav td.on.nearhover a
{
    background: transparent url(tabs/jobseeker/on-nearhover.gif) no-repeat 100% 0 !important;
}
div#jobseekertabnav .on a
{
    color: #000 !important;
}
div#jobseekertabnav .hover
{
    background: #fdddd1 url(tabs/jobseeker/hover-shadow.gif) no-repeat 0 0 !important;
}
div#jobseekertabnav .near.hover a
{
    background-image: url(tabs/jobseeker/hover-white.gif) !important;
}

body.cvbuilder
{
    background-color: #F7EFC6;
    margin: 10px 0px;
}
body.cvbuilder div#container
{
    background-color: #F7EFC6;
    background-image: url(cvbuilder-bg.gif);
    background-position: center top;
    background-repeat: no-repeat;    
    margin: 0px auto 0px auto;
    padding: 8px 20px;
    top: 0px;
    width: 820px;
}
body.cvbuilder div#maincv
{
    width: 820px;
}
body.cvbuilder div#footercv
{
    width: 820px;
}
body.cvbuilder div.spot
{
    float: right;
}
body.cvbuilder div#jobseeker
{
    padding: 0px;
}
body.cvbuilder div.panel
{
    border: none;
}
body.cvbuilder div.cvselection
{
    background-color: transparent;
}