body {
	font-family: 'PT Sans', sans-serif;
  color:#222222;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:6px;
  padding-right:6px;
  margin:0px;
}

a {
	text-decoration: none;
  color:#222222;
}

a:link {
	text-decoration: none;
  color:#222222;  
}

a:visited {
	text-decoration: none;
  color:#222222;  
}

a:hover {
	text-decoration: none;
  color:#222222;  
}

a:active {
	text-decoration: none;
  color:#222222;
}



#clear {
	clear: both;
}

#clear5 {
	width: 5px;
	height: 5px;
	clear: both;
}

#clear10 {
	width: 10px;
	height: 10px;
	clear: both;
}

#clear15 {
	width: 15px;
	height: 15px;
	clear: both;
}

#clear20 {
	width: 20px;
	height: 20px;
	clear: both;
}

#hr1 {
	width: 100%;
	height: 1px;
	background-color: #6b6b6b;
}

#hr2 {
	width: 95s%;
	height: 1px;
	background-color: #888888;
}

#list01 {
	padding-left: 15px;
	padding-right: 15px;
}

.alliance {
	color: #02518a;
}

.horde {
	color: #ff0000;
}


.link01 {
	color: #e8e35e;
}

.link01:hover {
	color: #fff;
}

.guildname {
	font-size: 17px;
	font-weight:700;
}

.classok {
	float: left;
}

.dk {
	color:#C41F3B;
	float: left;
	padding-right: 5px;
}
.druid {
	color:#FF7D0A;
	float: left;
	padding-right: 5px;
}	
.hunter {
	color:#ABD473;
	float: left;
	padding-right: 5px;
}	
.mage {
	color:#69CCF0;
	float: left;
	padding-right: 5px;
}
.monk {
	color:#00FF96;
	float: left;
	padding-right: 5px;
}
.paladin {
	color:#F58CBA;
	float: left;
	padding-right: 5px;
}
.priest {
	color:#FFFFFF;
	float: left;
	padding-right: 5px;
}
.rogue {
	color:#FFF569;
	float: left;
	padding-right: 5px;
}
.shaman {
	color:#0070DE;
	float: left;
	padding-right: 5px;
}
.warlock {
	color:#9482C9;
	float: left;
	padding-right: 5px;
}
.warrior {
	color:#C79C6E;
	float: left;
	padding-right: 5px;
}	
.dh {
	color:#A330C9;
	float: left;
	padding-right: 5px;
}

#miez {
	width: 700px;
}	

.td-dk {
	color:#C41F3B;
}
.td-druid {
	color:#FF7D0A;
}	
.td-hunter {
	color:#ABD473;
}	
.td-mage {
	color:#69CCF0;
}
.td-monk {
	color:#00FF96;
}
.td-paladin {
	color:#F58CBA;
}
.td-priest {
	color:#FFFFFF;
}
.td-rogue {
	color:#FFF569;
}
.td-shaman {
	color:#0070DE;
}
.td-warlock {
	color:#9482C9;
}
.td-warrior {
	color:#C79C6E;
}	
.td-dh {
	color:#A330C9;
	text-decoration: line-through;
}	


/*CLASS TABLE*/
.classtable {
	margin:0px;padding:0px;
	width:100%;
	border:0px solid #ffffff;	
}
.classtable tr:hover td{
	background-color:#383838;
}
.classtable td {
	border:1px solid #ffffff;
	border-width:1px 0px 0px 0px;
	text-align:left;
}

.classtable tr:last-child {
	border:1px solid #ffffff;
	border-width:1px 1px 1px 1px;
	text-align:left;	
}

/*input*/
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -16px;
}

label.css-label {
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_17417636dce8c55c6c6073f9724aeeba.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*input DK*/
input[type=checkbox].css-checkbox + label.css-label-dk {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-dk {
	background-position: 0 -16px;
}

label.css-label-dk {
	background-image:url('./images/classpick/dk.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input Druid*/
input[type=checkbox].css-checkbox + label.css-label-druid {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-druid {
	background-position: 0 -16px;
}

label.css-label-druid {
	background-image:url('./images/classpick/druid.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input Hunter*/
input[type=checkbox].css-checkbox + label.css-label-hunter {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-hunter {
	background-position: 0 -16px;
}

label.css-label-hunter {
	background-image:url('./images/classpick/hunter.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input mage*/
input[type=checkbox].css-checkbox + label.css-label-mage {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-mage {
	background-position: 0 -16px;
}

label.css-label-mage {
	background-image:url('./images/classpick/mage.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input monk*/
input[type=checkbox].css-checkbox + label.css-label-monk {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-monk {
	background-position: 0 -16px;
}

label.css-label-monk {
	background-image:url('./images/classpick/monk.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input paladin*/
input[type=checkbox].css-checkbox + label.css-label-paladin {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-paladin {
	background-position: 0 -16px;
}

label.css-label-paladin {
	background-image:url('./images/classpick/paladin.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input priest*/
input[type=checkbox].css-checkbox + label.css-label-priest {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-priest {
	background-position: 0 -16px;
}

label.css-label-priest {
	background-image:url('./images/classpick/priest.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input rogue*/
input[type=checkbox].css-checkbox + label.css-label-rogue {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-rogue {
	background-position: 0 -16px;
}

label.css-label-rogue {
	background-image:url('./images/classpick/rogue.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input shaman*/
input[type=checkbox].css-checkbox + label.css-label-shaman {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-shaman {
	background-position: 0 -16px;
}

label.css-label-shaman {
	background-image:url('./images/classpick/shaman.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input warlock*/
input[type=checkbox].css-checkbox + label.css-label-warlock {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-warlock {
	background-position: 0 -16px;
}

label.css-label-warlock {
	background-image:url('./images/classpick/warlock.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input warrior*/
input[type=checkbox].css-checkbox + label.css-label-warrior {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-warrior {
	background-position: 0 -16px;
}

label.css-label-warrior {
	background-image:url('./images/classpick/warrior.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*input dh*/
input[type=checkbox].css-checkbox + label.css-label-dh {
	padding-left:21px;
	height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}
input[type=checkbox].css-checkbox:checked + label.css-label-dh {
	background-position: 0 -16px;
}

label.css-label-dh {
	background-image:url('./images/classpick/dh.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#classicon_alap {
  position:relative;
  background-image:url('./images/classicon_alap.png');  
  background-size: 21px 21px;
  width:21px;
  height:21px;
  top:-2px;
  left:-2px;

}

#classicon {
  float:left;
  width:17px;
  height:17px;
  margin-right:0.29em;
}


.classicon_dk {  
  background-image:url('./images/classicon_deathknight.jpg');
  background-size: 17px 17px;  
}
.classicon_druid {  
  background-image:url('./images/classicon_druid.jpg');
  background-size: 17px 17px;
}
.classicon_hunter {  
  background-image:url('./images/classicon_hunter.jpg');
  background-size: 17px 17px;
}
.classicon_mage {  
  background-image:url('./images/classicon_mage.jpg');
  background-size: 17px 17px;
}
.classicon_monk {  
  background-image:url('./images/classicon_monk.jpg');
  background-size: 17px 17px;
}
.classicon_paladin {  
  background-image:url('./images/classicon_paladin.jpg');
  background-size: 17px 17px;
}
.classicon_rogue {  
  background-image:url('./images/classicon_rogue.jpg');
  background-size: 17px 17px;
}
.classicon_shaman {  
  background-image:url('./images/classicon_shaman.jpg');
  background-size: 17px 17px;
}
.classicon_warlock {  
  background-image:url('./images/classicon_warlock.jpg');
  background-size: 17px 17px;
}
.classicon_warrior {  
  background-image:url('./images/classicon_warrior.jpg');
  background-size: 17px 17px;
}
.classicon_dh {  
  background-image:url('./images/classicon_dh.jpg?v=2');
  background-size: 17px 17px;
}
.classicon_priest {  
  background-image:url('./images/classicon_priest.jpg');
  background-size: 17px 17px;
}


#classtoggle {
	background-color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 250px;
	text-align:center;
	padding-top: 8px;
	padding-bottom:8px;	
	border: 1px solid #1E1E1E;
}

.req {
	color:#FF0004;
}

.block{
	display:block;
}
label.error{
	display:none;
	clear:both;
}

label.error, select.error, textarea.error, input.error {
    color:#FF0000;
}

.error {
	color:#FF0000;
}

input[type="submit"]:hover{
    border: 1px solid #999;
	color:#fff;
}


#link02 {
	background-color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	padding-top: 8px;
	padding-bottom:8px;	
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #1E1E1E;
	color: #e8e35e;
}

#link02:hover {
	background-color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 250px;
	text-align:center;
	padding-top: 8px;
	padding-bottom:8px;	
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #5E5E5E;
	color: #e8e35e;
}

/* popover */
#hover {
    position: relative;
}

#hover:hover {
}



#popup {
    opacity: 0;
    position: absolute;
    top: 62px;
    background-color:#000;
    border: 1px solid #5E5E5E;
    border-radius: 6px;
    height: 0px;
    padding: 0 12px;
    overflow: hidden;
    -webkit-transition: all 500ms;
    transition: all 500ms;
	
	 left: 50%;
  margin-left: -50px;
}


#hover:hover #popup {
    padding: 12px 12px;
    height: auto;
    opacity: 1;
    border: 1px solid #eeeeee;
	display: inline-block;
	position: absolute;
	width:150px;
	
}


#tooltip {
	width: 13px;
	height: 13px;
	background: url('http://www.wow-recruit.eu/images/tooltip_hover.svg');
	background-size: 100%;
	display: inline-block;
	top:-5px;
}

#tooltip:hover {
	background: url('http://www.wow-recruit.eu/images/tooltip.svg');
	background-size: 100%;
	z-index:999;
}

[tooltip]:before {            
    position : absolute;
    content : attr(tooltip);
    opacity : 0;
	display:none;
}

[tooltip]:hover:before {        
    opacity : 1;
	display: inline-block;
	background-color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 8px;
	padding-bottom:8px;	
	width: 150px;
	font-size: 12px;
	border: 1px solid #5E5E5E;
	color: #e8e35e;
}

#infobox {

padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 15px;
	
}


/*new*/
#infoboxhover {
float:left;
position: relative;

}

.tooltipcontainer {}
.tooltip2 {
	width:130px;
  display: none;
	border: 1px solid #5E5E5E;
  border-radius: 6px;
	padding: 0 12px;
	background-color:#000;

	
}
#infoboxhover:hover .tooltip2 {
	position: absolute;
    display:inline-block;
	z-index:999;
	color:#fff;
	top:25px;
	left:-1px;
}