/*
	Den2 Common CSS
		
*/


/*
	Global

*/

	html {
		/*background: #555;*/
		background: #1C1C1C;
		color: #333;
	}
	.main-wrap,.right {
		text-align:left;
	}
	
	a:link, a:active, a:visited {
		text-decoration: none;
		color: #666;
	}
	a:hover {
		text-decoration: none;
		color: #333;
	}
	.ll {
		float:left;
	}
	.lr {
		float:right;
	}
	
	.al {
		text-align:left;
	}
	.ar {
		text-align:right;
	}
	.ac {
		text-align:center;
	}
	
	.mc {
		margin-left:auto;
		margin-right:auto;
	}
	
	#page {
		background:#999 url('../img/global/bg_page.jpg') repeat-x scroll 0 0;
	}
	
	#page #hd{
		text-align:left;
		height:94px;
	}
	#page #bd{
		padding:8px 10px;
		background:#999 url('../img/global/bg_bd.jpg') no-repeat scroll 0 0;
		text-align:left;
		/* Min-height:
			min-height:600px;
			height: auto !important; 
			height: 600px;
		*/
	}
	
	#page #hd #top_nav{
		font-size:12px;
		height:30px;
		line-height:30px;
		width:100%;
	}
	#page #hd #top_nav2{
		position:relative;
		height:64px;
		background:#1C1C1C url('../img/global/bg_top2.jpg') repeat-x scroll 0 0;
	}
	#page #hd #top_nav2 .tl{
		height:64px;
		width:2px;
		background:#1C1C1C url('../img/global/bg_top2_left.jpg') no-repeat scroll 0 0;
	}
	#page #hd #top_nav2 .tr{
		height:64px;
		width:2px;
		background:#1C1C1C url('../img/global/bg_top2_right.jpg') no-repeat scroll 0 0;
	}
	
	#page #ft{
		font-size:11px;
		color:#bbb;
		padding:10px 0;
		background:#1C1C1C url('../img/global/bg_ft.jpg') repeat-x scroll 0 0;
	}
	
	#navbar {
		height:38px;
		position:absolute;
		top:24px;
		left:320px;
		z-index:999;
		overflow:hidden;
	}
	#navbar .nl{
		height:38px;
		width:5px;
		background:transparent url('../img/global/bg_navbar_left.png') no-repeat scroll 0 0;
	}
	#navbar .nr{
		height:38px;
		width:5px;
		background:transparent url('../img/global/bg_navbar_right.png') no-repeat scroll 0 0;
	}
	#navbar ul.inner{
		height:38px;
		background:transparent url('../img/global/bg_navbar.png') repeat-x scroll 0 0;
	}
	#navbar ul.inner li{
		padding:6px 14px;
		float:left;
		font-size:14px;
		color:#fff;
		line-height:30px;
	}
	#navbar ul.inner li.now{
		background:transparent url('../img/global/bg_navbar_now.png') no-repeat scroll center 0;
	}
	#navbar ul.inner li a:link, #navbar ul.inner li a:active, #navbar ul.inner li a:visited{
		color:#fff;
	}
	#navbar ul.inner li a:hover{
		color:#aaa;
	}
	
	#navbar .search_bar{
		float:left;
		height:22px;
		background:transparent url('../img/global/bg_navbar.png') repeat-x scroll 0 0;
		padding:10px 0 6px 0;
	}
	#navbar .search_hide{
		display:none;
	}
	#navbar .search_box{
		width:180px;
		height:18px;
		padding:2px 4px;
		background:transparent url('../img/global/search_box.png') no-repeat scroll 0 0;
	}
	#navbar .search_box input{
		background:transparent;
		float:left;
		border:0;
		margin:0;
		padding:2px 3px;
	}
	#navbar .search_box input.search{
		background:transparent url('../img/global/search_btn2.gif') no-repeat scroll 0 0;
		height:12px;
		width:16px;
		display:block;
		float:right;
		margin-right:8px;
		_margin-right:4px;
		margin-top:3px;
	}
	
	.box_links{
		padding: 36px 16px 24px 16px;
		width:898px;
		background:transparent url('../img/global/bg_links.png') no-repeat scroll 0 0;
	}
	.box_links .fri{
		padding-left:31px;
	}
	
	/*
		Debug Information
	*/
	div#debug {
		border-top: 3px solid #999;
		background-color: #555;
		font-size: 10px;
		color: #FFF;
		zoom: 1;
		clear: both;
		padding: 5px;
		font-family: Verdana;
		text-align: left;
	}

	div#debug table {
		border: 1px solid #CCC;
		float: left;
		margin: 2px;
		text-align: left;
	}
	div#debug table td{
		padding: 4px;
	}
	
/*
	Elements
*/
	h1{
		font-size:24px;
		font-weight: bold;
	}
	h4{
		font-size:14px;
		font-weight: bold;
	}
	strong{
		font-weight: bold;
	}
	
	.fff,.fff:link, .fff:active, .fff:visited {
		color:#FFF;
	}
	
	a.tr:link, a.tr:active, a.tr:visited {
		text-decoration: none;
		border: none;
		display: inline;
		padding: 2px 4px 2px 4px;
	}
	
	a.tr:hover {
		text-decoration: none;
		border: none;
		display: inline;
		padding: 2px 4px 2px 4px;
		background-color: #999;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-opera-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
	.text {
		overflow:hidden;
		word-break:break-all;
		font-size:14px;
		line-height:24px;
	}
	.text2 {
		overflow:hidden;
		word-break:break-all;
		font-size:12px;
		line-height:20px;
	}
	.text_large {
		font-size:18px;
	}
	.text_p6 {
		padding:6px;
	}
	
	.tip {
		color:#888;
		font-size:12px;
	}
	
	small.tip{
		font-size:smaller;
	}
	img.portrait {
		border:1px solid #BBB;
		margin:0 5px;
		padding:2px;
	}
	
	.topic_list {
		font-size:12px;
		/*margin:15px 0 30px 10px;*/
		width:100%;
		text-align:left;
	}
	table tr.header td{
		color:#999999;
	}
	table tr.bar td{
		color:#CCCCCC;
		background:#B2B2B2;
		border-bottom:1px dotted #E0E0E0;
		padding:5px;
	}
	table tr.odd td{
		border-bottom:1px dotted #E0E0E0;
		padding:5px;
	}
	table tr.even td{
		background-color:#f0f0f0;
		border-bottom:1px dotted #E0E0E0;
		padding:5px;
	}
	.ua_std {
		background-color: #39b54a;
		border: 2px solid #acd373;
		padding: 5px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		color: #fff;
		font-size: 12px;
		line-height: 16px;
		display: box;
		width: 260px;
	}
	
	.ua_bad {
		background-color: #f7941d;
		border: 2px solid #fbaf5d;
		padding: 5px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		color: #fff;
		font-size: 12px;
		line-height: 16px;
		display: box;
		width: 260px;
	}
	
/*
	Form Sets
*/
	input,select,textarea{
		margin-top:5px;
		font-size:12px;
		border:1px solid #ccc;
		padding:4px 5px;
		background:#fff;
		line-height:15px;
	}
	input:hover,select:hover,textarea:hover{
		border:1px solid #F8E4AD;
	}
	input:focus,select:focus,textarea:focus{
		border:1px solid #FFCC00;
	}
	input.st,textarea.st{
		width:160px;
	}
	input.lt,textarea.lt{
		width:300px;
	}
	input.bt,textarea.bt{
		width:540px;
	}
	input.bt_img_touch,textarea.bt_img_touch{
		width:465px;
	}
	select.lt{
		width:312px;
	}
	select.bt{
		width:552px;
	}
	span.checkbox {
		width: 19px;
		height: 20px;
		background: url('../img/form/checkbox.png') no-repeat;
		display: block;
		clear: left;
		float: left;
	}
	.t2i_choose{
		margin:5px 0 0 3px;
		padding:4px 5px 3px 5px;
		font-size:12px;
		line-height:15px;
		background:#F8E4AD;
		border:1px solid #FFCC00;
		cursor:pointer;
	}
	.btn,.btn_i,.btn_delay {
		border:0;
		margin-top:6px;
		background:transparent url('../img/form/btn_i.png') no-repeat;
		color:#846000;
		font-size:12px;
		line-height:21px;
		padding:3px 3px;
		height:21px;
		width: 54px;
		text-align:center;
		cursor:pointer;
	}
	.btn a:link, .btn a:active, .btn a:visited.btn_i a:link, .btn_i a:active, .btn_i a:visited,.btn_delay a:link, .btn_delay a:active, .btn_delay a:visited {
		color:#846000;
	}
	.btn,.btn_delay {
		height:27px;
		width:60px;
	}
	.btn_delay1 {
		display:none;
	}
	.btn:hover,.btn_i:hover,.btn_delay:hover{
		border:0;
	}
	.error {
		background-color: #FFC;
		border: 2px solid #FF9;
		padding: 2px;
		color: #334;
		font-size: 12px;
		line-height:17px;
	}
	.col .error {
		margin-right:18px;
	}
	span.checknumber{
		position:relative;
		font-family:'Georgia','Serif';
		line-height:34px;
		font-size:34px;
		padding-right:10px;
		float:right;
		color:#AAA;
		_visibility:hidden;
	}
	.form506{
		width:506px;
		overflow:hidden;
	}
	
	
/*
	Pagination
*/
	.pagination{
		clear:both;
		text-align:right;
		font-weight:bold;
		font-size:11px;
		margin:7px 0;
	}
	.pagination .pages {
		float:left;
	}
	.pagination a,.pagination .current{
		background:#FDFDFD url('../img/global/button_bg.jpg') repeat-x scroll 0 100%;
		border:1px solid #BBBBBB;
		color:#666;
		margin-left:3px;
		padding:3px 7px;
		text-decoration:none;
	}
	.pagination a:hover,.pagination .current{
		background:#FDFDFD url('../img/global/button_bg_hover.jpg') repeat-x scroll 0 100%;
		color:#232323;
	}
	
/*
	Girds Ex
*/
	.col{
		width:49.5%;
		float:left;
	}
	
	.col3{
		width:32%;
		float:left;
	}
	.index_cols .col3{
		padding-right:18px;
	}
	.index_cols .col3_last{
		float:right;
		padding-right:0;
	}
	
	
/*
	All Box Divs
*/
	.box{
		margin-bottom:8px;
		position:relative;
		background: #e0e0e0 url('../img/global/bg_box_top.jpg') repeat-x scroll 0 0;
		border:1px solid #666;
		border-right:1px solid #555;
		border-bottom:1px solid #444;
	}
	.box hr{
		position:relative;
		margin:6px -5px 6px -7px;
		*margin:0;
		border:0;
		border-top:1px solid #BBB;
		height: 0;
	}
	.box hr.dotted{
		border-top:1px dotted #BBB;
	}
	.box .top,.box .title,.box .inner1,.box .inner2,.box .inner3,.box .inner4,.box .bottom{
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	.box .top{
		border-top:1px solid #fff;
	}
	.box .title{
		padding:14px 10px 4px 10px;
	}
	.box .inner3{
		padding:0 12px 12px 12px;
	}
	.box .inner2{
		padding:12px;
	}
	.box .inner4{
		padding:8px;
	}
	.box .bottom{
		border-bottom:1px solid #fff;
	}
	.box_black{
		background: #222 url('../img/global/bg_box_222.jpg') repeat-x scroll 0 0;
		border:1px solid #2A2A2A;
	}
	.box_black .top,.box_black .title,.box_black .inner1,.box_black .inner2,.box_black .inner3,.box_black .bottom{
		border-left:1px solid #666;
		border-right:1px solid #666;
	}
	.box_black .top{
		border-top:1px solid #666;
	}
	.box_black .bottom{
		border-bottom:1px solid #666;
	}
	/*
		Box Size
	*/
	.box700{
		width:700px;
	}
	.box360{
		width:360px;
	}
	
	.search_frame{
		background-color: #E0E0E0;
		padding:0 12px;
		display:block;
	}
	
/*
	Zones in Index
*/
	.zone_index{
		width:926px;
		height:248px;
		overflow:hidden;
		position:relative;
	}
	.zone_index .zones_summary,.zone_index .zones_cover{
		height:248px;
		overflow:hidden;
	}
	.zone_index .zones_summary{
		float:left;
		width:470px;
		padding-right:20px;
	}
	.zone_index .zones_cover{
		float:left;
		width:426px;
		padding-left:10px;
		background:#000;
	}
	.zone_index .zones_summary .inner,.zone_index .zones_cover .inner{
		position:relative;
	}
	.zone_index .zones_summary .inner{
		z-index:300;
		width:9999px;
	}
	.zone_index .zones_summary .row{
		float:left;
		padding:5px;
		height:238px;
		width:460px;
		overflow:hidden;
		position:relative;
	}
	.zone_index .zones_summary .row h1{
		padding:6px 6px 0 50px;
		color:#FFF;
	}
	.zone_index .zones_summary .row h3{
		padding:0 6px 0 20px;
		font-size:18px;
		color:#888;
	}
	.zone_index .zones_summary .row .more{
		position:absolute;
		right:0;
		bottom:0;
		width:448px;
		padding:14px 14px 8px 8px;
		display:block;
		background:transparent url('../img/global/bg_box_222_more.png') repeat-x scroll 0 0;
	}
	.zone_index .zones_summary .row .text2{
		padding:6px;
		color:#CCC;
	}
	.zone_index .zones_cover .inner{
		background:#000;
		z-index:301;
	}
	.zone_index .zones_cover .row{
		padding:5px;
		height:238px;
		overflow:hidden;
	}
	.zone_index .zones_cover .row img{
		border:8px solid #313131;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-opera-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}
	.zone_index .ud_buttons{
		z-index:1800;
		width:49px;
		position:absolute;
		top:0;
		left:450px;
		background:transparent url('../img/global/zi_btn.png') no-repeat scroll 0 0;
	}
	.zone_index .ud_buttons .up,.zone_index .ud_buttons .down{
		cursor:pointer;
		width:49px;
		height:125px;
		display:block;
	}
	.zone_index .zi_label{
		z-index:801;
		width:110px;
		height:48px;
		position:absolute;
		top:0;
		left:0;
		background:transparent url('../img/global/zi_label.png') no-repeat scroll 0 0;
	}