.farbtastic {
  position: relative;
}
.farbtastic * {
  cursor: crosshair;
  position: absolute;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(../images/wheel-trans.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(../images/mask-trans.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(../images/marker-trans.png) no-repeat;
}
.text {
	color:#446d26;
	font-size: 12px;
	font-family: serif;
	font-weight: bold;
}
.profCode {
	background-color:#DADADA;
	font-family:Arial,Verdana,Tahoma,sasns-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2em;
	padding:0pt 2px;
	width:400px;
}
.body-mask {
	background-color:white;
	height:3000px;
	left:0pt;
	opacity:0.8;
	filter:alpha(opacity=80);
	moz-opacity:0.8;
	position:absolute;
	top:0pt;
	width:100%;
	z-index:25;
}
#wizardBox-dlg {
	font-family:verdana;
	position:absolute;
	width:400px;
	z-index:50;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	top:0px;
	left:180px;
}
.smallFont_{
	font-size: 9px;
	color: #71972b;
}
.smallImg{
	width: 50px;
	height: 50px;
}
a {
    color: #71972b;
    text-decoration:none;
}