body{background: #fff;}

a{color: #2a6e78; text-decoration: none;}
a:hover{color: #2faabc; text-decoration: underline;}

a.nav{color: #183d4b; text-decoration: none;}
a:hover.nav{color: #7a9eac; text-decoration: none;}

#table {
	/* font-size: 1.1em; */
	text-align: center;
	line-height: 23px;
	color: #6b6b6b;
	width: 850px;
	margin-top: 5px;
	font-size: 0.9em;
}

.list_item {
	text-align: center;
	width: 820px;
	height: 23px;
	line-height: 10px;
	font-size: 0.7em;
	font-family: verdana;

}
.list_item .list_1, .list_item2 .list_1 {
	width: 30px;
}
.list_item .list_2, .list_item2 .list_2 {
	width: 90px;
}
.list_item .list_3, .list_item2 .list_3 {
	width: 205px;
}
.list_item .list_4, .list_item2 .list_4 {
	width: 66px;
}
.list_item .list_5, .list_item2 .list_5 {
	width: 190px;
	
}
.list_item .list_6, .list_item2 .list_6 {
	width: 88px;
}
.list_item .list_6 img {
	margin: 0;
}
.list_item .list_7, .list_item2 .list_7 {
	width: 65px;
}
.list_item .list_8, .list_item2 .list_8 {
	width: 82px;
}

.list_item div, .list_item2 div { float: left;}

.clear { clear: both; }

.formerror {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: 400px;
  padding: 5px 0;
  font-size: 12px;
  font-family: verdana;
  margin: 10px 10px 10px 185px;
}

.formsuccess {
  border: 1px solid green;
  background-color : #69ce6e;
  width: 400px;
  padding: 5px 0;
  font-size: 12px;
  font-family: verdana;
  margin: 10px 10px 10px 185px;
}

li
{
	list-style: none;
}

#links
{
text-align: left;
margin-left: 0px;
}

#outer
{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container 
{
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 468px;
}

#inner 
{
width: 800px;
height: 468px;
text-align: center;
margin-left:auto;
margin-right:auto;
}

.box
{
	position: absolute;
	background-color: #fff;
	border: 1px dashed #aeaeae;
}

.hidden { display: none; }

/* tables */

table.main
{
text-align: center;
font-size: 12px;
font-family: verdana;
margin-left: 50px;
}

table.contact
{
text-align: center;
font-size: 12px;
font-family: verdana;
margin-top: 20px;
}

table.sms
{
text-align: center;
font-size: 12px;
font-family: verdana;
margin-left: 190px;
margin-top: 40px;
}

table.sms_price
{
text-align: center;
font-size: 12px;
font-family: verdana;
margin-left: 190px;
margin-top: 10px;
}

table.register
{
margin-left: 250px;
margin-top: 15px;
font-size: 12px;
font-family: verdana;
}

table.server_info
{
margin-left: 280px;
text-align: left;
font-size: 11px;
font-family: verdana;
}

table.user_zone
{
margin-left: 185px;
font-size: 11px;
font-family: verdana;
}

table.user_zone2
{
margin-left: 214px;
font-size: 11px;
font-family: verdana;
}

table.user_zone3
{
margin-left: 204px;
font-size: 11px;
font-family: verdana;
}

table.vote_code
{
margin-left: 180px;
margin-right: 250px;
margin-top: 35px;
text-align: left;
font-size: 11px;
font-family: verdana;
}

table.login
{
margin-top: 15px;
margin-left: 250px;
font-size: 12px;
font-family: verdana;
}

table.passwd_change
{
font-size: 11px;
font-family: verdana;
margin-top: 10px;
margin-left: 160px;
}

table.repass
{
font-size: 11px;
font-family: verdana;
margin-top: 10px;
margin-left: 260px;
}

table.rps
{
font-size: 11px;
font-family: verdana;
margin-top: 10px;
margin-left: 220px;
}
/* table end */

/* inputs */
input.vote
{
border: 1px solid #aeaeae;
margin-left: 42px;
}

input.vote_submit
{
border: 1px solid #aeaeae;
margin-right: 70px;
}

input.form
{
border: 1px solid #aeaeae;

}

input.contact
{
border: 1px solid #aeaeae;
font-size: 12px;
font-family: verdana;
}

textarea.contact
{
border: 1px solid #aeaeae;
font-family: verdana;
font-size: 12px;
}

/* inputs end */

/*li style*/

li.error
{
list-style: none;
text-align: center;
margin-top: 10px;
margin-left: 50px;
font-size: 12px;
font-family: verdana;
}

/* li style end*/

/* other */

.vote_img
{
margin-top: 15px;
}

.captcha
{
margin-left: 280px;
margin-top: 30px;
}

.code_submit
{
padding-top: 10px;
padding-left: 100px;
}

.sp
{
margin-right: 10px;
}

.top
{
color: #FFFFFF;
background-color: #0e4355;
font-size: 12px;
font-family: verdana;
}

.menu
{
text-align: center;
}

.nav
{
border: 1px dashed #979797;
background-color: #22719f;
margin: 2px;
color: #FFFFFF;
}

#menutip { 
    display:none; 
    background:transparent url(../image/black_arrow_small.png); 
    font-size:12px; 
    height:21px; 
    width:90px; 
    padding:25px; 
	text-align: center;
    color:#fff;     
}

#menutipusr { 
    display:none; 
    background:transparent url(../image/black_arrow_small_usr.png); 
    font-size:12px; 
    height:31px; 
    width:110px; 
    padding:25px; 
	text-align: center;
    color:#fff;     
}

.hints { 
    display:none; 
	max-width: 320px;
	text-align: left;
    background-color:#ffa; 
    border:1px solid #cc9; 
    padding:3px; 
    font-size:11px;
	font-family: verdana;
    -moz-box-shadow: 2px 2px 11px #666; 
    -webkit-box-shadow: 2px 2px 11px #666; 
}
#hints_trig img {
	border:0;
	cursor:pointer;
	margin-left:11px;
}

/* other end */

/* web */

#header_top
{
	background-image: url('../image/web/header_top.jpg');
	background-repeat: no-repeat;
	width: 776px;
	height: 156px;
	margin-left: 4px;
}

#header
{
	background-image: url('../image/web/header.png');
	background-repeat: no-repeat;
	width: 770px;
	height: 21px;
	margin-top: 24px;
}

#header_bottom
{
	background-image: url('../image/web/header_bottom.png');
	background-repeat: no-repeat;
	width: 770px;
	height: 21px;
	margin-top: 15px;
}

#footer
{
	background-image: url('../image/web/footer.png');
	background-repeat: no-repeat;
	width: 800px;
	height: 50px;
}

#leftcolumn{
float:left;
width:150px;
padding: 5px;
padding-left: 8px;

}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#leftcolumn a:hover{
background-color: #fff;
}

#rightcolumn{
float:left;
width:550px;
border-left: 1px solid #bcbcbc;
margin-left: 10px;
padding: 10px;
padding-bottom: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}

input.menu_btn
{
background-image: url('../image/web/news.png');
width: 48px;
height: 48px;
margin-top: 5px;
}

img.news
{
margin-right: 20px;
}

img.updates
{
}

/* web end */

#nav {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 4px;
	width: 766px;
	height: 24px;
	font-size: 12px;
	font-family: verdana;
}

#nav a{
display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#333;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
background: #333;
width: 766px;
margin-left: 4px;
padding-top: 2px;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.6em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
background: #4a4a4a;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}