img	{border: 0; }

body {text-align: center; color: #000; background: #fff; font: 11px Arial, Verdana, Helvetica, sans-serif;}

p {text-align: justify;}
p.backtotop {margin: 0 0 0 10px; text-align: right; }
p.backtotop a {background: url(http://www.stelfoxuk.com/en/../img/bullet_red_up.gif) no-repeat 0 50%; padding: 0 0 0 15px; color: #000;}
p.r {text-align: right;}
a.more {font-size: 11px; font-weight: bold; color: #000; background: url(http://www.stelfoxuk.com/en/../img/bullet_rhs_links.gif) right 60% no-repeat; padding: 0 12px 0 0;}
a.more:HOVER {color: #666;}

.w190 {width: 190px;}
.w200 {width: 200px;}
.w290 {width: 290px;}
.r {float: right;}
.l {float: left;}
.clock {padding: 0 0 0 30px;}
.rimg {padding: 0 0 10px 10px;}
.limg {padding: 10px 10px 0 0;}
.emp {border: 1px solid #000; margin: 10px;}

/********************************************************************************/

#wrapper {color: #000;	background: #fff; width: 760px;	margin: 0 auto;	padding: 10px 0px; text-align: left;}

/*top header class definition*/
#headerTop {color: #000; display: block; background: #fff; width: 750px; height: 20px; text-align: right; font-size: 11px}
#headerTop ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #000;}
#headerTop ul li.first {border: none;}
#headerTop ul li a {color: #000; text-decoration: none;}
#headerTop ul li a:HOVER {color: #aaa;}

/*logo & menu section class definition*/
#logoMenu {margin: 0px 0px 0px 0px; height: 97px; width: 750px;}
#logoMenu ul {width: 100%; padding-left:0px; }
#logoMenu ul li {float: left; list-style-type: none; display: inline; border: none; padding:0;}
#logoMenu ul li a.home {width: 259px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/logo_stelfox.gif);}
#logoMenu ul li.about {background: url(http://www.stelfoxuk.com/en/../img/btn_about_off.gif);}
#logoMenu ul li.about a.about {width: 73px; height: 97px; display: block;}
#logoMenu ul li.about a.aboutOn {width: 73px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_about_on.gif);}
#logoMenu ul li.about a.about:HOVER {width: 73px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_about_on.gif);}

#logoMenu ul li.jobseekers {background: url(http://www.stelfoxuk.com/en/../img/btn_jobseekers_off.gif);}
#logoMenu ul li.jobseekers a.jobseekers {width: 115px; height: 97px; display: block;}
#logoMenu ul li.jobseekers a.jobseekersOn {width: 115px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_jobseekers_on.gif);}
#logoMenu ul li.jobseekers a.jobseekers:HOVER {width: 115px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_jobseekers_on.gif);}

#logoMenu ul li.recruiters {background: url(http://www.stelfoxuk.com/en/../img/btn_recruiters_off.gif);}
#logoMenu ul li.recruiters a.recruiters {width: 112px; height: 97px; display: block;}
#logoMenu ul li.recruiters a.recruitersOn {width: 112px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_recruiters_on.gif);}
#logoMenu ul li.recruiters a.recruiters:HOVER {width: 112px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_recruiters_on.gif);}

#logoMenu ul li.employers {background: url(http://www.stelfoxuk.com/en/../img/btn_employers_off.gif);}
#logoMenu ul li.employers a.employers {width: 112px; height: 97px; display: block;}
#logoMenu ul li.employers a.employersOn {width: 112px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_employers_on.gif);}
#logoMenu ul li.employers a.employers:HOVER {width: 112px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_employers_on.gif);}

#logoMenu ul li.services {background: url(http://www.stelfoxuk.com/en/../img/btn_services_off.gif);}
#logoMenu ul li.services a.services {width: 99px; height: 97px; display: block;}
#logoMenu ul li.services a.servicesOn {width: 99px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_services_on.gif);}
#logoMenu ul li.services a.services:HOVER {width: 99px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_services_on.gif);}

#logoMenu ul li.contact {background: url(http://www.stelfoxuk.com/en/../img/btn_contact_off.gif);}
#logoMenu ul li.contact a.contact {width: 92px; height: 97px; display: block;}
#logoMenu ul li.contact a.contactOn {width: 92px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_contact_on.gif);}
#logoMenu ul li.contact a.contact:HOVER {width: 92px; height: 97px; display: block; background: url(http://www.stelfoxuk.com/en/../img/btn_contact_on.gif);}


/********************************************************************************/

/*main content section class definition*/
#mainContentWrapper { margin: 0px; padding: 0px; background: url(http://www.stelfoxuk.com/en/../img/bgnd_main_inside.jpg) top left repeat-x; width: 750px; line-height: 100%;}

/*left side column section class definition*/
#lhsCol {width: 242px; padding: 0px 0px 0px 27px;}
#lhsCol h1 {font-size: 18px; color: #fff; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}
#lhsCol p {font-size: 11px; color: #fff; line-height: 150%;}
#lhsCol p.spacer {font-size: 9px;}
#lhsCol label {font-size: 11px; color: #000; font-weight: bold;}
#lhsCol input, select {font-size: 11px; color: #000;}
#lhsCol img.main {margin: 18px 0 0 0px;}
#lhsCol ul li {background: url(http://www.stelfoxuk.com/en/../img/bullet_white.gif) 3px 50% no-repeat; list-style: none; margin: 0 0 0 -40px; padding: 5px 5px 5px 17px; border-bottom: 1px solid #fff;}
#lhsCol ul li.on {background: url(http://www.stelfoxuk.com/en/../img/bullet_white.gif) 3px 50% no-repeat; background: #999;}
#lhsCol ul li a {color: #fff; font-weight: normal; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
#lhsCol ul li a.on {font-weight: bold;}
#lhsCol ul li.sub {background: url(http://www.stelfoxuk.com/en/../img/bullet_arrow.gif) 15px 35% no-repeat; list-style: none; margin: 0 0 0 -40px; padding: 3px 3px 3px 29px;  border: none;}
#lhsCol ul li a.sub {color: #fff; font-weight: normal; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
#lhsCol ul li a.subon {color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
#lhsCol ul li a:HOVER {color: #333; text-decoration: underline;}

#rhsWrapper {width: 481px; line-height: 100%;}

/*right side column section class definition*/
#rhsCol {float: left; width: 450px; padding: 0px;margin-top: 5px; }
#rhsCol p {font-size: 11px; line-height: 150%;}
#rhsCol .last {font-size: 11px; font-weight: bold;}
#rhsCol .highlight {font-weight: bold;}
#rhsCol .infoMessage {background: #FAFAD2 url(http://www.stelfoxuk.com/en/../img/info.gif) 5px 50% no-repeat; border: 1px solid #FFD700; color: #000; font-weight: bold; padding: 7px 0 7px 40px;}
#rhsCol a.doc {background: url(http://www.stelfoxuk.com/en/../img/doc.gif) 0 50% no-repeat; padding: 0 0 0 15px; color: #000; font-weight: normal; font-size: 11px; text-decoration: underline;}
#rhsCol a.doc:HOVER {color: #666; text-decoration: none;}
#rhsCol ul li {list-style: none; margin: 0 0 0 -20px; padding: 2px;}
#rhsCol ul li.arrow {background: url(http://www.stelfoxuk.com/en/../img/bullet_red.gif) 0 5px no-repeat; padding: 0 0 0 15px; list-style: none; margin: 0 0 0 -30px;}
#rhsCol ul li.arrow2 {background: url(http://www.stelfoxuk.com/en/../img/bullet_arrow.gif) 0 0px no-repeat; padding: 0 0 0 10px; list-style: none; margin: 0 0 0 -30px;}
#rhsCol ul li a {background: url(http://www.stelfoxuk.com/en/../img/bullet_arrow.gif) 0 30% no-repeat; padding: 0 0 0 12px; color: #000; font-weight: normal; font-size: 11px; text-decoration: underline;}
#rhsCol ul li a:HOVER {color: #666; text-decoration: none;}

#rhsCol ul.sitemap li {list-style: none; margin: 0 0 0 30px; padding: 2px;}
#rhsCol ul.sitemap li.lev01 {background: url(http://www.stelfoxuk.com/en/../img/bullet_red.gif) 0 50% no-repeat; list-style: none; margin: 0 0 0 -30px;}
#rhsCol ul.sitemap li.lev01 a {background: none; color: #000; font-weight: normal; font-size: 11px; text-decoration: underline;}
#rhsCol ul.sitemap li.lev02 {background: url(http://www.stelfoxuk.com/en/../img/bullet_arrow.gif) 0 2px no-repeat; list-style: none; margin: 0 0 0 -10px;}
#rhsCol ul.sitemap li.lev02 a {background: none; color: #000; font-weight: normal; font-size: 11px; text-decoration: underline;}

#rhsCol ul.sitemap li a:HOVER {color: #666; text-decoration: none;}

#rhsCol a.bcrumb {font-size: 11px; color: #000;}
#rhsCol a.bcrumb:HOVER {font-size: 11px; color: #aaa; text-decoration: none;}
#rhsCol a {font-size: 11px; color: #000;}
#rhsCol a:HOVER {font-size: 11px; color: #666; text-decoration: none;}
#rhsCol h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}
#rhsCol h2 {font-size: 14px; color: #666; background: #ddd; padding: 0px; font-weight: bold;}
#rhsCol .quote {background: #FFEBEB url(http://www.stelfoxuk.com/en/../img/quote.gif) 10px 10px no-repeat; border-top: 1px solid #c40e0b; border-bottom: 1px solid #c40e0b; margin: 50px 0 50px 0; padding: 15px 15px 15px 55px;}
html>body #rhsCol .quote {background: #FFEBEB url(http://www.stelfoxuk.com/en/../img/quote.gif) 10px 10px no-repeat; border-top: 1px solid #c40e0b; border-bottom: 1px solid #c40e0b; margin: 10px 0 10px 0; padding: 15px 15px 15px 55px;}
#rhsCol .custName {font-weight: bold; font-size: 14px;}
#rhsCol .custQuote {}
html>body #rhsCol .custQuote {font-style: italic;}
#rhsCol fieldset, form {border: none; padding: 0;}
#rhsCol label {font-weight: bold;}
#rhsCol fieldset input, select, textarea {border: 1px solid #c40e0b; background: #FFEBEB; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 2px;}


#leftsearch #rhsCol .dataTable {width: 100%;}
#leftsearch #rhsCol .dataTable tr.highlight {background: #eee; text-align: left; font-size: 11px; font-weight: normal;}
#leftsearch #rhsCol .dataTable tr {text-align: left; font-size: 11px; font-weight: normal;}
#leftsearch #rhsCol .dataTable td {padding: 5px 0px 10px 0px; vertical-align: top;}

/********************************************************************************/

/*bottom section class definition*/
#bottomContentWrapper {float: left; background: url(http://www.stelfoxuk.com/en/../img/bgnd_bottom_inside.gif) no-repeat top left; width: 750px; height: 25px; margin-top: -5px;}

/********************************************************************************/

/*footer section class definition*/
#footerWrapper {float: left; background: url(http://www.stelfoxuk.com/en/../img/bgnd_footer.gif) repeat-x top left; width: 750px; height: 35px;}
html>body #footerWrapper {float: left; background: url(http://www.stelfoxuk.com/en/../img/bgnd_footer.gif) repeat-x top left; width: 750px;}
#footerWrapper p {font-size: 11px; color: #000;}

/*footer menu section class definition*/
#footerMenu {float: left; font-size: 11px;}
#footerMenu ul {padding: 10px 0 0 0; margin: 0 0 0 10px;}
html>body #footerMenu ul {padding: 10px 0 0 10px; margin: 0;}
#footerMenu ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #fff;}
#footerMenu ul li.first {border: none;}
#footerMenu ul li a {color: #fff; text-decoration: none;}
#footerMenu ul li a:HOVER {color: #aaa;}

/*footer menu section class definition*/
#footerContact {float: right; padding: 12px 0 0 0;}
html>body #footerContact {float: right; padding: 0;}
#footerContact p {font-size: 11px; color: #fff;}
#footerContact a {font-size: 11px; color: #fff; text-decoration: none;}
#footerContact a:HOVER {color: #aaa;} 



#jobsearch input, select{
    width: 195px;
}

#datatable td{
    vertical-align: top;
    text-align: left;
}

.applycell td{
    padding: 0px;
    padding: 0px; margin-left: auto; margin-right: auto;
}

#applyTable {width: 100%;}
#applyTable input,select{
    width: 195px;
}
#applyTable tr.highlight {background: #eee; text-align: left; font-size: 11px; font-weight: normal;}
#applyTable tr {text-align: left; font-size: 11px; font-weight: normal;}
#applyTable td {vertical-align: top;}

.oddRow{
    background-color: #FCFCCC;
}

.evenRow{
}

.consent{
    font-size: 12px;
}

.apply{
    text-align: left;
}

.inframestelfox {
    background-color:white;
    border:3px solid #3F414A;
    height:80%;
    left:15%;
    min-height:300px;
    min-width:600px;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:4%;
    width:80%;
    z-index:20;
}

.error{
    color: red;
}

h3 {font-size: 13px; color: #fff; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px;}