body{
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal ;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	scrollbar-base-color: #725938;
}
a:link {color: #FBA342;font-weight: bold;text-decoration: none;font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 11px;}
a:active {color: #F38305;font-weight: bold;text-decoration: none;font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 11px;}
a:visited {color: #FBA342;font-weight: bold;text-decoration: none;font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 11px;}
a:hover {color: #F38305;font-weight: bold;text-decoration: none;font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 11px;}
.clr {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}
.header{
	height: 35px;
	font-size: 25px;
	font-weight: none;
	color: #FDC56E;
	height: 170px;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
/*Drop menu start*/
#langBar{position: absolute; height: 22px;}
	/*#langBar .Selectbox { background-color:#BFAB8C; float:left; margin: 0px; z-index: 3100; position: absolute;}*/
	#langBar .Selectbox { background-color:#BFAB8C; margin: 0px; z-index: 3100; position: absolute; top: 4px; left: 3px}
	#langBar .Selectbox2 { background-color:#BFAB8C; margin: 0px; z-index: 3100; position: absolute; top: 4px; left: 720px; width: 124px}
	#langBar #LangSelect .SelectArea {width:124px; padding: 0px; height:17px !important; font: 12px Arial, sans-serif;}
	#langBar #LangSelect2 .SelectArea {width:124px; padding: 0px; height:17px !important; font: 12px Arial, sans-serif;}
	#langBar #LangSelect .OptionsDivVisible {width:128px;}
	/*#langBar .SelectButton { background: url(vn.gif) no-repeat; float:right; width:17px; height:17px !important; }*/
	#langBar .SelectText {cursor:pointer; float:left; overflow:hidden; padding:0px; width:68px;color: #5b3021}
	#langBar #LangSelect .SelectText {width:107px;height: 17px}
	#langBar #LangSelect2 .SelectText {width:107px;height: 17px}
.OptionsDivInvisible, .OptionsDivVisible { background-color: #BFAB8C !important; border: 1px solid #4B3F38; width:90px; z-index: 3100; }
.OptionsDivInvisible {display: none;} /*{display: block;} */
.OptionsDivVisible {display: none;} /*{display: block;} */
.OptionsDivVisible ul {  width:129px; border:0; font: 12px Arial, sans-serif; list-style: none; list-style-type: none; margin:0; padding:0px; overflow:auto; overflow-x:hidden; }
.OptionsDivVisible ul li { height:14px; padding:0px; background-color:#BFAB8C; color:#554229; font-family:"Arial"; font-size:12px; font-weight:normal; text-align:left;}
.OptionsDivVisible ul.ListHeight {height:240px}
.LangList a {min-width:102px; font-size: 12px; color:#554229; text-decoration: none;}
.OptionsDivVisible li:hover {background-color: #5b3021;}
.OptionsDivVisible li a {color: #5b3021 !important;display:block;}
.OptionsDivVisible li a:hover {color: #dcbb96 !important;}
.OptionsDivVisible li.Active {background-color: #5b3021 !important;}
.OptionsDivVisible li.Active a {color: #dcbb96 !important;}
.OptionsDivVisible ul.ListHeight {height:240px}
.OptionsDivVisible ul.ListHeight2 {height:56x}
.OptionsDivVisible ul.LangList .ListHeight li {width:100%;}
.SelectText { height:14px !important; padding-left: 22px; padding-bottom: 1px;}
.mLangs{ background: transparent url('../images/homepage/gui/mflags1.gif') no-repeat; height:14px !important; padding-left: 22px;}


.op_BG {background-position:left 0px !important}
.op_EN {background-position:left -14px !important}
.op_IT {background-position:left -28px !important}
.op_ES {background-position:left -42px !important}
.op_FR {background-position:left -56px !important}
.op_PL {background-position:left -70px !important}
.op_NL {background-position:left -84px !important}
.op_PT {background-position:left -98px !important}
.op_TR {background-position:left -112px !important}
.op_MK {background-position:left -126px !important}
.op_RO {background-position:left -140px !important}
.op_RU {background-position:left -154px !important}
.op_CZ {background-position:left -168px !important}
.op_PH {background-position:left -182px !important}
.op_RS {background-position:left -196px !important}
.op_GR {background-position:left -210px !important}
.op_HU {background-position:left -224px !important}
.op_HR {background-position:left -238px !important}
.op_LT {background-position:left -252px !important}
.op_DE {background-position:left -266px !important}
.op_AE {background-position:left -280px !important}
.op_SK {background-position:left -294px !important}
.op_UA {background-position:left -308px !important}
.op_ID {background-position:left -322px !important}
/*Drop menu end*/
.login {
	width: 378px;
	height: 382px;
	background: url('../images/homepage/gui/bg_login.jpg') no-repeat;
}
.flags{
	padding: 5px 16px 3px 10px;
	float:left;
}
.gName{
	padding-top: 100px;
	padding-left: 50px;
	font-weight: normal;
	/*font-size:30px;*/
}
.menu{
	height: 34px;
	background: url('../images/homepage/gui/menu.jpg') no-repeat;
	padding-right:40px;
}
.menu a{
	display:block;
	float: right;
	padding:9px 10px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.menu a:link {color: #FBA342;}
.menu a:active {color: #F38305;}
.menu a:visited {color: #FBA342;}
.menu a:hover {color: #F38305;}
a.red:link {color: #dd0000;}
a.red:active {color: #fff;}
a.red:visited {color: #dd0000;}
a.red:hover {color: #fff;}
a.pRecov{
	font-size: 11px;
	font-weight: normal;
}
a.pRecov:link {color: #000;}
a.pRecov:active {color: #fff;}
a.pRecov:visited {color: #000;}
a.pRecov:hover {color: #dd0000;}

a.realmsName{
	font-size: 11px;
	font-weight: normal;
}
a.realmsName:link {color: #000;}
a.realmsName:active {color: #F38305;}
a.realmsName:visited {color: #000;}
a.realmsName:hover {color: #E7DCBC;}
.content_s{
	background: url('../images/homepage/gui/bg_right2.jpg') no-repeat;
	padding: 40px 87px 0px 0px;
	width: 364px;
	text-align: left;
}
.content_s div{
	width:280px;
}
ul.content_ss  {margin-left: 0px;
	padding-left: 0px;;
	margin-bottom: 5px;
	font-weight: none;
	font-size: normal;
	font-weight: bold;
}
ul.content_ss li a{
	color: #000;
	font-color: #000;
	font-weight: bold;
	font-size: 14px;
}
ul.content_ss li a:hover {color: #DD0000;}
ul.content_ss li {
		background:url('../images/homepage/gui/dot.jpg') 0px 6px no-repeat;
		padding-left: 10px;
		padding-bottom: 10px;
		list-style: none;
	}
ul.content_ss ul li { background-image: url('../images/homepage/gui/dot.jpg'); }

.main_top{
	width:430px;
	padding-bottom:0px;
	background: url('../images/homepage/gui/bg_content.jpg');
}
.content_top{
	height: 36px;
	width: 430px;
	background: url('../images/homepage/gui/content_top.jpg') no-repeat;
}

.flogin{
	background: url('../images/homepage/gui/bg_login2.jpg') no-repeat;
	height: 392px;
	width: 293px;
	padding: 40px 0px 0px 130px;

}
.flogin input{
	width: 70px;
	height: 15px;
	background-color: #C4AD8C;
	border: 3px double #000;
}
.flogin input.sbm{
	width: 78px;
	height: 23px;
	margin:8px 0px 0px 0px;
	background-color: #C4AD8C;
	border: 3px double #000;
}
.footer{
	height: 9px;
	padding-left: 28px;
	background: url('../images/homepage/gui/footer.jpg') no-repeat;
}
.banner{
	background: url('../images/homepage/gui/banner.jpg') no-repeat;
	padding:17px 0px 2px 6px;
}
.banner_none{
	background: url('../images/homepage/gui/baner_none.jpg') no-repeat;
	padding:17px 0px 2px 7px;
}
.bcl{
	width: 378px;
	background: url('../images/homepage/gui/bg_cleft.jpg') repeat-y top right;
}
.bcr{
	background: url('../images/homepage/gui/bg_cright.jpg') repeat-y top left;
}
.bcrd {
	height: 382px;
	width: 63px;
	background: url('../images/homepage/gui/bg_right.jpg') repeat-y top left;
}
.tip11 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Comic Sans,Tahoma, Verdana, Arial, sans-serif;
	border-collapse: collapse;
	border: 1px solid #4B3F38;
	/*background-color:#9F8F78;*/
	color: #342012;
}
.tip12 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Comic Sans,Tahoma, Verdana, Arial, sans-serif;
	border-collapse: collapse;
	border: 1px solid #4B3F38;
	/*background-color:#9F8F78;*/
	color: #342012;
}
.trTopLine {
	border-top: 1px solid #554229;
}
.trBotLine {
	border-bottom: 1px solid #554229;
}
.control2
{
	font-family: "Arial";
	font-size: 12px;
	color: #554229;
	line-height: 14px;
	/*height:16px;*/
	border: 1px solid #4B3F38;
	background-color: #BFAB8C;
	font-weight: normal;
	/*width: 120px;*/
	text-align: left;
}
.button2 {
font-family: "Arial";
font-size: 12px;
color: #E7DCBC;
border: 1px solid #4B3F38;
background-color: #4B3F38;

background-image: url(../images/button01.gif) ;
height:20px;
}
.tip1 {
	background-color:#D6C59A;
}
.tip0 {
	background-color:#E7DCBC;
}
.header10{
	border-right: 1px solid #4B3F38;
	font-weight:bold;
	text-align:center;
	color:#7C6B50;
}
.error
{
	color: #BB0000;
	font-color: #BB0000;
}
a.Svqt{

}


.fmenur{
	font-size:11px;
	float:right;
	color: #9f9785;
	padding-right:40px;
}

.fmenur a{
	/*display:block;*/
	/*float:left;*/
	padding:0px 9px 0px 9px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.fmenur a:link {color: #FBA342;}
.fmenur a:active {color: #F38305;}
.fmenur a:visited {color: #FBA342;}
.fmenur a:hover {color: #F38305;}

.partniori{
	font-size: 11px;
	font-weight: normal;
	color: #261C0B;
	padding: 4px;
}
.partniori td{
	border: 1px solid #000;
}

.partniori.a{
	font-size: 11px;
	font-weight: normal;
}
.partniori a:link {color: #000;}
.partniori a:active {color: #fff;}
.partniori a:visited {color: #000;}
.partniori a:hover {color: #dd00;}
/*table.tip1{  border-collapse: collapse;	border: 1px solid #4B3F38;	   color : #554229;   font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 15px; }

tr.tip0{background-color:#5A3D1B;}
tr.tip1{background-color:#3E2B13;}*/
.picshot {
	font-family: "Arial";
	font-size: 12px;
	color: #fff;
	border: 1px solid #4B3F38;
	background-color: #4B3F38;
}
.jobs{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 4px;
}
.passMes {
	color:#554229;border-top:1px solid #554229;line-height:16px; padding: 2px 4px 2px 4px; font-size: 11px;
}
.copyRight {
color:#9f9785;font-size:11px;padding: 30px 48px 20px 20px;
text-align: right;
}

/**
 * pretty selects
 */
.pretty-select {
	background-color: #bfab8c;
	width: 130px;
	line-height: 16px;
	text-align: left;
	position: relative;
}

.pretty-select a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #5b3021;
	padding-left: 22px;
	background-image: url('../gui/flags.png');
	background-position: 2px 0;
	background-repeat: no-repeat;
}

.pretty-select a:hover {
	text-decoration: none;
}

.currently-selected {
	display: block;
	font-weight: normal;
	position: relative;
}

.currently-selected em {
	font-style: normal;
	display: block;
	background: url('http://www13.imperiaonline.org/static/homepage/gui/arrow_down.jpg') no-repeat top right;
}

.currently-selected em.opened {
	background-image: url('http://www13.imperiaonline.org/static/homepage/gui/arrow_up_on.jpg');
}

.pretty-select ul {
	border-top: 1px solid #000;
	background-color: #bfab8c;
	display: none;
	padding: 0;
	margin: 0;
}

.pretty-select li {
	display: block;
}

.pretty-select li a:hover {
	color: #bfab8c;
	background-color: #5b3021;
	text-decoration: none;
}

.locale-bg,
#locale-bg {
	background-position: 2px 0 !important;
}

.locale-en .currently-selected,
#locale-en {
	background-position: 2px -14px !important;
}

.locale-it .currently-selected,
#locale-it {
	background-position: 2px -28px !important;
}

.locale-es .currently-selected,
#locale-es {
	background-position: 2px -42px !important;
}

.locale-fr .currently-selected,
#locale-fr {
	background-position: 2px -56px !important;
}

.locale-pl .currently-selected,
#locale-pl {
	background-position: 2px -70px !important;
}

.locale-pt .currently-selected,
#locale-pt {
	background-position: 2px -98px !important;
}

.locale-tr .currently-selected,
#locale-tr {
	background-position: 2px -112px !important;
}

.locale-ro .currently-selected,
#locale-ro {
	background-position: 2px -140px !important;
}

.locale-hr .currently-selected,
#locale-hr {
	background-position: 2px -238px !important;
}

.locale-de .currently-selected,
#locale-de {
	background-position: 2px -266px !important;
}

.locale-gr .currently-selected,
#locale-gr {
	background-position: 2px -210px !important;
}

.locale-ae .currently-selected,
#locale-ae {
	background-position: 2px -280px !important;
}

#globalization-select {
	position: absolute;
	top: 8px;
	left: 48px;
}

#mmo-select {
	padding: 8px 6px 0 0;
	float: right;
}

#mmo-select .pretty-select a {
	background-image: none;
	padding-left: 2px;
}

/**
 * button
 */
.button {
	display: inline-block;
	position: relative;
	height: 22px;
}

.button button {
	background-image: url('../gui/design/button.png');
	background-position: 0 -22px;
	background-repeat: repeat-x;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding: 0 17px;
}

.button i,
.button em {
	background-image: url('../gui/design/button.png');
	background-repeat: no-repeat;
	height: 22px;
	position: absolute;
	top: 0;
	width: 10px;
}

.button em {
	background-position: -10px 0;
	left: 0;
	padding-left: 2px;
}

.button i {
	background-position: 0 0;
	right: 0;
}

button:active {background-position: 0 100%}
button:active i {background-position: 0 -44px}
button:active em {background-position: -10px -44px}


#joinR {width: 98%; margin: auto;}
#joinR td {padding: 2px;}

#joinR .realm {text-align: left; vertical-align: middle;}
#joinR .jButton {text-align: center; vertical-align: middle;}