/* Select area */
.mutateSelect{
	background: url(http://gf2.geo.gfsrv.net/cdnb9/a82853e8dd941a140214d986be8e3f.png) no-repeat;
	border:1px solid #999;
	border-color:#c7c9cc;	
	cursor:default;
	font-size:11px;
	height: 18px;		
	line-height:18px;	
	overflow:hidden;
	padding:0;		
	position: relative;
	text-shadow:none;
}

.mutateSelect .center {
	background-color:#ffffff;
	border:0px;
	color:#000;
	display:block;
	font-weight:normal;
	height: 18px;
	line-height:18px;
	margin:0 2px 0 22px;
	padding:0px;
}
.mutateSelect .center img{
	margin:0px 2px 0 2px;
}

.mutateSelect .active {
	background-color: #D1E3EF !important;
	margin:0 0 0 20px !important;
	padding:0 2px 0 2px !important; 
}
.mutateSelect input {
	border:0px;
	height:15px;
	line-height:15px;
	width:100%;
}
/*Selects drop-down*/
.mutateOptions {
	background-color: #E9F2F9;
	border: 1px solid #999;
	display: block;
	font-size: 11px;
	overflow:auto;
	padding-top:3px;
	position: absolute;
	z-index: 3000;
}
.mutateOptions ul {
	list-style: none;
	margin:0;
	overflow:hidden;
	padding:0px;
}
.mutateOptions li {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 0 1px;
	height:18px;
	line-height:16px;
}

.mutateOptions li img{
	margin:0px 2px 0 2px;
}

.mutateOptions li.active {
	background-color: #D1E3EF;
	color: #000;
}
* html .mutateOptions {overflow:visible; overflow-x:hidden; overflow-y:auto;}

.mutateSelect .mmoflag {
	margin:2px 0 0 5px;
	padding:0;
	width:21px !important;
}
.mutateSelect .mmoflag img {
	margin:0;
}
.mutateOptions .mmoflag {
	margin:0 0 0 5px;
	padding:0;
	width:21px !important;
}
.mutateOptions .language img{
	margin:0;
}
.mutateOptions .selectCharakter img{
	position:relative;
	margin:0px 0px 0px 5px;
}
.mutateOptions .selectProfile img{
	position:relative;
	margin:0px 0px 0px 5px;
}

.mutateOptions .selectProfile li {
	height:26px;
	line-height:26px;
}

.mutateOptions .messenger li{
	height:22px;
	line-height:22px;
}

.mutateOptions .messenger img {
	position:relative;
	margin:1px 0px 0px 5px;
	height:20px;
}

.mutateSelect .messenger img {
	position:relative;
	margin:1px 0px 0px 5px;
	height:18px;
}

.mutateSelect .game img {
	position:relative;
	margin:1px 0px 0px 5px;
	height:18px;
}

.mutateOptions .game li {
	height:25px;
}
.mutateChar{
	float:right;
}
.undisplayedFocus {
	background-color: inherit !important;
	border:0px !important;
	height:0px !important;
	line-height:0px !important;
	margin:0px !important;
	padding:0px !important;
	position:absolute !important;
	right:-3000px !important;
	width:0px !important;
}
* html .undisplayedFocus {right:0px !important;	top:-3000px !important;}

div.html2Select {
	background-color:#fff;
	border:1px solid #999;
	border-color:#c7c9cc;
	font-size:11px;
	padding:0;
	position: relative;
	height: 18px;
	line-height:18px;
	overflow:hidden;
	cursor:pointer;
	width:163px;
	z-index:2999;
}
div.html2Select .dropdownIcon{
	background: url(http://gf2.geo.gfsrv.net/cdnb9/a82853e8dd941a140214d986be8e3f.png) no-repeat right top ;
	position:absolute;
	left:0px;
	z-index: 3001;
	width:21px;
	height:18px;
}

div.html2Select:hover{
	overflow:visible;
}

div.html2Select.language ul.html2Options{
	width:163px;
}

div.html2Select.language .maxWidth{
	overflow:hidden;
}
*html div.html2Select.language .maxWidth{
	width:163px;
}
div.html2Select ul.html2Options{
	background-color: #E9F2F9;
	border: 1px solid #999;
	display: block;
	font-size: 11px;
	padding-top:3px;
	position: absolute;
	z-index: 3000;
	right:-1px;
	overflow:auto;
	max-height:200px;
	cursor:pointer;
}

div.html2Select ul.html2Options li a{
	color: #000;
	cursor:pointer;
}

div.html2Select ul.html2Options li {
	cursor:pointer;
}

div.html2Select ul.html2Options li:hover {
	background-color: #D1E3EF;
}

div.html2Select .mmoflag {
	margin:2px 5px 0px 2px;
}