body,html {
margin: 0px;
padding: 0px;
font-family: Tahoma, "Lucida Grande", Verdana, hei;
overflow-x: hidden;
-webkit-text-size-adjust: none;
-webkit-user-select: none;
background: #FAFAFA url("/bbs/images/touch/bg_2.jpg") no-repeat;
}

img {
border: 0
}

div#header {
left: 0px;
top: 0px;
margin: 0;
padding: 0;
}
div#nav {
background-repeat: repeat-x;
overflow: hidden;
position: relative;
height:40px;
background: url("/bbs/images/touch/nav_bg.png");
}

body > div.navBar.closed { display: none; }
body > div.navBar.open { display: block; }
div.navBar ul {
font-size: 15px;
left: 0px;
margin: 0 auto;
padding: 0;
position: absolute;
}
div.navBar ul li {
color: #FFF;
cursor: pointer;
float: left;
font-weight: bold;
list-style-type: none;
padding: 7px 0;
text-align: center;
width: 70px;
}
div.navBar ul li.arrow {
width: 39px;
}
div.navBar ul li:hover {
background: url("/bbs/images/touch/nav_hover.png") 0 5px no-repeat;
}
div.navBar ul li.arrow:hover {
background: url("") 0 5px no-repeat;
}
div.navBar ul li a {
color: #FFF;
text-decoration: none;
}
div.navBar ul li a img {
border: 0px;
}

div#nav_title {
color:#fff;
font-size:13px;
line-height:13px;
background-color: #333;
height:18px;
opacity: .4;
padding:5px 0 0 5px;
border-bottom:2px solid #000;
overflow: hidden;
}

div#footer {
background-color: #333;
padding: 5px;
border-top:1px solid #666;
font-size: 12px;
color:#999;
}

div#page {
background-color: #000;
padding: 8px;
border-top:1px solid #2D3642;
font-size: 13px;
color:#999;
}

div#header_right {
position: absolute;
float: right;
z-index: 5;
top: 0px;
right: 0px;
width:200px;
font-size: 14px;
text-align: right;
line-height: 15px;
height: 30px;
color: #FFF;
padding-top: 5px;
padding-right: 5px;
}

#updateHud {
	width: 100%;
	min-height: 480px;
	background: url('/bbs/images/touch/box/lightbox.png') left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

#updateBox {
	width: 266px;
	height: 85px;
	background: url('/bbs/images/touch/box/updateBackground.png') repeat-y top left;
	position: absolute;
	top: 62px;
	left: 30px;
}

#loginBox {
	width: 266px;
	height: 85px;
	background: url('/bbs/images/touch/box/updateBackground.png') repeat-y top left;
	position: absolute;
	top: 62px;
	left: 30px;
}

#loginBox h3 {
	height: 37px;
	text-indent: -9999px;
	background: url('/bbs/images/touch/box/loginBar.png') repeat-y top left;
	position: relative;
	top:-55px;
}

#loginBox .info {
	width: 240px;
	height: 80px;
	position: relative; 
	left: 6px;
	top: -80px;
	font-size: 14px;
}

#updateBox h3 {
	height: 37px;
	text-indent: -9999px;
	background: url('/bbs/images/touch/box/updateBar.png') repeat-y top left;
	position: relative;
	top:-55px;
}

textarea#now_text {
	width: 240px;
	height: 80px;
	border: 1px solid #000;
	position: relative; 
	left: 6px;
	top: -80px;
	font-size: 14px;
}

ul.login_options {
	list-style-type: none;
	width: 265px;
	height: 32px;
	position: relative;
	top: -84px;
	left: -40px;
}

ul.options {
	list-style-type: none;
	width: 265px;
	height: 32px;
	position: relative;
	top: -92px;
	left: -40px;
}

ul.options li,ul.login_options li {
 float: left;	
}

ul.options li.update_cancel, ul.login_options li.update_cancel {
	width: 72px;
	position: relative;
}

ul.options li.update_count, ul.login_options li.update_count {
	background: url('/bbs/images/touch/box/cancelUpdateBuffer.png') repeat-x;
	width: 123px;
	line-height: 30px;
	font-weight: bold;
}

ul.options li.update_submit,ul.login_options li.update_submit {
	width: 70px;
	position: relative;
}

div.item_odd {
border-top: 1px solid #DDD;
padding: 10px;
background-color: #fff;
clear: both;
}

div.item_even {
border-top: 1px solid #DDD;
padding: 10px;
background-color: #FAFAFA;
clear: both;
}

div.re_info {
float: right;
color: #999;
font-size: 12px;
font-weight: normal;
}

div.view_content {
padding-top: 5px;
font-size: 13px;
}

a:link, a:visited {
color: #000;
text-decoration: none;
}

a.t, a.t:link, a.t:visited {
color: #0063DC;
text-decoration: none;
font-size: 12px;
}

a.t:hover, a.tpc:hover {
color: #FFF;
background-color: #0063DC;
text-decoration: none;
font-size: 12px;
}

a.p, a.p:active, a.p:visited {
margin-right: 15px;
font-size: 15px;
color: #FFF;
padding: 2px 6px 2px 6px;
background-color: #7F7F7F;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

a.p:hover {
margin-right: 15px;
font-size: 15px;
color: #000;
padding: 2px 6px 2px 6px;
background-color: #B6B6BA;
text-decoration: none;
}

a.white:link, a.white:visited {
margin: 3px;
border-width: 0 10px 0 10px;
color: black;
/*  Put a 1 pixel blur white shadow below the button's text  */
text-shadow: #fff 0px 1px 1px;	
/* Note that the -webkit-border-image values are given as  0 14 0 14 and not 0px 14px 0px 14px */
-webkit-border-image:url("/bbs/images/touch/whiteButton.png") 0 14 0 14;
}

strong.p_cur {
margin-right: 15px;
font-size: 15px;
color: #333;
font-weight: normal;
margin-top: -10px;
padding: 2px 6px 2px 6px;
display: inline;
background-color: #FFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.focus {
background: url("/bbs/images/touch/nav_hover.png") 0 5px no-repeat;
}

.avatar_m {
margin-right: 10px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
width: 32px;
height: 32px;
float: left;
padding:2px;
}

.button	{
height:25px;
line-height: 25px;
font-size: 14px;
font-weight: bold;
font-family: Heveltica;
color: #FFFFFF;
text-decoration: none;
text-align:center;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
padding:5px;
}

img.avatar_s {
background-color: #FFF;
border: 3px solid #EEE;
}

span.title {
font-size: 14px;
color: #000;
text-shadow: #666 1px 1px 3px;
}

span.desc {
font-size: 11px;
color: #BBB;
display: block;
margin-top: 5px;
}