* html body {border: 0; margin: 0; padding: 0;}

body {
margin:0 auto;
font: 100%/1.25 arial, helvetica, sans-serif;
background: #FFFFFF;
color: #000;
}

a {color: #008FD5; text-decoration:underline; outline: none}
a:hover {background-color: transparent; color:#800000; text-decoration: underline;}
a:active  {text-decoration:underline;}
a:link    {text-decoration:underline;}
a:visited {text-decoration:underline;}

/* get rid of those system borders being generated for A tags */
a:active {outline: none}
:focus {-moz-outline-style:none;}

a img {border:0;}
a:hover img {border: 0;}

.noborder {outline: none; border: 0;}

p {
margin: 3px 1px 7px 1px;
padding: 0;
color: #333333;
font-size: 10pt;
text-align: justify;
}
ul  {
list-style-type: square;
padding: 0;
margin: 3px 5px 3px 20px;
font-size: 10pt;
color: #333333;
text-align: justify;
}
h1 {
color: #93B83F;
font-size: 15pt;
font-family: helvetica, sans-serif;
font-variant: small-caps;
text-align: center;
margin-bottom: 10px;
}
h2 {
color: #000000;
font-size: 12pt;
font-family: helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
}
h3 {
color: #000000;
font-size: 11pt;
font-weight: bold;
text-align: left;
margin-top: 3px;
margin-bottom: 5px;
}

#textclear {text-indent: -1900px; height: 10px; overflow: hidden; margin: 0; padding: 0}

.translucent { /* this class makes a window partially transparent */
    opacity: .5;               /* Standard style for transparency */
    -moz-opacity: .5;          /* Transparency for older Mozillas */
    filter: alpha(opacity=50);  /* Transparency for IE */
}

.opac { /* this class makes a window partially transparent */
    opacity: .0;               /* Standard style for transparency */
    -moz-opacity: .0;          /* Transparency for older Mozillas */
    filter: alpha(opacity=0);  /* Transparency for IE */
}

.backtext {background: url(img/white50.png);}


/********** Layout **********/
.maincontainer {}
#headerline {width: 100%; margin:0 auto;}
#header {width: 948px; margin:0 auto;}
#wrapper {width: 1000px; margin:0 auto;}
#main {background: transparent;}
* html #main {display: inline;}
#left {background: transparent;}
#footerline {width: 100%; margin:0 auto;}
.clearing {clear: both; height: 0; line-height: 0; font-size: 0;}

.backrelative {
position: relative;
overflow: visible;
z-index: -10;
}
.absolutecontainer {
position:absolute;
left: 0;
top: 0;
right: 0;
}

/********** Presentation **********/

/***** Headerline *****/
#headerline {
height: 70px;
overflow: visible;
border-top: 8px solid #B7D07F;
font-size:11pt;
}

a.lang {color:#5B5B5B; text-decoration: none;}
a.lang:hover {background-color: transparent; color:#800000; text-decoration: underline;}
a.lang:active  {text-decoration: underline;}
a.lang:link    {}
a.lang:visited {}

#rightlang {
width: 948px;
margin:0 auto;
padding-top: 8px;
border: 0px solid black;
text-align: right;
font-size: 10pt;
color: #808080;
}
.homebutton {
float: left;
background-image: url(img/homebutton.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 20px;
padding-top: 2px;
margin: 0 0 0 5px;
}

#statusbar {
	position: absolute;
	left: 0;
	top: 15px;
	border: 0px solid red;
}
#worktext {
	float: left;
	font-size: 10pt;
	font-weight: normal;
	line-height: 12px;
	margin: 0 5px 0 10px;
	padding: 10px 0px 10px 40px;
	color: #B7D07F;
	background-image: url(img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#progressbar {
display: block;
float: left;
height: 20px;
width: 1px;
border-bottom: 1px dotted #B7D07F;
}





/***** Hartmenu *****/
#hartmenu {
position:relative;
top:47px;
margin:0 auto;
width: 948px;
height: 30px;
background-color: #FFFFFF;
text-align: center;
z-index:100;
border: 0px solid green;
}



/***** Header *****/
#header {
height: 240px;
background-color: #FFFFFF;
}


/***** Wrapper *****/
#wrapper {
margin:15px auto;
width: 1000px;
height: 100%;
background-color: transparent;
border-left: 0px solid #99CC00; /***************************************** in lucru */
border-right: 0px solid #99CC00; /***************************************** in lucru */
}


/***** Footer *****/
#footerline {
margin:0 auto;
position: relative;
bottom: 0px;
padding: 7px 0;
background: #B7D07F;
border-bottom: 7px solid #333333;
width: 100%;
}
#footerline p {
margin: 0 auto;
color: #FFFFFF;
font-size: 10pt;
text-align: center;
}
#footerline a {text-decoration:underline; color: #008FD5;}
#footerline a:hover {background-color: transparent; color:#800000;}

#backhands {
margin:0 auto;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 700px;
background-image: url(img/backhands30.png);
background-repeat: no-repeat;
background-position: 0% 100%;
z-index:-10;
}



/***** Main *****/
#main {
float: right;
overflow: visible;
width: 750px;
padding: 1px 10px 10px 10px;
min-height: 400px;
}
#main .ditto {
margin:0 auto;
width: 650px;
padding: 10px 10px 10px 30px;
}


#main .imagine {float: left; margin: 5px 20px 10px 3px; clear: left;}

#main .jobline {margin: 5px 0 20px 0; border-bottom: #C0C0C0 1px dotted; color: #575757; font-size: 9pt;}
#main a.jobs {color: #008FD5; font-size: 10pt; font-weight: bold;}
#main a.jobs:hover {color: #800000; border: 0;}
#main .tags {color: #575757; font-style: italic; font-size: 9pt;}
#main .bigtags {color: #575757; font-style: italic; font-size: 12pt; font-weight: bold; text-align: center;}

	

/* Breadcrumbs */
#breadcrumbs {
background: transparent;
margin: 0px 0px 20px 0px;
color: #808080;
font-size: 9pt;
}
#breadcrumbs a {color:#808080; text-decoration:underline; border: 0;}
#breadcrumbs a:hover {background-color: transparent; color:#800000; border: 0;}
#breadcrumbs a:active  {text-decoration:underline}
#breadcrumbs a:link    {text-decoration:underline}
#breadcrumbs a:visited {text-decoration:underline}

#breadcrumbs a.B_homeCrumb, a.B_homeCrumb:visited  {padding: 1px 3px; font-weight: bold; color:#FFFFFF; background-color: #35675d; text-decoration:underline;}
#breadcrumbs a.B_homeCrumb:hover {padding: 1px 3px 1px 2px; font-weight: normal; background-color: transparent; color:#800000; text-decoration:underline;}




/***** Left *****/

#left {
float: left;
overflow: visible;
width: 200px;
padding: 10px 10px 10px 10px; 
min-height: 400px;
background-color: transparent;
border-right: 1px dotted #99CC00; /***************************************** in lucru */
}
#left h3, #right h3 {
color: #000000;
font-family: helvetica, sans-serif;
font-size: 11pt;
font-variant: small-caps;
border-bottom: #C2D3CB 1px solid;
margin-bottom: 10px;
text-align: center;
}
#left h4, #right h4 {
margin-top: 3px;
margin-bottom: 3px;
color: rgb(53,103,93);
font-size: 10pt;
font-weight: bold;
text-align: left;
}
#left p, #right p {
margin: 0 0 10px 0;
padding: 0;
color: #575757;
font-size: 9pt;
text-align: justify;
}

#main .lmore, #left .lmore {color: #008FD5; font-style: italic; font-size: 10pt; text-align: left; margin-left: 20px;}
#main .rmore, #left .rmore {color: #008FD5; text-align: right; font-style: italic; font-size: 10pt; margin-right: 20px; display: block;}
#main .lmore:hover, #left .lmore:hover, #main .rmore:hover, #left .rmore:hover {color: #800000; text-decoration: none;}

#main .more, #left .more {font-style: normal; font-size: 11pt;}

#left .imagine, #right .imagine {text-align: center; margin: 5px 0 2px 0;}


.sidecontainer {
width: 300px;
padding: 0;
margin-left: -70px;
text-align: center;
border: 0px solid #99CC00; /***************************************** in lucru */
}
.sidebox {
width: 150px;
padding: 10px;
margin: 0 10px 20px 10px;
border: 1px dashed #B9E9FF;
font-size: 9pt;
text-align: center;
}
.sidebox:hover {
background-color: #770300;
color:#FFFFFF;
background-image: url(img/cornerlight.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#sidereports {
margin-left: -70px;
width: 300px;
height: 150px;
background: transparent url(img/hart_sprites.png) no-repeat 0px -400px;
padding: 270px 0 0 0;
text-align: center;
border: 0px solid #99CC00; /***************************************** in lucru */
}
#left .sidecontainer h2 {
margin: 30px 0px 0px 0px;
color: #000000;
font-size: 16pt;
font-family: helvetica, sans-serif;
font-variant: small-caps;
font-weight: bold;
text-align: center;
}






/***** Primapack *****/
#primapack {
padding: 25px 0px 25px;
width:750px;
height: 370px;
margin:0 auto;
border: 0px solid #99CC00; /***************************************** in lucru */
}
#primapack a {
text-decoration: none;
border:0;
outline:0;
font-size: 13pt;
font-family: helvetica, sans-serif;
color: #FFFFFF;
padding:0;
}
#primapack a:hover {
text-decoration: none;
background-color: transparent;
color: #000000;
cursor: pointer;
}
#primapack h2 {
text-align: center;
font-weight: bold;
font-variant: small-caps;
font-size: 12pt;
font-family: helvetica, sans-serif;
margin: 0;
padding: 0;
}
#primapack strong {
font-weight: bold;
font-variant: small-caps;
font-family: helvetica, sans-serif;
}
.primashadow {
background-color: #FFFFFF;
background-image: url(img/primashadow.png);
background-repeat: no-repeat;
background-position: 36px -15px;
width:200px;
height:165px;
float:left;
display:block;
padding: 0;
margin: 0px 22px 10px 22px;
overflow: visible;
}
.primashadow:hover {
height:155px;
padding: 10px 0 0 0;
}
.box {
width:215px;
height:140px;
float:left;
display:block;
padding: 0;
margin: 0;
background-image: url(img/cornerlight2.png);
background-repeat: no-repeat;
background-position: -50px -50px;
background-color: #93B83F;
}
.box:hover {
background-image: url(img/cornerlight2.png);
background-repeat: no-repeat;
background-position: -5px -5px;
background-color: #70a100;
}
#primapack .box:hover a {
font-size: 17pt;
line-height: 95%;
}

/*...........................................shine de redimensionat!!!
.shine {
background-image: url(img/shine.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.shine:hover {
background-image: url(img/shine.png);
background-repeat: no-repeat;
background-position: -202px 0px;
}
*/
.cornerlight {
background-image: url(img/cornerlight.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.cornerdark {
background-image: url(img/cornerdark.png);
background-repeat: repeat-x;
background-position: -35px -100px;
}





/* root element for seminar accordion. decorated with rounded borders and gradient background image */
#primaseminarblock {
	margin: 10px auto;
	background:#333;
	width: 600px;
	border:1px solid #333;
}
/* accordion header */
#primaseminarblock h2 {
	background:#fff url(img/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:bold;
	font-variant: normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;	
	color: #333333;
}
/* currently active header */
#primaseminarblock h2.current {
	cursor:default;
	background-color:#70a100;
	color: #FFFFFF;
}
/* accordion pane */
#primaseminarblock div.pane {
	height: 160px;
	background:transparent url(img/h300.png) bottom left;
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:30px;
	color:#fff;
	font-size:12px;
	text-align: justify;
}
/* a title inside pane */
#primaseminarblock div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color: blue;
}

.seminarstitle {
font-family: verdana, helvetica, arial;
font-size: 12pt;
font-weight: bold;
color:#000000;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
padding: 20px 0 0 0;
}
.primaseminar {
width: 600px;
border-top:1px solid #FFFFFF;
border-left:3px solid #333333;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
margin: 30px auto;
padding: 2px 7px;
color: #808080;
font-size: 9pt;
text-align: justify;
}
.primaseminar:hover {
border:1px dotted #000000;
border-left:3px solid #800000;
color: #000000;
}
.primaseminar a {
display: block;
font-size: 11pt;
margin-bottom: 5px;
}





/*** Prima instruments ***/
.primatop {
width:400px;
float: right;
padding: 10px;
margin: 25px;
font-size:10pt;
text-align:justify;
color:#333333;
border: 1px dotted #C0C0C0;
}
.primatop:hover {
background-color: #70a100;
color:#FFFFFF;
background-image: url(img/cornerlight.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.primaleft {
width:170px;
float: left;
display: block;
padding: 10px;
margin: 0;
}
.primaright {
width:285px;
float: right;
display: block;
padding: 10px;
margin: 0 0 10px 10px;
background-color: #000000;
background-image: url(img/cornerlight.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.primaright:hover {
background-color: #770300;
background-color: #70a100;
}
.primaright p, .primaright ul {
font-size:9pt;
font-weight: bold;
color:#FFFFFF;
text-align: left;
}
.primaright ul {
margin: 3px 1px 3px 15px;
}
.primaright ul li {
margin-bottom: 7px;
}
.primaright h2 {
color:#FFFFFF;
font-size: 10pt;
font-family: verdana;
margin: 0;
margin-bottom: 5px;
}
.primaline {
float: left;
display: block;
border-bottom: 1px dotted #C0C0C0;
margin-bottom: 5px; margin-top: 10px; padding: 0 0 10px 0;
margin-left: 5px;
}




/*** Assessment & Development Diagram ***/
#impactdiagram {
height: 510px;
width: 800px;
}
.outercontainer {
  display: block;
  float: left;
  width: 170px;
  margin: 0;
  padding: 15px;
  background: #B7D07F url(img/cornerlight.png) no-repeat -5px 0;
  color: #FFFFFF;
  text-align: right;
  border: 0px solid #99CC00; /***************************************** in lucru */
}
.outercontainer ul li {text-align: left;}
.innercontainer {
  display: block;
  width: 150px;
  margin: 2px auto;
  margin-top: 15px;
  padding: 7px;
  text-align: center;
  font-weight: bold;
  background: #70a100 url(img/cornerlight.png) no-repeat 0 -5px;
  color: #FFFFFF;
}
.simpact {
  display: block;
  float: left;
  width: 50px;
  height: 510px;
  background: #FFFFFF url(img/jpgsprites.jpg) no-repeat 5px 30px;
}
.bimpact {
  display: block;
  float: left;
  width: 85px;
  height: 510px;
  background: #FFFFFF url(img/jpgsprites.jpg) no-repeat -77px 35px;
}
.roundtarget {
  display: block;
  float: left;
  width: 170px;
  height: 510px;
  text-align: center;
  padding: 3px 0 0 3px;
  font-weight: bold;
  font-size: 14pt;
  color: #FFFFFF;
  background: transparent url(img/jpgsprites.jpg) no-repeat -200px 40px;
}

#harttools {}

#harttools .slide {
display: block;
border-bottom: 1px dotted #99CC00;
border-top:0;
border-left:0;
margin: 0 0 30px 10px;
}

#harttools h2 a.lmore {
  color: #333333;
  pointer: cursor;
  font-weight: bold;
  font-size: 13pt;
  	background: url(img/b1.gif) 0 0 no-repeat;
  	padding: 0;
	padding-left: 50px;
	margin: 5px 0 15px 50px;
}

#harttools .rightside {
  float: right;
  width: 280px;
  padding: 0 15px 20px;
  border-left: 1px dotted #EEEEEE;
}
#harttools .leftside {
  float: left;
  width: 385px;
}






/*** Discover Hogan ***/
#discoverhogan {
  width: 400px;
  height: 160px;
  margin: 40px auto;
  padding: 15px 20px;
  background: #B7D07F url(img/cornerlight.png) no-repeat 0 0;
  text-align: center;
  color: #FFFFFF;
}
.hpi .backtext, .hds .backtext, .mvpi .backtext {margin-top: 50px; color: #000000; font-size: 20pt; font-weight: bold; text-align:center;  }
#discoverhogan .backtext, .hbox .backtext {margin-top: 80px; color: #000000; font-size: 20pt; font-weight: bold; }
#discoverhogan .backtext:hover, .hbox .backtext:hover {background: url(img/lime80.png); color: #FFFFFF; }

#discoverhogan a {
  color: #FFFFFF;
  text-decoration: underline;
  border: 0;
  font-weight: bold;
}
#discoverhogan a:hover {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
#discoverhogan .backtext a, .hbox .backtext a {
  color: #000000;
  text-decoration: none;
}
#discoverhogan .backtext a:hover, .hbox .backtext a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.hpi, .hds, .mvpi {
  float: left;
  width: 98px;
  height: 123px;
  margin: 0px 30px;
}
#discoverhogan .hpi, #discoverhogan .hds, #discoverhogan .mvpi {
  float: left;
  display: block;
  width: 98px;
  height: 123px;
  margin: 17px;
}
.hpi {
  background: transparent url(img/hpi.jpg) no-repeat 0 0;
}
.hds {
  background: transparent url(img/hds.jpg) no-repeat 0 0;
}
.mvpi {
  background: transparent url(img/mvpi.jpg) no-repeat 0 0;
}
.hbox {margin-bottom: 50px; clear: both;}
.hscales {
  margin: 0 0 20px 0;
  border: 1px dotted #FFFFFF;
}
.hscales:hover {
  border: 1px dotted #99CC00;
  border-right:0;
  border-left:0;
  margin-left: -30px;
  cursor: pointer;
}
.hscales h3 {
margin-top: 20px;
margin-bottom: 10px;
display: inline;
}
#slidehpi, #slidehds, #slidemvpi {
float: right;
width: 620px;
border: 1px dotted #99CC00;
border-top:0;
border-left:0;
margin: 15px 0 30px 0;
}

.scaletip {
background: #FFFFFF;
width:750px;
height:250px;
padding:15px;
font-size:11pt;
color:#333333;
border: 1px dotted #70a100;
}
.vs {
  float: left;
  margin:120px 10px 0 10px;
  width: 55px;
  height: 45px;
  background: transparent url(img/hogan/vs.png) no-repeat 0 0;
}
.scaleimg {
  float: left;
  width: 330px;
  height: 250px;
}
#adj1 {background: transparent url(img/hogan/adj1b.jpg) no-repeat 0 0;}
#adj2 {background: transparent url(img/hogan/adj2b.jpg) no-repeat -50px -50px;}
#amb1 {background: transparent url(img/hogan/amb1.jpg) no-repeat 0 0;}
#amb2 {background: transparent url(img/hogan/amb2b.jpg) no-repeat 0 0;}
#soc1 {background: transparent url(img/hogan/soc1.jpg) no-repeat 0 0;}
#soc2 {background: transparent url(img/hogan/soc2.jpg) no-repeat 0 0;}
#int1 {background: transparent url(img/hogan/int1.jpg) no-repeat 0 0;}
#int2 {background: transparent url(img/hogan/int2.jpg) no-repeat 0 0;}
#prd1 {background: transparent no-repeat 0 0;}
#prd2 {background: transparent no-repeat 0 0;}
#inq1 {background: transparent no-repeat 0 0;}
#inq2 {background: transparent no-repeat 0 0;}
#lrn1 {background: transparent no-repeat 0 0;}
#lrn2 {background: transparent no-repeat 0 0;}

#thinkbox {
  width: 400px;
  height: 160px;
  margin: 15px auto;
  padding: 10px 20px;
  text-align: center;
  color: #FFFFFF;
}
#thinkbox a img {border: solid 2px white;}
#thinkbox a:hover img {border: dotted 2px black;}




/*** Talent Tabs settings  ***/
#talent {width: 720px; margin-left: 30px;}
/* root element for tabs  */
#talent #tabs {
	height:100px;
	list-style:none;
	margin:0 !important;
	padding:0;
	border:0px solid red;
}
/* single tab */
#talent #tabs li {
	float:left;
	text-indent:0;
	padding: 0;
	margin:0 !important;
	list-style-image:none !important;
        min-height: 70px;
	display: table-cell;
    	vertical-align: middle;
}
/* link inside the tab. uses a background image */
#talent #tabs a {
	background: url(img/hart_sprites.png) no-repeat -322px -525px;
	display:block;
	width:147px;
	height: 100px;
	line-height:14pt;
	font-family: verdana, helvetica, arial;
	font-size:10pt;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding: 0px 5px 0px 0px;
	margin-left: -33px;
	position:relative;
	top:1px;
	border:0px solid green;
}
#talent #tabs a:active {outline:none;}

#t1 {z-index: 6;}
#t2 {z-index: 5;}
#t3 {z-index: 4;}
#t4 {z-index: 3;}
#t5 {z-index: 2;}
#t6 {z-index: 1;}

/* when mouse enters the tab move the background image */
#talent #tabs a:hover {
background-position: -480px -525px;
width: 147px;
height: 100px;
margin: 0 0 0 -33px;
font-weight: bold;
color:#FFFFFF;
cursor: pointer;
z-index: 10;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#talent #tabs a.current, #talent #tabs a.current:hover, #talent #tabs li.current a {
	cursor:default !important;
	color:#000 !important;
	background-position: -480px -525px;
	width: 147px;
	height: 100px;
	font-weight: bold;
	margin: 0 0 0 -33px;
	z-index: 9;
}

/* tab pane styling */
#talent #panes {
width:705px;
margin:0 auto;
padding: 10px 0 0 0;
border:0px dotted #99CC00;
border-top:0;
border-left:0;
overflow: hidden;
}
#talent #panes .pane {
display: none;
width:650px;
background-color: #FFFFFF;
margin:0 auto;
padding: 0 10px 10px 0;
border: 1px dotted #99CC00;
border-top:0;
border-left:0;
text-align: center;
}

#talentarrow {
margin: 32px auto;
background: transparent url(img/hart_sprites.png) no-repeat -325px -410px;
width: 550px;
height: 70px;
padding: 30px 75px 0 75px;
font-size: 12pt;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border:0px solid green;
}






/*** EOS Diagram ***/
#eos {
float: left;
background: transparent url(img/eos.jpg) no-repeat 0 0;
width: 300px;
height: 300px;
margin-left: 20px;
}

.rightqt {
  margin: 12px 60px;
  width: 290px;
  float: right;
}
#showtipeos .outercontainer {
  display: block;
  float: left;
  width: 150px;
  height: 150px;
  margin: 8px;
  padding: 10px;
  background: #B7D07F url(img/cornerlight.png) no-repeat -5px 0;
  color: #FFFFFF;
  text-align: right;
  border: 0px solid #99CC00; /***************************************** in lucru */
}
.outercontainer ul li {text-align: left;}





/*** Consiliere in cariera ***/
#viitor {
float: left;
background: transparent url(img/viitor-profesional.jpg) no-repeat -30px -10px;
width: 360px;
height: 300px;
margin-left: 20px;
color: #FFFFFF;
font-size: 25pt;
font-weight: bold;
text-align: right;
padding: 20px;
}

/*** Career Tabs settings  ***/
#career {width: 720px; margin-left: 30px;}
/* root element for tabs  */
#career #tabs, #career #tabredirect {
  	float:left;
	height:100px;
	list-style:none;
	margin:0 !important;
	padding:0;
	border:0px solid red;
}
/* single tab */
#career #tabs li, #career #tabredirect li {
	float:left;
	text-indent:0;
	padding: 0;
	margin:0 !important;
	list-style-image:none !important;
        min-height: 70px;
	display: table-cell;
    	vertical-align: middle;
}

/* link inside the tab. uses a background image */
#career #tabs a,  #career #tabredirect a {
background-image: url(img/cornerlight2.png);
background-repeat: no-repeat;
background-position: -50px -50px;
background-color: #93B83F;
	display:block;
	width:160px;
	height: 80px;
	line-height:14pt;
	font-family: verdana, helvetica, arial;
	font-size:11pt;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding: 0 5px;
	margin-left: 1px;
	position:relative;
	top:1px;
	border-bottom:1px solid #333333;
}
#career #tabs a:active, #career #tabredirect a:active {outline:none;}

#t1 {z-index: 6;}
#t2 {z-index: 5;}
#t3 {z-index: 4;}
#t4 {z-index: 3;}
#t5 {z-index: 2;}
#t6 {z-index: 1;}

/* when mouse enters the tab move the background image */
#career #tabs a:hover, #career #tabredirect a:hover  {
background-image: url(img/cornerlight2.png);
background-repeat: no-repeat;
background-position: -5px -5px;
background-color: #70a100;
width: 163px;
height: 100px;
margin: -10px -2px 0 -2px;
padding: 0 5px;
font-size: 17pt;
line-height: 95%;
font-weight: bold;
color:#FFFFFF;
cursor: pointer;
	border: 1px dotted #808080;
z-index: 10;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#career #tabs a.current, #career #tabs a.current:hover, #career #tabs li.current a {
background-image: url(img/cornerlight2.png);
background-repeat: no-repeat;
background-position: -5px -5px;
background-color: #93B83F;
	cursor:default !important;
	color:#000 !important;
	width: 160px;
	height: 100px;
	font-size: 17pt;
	line-height: 95%;
	font-weight: bold;
	margin: -15px -5px 0 -5px;
	padding: 0 5px;
	border: 5px solid #99CC00;
	z-index: 9;
}

/* tab pane styling */
#career #panes {
  clear: left;
width:705px;
margin:0 auto;
padding: 10px 0 0 0;
border:0px dotted #99CC00;
border-top:0;
border-left:0;
overflow: hidden;
}
#career #panes .pane {
display: none;
width:650px;
background-color: #FFFFFF;
margin:0 auto;
padding: 0 10px 10px 0;
border: 1px dotted #99CC00;
border-top:0;
border-left:0;
text-align: center;
}

#mapp {
float: left;
background: transparent url(img/viitor-profesional2.jpg) no-repeat 0 0;
width: 248px;
height: 238px;
margin-left: 40px;
}

#mapptable table {
  border: 1px solid #93B83F;
}
#mapptable table td {
  border: 1px dotted #93B83F;
}
#mapptable table tr.mappline {
  border: 1px solid #93B83F;
  background-color: #EBFFAE;
}



/***** Call 4 Action *****/
.call4action {
  width: 700px;
  height:190px;
  display: block;
  margin: 25px auto;
  color: #93B83F;
text-align: center;
border: 0px solid #99CC00; /***************************************** in lucru */
clear: both;
}

#call4action_inscriere {
  margin: 30px auto;
  width: 520px;
  height: 150px;
  font-size: 11pt;
  color: #000000;
  text-align: center;
}
#call4action_inscriere .facts {
color: #93B83F;
font-weight: bold;
font-size: 120%;
font-style: italic;
}


/***** FORMS settings *****/
#slideform .formerror, #slidemesaj .formerror {
color: #800000;
margin-bottom: 20px;
}
#slidemesaj {
margin: 0 auto;
  width: 500px;
  padding: 10px 5px 10px 15px;
  color: #93B83F;
  text-align: left;
  border: 1px solid #93B83F;
  background: #FFFFFF;
  margin-bottom: 25px;
}
#slidemesaj label {
display: block; float: left; margin: 10px 0 3px 0; width: 80px; padding-right: 20px; text-align: right;
}
#slidemesaj input {
display: block; float: left; margin: 10px 0 3px 0; width: 200px;
}
#slidemesaj p {
color: #93B83F; display: block; float: left; text-align: left;
}

#slideform {
margin: 0 auto;
  width: 500px;
  padding: 10px 5px 10px 15px;
  color: #93B83F;
  text-align: left;
  border: 1px solid #93B83F;
  border-top: 0;
  background: #FFFFFF;
  margin-bottom: 50px;
}
#slideform label {
display: block; float: left; margin: 10px 0 3px 0; width: 80px; padding-right: 20px; text-align: right;
}
#slideform input {
display: block; float: left; margin: 10px 0 3px 0; width: 200px;
}
#slideform #checkmesaj {
display: inline; float: none; margin: 0; padding: 20px 0 0 0; width: 20px;
}
#slideform p {
color: #93B83F; display: block; float: left; text-align: left;
}
#slideform br, #slidemesaj br {
clear: left
}
#slideform .buton, #slidemesaj .buton {
display: block; float: none;
margin: 40px auto 10px;
background:#70a100;
border:#FFFFFF solid 1px;
font-family:Verdana,tahoma,arial;
	   color:white;
	   font-size:12px;
	   font-weight:bold;
width:100px;
height:30px;
padding:2px 2px 2px 2px;
cursor: pointer
}


/* validate settings */
#slideform label.error, #slidemesaj label.error, label.error {
width: 370px; margin: 1px 0 3px 100px; font-size: 9pt; font-style: italic; color: #FF6600; text-align: left;
}
div.error { display: none; }
input, textarea {	border: 1px solid #C0C0C0; }
input.checkbox { border: none }
input:focus { border: 1px solid black; }
input.error { border: 1px dotted #FF6600; }
form.validate .gray * { color: gray; }

/* expose settings */
#mask {
background: transparent url(img/verde20.png) repeat;
}



/************** HartFactsTicker settings ****************/
#ticker {
	width: 710px;
	height: 25px;
	position: relative;
	overflow: hidden;
	margin: 3px 20px;
	border: 0px solid #99CC00; /***************************************** in lucru */
}
#ticker div {
float:left; width:720px; cursor:pointer
}
#ticker .items {
margin: 0 auto; padding:0; position: absolute; width: 20000em; clear:both
}
#ticker .items div {
height: 25px; padding: 0; overflow: hidden; font-size: 11pt; font-family: arial, helvetica, sans-serif; background: white; color:#333333; text-align: center;
}
.disabled {
	visibility: hidden
}



/************** News ****************/
#mainnews {
  float: left;
  width: 380px;
  margin-right: 20px;
  text-align: left;
}
#mainnews h3 {
border-bottom: 1px solid #C0C0C0;
}
#mainnews h4 {
margin: 5px;
padding-top: 9px;
text-align: left;
border-bottom: 1px dotted #C0C0C0; 
}
#mainnews h4 a {
text-decoration: none;
font-size: 10pt;
font-weight: normal;
color: #808080;
}
#mainnews h4 a:hover {
color: #800000;
}


/************** Testimonials settings ****************/
.testimonials_container {
	width: 520px;
	margin: 0 auto;
	border: 0px solid #99CC00; /***************************************** in lucru */
}
#testimonials {
	width: 510px;
	height: 160px;
	position: relative;
	overflow: hidden;
	margin: 3px 3px;
	border-top: 1px dotted #99CC00;
}
#testimonials div {
float:left; width:440px; cursor:pointer;
}
#testimonials .items {
margin: 0 auto; padding:0; position: absolute; width: 20000em; clear:both
}
#testimonials .items div {
margin: 0 auto; padding: 20px 10px 10px 60px; overflow: hidden;
background: transparent url('img/hart_sprites.png') no-repeat -1010px -15px;
border: 0px solid #99CC00;
text-align: justify;
}
#testimonials .items p {
margin: 10px 50px 0 0;
font-size: 9pt; font-family: helvetica, arial, sans-serif; font-style: italic; color:#333333;
text-align: right;
}
#testimonials .items div a {
font-size: 13pt; font-family: helvetica, arial, sans-serif; font-weight: bold; font-style: italic; color:#333333;
text-decoration: none; 
}
#testimonials .items div a:hover {
color:#800000;
}
.disabled {
	visibility: hidden
}
/*setari testimoniale in prima pagina*/
#maintestimonials {
  display: block;
  float: right;
  border: 0px solid red; /***************************************** in lucru */
}
#maintestimonials h3 {
width: 340px;
border-bottom: 1px solid #C0C0C0;
}
#maintestimonials .testimonials_container {
  	width: 345px;
	margin: 0 auto;
	border: 0px solid #99CC00; /***************************************** in lucru */
}
#maintestimonials .testimonials_container #testimonials {
	width: 335px;
	height: 140px;
	margin: 3px 3px;
	border-top: 0px dotted #99CC00;
}
#maintestimonials .testimonials_container #testimonials .items div {
width: 290px;
margin: 0 auto; padding: 10px 10px 10px 40px;
}
#maintestimonials .testimonials_container #testimonials .items p {
margin: 10px 10px 0 0;
}
#maintestimonials .testimonials_container #testimonials .items div a {
font-size: 10pt; font-weight: 600; color:#808080;
text-decoration: none;
}
#maintestimonials #testimonials .items div a:hover {
color:#800000;
}

/*setari mai multe testimoniale*/
#testimonials_main div {
width: 440px; margin: 20px auto; padding: 20px 10px 10px 60px; overflow: hidden;
background: transparent url('img/hartsprites.png') no-repeat -660px 0px;
background: transparent url('img/hart_sprites.png') no-repeat -1010px -15px;
text-align: justify;
}
#testimonials_main div a {
font-size: 13pt; font-family: helvetica, arial, sans-serif; font-weight: bold; color:#000000;
text-decoration: none;
}
#testimonials_main div a:hover {
color:#800000;
}
#testimonials_main div p {
margin: 10px 50px 0 0;
font-size: 9pt; font-family: helvetica, arial, sans-serif; font-style: italic; color:#333333;
text-align: right;
}


/***** Side Jobs *****/
#left .jobline, #right .jobline {border-bottom: #C2D3CB 1px dotted; color: #575757; font-size: 9pt; text-align: left;}
#left a.jobs, #right a.jobs {color: #008FD5; font-size: 10pt; font-weight: bold;}
#left .tags, #right .tags {color: #575757; font-style: italic; font-size: 9pt;}

/* sideJobs scroller */
#sideJobs {
	width: 190px; height: 183px; position: relative; overflow: hidden;
}
#sideJobs .items {
	margin: 0 auto; position: absolute; height: 20000em;
}
#sideJobs .items div {
	height: 55px; margin: 0 auto; padding: 0px 5px 5px 10px; overflow: hidden; font-size: 12pt; border-bottom: white 1px solid; cursor: pointer;
}
#sideJobs .items h3 {
	margin: 0px 0px 5px; font-weight: normal; font-size: 16pt; color: #456
}
#sideJobs .items table {
	height: 100%; width: 100%
}
#sideJobs .items td {
	vertical-align: middle
}
#sideJobsActions {
	width: 190px; margin: 10px 0px 10px
}
#sideJobsActions a {
	font-size: 11pt; cursor: pointer; color: #667
}
#sideJobsActions a:hover {
	color: #000; text-decoration: underline
}
.disabled {
	visibility: hidden
}


/***** Template Hogan Reports *****/
.hoganreport {
  clear: both;
  border-bottom: 0px dotted #B7D07F;
  margin: 20px 0;
}
#hoganreports h4 {
  margin-left: 380px;
}
#hoganreports p {
margin-left: 400px;
margin-right: 50px;
}
#hoganreports .imagine {
  margin-left: 50px;
}
#hoganreports .rmore {
  margin-right: 100px;
}
.hoganreports p {
  padding: 0 20px;
}


/***** Ditto *****/
.ditto_paging {border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black;}
#ditto_pages {margin-top: 80px; font-size: 10pt; color: #575757;}
#ditto_pages .ditto_currentpage {
border-left: 1px solid #C2D3CB;
border-right: 1px solid #C2D3CB;
padding: 1px 5px 2px;
margin-right: 1px;
color: #C2D3CB;
}
#ditto_pages .ditto_off {
border: 1px solid #C2D3CB;
padding: 1px 5px 2px;
margin-right: 1px;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
border-bottom: 1px solid #C2D3CB;
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
}
#ditto_pages a:hover {
background-color: #DEEFEF;
color: #800000;
}




/************** Tooltips settings ****************/
#blackarrowtip {
    display:none;
    background:transparent url(img/tooltip_black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;
    z-index: 100;
}
#blackarrowbigtip {
    display:none;
    background:transparent url(img/tooltip_black_arrow_big.png);
    height:115px;
	padding:50px 40px 50px 40px;
	width:290px;
	font-size:12px;
	font-weight: bold;
	font-family: verdana;
	line-height: 180%;
	color:#fff;
	z-index: 100;
	text-align: center;
}
.tooltip {
display:none;
z-index: 100;
}
.limetip {
background: #B7D07F url(img/cornerlight.png) no-repeat 0 0;
width:550px;
padding:50px;
font-size:11pt;
color:#fff;
border: 1px dotted #70a100;
}
.whitetip {
background: #FFFFFF;
width:700px;
padding:25px;
font-size:11pt;
color:#333333;
border: 1px dotted #70a100;
}
.imitationtip {
display:none;
background-color:#ffa;
border:1px solid #cc9;
padding:3px;
font-size:13px;
z-index: 1000;
}



/************** Overlay settings ****************/
.overlay {
	padding:40px;
	width:576px;
	height:450px;
	display:none;
	background-image:url(img/overlay/white.png);
		z-index:10000;

}

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


	/* use a semi-transparent image for the overlay */
	#overlay2 {
		background-image:url(img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}






/***** Aliniere verticala si orizontala *****/
.atrick1 {
display: table; height: 100%; #position: relative; overflow: hidden;
width: 100%; text-align: left;
}
.atrick2 {
#position: absolute; #top: 50%; display: table-cell; vertical-align: middle;
width: 100%; text-align: center;
}
.atrick3 {
#position: relative; #top: -50%;
}


/********** Buttons **********/
.pdf 	{
	background:transparent url(img/hart_sprites.png) no-repeat -990px -545px;
	display: inline;
	padding: 20px 10px 20px 65px;
	margin: 0 0 0 15px;
	font-weight: bold;
	}

/***** green buttons *****/
a.xbgreenbtn {
	margin: 15px auto;
	display:block;
        border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -2px -11px;
	width: 240px;
	height: 45px;
	padding:25px 30px 0px 30px;
	text-decoration: none;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.xbgreenbtn:hover {
	font-size: 14pt;
	cursor: pointer;
}
a.bgreenbtn {
	margin: 15px auto;
	display:block;
        border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -2px -105px;
	width: 220px;
	height: 34px;
	padding:14px 10px 0px 10px;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.bgreenbtn:hover {
	font-size: 13pt;
	cursor: pointer;

}
a.greenbtn {
	margin: 0 auto;
	display:block;
        border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -2px -169px;
	width: 160px;
	height: 35px;
	padding:12px 10px 0px 10px;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.greenbtn:hover {
	font-size: 12pt;
	cursor: pointer;
}
a.pdfgreenbtn {
	display:block;
        border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -695px -540px;
	width: 167px;
	height: 48px;
	padding:20px 10px 0px 65px;
	text-decoration: underline;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	color: #F5F5F5;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.pdfgreenbtn:hover {
	font-size: 14pt;
	text-decoration: none;
	cursor: pointer;
}
a.sgreenbtn {
	display:block;
        border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -2px -223px;
	width: 130px;
	height: 33px;
	padding:10px 10px 0px 10px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.sgreenbtn:hover {
	font-size: 11pt;
	cursor: pointer;
}
a.xsgreenbtn {
	display:block;
    border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -2px -273px;
	width: 110px;
	height: 20px;
	padding: 9px 5px 0px 5px;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.xsgreenbtn:hover {
	font-size: 9pt;
	cursor: pointer;
}
a.hgreenbtn {
	margin: 0 auto;
	display:block;
    border:0;
	outline:0;
	background:transparent url(img/hart_sprites.png) no-repeat -3px -321px;
	width: 191px;
	height: 52px;
	padding: 20px 5px 0px 5px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 10;
}
a.hgreenbtn:hover {
	font-size: 11pt;
	cursor: pointer;
}

/***** Butoane *****/
a.bmare1 {
	display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat 0px 0px;
	width: 221px;
	height: 25px;
	padding:7px 48px 0px 35px;
	font-size: 12pt;
	color: #808080;
}
a.bmare1:hover {
	background-position: 0px -34px;
	color: #800000;
	cursor: pointer;
}
.bmare2 {
	display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat -306px 0px;
	width: 173px;
	height: 25px;
	padding:7px 48px 0px 35px;
	font-size: 12pt;
	color: #808080;
}
.bmare2:hover {
	background-position: -306px -34px;
	color: #800000;
	cursor: pointer;
}
.bmed1 {
    display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat 0px -67px;
	width: 163px;
	height: 24px;
	padding:5px 38px 0px 12px;
	font-size: 11pt;
	color: #008FD5;
}
.bmed1:hover {
	background-position: 0px -92px;
	color: #800000;
	cursor: pointer;
}
.bmed2 {
    display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat -215px -67px;
	width: 131px;
	height: 24px;
	padding:5px 38px 0px 12px;
	font-size: 11pt;
	color: #808080;
}
.bmed2:hover {
	background-position: -215px -92px;
	color: #800000;
	cursor: pointer;
}
a.bmic1 {
    display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat 0px -120px;
	width: 115px;
	height: 16px;
	padding:0px 25px 0px 9px;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
a.bmic1:hover {
	background-position: 0px -140px;
	color: #800000;
	cursor: pointer;
}
.bmic2 {
    display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat -152px -122px;
	width: 91px;
	height: 16px;
	padding:0px 25px 0px 9px;
	font-size: 8pt;
	color: #808080;
}
.bmic2:hover {
	background-position: -152px -140px;
	color: #800000;
	cursor: pointer;
}
.bmic3 {
    display:block;
    border:0;
	outline:0;
	background:transparent url(img/butoane.png) no-repeat -280px -122px;
	width: 60px;
	height: 16px;
	padding:2px 25px 0px 9px;
	font-size: 8pt;
	color: #808080;
}
.bmic3:hover {
	background-position: -280px -140px;
	color: #800000;
	cursor: pointer;
}


/***** Header Slider *****/
#SliderTitle {
height: 35px;
position: absolute; top: 18px; left: 540px;
padding-left: 30px;
padding-top: 1px;
background:transparent url(img/round-line-green70.png) no-repeat;
text-align: left; font-family: arial; font-size: 19pt; color: #FFFFFF; font-weight: normal;
z-index: 90;
}
#HeaderSlider {
clear: both; overflow: hidden; position: relative;
background: transparent; width: 948px; height: 300px; margin: 0 auto;
}
#HeaderSlider div {
display: block; float: left; width: 1896px;
}
#HeaderSlider .items {
clear: both; padding: 0px; margin: 0 auto; width: 20000em; position: absolute;
}
#HeaderSlider .items div {
padding-left: 30px;
}
#HeaderSlider .items div .item {
width: 920px; height: 300px; overflow: hidden; padding: 0px; position: relative;
}
#HeaderSlider .items div .item .old_title {
display:none;
width: 300px; height: 40px;
position: absolute; top: 18px; left: 230px;
padding-top: 5px; text-align: center; font-family: cursive; font-size: 18pt; font-weight: bold; color: black;
}
#HeaderSlider .items div .item .title {
width: 448px; height: 150px;
position: absolute; top: 150px; left: 30px;
text-align: center; font-family: cursive; font-size: 36pt; color:#35675D;
z-index: 90;
}
#HeaderSlider .items div .item .pic {
width: 440px; height: 300px;
margin: 0 auto; padding: 0px;
position: absolute; top: 0px; right: 0px;
overflow: hidden;
display:block;
border:0;
outline:0;
z-index: 89;
}
#HeaderSlider .img1 {
	background:transparent url(img/header_img_1.png) no-repeat right center;
}
#HeaderSlider .img2 {
	background:transparent url(img/header_img_2.png) no-repeat center center;
}
#HeaderSlider .img3 {
	background:transparent url(img/header_img_3.png) no-repeat right center;
}
#HeaderSlider .img4 {
	background:transparent url(img/header_img_4.png) no-repeat right center;
}
#HeaderSlider .img5 {
	background:transparent url(img/header_img_5.png) no-repeat right center;
}
#HeaderSlider .img6 {
	background:transparent url(img/header_img_6.png) no-repeat right center;
}
#HeaderSlider .img7 {
	background:transparent url(img/header_img_7.png) no-repeat right center;
}
#HeaderSlider .img8 {
	background:transparent url(img/header_img_8.png) no-repeat right center;
}


/***** QueryLoader *****/
.QOverlay {
	background-color: #B7D07F;
	z-index: 9999;
	background: #B7D07F url(img/hart-logo.gif) no-repeat 50% 20%;
}
.QLoader {
	background-color: #FFFFFF;
	height: 3px;
}
.QAmt {
	color:#FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}

/***** sIFR 3 *****/
.daniel {}
.danielfacts {}
.danielblack {}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  

  .sIFR-active .daniel { visibility:hidden; }
  .sIFR-active .danielfacts { visibility:hidden; }
  .sIFR-active .danielblack { visibility:hidden; }
}