@CHARSET "UTF-8";
/* CLEAR */
:link,:visited { text-decoration:none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/* BASIC */
html { height: 100%; margin-bottom: 1px; }
body { z-index: 1; margin: 0; padding: 0; color: #595d69; font: normal 79% Arial, Helvetica, sans-serif; background: url(/common/images/body-bg.gif) 0 0 repeat-x; line-height:150%; }

textarea { color: #595d69; font: normal 100% Arial, Helvetica, sans-serif; }

fieldset { border: 0; }

h1.logo { display: block; }
h1.logo a { display: block; }
	
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #008eff; }

h1 { font-size: 160%; margin:8px 0; }
h2 { font-size: 140%; margin-bottom:4px; font-weight:normal; }
h3 { font-size: 130%; background: url(/common/images/footer-bg.gif) 0 100% repeat-x; padding: 7px 0; margin: 7px 0; }

ul, ol { padding: 0.5em 1.1em; margin: 0.1em 0; }
ol { padding-left: 1.6em; }
ul li, ol li { padding: 0.3em; margin: 0; }
ul { list-style: bullet inside; }
ol { list-style: decimal; }

a { color: #2ea2ff; }
a:hover { text-decoration: underline; }

table {
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.4em;
}

p { margin: 0; }

.HLrecruiter {
	color:#E99106;
}	
.HLdirect {
	color:#6EB726;
}
.HLpartner {
	color:#2F95DF;
}
.HLred {
	color:#D50059;
}
/* NAVIGATION
********************************/
#nav { display: block; overflow: hidden; clear: both; width: 100%; height: 1%; padding: 5px 0; font-size: 75%; }
#mainNav { display: block; height: 1%; padding: 5px 0; float: right; text-align:right;}
#nav li, #mainNav li { float: left; background: url(/clientUI/sandvik/images/nav-sep.gif) 0 50% no-repeat; list-style: none; }
#nav li a, #mainNav li a { float: left; padding: 0 8px 0 7px; color: #0082ff; font-weight: normal;  }
#nav li a { color: #959BA9;  }
#nav li.first, #mainNav li.first { background: transparent; padding-left: 0; }
#nav li a.rss { padding-left: 23px; height: 16px; background: url(/common/images/rss-ico.gif) 0 50% no-repeat; }


/* STRUCTURE 
********************************/
#wrapper { display: block; width: 749px; margin: 0 auto; padding-bottom: 20px; }
 #header { display: block; width: 100%; }
  #top-bar { display: block; overflow: hidden; height: 28px; background: url(/common/images/top-bar-bg.gif) 0 0 repeat-x; }
   #user-log, #site-log { float: left; overflow: hidden; height: 28px; background: url(/common/images/top-bar-bg-lr.gif) 0 0 no-repeat;}
    #user-log p, #site-log p { display: block; padding: 5px 35px; font-size: 90%; color: #848C9F; background: url(/common/images/user-log-ico.gif) 10px 50% no-repeat; }
    #user-log p span, #site-log p span { color: #61A9DF; }
	#top-bar-end { float: right; overflow: hidden; height: 28px; font-size: 95%; color: #848C9F; padding: 4px 15px 0 0px;}
	 #top-bar-end a {color: #848C9F;}
	 #top-bar-end a:hover {color: #2F95DF; text-decoration:none;}
   #sign-in, #go-back { float: right; overflow: hidden; height: 28px; background: url(/common/images/top-bar-bg-rr.gif) 100% 0 no-repeat; }
	  #sign-in a, #go-back a { display: block; width: 112px; height: 23px; overflow: hidden; margin-right: 10px; text-indent: -666em; background: url(/clientUI/sandvik/images/go-back-bttn.gif) 0 0 no-repeat; }
  #header-wrapper { display: block; height: 60px; padding: 33px 10px 0 10px; }
   h1.logo a { float: left; width: 250px; height: 55px; overflow: hidden; text-indent: -666em; background: url(/clientUI/sandvik/images/mainLogo.gif) 0 50% no-repeat; }
   .mainNav { float: right; height: 22px; margin-top: 0px; padding:0px; width: 470px; }
 #footer { clear: both; font-size: 92%; display: block; width: 100%; padding-top: 10px; color: #B3B8C4; background: url(/common/images/footer-bg.gif) 0 0 repeat-x; } 
  #copyright { float: left; }
  #valid { float: right; padding-left: 17px; background: url(/common/images/valid-ico.gif) 0 50% no-repeat; }
  #rplogo { float: right; padding-left: 17px; }
   #valid span { color: #848C9F; }
 
 /* boxes */
  .people-direct, .recruiter-present, .licenced-partners { float: left; overflow: hidden; text-indent: -666em; margin-top: 10px; margin-bottom: 0px; padding: 0; }
   .people-direct { width: 113px; height: 28px; background: url(/common/images/people-direct-bg.gif) 0 0 no-repeat; }
   .recruiter-present { width: 144px; height: 28px; background: url(/common/images/recruiter-present-bg.gif) 0 0 no-repeat; }
   .licenced-partners { width: 148px; height: 28px; background: url(/clientUI/sandvik/images/how-it-works-bg.gif) 0 0 no-repeat; }
  .box p { clear: left; }
  img.people-ico, img.recruiter-ico, img.licenced-ico { float: right; padding-left: 15px; }
  
  .people { margin: 0 7px 0 0; }
  .recruiter { overflow: hidden; position: relative; margin: 0 7px 0 0;}
   /*.register-btn3 { position: absolute; bottom: 20px; left: 17px; display: block; width: 99px; height: 34px; overflow: hidden; background: url(/common/images/register-bg.gif) 0 0 no-repeat; text-indent: -666em; }*/
	.register-btn { display: block; width: 99px; height: 34px; overflow: hidden; background: url(/common/images/register-bg.gif) 0 5px no-repeat; text-indent: -666em; padding:5px 0; }
  .licenced { margin: 0 0 0 7px; position: relative; }
  /*.apply-btn { position: absolute; bottom: 20px; left: 17px; display: block; width: 99px; height: 34px; overflow: hidden; background: url(/common/images/apply-bg.gif) 0 0 no-repeat; text-indent: -666em; }*/
  .apply-btn { display: block; width: 99px; height: 34px; overflow: hidden; background: url(/common/images/apply-bg.gif) 0 5px no-repeat; text-indent: -666em; padding:5px 0;}
  
  .job-number label { display: block; width: 97px; height: 14px; padding: 5px 9px; margin-top: 5px; font-weight: bold; color: #55A8E5; background: url(/common/images/job-no-label-bg.gif) 0 0 no-repeat; }
   .job-number #job-no { float: left; width: 151px; height: 21px; padding: 7px; margin-bottom: 5px; overflow: hidden; background: url(/common/images/job-no-input-bg.gif) 0 0 no-repeat; background-position: fixed; border: 0; }
   .job-number #job-no input { width: 141px; height: 19px; padding: 0 5px; border: 0; color: #2F95DF; background: url(/common/images/input-bg.gif) 0 100% repeat-x; }
   .job-number input {  }
   .job-number input.submit { float: right; width: 50px; height: 34px; background: url(/common/images/go-bg.gif) 0 0 no-repeat; border: 0; }
   .job-number { display: block; padding: 5px 0; }
   .job-number input { margin-bottom: 5px; }
  
 /* homepage */
 #intro {clear:both; display: block; width: 331px; height: 205px; padding: 33px 383px 44px 35px; overflow: hidden; color: #114E83; background: url(/clientUI/sandvik/images/mainHomeImage.jpg) 0 0 no-repeat; }
  #intro div { display: block; padding: 8px 15px; }
  #intro h2 { display: block; overflow: hidden; color: #008eff; font-size: 200%; width: 280px; padding: 10px 0; line-height:120%;}
  #intro a { color: #2ea2ff; }  
 #box-wrapper { display: block; overflow: hidden; padding: 8px 0 12px 0; }
  #box-wrapper .box { float: left; width: 242px; height: 232px; margin: 0; padding: 0; border: solid 1px #dce2e2; background: url(/clientUI/sandvik/images/box-bg_square.gif) #fff bottom left repeat-x;}
 #box-wrapper .box .box-inner{
    height: 218px;
    border: solid 2px #fff;
    padding:7px 9px;
    background: none;
 }
 #box-wrapper .box p {margin-bottom:5px;}
  #box-wrapper .box .wrap-box-b { display: block; padding-bottom: 7px; background: url(/common/images/box-small-bottom-brdr.gif) 0 100% no-repeat; }
  #box-wrapper .box .wrap-box-t { display: block; padding-top: 7px; background: url(/common/images/box-small-top-brdr.gif) 0 0 no-repeat; }
  #box-wrapper .box .wrap-box-i { padding: 5px 7px 5px 7px; min-height: 208px; }
   
  #box-wrapper .people { margin-right: 8px; }
  #box-wrapper .licenced { margin-left: 8px; }
  .recruiter p span.marked { color: #E99106; }
  .licenced p span.marked { color: #6AC1EB; }
 
 /* sub site */
 .wrap-box-l { display: block; padding-left: 7px; background: url(/common/images/box-left-brdr.gif) 0 0 repeat-y; }
 .wrap-box-r { display: block; padding-right: 7px; background: url(/common/images/box-right-brdr.gif) 100% 0 repeat-y; }
 .wrap-box-i { display: block; background: url(/common/images/box-background.gif) #fdfdfd 0 100% repeat-x; }
  .wrap-box-i p {
  	margin-bottom:8px;
  }
 #sidebar { clear:both; float: left; width: 245px; margin-bottom: 15px; }
  #sidebar .wrap-box-b { display: block; padding-bottom: 7px; background: url(/common/images/box-sidebar-bottom-bg.gif) 0 100% no-repeat; }
  #sidebar .wrap-box-t { display: block; padding-top: 7px; background: url(/common/images/box-sidebar-top-bg.gif) 0 0 no-repeat; }
  #sidebar .wrap-box-i { padding: 5px 5px 5px 12px; min-height: 221px; }
 #content { z-index: 1; float: right; width: 496px; min-height: 221px; margin-bottom: 15px; }
  #content .wrap-box-b { display: block; padding-bottom: 7px; background: url(/common/images/box-content-bottom-bg.gif) 0 100% no-repeat; }
  #content .wrap-box-t { display: block; padding-top: 7px; background: url(/common/images/box-content-top-bg.gif) 0 0 no-repeat; }
  #content .wrap-box-i { padding: 5px 14px 5px 16px; min-height: 221px; }
  
  .cloud { display: block; width: 483px; margin-left: -13px; margin-right: -7px; }
  .wrap-cloud-box-b { display: block; overflow:hidden; padding-bottom: 26px; background: url(/common/images/cloud-box-bottom-brdr.gif) 0 100% no-repeat; }
  .wrap-cloud-box-t { display: block; padding-top: 11px; background: url(/common/images/cloud-box-top-brdr.gif) 0 0 no-repeat; }
  .wrap-cloud-box-r { display: block; padding-right: 10px; background: url(/common/images/cloud-box-right-brdr.gif) 100% 0 repeat-y; }
  .wrap-cloud-box-l { display: block; padding-left: 12px; background: url(/common/images/cloud-box-left-brdr.gif) 0 0 repeat-y; }
  .wrap-cloud-box-i { display: block; padding: 5px 12px; background: url(/common/images/cloud-box-bg.gif) #fff 0 100% repeat-x; }
.cloud h2 {
	margin-bottom:5px;
}
  .cloud h2, .cloud p.company, .cloud p.package { color: #7FC43B; font-weight: bold; }
  .cloud h2.recruiter { color: #E99106; font-weight: bold; }
  .cloud p.package span { color: #9198A9; }
  .cloud p.package span.recruiter {color: #E99106;}
  .cloud p.company { padding-top: 0.5em; font-size: 120%; } 
  .cloud p.company span.marked { background: url(/common/images/green-dott.gif) 0 100% repeat-x; }
  .cloud p.package { padding-top: 0.5em; }
  
  div.need-help { display: block; background: url(/common/images/footer-bg.gif) 0 0 repeat-x; margin-top: 15px; padding-top: 15px; margin-right: 10px;  }
  h2.need-help { width: 94px; height: 28px; background: url(/common/images/need-help-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  h2.need-help-r { width: 94px; height: 28px; background: url(/common/images/need-help-r-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  
  .contact-data { padding: 10px 0; font-size: 130%; color: #008eff; }
  .contact-data a { font-size: 85%; color: #008eff; }
  
  ul.marked { padding-left: 0; margin: 0.5em 0; }
  ul.marked li { margin: 0; padding: 2px 0 2px 20px; list-style: none; background: url(/common/images/bullet.gif) 0 50% no-repeat; }
  
  
  
  .other-info { z-index: 1; display: block; margin: -5px 0 0 0; padding: 0 0 0 0;  }
  .other-info li { color: #72BE27; padding: 0.5em 0; list-style: none; background: url(/common/images/footer-bg.gif) 0 100% repeat-x; }
  .other-info li div { float: left; width: 100px; font-weight: bold; color: #848C9F; }
  
  
  /* ADD HOVER INFO */
	#copyright a {
		color: #959BA9;
	}a.add-info { }
	#floatBox {
  	display: none;
  	z-index: 8;
  	position: absolute;
	}
	.info-box { z-index: 20; width: 177px; display: block; position: relative; top: 0px; left: 0; }
	.wrap-info-box-b { display: block; padding-bottom: 10px; background: url(/common/images/info-box-bottom-brdr.gif) 0 100% no-repeat; }
	.wrap-info-box-t { display: block; height: 1%; padding-top: 3px; background: url(/common/images/info-box-top-brdr.gif) 0 0 no-repeat; }
	.wrap-info-box-r { display: block; height: 1%; padding-right: 4px; background: url(/common/images/info-box-right-brdr.gif) 100% 0 repeat-y; }
	.wrap-info-box-l { display: block; height: 1%; padding-left: 4px; background: #fff url(/common/images/info-box-left-brdr.gif) 0 0 repeat-y; }
	.wrap-info-box-i { display: block; overflow: hidden; padding: 3px 5px; min-height: 68px; background: url(/common/images/info-box-bg.gif) 0 100% repeat-x; }
	.info-box p { font-size: 90%; padding: 0.2em 0; line-height: 120%; }
	p.info-logo { font-size: 100%; font-weight: bold; line-height: 145%; }
	p.info-logo sup { text-transform: uppercase; font-weight: normal; }
	p.info-logo span { color: #D50059; }
  
  
  
  
  .options { display: block; overflow: hidden; margin: 15px 0; }
  .applynow-btn { float: left; width: 113px; height: 34px; margin-right: 8px; background: url(/common/images/applynow-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .present-btn { float: left; width: 113px; height: 34px; margin-right: 8px; background: url(/common/images/present-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .back-btn { float: left; width: 113px; height: 34px; margin-right: 8px; background: url(/common/images/backbutton-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .contact-btn { float: left; width: 113px; height: 34px; background: url(/common/images/contact-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .email-btn { float: right; width: 26px; height: 41px; background: url(/common/images/email-btn-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .email-btn:hover { background-position: 0 -41px; }
  .print-btn { float: right; width: 26px; height: 41px; margin-left: 22px; margin-right: 3px; background: url(/common/images/print-btn-bg.gif) 0 0 no-repeat; text-indent: -666em; }
  .print-btn:hover { background-position: 0 -41px; }
  
  
  /* FLOAT BOX
------------------------------------------- */

.float {
  display: none;
  z-index: 8;
  position: absolute;
  width: 100px;
  height: 107px;
  background-image: url(/common/images/icon_desc.gif);
  background-repeat: no-repeat;
  /*background-position: -40px 0;*/
  
}

.float .float-descText {
  width: 87px;
  height: 98px;
  padding: 7px;
  font-size: 11px;
  line-height: 14px;
  color:#a7a7a7;
}
.float .float-descText em { background:none; color:#a0234f;}

/*---- Contact Form ----*/
.wrap-box-i textarea {
	width:180px;
	height:140px;
}
.wrap-box-i .input,  .wrap-box-i textarea {
	width:180px;
}
.divmz {margin-bottom:13px;width:400px;} 
.label{width:150px;float:left;}   
.errmsg {
color:#C0003D;
background: #ffebe8;
padding:10px 20px;
border:1px solid #C0003D;
margin:15px 0;
}
.successmsg {
color:#6EB726;
background: #e4f3d5;
padding:10px 20px;
border:1px solid #6EB726;
margin:15px 0;
}
.errormsg strong, .successmsg strong{
	font-weight:bold;
	font-size: 110%;
}
.message {color:#DD0152; font-weight:normal; font-size:90%; padding:0px 0px 0px 3px; width:150px;}
.input {width:280px;float:left; margin-bottom:13px;}
.okmsg {padding:0px 0px 15px 0px;color:#DD0152;}   
.errinput {border:1px solid #DD0152;} 

 /* EMPLOYER AREA
------------------------------------------- */
.recruiterInfo
{
    clear:both;
    border: 1px solid #dce2e2;
    padding:4px 6px;
}
#opp-further-info
 {
    float:right;
    width: 260px;
    padding:0;
    margin:0;  
 }
 #opp-further-info .infoButton
 {
    float:right;
    font-size:90%;
    overflow:hidden;
    margin:8px;
    margin-right:10px;
    border: 1px solid #dce2e2;
    width:102px;
 }
  #opp-further-info .infoButton a
 {
    display:block;
    width:90px;
    height:40px;
    padding:3px 6px;
    border: 1px solid #fff;
    color:#9198a9;
    text-align:center;
 }
 
  #opp-further-info .infoButton:hover
 {
    border: 1px solid #7fc43b;
 }
 #opp-further-info .infoButton a:hover
 {
    text-decoration:none;
 }
 #opp-further-info .infoButton span
 {
    font-weight:bold;
    color:#7fc43b;
 }
 
 #sidebar.boxSquare, .boxSquare 
 {
    border: solid 1px #dce2e2;
 }
#sidebar.boxSquare .boxSquareInner, .boxSquareInnerBody
 {
    border: solid 2px #fff;
    padding:5px;
    background: url(/clientUI/sandvik/images/box-bg_square.gif) #fff bottom left repeat-x;
 }
 .boxSquareInnerBody
 {
    padding:10px;
 }
 
 /*---- Content Area - table ----*/
table.orders {
	width:470px;
	border:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
}
.orders tr.border2 td
{
		border-bottom:1px dotted #f9f9f9;
}
.orders tr.border td
{
		border-bottom:1px solid #ECECEC;
}
.orders td {
	padding:3px 6px;
	background-color:#FFF;
}
.orders td a {
}
.orders td a:hover {
	text-decoration:underline;
}
.orders thead {
	background-color:#ECECEC;
	text-align:left;
}
.orders thead th{
	padding-left:5px;
}
tr.solid td{
	padding-left:5px;
	background-color:#ECECEC;
}
.altBorder tr td
{
    background-color:#f4f4f4;
}
#filterBy select{
	border-color:#8a93a9;
}
#filterBy select option{
	color:#8a93a9;
}