body {background: #E8EEF0 url(resource/img/bg.gif);}

select {font: 12px Сambria, Arial, Tahoma, sans-serif;	color: #444; padding: 1px;  border: 1px solid #D2D9DC;
	border-radius: 3px;	box-shadow: inset 2px 2px 4px #EBEBEB, 0 0 0 3px #F7F9FA; margin:4px;	outline: none;}
#loginForm {	width: 290px;	padding: 24px 24px 0;	margin: 2px auto 0;	background: #FEFEFE;  border: 1px solid #CAD8DE;	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);	font: 14px/18px Cambria, Arial, Tahoma, sans-serif;	color: #444;}
#loginForm .field {margin: 0 0 18px;}
#loginForm .field label {	display: block;	margin: 0 0 11px;}
#loginForm .field .input  {  border-radius: 4px;}
#loginForm .field input {font: 12px Сambria,  Arial, Tahoma, sans-serif; width: 100%; color: #444;	padding: 8px; width: 262px; border: 1px solid #D2D9DC;
	border-radius: 3px;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;	outline: none;}
#loginForm .field input:focus {	border-color: #B7D4EA;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;}

#loginForm .soc {margin: 0 0 18px;}

#loginForm .soc .input  {  border-radius: 4px;}
#loginForm .soc input {font: 12px Сambria,  Arial, Tahoma, sans-serif; padding: 8px;	color: #444; 	width: 123px; border: 1px solid #D2D9DC;
	border-radius: 3px;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;	outline: none;}
#loginForm .soc input:focus {	border-color: #B7D4EA;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;}

#loginForm .soc select {font: 12px Сambria,  Arial, Tahoma, sans-serif;	margin:0px; color: #444; padding: 7px;	width: 110; border: 1px solid #D2D9DC;
	border-radius: 3px;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;	outline: none;}

#forgot {	float: right;  font-size: 15px;	color: #ababab;  text-decoration: none;	margin: 0;}
#forgot:hover {	color: #444;  text-decoration: underline;}

#loginForm .submit {	overflow: hidden;	margin: 30px -24px 0;	padding: 22px 24px;	background: #F0F5F7; 	border-top: 1px solid #DDE0E8;
	border-radius: 0 0 4px 4px;	box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;  font-size: 11px;}

#remember {display: block;	margin: 5px 0 0; cursor: pointer;}
#remember input {	margin: 0 1px 0 0;	vertical-align: middle; font-size: 15px;	}

#loginForm .submit button {float: left;	padding: 6px 10px;	height: 30px;  border-top: 1px solid #98CCE7;  border-bottom: 1px solid #7DB0CC; 
	border-left: 1px solid #8CBFD9;  border-right: 1px solid #8CBFD9;  border-radius: 15px;	color: #FFF;  font: bold 13px Cambria, Arial, Tahoma, sans-serif;	box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;	background: -moz-linear-gradient(top,  #badff3 0%, #7acbed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
	background: -webkit-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -o-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -ms-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background-color: #9FD7F0;
	cursor: pointer;
	text-shadow: 0 -1px rgba(0,0,0,0.15);
	outline: none;

}
.field {margin: 0 0 5px;}
.soc {margin: 0 0 5px;}
.idsend {margin: 15px 0 5px;}

.field label {	display: block;}

.field .input {  border-radius: 4px;}
.soc .input {  border-radius: 4px;}
.idsend .input {  border-radius: 4px;}

.soc input {font: 12px Сambria,  Arial, Tahoma, sans-serif;color: #444;width: 45px;padding: 5px 5px;  border: 1px solid #D2D9DC;border-radius: 3px;	outline: none;}
.idsend input {font: 12px Сambria,  Arial, Tahoma, sans-serif;color: #444;width: 80px;padding: 5px 5px;  border: 1px solid #D2D9DC;border-radius: 3px;	outline: none;}
.field  input {font: 12px Сambria,  Arial, Tahoma, sans-serif;color: #444;padding: 5px 5px;  border: 1px solid #D2D9DC;border-radius: 3px;	outline: none;}
.field  input[type=image]  {font: 12px Сambria,  Arial, Tahoma, sans-serif;color: #444; width: 162px;	padding: 5px 5px;  border: 1px solid #D2D9DC;border-radius: 3px;	outline: none;}

.soc input:focus {	border-color: #B7D4EA;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;}
.idsend input:focus {	border-color: #B7D4EA;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;}
.field input:focus {	border-color: #B7D4EA;	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;}

.field [type=submit]{ width: 174px; padding: 5px; margin-bottom: 10px;cursor: pointer;}

#loginForm .submit input[type=text] { width: 50px; padding: 10px; margin-bottom: 5px;}

#loginForm .submit img { padding: 0px; margin-bottom: -10px }

#loginForm .submit [type=submit]{ padding: 8px; margin-bottom: 5px;cursor: pointer;}

#loginForm .submit button::-moz-focus-inner{border:0}

#loginForm .submit input {  font: 12px cambria, Arial, Tahoma, sans-serif; color: #444; padding: 9px 13px;  border: 1px solid #D2D9DC;
	border-radius: 3px;	box-shadow: inset 2px 2px 6px #F0F5F7, 0 0 0 5px #F0F5F7;	outline: none;}

ul#navigation {position: fixed;margin: 0px;padding: 0px;top: 0px;list-style: none;z-index:9;
}
ul#navigation li {width: 83px;display:inline;float:center; 
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -10px;
    width: 59.5px;
    height: 20px;
    background-color:#4800FF;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:67px;
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  
}
ul#navigation li a:hover{
     background-color:#0000FF;
}
ul#navigation li a span{
    letter-spacing: 1.5px;
    font-size:10px;
    color:#fff;     
}
ul#navigation .profile a{background-image: url(../resource/img/menu/profile.png);background-size: contain;}
ul#navigation .info a{background-image: url(../resource/img/menu/bag.png);background-size: contain;}
ul#navigation .arena a{background-image: url(../resource/img/menu/arena.png);background-size: contain;}
ul#navigation .boss a {background-image: url(../resource/img/menu/units.png);background-size: contain;}
ul#navigation .clanm a{background-image: url(../resource/img/menu/clans.png);background-size: contain;}
ul#navigation .tours a{background-image: url(../resource/img/menu/tours.png);background-size: contain;}
ul#navigation .tops a{background-image: url(../resource/img/menu/tops.png);background-size: contain;}
ul#navigation .shop a{background-image: url(../resource/img/menu/market.png);background-size: contain;}
ul#navigation .help a{background-image: url(../resource/img/menu/craft.png);background-size: contain;}
ul#navigation .mult a{background-image: url(../resource/img/menu/comunity.png);background-size: contain;}
ul#navigation .units a{background-image: url(../resource/img/menu/common.png);background-size: contain;}
ul#navigation .pay a{background-image: url(../resource/img/menu/vip.png);background-size: contain;}
ul#navigation .logout a{background-image: url(../resource/img/menu/exit.png);background-size: contain;}