@charset "utf-8";

/* reset

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
 }
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
*{line-height:17px;}
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.left{float:left;}
.right{float:right;}


/* util

*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear {
	clear: both;
}
.first{background:none!important;}
.last{background:none!important;}
.text-red{color:#cc0000;}
@charset "utf-8";
/* CSS Document */
body{
	background-color:#efefef;
}
#mainWrapper{
	background-color:#efefef;
}
.main{
	width:988px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#header{
	height:99px;
	position:relative;
	background:#efefef url(/templates/dttd/images/bg-body.gif)  left top repeat-x;
}
.logo{
	position:absolute;
	top:35px;
	left:0;
	z-index:9999;
}
.navMenu{
	position:absolute;
	top:34px;
	left:193px;
}
.subMenu{
	padding:68px 0 0 0;
}
.submenu{
	padding-left:180px;
}
.submenu li a{
	float:left;
	padding:0 15px;
	line-height:30px;
	color:#676767;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}	
.submenu li a.active{
	font-weight:bold;
	color:#7ac043;
}
.submenu li{
	line-height:30px;
	color:#676767;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.top-left{
	background:url(/templates/dttd/images/top-left.gif) left top no-repeat;
	position:relative;
}
.top-right{
	background:url(/templates/dttd/images/top-right.gif) right top no-repeat;
	position:relative;
}
.top-center{
	background:url(/templates/dttd/images/top-center.gif) left top repeat-x;
	height:34px;
	margin:0 4px 0 8px;
	position:relative;
} 
.info{
	line-height:30px;
	color:#676767;
	padding-left:198px;
	float:left;
}
.info-date{
	float:right;
	line-height:30px;
	color:#676767;
	padding-right:45px;
}
.rss{
	right:10px;
	top:6px;
	position:absolute;
}
.box_search{
	position:absolute;
	top:44px;
	right:11px;
	width:185px;
}
.text_search{
	background:transparent url(/templates/dttd/images/bg-search.jpg) no-repeat scroll left top;
	border:0 none;
	height:16px;
	line-height:16px;
	padding-left:5px;
	width:162px;
	_width:160px;
}
.button-search{
	position:relative;
	top:2px;
}

/**********content*********/
.main-top{
	padding:6px 0 4px 0;
}
.main_left{
	width:648px;
	overflow:hidden;
	float:left;
}
.main_right{
	float:right;
	overflow:hidden;
	width:336px;
}
/*Cac loai box*/
.box{
	margin-bottom:4px;
}
.box .title-left{
	background:url(/templates/dttd/images/title-left.gif) left top no-repeat;
}
.box .title-left .title-right{
	background:url(/templates/dttd/images/title-right.gif) right top no-repeat;
}
.box .title-left .title-right .title-center{
	background:url(/templates/dttd/images/title-center.gif) left top repeat-x;
	height:34px;
	margin:0 6px;
	overflow:hidden;
}
.box .content{
	padding:12px 25px 12px 15px;
	border:1px solid #cbcbcb;
	border-top:0px;
	background-color:white;
}
.box-right .content{
	padding:12px 25px 12px 25px;
}
.title-box {
	padding:8px 0 0 15px;
}
.title-box li{
	float:left;
	padding-right:1px;
}
.title-box li a{
	display:block;
	float:left;
	border:1px solid #cbcbcb;
	border-bottom:0px;
	line-height:24px;
	height:24px;
	padding:0 14px;
	color:#000000;
	font-weight:bold;
	font-size:100%;
}
.title-box a.active{
	border-top:3px solid #cc0000;
	border-bottom:0px;
	background-color:white;
	color:#a30201;
	line-height:22px;
}
.box-right .title-box li a{
	font-weight:normal;
}
.box-right  .title-box a.active{
	font-weight:bold;
	color:#000000;
}
.items{
	padding:6px 0;
	background:url(/templates/dttd/images/bg-items.gif) left bottom repeat-x;
	position:relative;
}
ul.path-way li{
	float:left;
	line-height:20px;
	padding-right:9px;
}
.header a{
	color:#000000;
	
}
.sub-header a{
	background:url(/templates/dttd/images/icon-1.gif) left center no-repeat;
	padding-left:10px;
	color:#666666;
}
.img-subject{
	display:block;
	float:left;
	padding:0 6px 6px 0;
}
.heading{
	color:#000000;
	display:block;
	font-size:110%;
	font-weight:bold;
}
.main_left .items .heading{
	padding-right:90px;
}
.items p{
	color:#000000;
	font-size:100%;
}
.box-main .items .img-subject img ,.main_left .items .img-subject img{
	border:1px solid #CBCBCB;
}
.other-link-list{
	padding-top:2px;
	margin-left:178px;
}

.other-link-list li a{
	background:url(/templates/dttd/images/icon-2.gif) left center no-repeat;
	padding-left:8px;
	font-size:100%;
	line-height:20px;
	color:#CC0000;
}
.other-link{
	padding-top:2px;
}
.other-link li a{
	background:url(/templates/dttd/images/icon-2.gif) left center no-repeat;
	padding-left:8px;
	font-size:100%;
	line-height:20px;
	color:#CC0000;
}
.link{
	background:url(/templates/dttd/images/icon-2.gif) left center no-repeat;
	padding-left:8px;
	font-size:100%;
	line-height:20px;
}
.co-1 li{
	background:url(/templates/dttd/images/bg-items.gif) left bottom repeat-x;
	line-height:25px;
}

/*list-info*/
.list-info ul li{
	float:left;
	padding:0 4px 4px 0;
	background:url(/templates/dttd/images/bg-li-list.jpg) left top  no-repeat;
	width:164px;
	height:57px;
	overflow:hidden;
}
.img-left{
	float:left;
	display:block;
	padding-right:9px;
}
.img-right{
	float:right;
	display:block;
	padding-left:9px;
}
.text_list{
	display:block;
	font-size:100%;
	line-height:14px;
	vertical-align:middle;
	width:60px;
}
.text_list_right{
	display:block;
	font-size:100%;
	line-height:14px;
	padding-right:10px;
	vertical-align:middle;
	width:60px;
	height:60px;
	overflow:hidden;
	float:right;
}
.text_list_left{
	display:block;
	font-size:100%;
	line-height:14px;
	vertical-align:middle;
	width:60px;
	height:59px;
	overflow:hidden;
	float:left;
}
.text_list_right_1{
	display:block;
	font-size:100%;
	line-height:14px;
	padding-right:5px;
	vertical-align:middle;
	width:70px;
	height:60px;
	overflow:hidden;
	float:right;
	
}
.text_list_left_1{
	display:block;
	font-size:100%;
	line-height:14px;
	vertical-align:middle;
	width:70px;
	height:59px;
	overflow:hidden;
	float:left;
	padding-left:5px;
}



/*box main*/
.main_img{
	width:648px;
	height:255px;
	overflow:hidden;
	position:relative;
}
.main_img img{
	width:648px;
	height:255px;
}
.des{
	background-color:background;
	height:255px;
	position:absolute;
	right:0;
	top:0;
	width:215px
}
.block {
	padding:52px 32px 0 32px ;
}
.block h2 a{
	color:white;
	font-size:120%;
	font-weight:bold;
	display:block;
	padding-bottom:10px;
}
.block p{
	color:white;
	font-size:100%;
}
.list-info-1 li{float:left;width:190px;overflow:hidden;background:url(/templates/dttd/images/bg-center.jpg) left	 top repeat-x;height:35px;padding:12px 13px 8px 13px;}
.list-info-1 p{display:none;}
.list-info-1 li.first{background:url(/templates/dttd/images/bg-first.jpg) left top no-repeat!important;}
.list-info-1 li.last{background:url(/templates/dttd/images/bg-last.jpg) left top no-repeat!important;}
.img_small{border:1px solid #cbcbcb;padding:1px;float:left;margin-right:5px;}
.list-info-1 h2 a{
font-size:100%;
font-weight:normal;}
.list-info-1 a{
	
	line-height:14px;
	display:block;
	
}
.list-info-1 ul li.hover,.list-info-1 ul li.active{
	background:url(/templates/dttd/images/img-active.jpg) left top no-repeat!important;
}

/*box photo*/
.box_photo .title{
	background:url(/templates/dttd/images/bg-photo.jpg) left top no-repeat;
	background-color:#b6b6b6;
	height:24px;
}

.box_feature .title{
	background:url(/templates/dttd/images/bg-feature.jpg) left top no-repeat;
	background-color:#b6b6b6;
	height:24px;
} 
.box_feature .content{
	padding:10px;
	border:1px solid #cbcbcb;
	border-top:0px;
	background-color:white;
}
.name-box{
	line-height:24px;
	padding-left:45px;
	font-size:100%;
	text-transform:uppercase;
color:white;}
/*box-sharing*/
.box-sharing .title{
	background:url(/templates/dttd/images/bg-chiase.jpg) left top no-repeat;
	background-color:#000000;
	height:24px;
}
.box-sharing .items{width:315px;background:none;}
.box-sharing .list{float:right;width:282px;}
.list li{
	line-height:20px;
}
.date{font-style:italic;color:#666666;}
.box-sharing .heading{padding-bottom:10px;}

/*box game*/
.box-game{

}
.box-game .content{mmargin:1px 0 0 0;padding:0;}
.box-game .title{
	background:url(/templates/dttd/images/bg-game.jpg) left top no-repeat;
	background-color:#000000;
	height:24px;
}
.li-1{
	background-color:#cecece;
	border:3px solid #b6b6b6;
	padding:3px 0 0 0;
	
}
.li-2{
	background-color:#cecece;
	border:3px solid #b6b6b6;
	padding:3px 0 0 0;
}
.items-1{float:left;
padding-left:5px;
width:159px;}


/**Footer*/
#footer{
	position:relative;
	clear:both;
	height:116px;
}
#footer .menu-footer{
	background:url(/templates/dttd/images/bg-menu-footer.gif) left top repeat-x;
	height:24px;
	line-height:24px;
}
.menu-footer li{float:left;margin-left:16px;}
.menu-footer li a{
	line-height:24px;
	font-size:100%;
	color:white;
	float:left;
	padding:0 15px;
}
.li-home{
	
	background:url(/templates/dttd/images/bg-home-active.jpg)  left center repeat-x;
	line-height:24px;
	height:24px;
	float:left;
}
.li-online{
	background:url(/templates/dttd/images/icon-home.png) left 6px no-repeat;
	padding-left:3px;
}
.li-gopy{
	background:url(/templates/dttd/images/icon-gopy.gif) left 8px no-repeat;
	padding-left:3px;
}
.li-sodo{
	background:url(/templates/dttd/images/icon-sodo.gif) left 8px no-repeat;
	padding-left:3px;
}
.li-rss a{
	position:relative;
	top:3px;
}
.sub-menu-footer{
	background-color:#d5d5d5;
	height:24px;
	line-height:24px;
	padding-left:15px;
	list-style:none;
}
.sub-menu-footer li{float:left;}
.sub-menu-footer a{
	line-height:24px;
	color:#676767;
	padding:0 10px;	
	float:left;
}
.info-web{
	padding-top:5px;
	display:block;
	color:#676767;
}
.info-web-1{
	display:block;
	
}
/***/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 9999;
	background-color:white;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/templates/dttd/images/bg-track.gif) left top repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #a80301;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 5px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 5px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
a.jScrollArrowUp {
	background: url(/templates/dttd/images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background: url(/templates/dttd/images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowDown {
	background: url(/templates/dttd/images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background: url(/templates/dttd/images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background: url(/templates/dttd/images/basic_arrow_down.gif) no-repeat 0 0;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(/templates/dttd/images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	
	height:792px;
	overflow: auto;
	background: #ccc;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}
#pane2 {
	height:792px;
	background-color:white;
	width:615px;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}

.btn_side{

}
.img-photo{
	position:relative;
	width:324px;
	height:151px;
}
.scrollable {
	float:left;
	height:32px;
	overflow:hidden;
	position:relative;
	width:295px;
	
}
.scrollable .items_2 {
	clear:both;
	float:left;
	position:absolute;
	width:20000em;
	height:32px;
}

.btn_side {
	height:32px;
	text-align:center;
	vertical-align:middle;
	width:15px;
	float:left;
}
.btn_side a{
	position:relative;
	top:0px!important;
}
.list_img ul li {
	display:inline;
	float:left;
}
.items_2 a{
	display:inline;
	float:left;
	margin:0 0 0 2px;
}
.box-photo .title{
	background:url(/templates/dttd/images/bg-photo.jpg) left top no-repeat;
	background-color:#B6B6B6;
	height:24px;
}
.box-photo .content{
	
	padding:10px 4px;
}
.des-photo{
	bottom:0;
	height:24px;
	left:0;
	line-height:24px;
	position:absolute;
	text-align:center;
	width:329px;
}

.ui-tabs-hide{display:none;}
.ui-state-active a{
	border-top:3px solid #cc0000!important;
	border-bottom:0px;
	background-color:white;
	color:#a30201;
	line-height:22px!important;
}

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}	
/*edit 14-8-2010*/
.ngay_dang_bai
{
	position: absolute;
	top: 22px;
	right: 0px;
	font-size: 80%;
	/*font-weight: bold;
	text-transform: uppercase;
	color:red;*/
}
.link-buttom{
	background:url(/templates/dttd/images/span-left.jpg) left top no-repeat;
	height:20px;
	display:block;
	float:left;
}
.link-buttom a{
	background:url(/templates/dttd/images/a-right.jpg) right top no-repeat;
	height:20px;
	padding:0 10px 0 5px;
	line-height:20px;
	color:#000000;
	text-shadow:1px 1px 1px white;
	display:block;
	float:left;
	margin-left:5px;
}
.ngay_dang_bai a{
	color:red;
}
.ngay_dang_bai a:hover{
	text-decoration:none!important;
}

/*avt*/
.box-avt{
	height:280px;
	width:335px;
	overflow:hidden;
}
.contact-avt{
	width:335px;
	overflow:hidden;
	height:30px;
	background-color:#bebebe;
	text-align:center;
}
.contact-avt label{
	line-height:30px;
	color:white;
	text-align:center;
}


.box-main .items-left{
	width:282px;
	overflow:hidden;
	float:left;
	margin-bottom:15px;
	background:none!important;
	height:240px;
	overflow:hidden;
}
.box-main .items-right{
	width:282px;
	overflow:hidden;
	float:right;
	margin-bottom:15px;
	background:none!important;
	height:240px;
	overflow:hidden;
}
.box-main .items-left .heading ,.box-main .items-right .heading {
	padding-bottom:5px;
}

/*box vote*/
.box_vote .content
{
	border:1px solid #cccccc;
	padding:6px;
	background-color:#ffffff;
}
.box_vote .title{
	background:url(/templates/dttd/images/ra-pho/bg-vote.jpg) left top no-repeat;
	height:24px;
	background-color:#000000;
}
.box_vote h2{
	padding-bottom:5px;
}
.rows{
	display:block;
}
.check-box{
	border:1px solid #1c5180;
	margin-right:4px;
	
}
.buttom-vote{
	padding-top:10px;
}