@charset "utf-8";
/* CSS Document */




a:link, a:visited, a:hover {
	color: #405588;
	text-decoration: none;
	size : 11;
}

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




h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px}

h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px}


/* VERDENA */
.verdena_trang_11_link , .verdena_trang_11_link:link, .verdena_trang_11_link:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.verdena_trang_11_link:hover  {
text-decoration: underline;
}
.verdena_trang_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.verdena_trang_10_link , .verdena_trang_10_link:link, .verdena_trang_10_link:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.verdena_trang_10_link:hover  {
text-decoration: underline;
}
.verdena_trang_12_link , .verdena_trang_12_link:link, .verdena_trang_12_link:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.verdena_trang_12_link:hover  {
text-decoration: underline;
}





.form_search {
	border: 1px solid #d0ebfb;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4897d3;
	font-weight: bold;
}
.form_login {
	border: 3px solid #d0ebfb;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4897d3;
	font-weight: bold;
	margin-top: 0px;
}




.top_button_ul {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
	vertical-align:middle;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.top_button_li {

	float: left;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	list-style: none;
}



.lineright{
	border-right:1px solid #a8d8f9;
}

.td_button_top {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e1e1e1;
}

.list_top {
	background-image: url(images/bg_kvip.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;

	
}

.td_showtin {
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4edff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #d4edff;
	border-right-color: #d4edff;
	border-left-color: #d4edff;
	height: 25px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.td_showtin_vip {
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff5c5;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #fff5c5;
	border-right-color: #fff5c5;
	border-left-color: #fff5c5;
	height: 25px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.arial14 {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

.arial11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.arial10 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.cam10 {
	font-size: 10px;
	color: #FF9900;
}
.cam12 {
	color: #FF9900;
}
.xanh10 {
	font-size: 10px;
	color: #6fa0db;
}
.cam11:link , .cam11:hover , .cam11:visited{

	font-size: 11px;
	color: #FF9900;
	
}
.verdana10xam2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}


.verdana10xam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #929292;
}
.verdana10xam:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #929292;
	text-decoration: none;
}
.verdana10xam:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #929292;
	text-decoration: none;
}
.verdana10xam:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: underline;
}

.verdana11{font-size:11px;}

#raovat_tincay {
	border: 1px solid #d4edff;
}
#raovat_tincay2 {
	border-bottom:1px solid #d4edff;
	border-left:1px solid #d4edff;
	border-right:1px solid #d4edff;
	
}

.boder_tieude_left{
	border-left:1px solid #d4edff;
}

.boder_tieude_right{
	border-right:1px solid #d4edff;
	
}

.verdanaxanh18{
	font-size:18px;
	color:#364c81;
	
}

.linefooter{
	border-top:5px solid #d8f0ff;
}
.rightdetails{
	padding-left:8px;
}

.red{
	color:#FF0000;
	font-weight:bold;
}

.tit_register  {
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
.note_register  {
	color: #444444;
	font-size:11px;
}

.form{
	width: 250px;
	border: #78b4e9 solid 1px;
}

.formright{
	width: 170px;
	border: #78b4e9 solid 1px;
}

.formbds{
	width: 150px;
	border: #78b4e9 solid 1px;
}

.select{
	height:20px;
	border: #78b4e9 solid 1px;
	background:#F1F3F5;
	font-family:verdana;
	font-size:11px;
}

.membertext  {
	font-size:11px;
}

.thoigian  {
	font-size:10px;
	color:#666666;
}

.button{
	width: 75px;
	height:21px;
	border: #CCCCCC solid 1px;
	background:#F1F3F5;
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.form_submit_button_cam {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FFCC00;
}

#dsDiv {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
}

#dsDiv1 {
	height: 600px;
	overflow: auto;
}

#dsDiv2 {
	height: 200px;
	overflow: auto;
	position:relative;
}
#dsDiv3 {
	height: 500px;
	overflow: auto;
	position:relative;
}
#dsDiv4 {
	height: 1300px;
	overflow: auto;
	position:relative;
}

.boder_bds_left{
	border-left:1px solid #a2dcff;
	border-right:1px solid #a2dcff;
}
.boder_bds{
	border:1px solid #a2dcff;
}

.boder_bds_right{
	border-right:1px solid #a2dcff;
}

.boder_bds_top{
	border-top:1px solid #a2dcff;
	border-bottom:1px solid #a2dcff;
}

.boder_bds_bottom{
	border-bottom:1px solid #a2dcff;
}

.tieudebds{
	font-size: 11px;
	color: #565656;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:10px;
}

.tieudesp{
	color: #00aff0;
	text-transform:uppercase;
	font-weight:bold;
}


a:focus {
	outline: none;
}
#panel {

	height: auto;
	width: 400px;
	display:none;
	
}
.slide {
	text-align: right;
	width: 400px;
	height: 37px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	font: bold 120%/100% Verdana;
	font-size:11px;
	color: #fff;
	text-decoration: none;
	
	
}
.btn-slide {
cursor:pointer;

}
.active {
	
}


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -200px;
width: 350px;
border: 1px solid #95b6fd;
padding: 3px 3px 3px 3px;
background-color: #DEEBF5;
visibility: hidden;
z-index: 1;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4); */
}

.addToolTip:link ,.addToolTip:visited{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 1;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #999999;
line-height:1.4em;
margin-right:10px;
margin-top:0;

}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;

}


#dhtmltooltip {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: black 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: black 1px solid; WIDTH: 250px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Verdana, arial, helvetica; POSITION: absolute; BACKGROUND-COLOR: lightyellow
}
#dhtmlpointer {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}


	
a.info{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a.info:hover{z-index:25;background-color:#fff;text-decoration: none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #0cf;
    background-color:#ccf7ff; color:#000;
	text-align:justify;
	text-decoration: none;}	
	
.td_brd_right{
border-right:1px solid #d4edff;
border-bottom:1px solid #d4edff;

}

.khunghinhanh {
	border: 4px double #CCCCCC;
	background: #FFFF99;

}	



a.info2{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a.info2:hover{z-index:25;background-color:#fff;text-decoration: none;}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:16em;
    border:1px solid #0cf;
    background-color:#ccf7ff; color:#000;
	text-align:justify;
	text-decoration: none;}	
	
	
.button_theme{

	background:#F1F3F5;
}	
.button_theme:hover{
	border:2px solid #BBF0FF;
}	
