html {
	SCROLLBAR-BASE-COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #5C5C5C;
}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}
body { 
	background:url(/images/bg.gif);
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.22;
	color:white;
}
.style1 {
	text-align: center;
}
.style2 {
	margin-left: 0px;
}
td,th{
	font-family:Arial;	
	font-size:11px; 
	line-height:18px;
}

a:link,a:visited,a:active {color: #b58463; text-decoration: none; outline: none;}
a:hover {color: #006F88; text-decoration:underline;}

ol,ul {	list-style: none;}
a img, img {border: none;}
div { padding:0; margin:0}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
address,em {
	font-style: normal;
}


/* -------------------------------------------------------------------
 float
------------------------------------------------------------------- */
.clear {clear: both; font-size: 0px; line-height: 0px; height:0;}
.clearfix:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix{
	display: inline;
	position: relative;
	}
/*\*/
.clearfix	{
	display: block;
}

/* -------------------------------------------------------------------
 input text, select box, check box
------------------------------------------------------------------- */
inupt { border:none; color:#4B4B4B;}
select {color:#4B4B4B; line-height:18px;}
.textfiled{
	border:1px solid #878787;
	padding:1px;
	color:#4B4B4B;
}
.button{
	background:url(/images/bg_button.gif) 0px -20px no-repeat ;
	border:none;
	color:#FF4800;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	width:86px;
	cursor:pointer;
	text-align:center;
	padding-bottom:3px;
	line-height:18px;
	height:20px;
}


.buttonHover{
	background:url(/images/bg_button.gif)  no-repeat ;
	border:none;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	width:86px;
	cursor:pointer;
	text-align:center;
	padding-bottom:3px;
	line-height:18px;
	height:20px;
}
/******************** LAYOUT ********************/
/******************** css cho page ********************/
#page {
	margin: 0px auto;
	width: 980px;
	text-align:left;
	padding: 0;
	margin-bottom:10px;
	
}


/*------------ css cho logo ------------*/
#logo {
  	margin: 0px auto;
	width: 980px;
	text-align:left;
	padding: 0px;
	margin-bottom:10px;
}
#logo .logo { 
	float:left;
	padding-left:12px;
	padding-top:9px;
	padding-bottom:10px;
	width:600px;
}
#logo .headtool { 
	float:left;
	width:345px;
	vertical-align:middle;
}
#logo .headtool ul{
	float:right;
	padding-top:60px;
	width:250px;
}
#logo .headtool li {
	float:left;
	display:block;
	padding:5px;
	text-align:right;
	color:#55D8FE;
}
#logo .headtool li a{
	color:#55D8FE;
}
#logo .headtool .about{
	background:url(/images/icon_about.gif) 0px 8px no-repeat;
	padding-left:15px;
}
#logo .headtool .system{
	background:url(/images/icon_system.gif) 0px 8px no-repeat;
	padding-left:15px;
}
#logo .headtool .contact{
	background:url(/images/icon_contact.gif) 0px 8px no-repeat;
	padding-left:15px;
}

/******************** css cho hcontainer ********************/
#container {
	background-color:#FFFFFF;
	margin: 0px auto;
	width: 980px;
	text-align:left;
	padding: 0;
	
}
#containerLeft{
	padding-left:10px;
}

/*======================== css su dung cho header ================================*/

#header	{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
 
/*------------ css cho mainmenu ------------*/  
#mainmenu {
	 background:url(/images/menutop_bg.jpg);
	 height:9px;
}
#mainmenu .cleft{
	float:left;
}
#mainmenu .cright{
	float:right;
}

#mainmenu li{
	float:left;
	display:block;
	padding:10px 0px;
	text-align:center;
	color:#F8FF00;
	font-weight:bold;
	font-size:12px;
}
#mainmenu li a{
	color:#F8FF00;
	text-decoration:none;
	padding:10px 20px;
}
#mainmenu li.mid{
	background:url(/images/menutop_mid.gif) no-repeat;
	width:20px;
	padding:10px 0px;
}
#mainmenu li a:hover{
	background:url(/images/menutop_act.gif) top center no-repeat;
	color:#000000;
	height:40px;
}
#mainmenu li.active{
	background:url(/images/menutop_act.gif) top center no-repeat;
	color:#000000;
}
#mainmenu li.active a{
	color:#000000;
	text-decoration:none;
}
/*------------ css cho banner ------------*/  
#header  #banner {
  	margin:0px auto;
	border-right:1px solid #838383;
	border-bottom:1px solid #838383;
	border-left:1px solid #838383;
	border-top:1px solid #838383;
	width:940px;
  }
#header  .bannerShadow{
	margin:0px auto;
  	width:940px;
}
  	
/*------------ css cho navation ------------*/  
#header  #navation {
	background:url(/images/icon_home.gif) no-repeat;
	margin:10px;
	padding:5px;
	padding-left:20px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	
}
#header  #navation span{
	color:#017FA3;
}
#header  #navation a{
	color:#017FA3;
}
/*======================== css su dung cho trang main ================================*/
#content{
	margin:5px 9px;
	padding:0;
	overflow:hidden;
}

/*------------ css block_left ------------*/
#block_left {
	float:left;
	overflow:hidden;
	margin:0px;
	width:186px;
	padding-bottom:5px;
}

/*---------------- css block_right -----------------------------*/
#block_right{
	float:right;
	overflow:hidden;
	margin:0;
	width:186px;
	padding-bottom:5px;
	
}

/*------------ css cho content_main ------------*/
#block_middle{
	width: 765px;
	padding-left:10px;
	padding-right:0px;
	padding-top:3px;
	float:left;

}

/*------------ css cho rightcx ------------*/
#rightcx{
	float:right;
	width: 750px;
	margin-left:5px;
}

/*------------ css cho footer ------------*/
#footer {
	margin:0px auto;
	width:980px;
	color:#FFFFFF;
	margin-top:10px;
}
#footer .hr {
	background:url(/images/footer_hr.gif) repeat-x;
	border:1px solid #5C5C5C;
	height:25px;
}
#footer .hr {
	background:url(/images/footer_hr.gif) repeat-x;
	border:1px solid #5C5C5C;
	height:25px;
}
#footer .footerText{
	background:url(/images/footer_bg.jpg);
	height:50px;
}
#footer .footerText .copyright{
	float:left;
	width:370px;
	background:url(/images/footer_left.gif) left no-repeat ;
	padding:10px 8px;
	height:30px;
	font-size:11px;
}
#footer .footerText .copyright a{
  color:#FF9933;
}

#footer .footerText .copyright span{
	color:#BC851D;
}
#footer .footerText .Fmenu{
	float:right;
	width:380px;
	text-align:right;
	background:url(/images/footer_right.gif) right no-repeat ;
	padding:10px 8px;
	height:30px;
	color:#55D8FE;
}
#footer .footerText .Fmenu a{
	color:#55D8FE;
}

/********************* BORDER & BG *********************/

#box {
	margin-bottom:5px;
}
#box .top{
	background:url(/images/box_top.gif) top no-repeat;
	height:5px;
	overflow:hidden
}
#box h2 {
	background:url(/images/box_title.gif)  no-repeat ;
	padding-top:8px;
	padding-bottom:17px;
	padding-left:10px;
	width:176px;
	color:#F8FF00;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

#box_content {
	background:url(/images/box_content.gif) repeat-y ;
	padding:0px 5px;	
}
#box .footer{
	background:url(/images/box_footer.gif) no-repeat;
	height:15px;
}

#box_middle {
	padding:2px;
	border:1px solid #838383;
	float:left;
	width:757px;
}
#box_middle h2 {
	background:url(/images/mid_title.gif) no-repeat;
	padding-top:10px;
	padding-bottom:15px;
	text-indent:10px;
	width:757px;
	color:#F8FF00;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

#middle_content {
	
}

#rightcx_middle {
	padding:2px;
	border:1px solid #838383;
	float:left;
}
#rightcx_middle .rightcx_title {
	background:url(/images/title_bg.gif) repeat-x ;
	color:#fff;
	font-weight:bold;
	height:35px;
}
#rightcx_middle .rightcx_title div.title_l{ 
	float:left;
	margin:0px;
	padding:0px;	
	background:url(/images/title_l.gif) left no-repeat;
	height:35px;
	
}
#rightcx_middle .rightcx_title div.title_l h2{
	padding-top:7px;
	padding-left:10px;
	color:#F8FF00;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}
#rightcx_middle .rightcx_title div.title_r{ 
	float:right; 
	margin:0px;
	padding:0px;
	background:url(/images/title_r.gif) right no-repeat;
	height:35px;
}
#rightcx_middle .rightcx_title div.title_r p{
	padding-top:3px;
	padding-right:5px;
}
#rightcx_middle .rightcx_title select {
	vertical-align:middle;
	color:#0080A4;
	font-weight:bold;
}

#rightcx_middle {
	
}

#box_middle_tab{
	padding:0px;
	float:left;
	border-left:1px solid #838383;
	border-right:1px solid #838383;
	border-bottom:1px solid #838383;
	padding-top:10px;
	
}
#box_middle_tab .loading {
	float:left;
	width:558px;
	padding:10px 0px;
	text-align:center;
}
#tab {
	list-style: none;
	margin: 0px;
	float: left;
	width:560px;
	
}
#tab li {
    float: left;
    height: 35px;
    margin: 0px;
    padding: 0px;
    overflow: hidden; 
	background: url(/images/tab_bg.gif) 0px 0px no-repeat;
}
#tab a {
    height: 35px;
    display: block;
    text-align: center;
    color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 35px;
}
#tab a:hover{
	color:#FFF000;
	text-decoration:none;
	background: url(/images/tab_bg.gif) 0px -35px no-repeat;
} 
/* Menue "Nachrichten" */
#tab #tab1 {
	width:119px;
}
#tab #tab1 a:hover {
	color: #000;
}
#tab #tab1.on, 
#tab #tab1.on a:hover {
	background: url(/images/tab_bg.gif) 0px -70px no-repeat;
}

/* Menue "Sport" */
#tab #tab2 {
	background-position:-119px 0px;
	width:139px;
}
#tab #tab2 a:hover {
	background-position:-119px -35px;
	color: #000;
}
#tab #tab2.on, 
#tab #tab2.on a:hover {
	background-position:-119px -70px;
	color: #000;
}
/* Menue "Freizeit" */
#tab #tab3 {
	background-position:-258px 0px;
	width:146px;
}
#tab #tab3 a:hover {
	background-position:-258px -35px;
	color: #000;
}
#tab #tab3.on, 
#tab #tab3.on a:hover {
	background-position:-258px -70px;
}
/* Menue "Leser" */
#tab #tab4 {
	background-position:-404px 0px;
	width:75px;
}
#tab #tab4 a:hover {
	background-position:-404px -35px;
	color: #000;
}
#tab #tab4.on, 
#tab #tab4.on a:hover {
	background-position:-404px -70px;
}
/* Menue "Service" */
#tab #tab5 {
	background-position:-479px 0px;
	width:81px;
}
#tab #tab5 a:hover {
	background-position:-479px -35px;
	color: #000;
}
#tab #tab5.on, 
#tab #tab5.on a:hover {
	background-position:-479px -70px;
}

#mainFlash{
	border:3px solid #0096CD;
	margin:0px;
	padding:0px;
}
#mainFlash .page_mid{
	border-top:1px solid #0096CD;
	background:url(/images/bg_page_middle.gif) ;
	padding-top:7px;
	height:20px;
}
#mainFlash .num{
	text-align:right;
	line-height:15px;
	vertical-align:middle;
	padding-right:5px;
}
#mainFlash .num span{
	background:url(/images/num.gif) no-repeat;
	line-height:15px;
	padding:2px 7px 2px 7px;
	text-align:center;
	color:#FF5400;
	cursor:pointer;
	font-weight:bold;
}
#mainFlash .num span.active{
	background:url(/images/num_act.gif) no-repeat;
	color:#FF5400;
}
#mainFlash .num span a{
 color:#FF5400;
 text-decoration:none;
}

.middleShadow{
	background:url(/images/middle_shadow.gif) no-repeat;
	height:15px;
}
p.quangcao{
	text-align:center;
	padding:10px 0px;
}







/* CSS Document */


img {border:0;}
.padL20 {
	padding-left: 90px;
	padding-bottom: 10px;
}

.sitelogo {
	width:250px;
	float:left;
}
.frmsitesearch {
	height:100px;
	float:right;
	background:url(/images/bgd_sear.gif) no-repeat;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	.frmsitesearch label input {margin:0 0 0 15px; width:14px; height:14px; vertical-align:middle;}
	.frmsitesearch p {margin:0 0 0 20px;}

/*
	.bgdsitesearch {height:32px; padding:5px 0 0 36px; margin:5px 0 0 0; background:url(/images/bgd_searchfield.gif) no-repeat;}
	.bgdsitesearch input {font-size:16px; width:400px; border:1px solid #FFF;}
	.bgdsitesearch .btnsitesearch {font-size:16px; color:#FFF; width:auto; margin:0 0 0 10px; background:transparent; border:none; cursor:pointer;}
*/
/********************************************/
	.bgdsitesearch {
	height:32px;
	width:590px;
	background:url(/images/bgd_seas.gif) no-repeat;
	background-position:center;
	margin-top: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 3px;
	padding-bottom: 0;
	padding-left: 0px;
	}
	.bgdsitesearch input {
	font-size:16px;
	width:390px;
	border:1px solid #FFF;
	padding-top: 2px;
	}
	.bgdsitesearch .btnsitesearch {
            font-size:16px;
            color:#FFF;
            width:80px;
            background:transparent;
            border:none;
            cursor:pointer;
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0px;
            font-weight: normal;
            text-align: left;
	}


a {
	color: #505050;
	text-decoration: none;
}

a:hover {
	color: #FF7028;
	text-decoration: underline;
}

#az {
	text-align:left;
	font-family: "Lucida Console", "Lucida Sans Typewriter", "Andale Mono", "Courier New", monospace;
	font-size: 1.2em;
	background: url(/images/gray_bar.gif) repeat-x top left;
	margin-left:1px;
	margin-top:5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	

}

#az ul {
	height: 22px;
	list-style-type: none;
	margin-left:30px;
	margin-right:30px;
	margin-top:0px;
}

#az ul li {
	margin: 0; 
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:3px;
	height: 22px;
	background: url(/images/gray_tab.gif) no-repeat top left;
}

#az ul li a, #az ul li span {
	display: block;
	float: left;
	margin: 0;
	padding-top: .3em;
	padding-right: 7px;
	padding-bottom: .2em;
	padding-left: 6px;
}

#az ul li a {
	text-decoration: none;
	background: url(/images/gray_tab.gif) no-repeat top right;
}

#az ul li a:hover {
	background: url(/images/select_l.gif) no-repeat right top;
}










#frame {

	padding:0px;

}

#frame .title {

	font-size: 14px;

	font-weight: bold;

	padding: 2px;

	margin: 2px;

}

#frame .frameContent {

	font-size: 12px;

	font-weight: normal;

}

#frame ul {

	padding: 2px;

}

#frame li {

	display: block;

	padding: 2px;

}
#msg {

	text-align: center;

	width: 400px;

	border: #4893e1 1px solid;

	color: red;

	margin: 4px auto;

	padding: 4px;
	font-size:9pt;

}

.news_frame {
	width:470px;
	padding-top:0px;
	margin: 10px;
margin-top:5px;

}

.news_title {

	font-weight: bold;
	font-size: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: #FFF dotted 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#505050;

}

.news_date {

	font-size: 10px;

	font-weight: normal;

	color: #999;

}

.news_content {

	font-size: 12px;

}

.faq {

	margin: 10px;

}

li.faq_question {

	font-weight: bold;

	font-size: 16px;

	padding-bottom: 2px;

	margin-bottom: 8px;

	border-bottom: #FFF dotted 1px;

}

li.faq_answer {

	font-size: 12px;

}

.titlestyle {

	font-weight: bold;

	font-size: 14px;

}
.lyric_key_result {
	
	font-weight: bold;

	font-size: 12px;
}
.poemhead {
	
	font-weight: bold;

	font-size: 12px;
}
.search_result{
	
	font-weight: normal;

	font-size: 11px;
}




p {
	margin: 0;
	line-height: 25px;
	font-size: 1em;
}
p.hpg {
	font-weight: lighter;
	margin: .3em 0em 1.5em .9em;
	back_ground: url(/images/verse_line.gif);
	text-indent: 0em;
font-family: Verdana, Tahoma, Arial, sans-serif;	
	font-size: 1.2em;
	color:#505050;
}
.ratesong {
	margin: .1em 1em 1em .1em;
	font-family: Trebuchet MS, Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	color:#505050;
}
.adsIndent{
	margin-left: 20px;
}
.adsIndent2{
	margin-left: 5px;
}
.searchResultRow{
	font-weight: lighter;
	margin: .3em 1em 1.5em .9em;
	back_ground: url(/images/verse_line.gif);
	text-indent: 0em;
font-family: "Trebuchet MS", Helvetica, Verdana, Tahoma, Arial, sans-serif;	
	font-size: 1.2em;
	color:#505050;
}

.btnLoginOn{

	background:url(../images/btn_login.gif) no-repeat;

	border:0px none;

	margin:0px;

	height:20px;

	width:86px;

	cursor:pointer;

}

.btnLogin{
	background:url(../images/btn_login.gif) 0px -20px no-repeat;
	border:0px none;
	margin:0px;
	height:20px;
	width:86px;
	cursor:pointer;
}

/* --------------- Menu ------------------------ */
#box .box_menu{
	padding-left:10px;
	font-size:9pt;
	
}

#box .box_menu .text{
	padding-left:11px;
	background:url(/images/Media_dot.gif) 0px 5px no-repeat;

}
.ads250{
	bgcolor="#effbff";
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
	padding-bottom:3px;

}
#youtubeDiv {
Height : auto;
background-color:#993333;
width:425px;
}
#onoff{
	font-size:9pt;
}


#SubmitError {
	text-align:center;
	font-weight: bold;
	color:#FF6633;
	font-size: 14px;
	padding-bottom:10px;
}
#div_hot{
	background-color:black;
	text-align:center;
	font-weight: bold;
	color:#FF6633;
	font-size: 14px;
	padding-bottom:5px;
	padding-top:5px;
}

#results{
	padding-left:0px;
}
#results td{	
	font-size:14px;
}