body {
	color: #FFFFFF;
	background-color: #01141b;
	margin: 0 auto;
	max-width: 430px;
	font: 16px Verdana;
	line-height: 1.6;
	background-attachment: fixed;
}
h1, h2, form, html, p, div, span, table, tbody, td, tr, img { margin: 0; padding: 0;}
body, table, td, th, input, textarea, select {
}
a {
    color: #ffff00;
	outline: none;
	text-decoration:none;
}
a :visited{
    color: #945224;
	outline: none;
	text-decoration:none;
}
a:hover { color: #945224; text-decoration: none;}


table {border: 0; border-spacing: 0px; border-collapse: collapse; table-layout: fixed; display: table;}

img {vertical-align: middle;}


input[type~="submit"]{
width: 80%;
background: #006633;
background: linear-gradient(25deg,#006633,#006699);
padding: 7px;
color: #fff;
margin: 1px;
}

input[type~="text"]{
padding: 7px;
color: #000000;
margin: 1px;
}
input[type~="password"]{
padding: 7px;
color: #000000;
margin: 1px;
}

select{
width: 50%;
padding: 7px;
color: #000000;
margin: 1px;
}

.game_page{
background: url(day.jpg) 50% 0 no-repeat;
background-size: cover;
border-radius: 7px;
}

.page_input{
border-radius: 7px;
background: #002233;
background: linear-gradient(#000000,#336699);
box-shadow: inset rgb(0,170,0) 0 -1px 1px, inset 0 1px 1px rgb(0,170,0), rgb(0,170,0) 0 0 0 1px, #000 0 10px 15px -10px;
background-position: 50% 50%;
}

.page_input_close{
border-radius: 7px;
background: #001100;
box-shadow: inset rgb(0,120,0) 0 -1px 1px, inset 0 1px 1px rgb(0,120,0), rgb(0,120,0) 0 0 0 1px, #000 0 10px 15px -10px;
background-position: 50% 50%;
}

.kvest{
border-radius: 7px;
background: #002233;
background: linear-gradient(#000000,#336699);
box-shadow: inset rgb(0,170,0) 0 -1px 1px, inset 0 1px 1px rgb(0,170,0), rgb(0,170,0) 0 0 0 1px, #000 0 10px 15px -10px;
}

.line{
background: #005500;
background: linear-gradient(#999900,#006600);
background-size: cover;
border-radius: 7px;
text-align: center;
}

.novic{
background: #303030;
background: linear-gradient(#303030,#303030);
background-size: cover;
border-radius: 7px;
text-align: center;
}

.head{
background: #002244;
padding: 7px 3px 3px 3px;
}


.input_down_left{
border-radius: 7px 0 0 0;
background: #004422;
background: linear-gradient(#004400,#336699);
background-position: 50% 50%;
padding: 2px;
text-align: right;
}
.input_down_left_center{
background: #336699;
background: linear-gradient(#336699,#336699);
background-position: 50% 50%;
padding: 2px;
text-align: right;
}
.input_down_left_buttom{
border-radius: 0 0 0 7px;
background: #003322;
background: linear-gradient(#336699,#004400);
background-position: 50% 50%;
padding: 2px;
text-align: right;
}

.input_down_right{
border-radius: 0 7px 0 0;
background: #004422;
background: linear-gradient(#004400,#336699);
background-position: 50% 50%;
padding: 2px;
}
.input_down_right_center{
background: #336699;
background: linear-gradient(#336699,#336699);
background-position: 50% 50%;
padding: 2px;
}
.input_down_right_buttom{
border-radius: 0 0 7px 0;
background: #003322;
background: linear-gradient(#336699,#004400);
background-position: 50% 50%;
padding: 2px;
}

.box{
background: #003377;
background: linear-gradient(-90deg,#002266,#006633);
border-radius: 7px;
}

.tor{
background: #003333;
background: linear-gradient(10deg,#003333,#115533);
border-radius: 7px;
}

.bat{
background: #001133;
}

.mag{
position: relative;
  font-weight: bold;
  color: #ffff00;
  text-decoration: none;
  text-shadow: 0 -1px 1px #cc5500;
  user-select: none;
  padding: 5px;
  outline: none;
  border-radius: 1px;
  background: rgb(30,80,80);
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
  box-shadow: inset rgb(20,60,60) 0 -1px 1px, inset 0 1px 1px rgb(20,60,60), rgb(20,60,60) 0 0 0 1px, #000 0 10px 15px -10px; text-align: center;
}
.elic{
position: relative;
  font-weight: bold;
  color: #ffff00;
  text-decoration: none;
  text-shadow: 0 -1px 1px #cc5500;
  user-select: none;
  padding: 5px;
  outline: none;
  border-radius: 1px;
  background: rgb(30,50,80);
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
  box-shadow: inset rgb(20,40,60) 0 -1px 1px, inset 0 1px 1px rgb(20,40,60), rgb(20,40,60) 0 0 0 1px, #000 0 10px 15px -10px; text-align: center;
}



.bts{border-top: 1px #999999 solid;}
.brs{border-right: 1px #999999 solid;}
.bls{border-left: 1px #999999 solid;}
.bbs{border-bottom: 1px #999999 solid;}

.btd{border-top: 1px #999999 dotted;}
.brd{border-right: 1px #999999 dotted;}
.bld{border-left: 1px #999999 dotted;}
.bbd{border-bottom: 1px #999999 dotted;}

.btda{border-top: 1px #999999 dashed;}
.brda{border-right: 1px #999999 dashed;}
.blda{border-left: 1px #999999 dashed;}
.bbda{border-bottom: 1px #999999 dashed;}

.p { padding: 3px;}
.m {margin-top: 3px; margin-bottom: 3px;}