*{padding:0; margin:0; }
body{font:normal 100.01% Tahoma,Verdana,Arial,Helvetica,sans-serif; color:#333; background:#83827d;}
html{font-size:12px; height:101%;}
.header{position:relative;}
h1{cursor:pointer;margin-left:30px;font-size:20px;width:40%;}
span.arrow{background:transparent url("../img/arrow.png") no-repeat scroll 0 0;position:absolute;width:24px;margin:-15px 0 0;height:8px;display:none;}
#content{margin:0 auto;padding:10px;margin-top:20px;height:100%;width:800px;background:#bebebe;}
#header{font-size:23px;font-family:Verdana;position:relative;background-color:#5996b8;color:#d9dfe1;padding:7px;border:2px solid #617f90;margin:10px 0px;width:98%;}
#header #downloadCV{float:right;margin-top:-37px;}
#header #downloadCV img{border:none;}
#header #cv{text-align:right;width:60%;line-height:12px;margin-top:5px;}
#header #cv #nameAndSurname{font-size:9px;letter-spacing:1.8px;}
#header #picture,#header #pictureTL,#header #pictureTR,#header #pictureBL,#header #pictureBR{position:absolute;}
#header #picture{display:none;}
#header #pictureTL{top:-200px;left:-300px;}
#header #pictureTR{top:1200px;left:1300px;}
#header #pictureBL{top:1200px;left:-1300px;}
#header #pictureBR{top:-300px;left:-1300px;}
.boxData{width:0px;height:0px;overflow:hidden;background-color:#f9f9f9;padding-top:3px;padding-bottom:3px;}
.boxData .label{clear:left; display:block; float:left; text-align:left; font-weight:bold;width:155px;padding:3px;border:1px solid transparent;}
.boxData .label-content{float:left;margin-left:10px;padding:2px 3px;font-family:Arial Narrow;letter-spacing:1px;border:1px solid transparent;}
.boxData .label.S_active{border:1px solid #ea9b63;background:#f8e4e4;padding:3px;}
.boxData .label-content.S_active{border:1px solid #ea9b63;background:#f8e4e4;padding:2px 3px;}
.boxData .label.S_active_first{border-top:1px solid #ea9b63;border-bottom:0px solid transparent;border-left:1px solid #ea9b63;border-right:1px solid #ea9b63;background:#f8e4e4;padding-bottom:4px;}
.boxData .label.S_active_second{border-top:0px solid transparent;border-bottom:1px solid #ea9b63;border-left:1px solid #ea9b63;border-right:1px solid #ea9b63;background:#f8e4e4;padding-top:4px;padding-bottom:3px;}
.boxData .label-content.S_activeAll{border-top:0px solid transparent;border-bottom:0px solid transparent;border-left:1px solid #ea9b63;border-right:1px solid #ea9b63;background:#f8e4e4;padding-top:3px;padding-bottom:3px;}
.boxData .label-content.S_activeAllFirst{border-top:1px solid #ea9b63;padding-top:2px;}
.boxData .label-content.S_activeAllLast{border-bottom:1px solid #ea9b63;padding-bottom:2px;}
.boxData .label-content a,.boxData .label-content a:hover{color:#5996b8}
.boxData .strong{font-weight:bold;}
.boxData .S_line{margin-left:-300px;}
.S_expand{border:1px solid #ea9b63;border-top:2px solid #ea9b63;}
.S_collapse{border:1px solid #bebebe;border-top:2px solid #bebebe;}

#job {
  position: fixed;
  left: 0;
  top: 200px;
  background: transparent url( ../img/info.png) no-repeat scroll 0 0px;
  width: 26px;
  height: 125px;
  cursor: pointer;
}

#jobInfo{
  background-image: url("../img/jobInfo.png");
  display: none;
}

#jobInfo .close {
  background: transparent url(../img/overlay/close.png) no-repeat scroll 0 0;
  cursor:pointer;
  height:35px;
  position:absolute;
  right:5px;
  top:2px;
  width:35px;
}

#jobInfo h2 {
  font-size: 22px;
  font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
  color: #dee6ed;
  padding: 30px;
  width: 310px;
}

#jobInfo p {
  color: #fff;
  text-indent: 20px;
  padding-left: 23px;
  width: 320px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 1.2px;
}

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

.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	display: none;
}

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

/* tooltip styling */ 
.tooltipBig { 
  display:none; 
  background:url("../img/tooltip/black_arrow_big.png"); 
  height:200px; 
  /*padding:40px 20px 10px 20px;*/ 
  padding: 0px;
  width:305px; 
  font-size:11px; 
  color:#fff; 
  padding-left: 35px;
} 

.tooltipBig .tooltipLabel {
  color: yellow;
  position: relative;
  top: 22px;
} 
 
.tooltipBigLink { 
  color: #EA9B63;
  font-weight: bold;
}