@charset "utf-8";

@font-face {
    font-family: "Segoe UI Web Light";
    font-style: normal;
    font-weight: 100;
    src: local("Segoe UI Light"), local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}
@font-face {
    font-family: "Segoe UI Web Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}
@font-face {
    font-family: "Segoe UI Web Semibold";
    font-style: normal;
    font-weight: bold;
    src: local("Segoe UI Semibold"), local("Segoe UI Bold"), local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}
body
{
	background-color: #fff;
	color: #111111;	
	font-size: 14px;	
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
	margin: 0;
	min-width: 980px;
}
/* Typography */
h1, h2, h3, h4, h5, h6
{
    font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;

}

a
{			
    color: #2672EC;
    cursor: pointer;
    font-weight: inherit;
    text-decoration: none;
}

a:visited
{
    color: #094AB1;
}

a:hover
{
	color: #3a6ec0;
	text-decoration: none;
}

/*Header*/  
#header
{	
	width: auto;
	height: 106px;
}
#topbar
{	
	background: #f1f1f1;
	position: relative;
	height: 70px;
	width: 100%;
	float: left;
	border-bottom: 1px solid #e5e5e5;

}
#topbar_logo
{
	position: relative;
	float: left;

}

#topbar_logo img{	
	margin: 15px 20px 15px 20px;
	float: left;
}

#topbar_userdisplay
{
	position: relative;
	top: 12px;
	float: right;	
	margin-right: 20px;
}

#topbar_button
{
	position: relative;
	top: 12px;
	float: right;	
}
#topbar_button a
{	
	color: #fff;
	position: relative;
	text-decoration: none;
	margin-right: 20px;
}

/*Menu*/
#cssmenu ul{
	margin:0;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	list-style-type:none;
	width:auto;	
	position:relative;
	display:block;
	height:35px;
	text-transform:uppercase;
	font-size:14px;
	background-color: #191919;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
#cssmenu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:10px 20px 0 20px;
	height:25px;

	}
#cssmenu li a:hover{
	background-color: #c53727;	
}
#cssmenu_active 
{
	background-color: #dd4b39;	
}

/*Main site*/
#main
{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	width: auto;
	height: auto;		
}

#main_page
{
	font-family: "Segoe UI";
	text-align: left;
	color: #111111;
	background-color: #ffffff;
	position: relative;
	width: 895px;		
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#content_login
{	
	font-family: "Segoe UI";
	text-align: left;
	color: #111111;
	width: 320px;
	overflow: hidden;
	float: right;
	position: relative;
}


#content_login span
{	
	font-size: 13px;
	text-decoration: none;
}

#content_news_title
{
	position: relative;
	height: 43px;
	width: 100%;
	border-bottom: 1px solid #dbdbdb;
}
#content_news_title p
{	
	font-size: 18px;
	float: left;
	color: #111;
	margin-left: 5px;
	margin-top: 7px;
	position: relative;
}	

#content_news
{
	font-family: "Segoe UI";
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	width: 680px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

}

/*Footer*/
#footer
{
	background: white;
	width: 100%;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #e5e5e5;
}
#footer_container
{ 	
	color: #808074;	
	width: 100%;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
#footer_container p
{ 	
	left: 15px;
	float: left;
	color: #808074;
	margin-top: 17px;
	position: relative;
}
#footer_container a
{ 	
	color: #363636;
	position: relative;
	margin-left: 10px;	
}
#footer_container a:hover
{ 
	color: #000;
	text-decoration:  underline;
}

td.content_news_form_title
{
	font-size: 18px;
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	border-bottom: 1px solid #dbdbdb;
}

td.center_content
{	
	vertical-align: top;
	padding: 0;
}

td.textgray
{
	color: #999999;
}

td.navbar
{
	background-color: #f1f1f1;
	vertical-align: top;
	width: 260px;
	height: auto;
}
td.adsbox
{
	background-color: #FFFFFF;
	vertical-align: top;
	width: 260px;
	height: auto;
}

.boxinfo
{
	background-color: #e8f6fd;
	background-repeat: repeat-x;
	color: #000000;
}
.boxinfoinner
{
	min-height: 30px;
	padding: 0 0 0 60px;
	display: table-cell;
	vertical-align: middle;
}

.navbar_title
{
	width: 255px;
	height: 30px;
	background: #fff;
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 0;
	padding: 8px 0 5px 5px;	
	cursor: pointer;
	border-bottom: 1px solid #dbdbdb;
}
.navbar_title p
{	
	font-family: Segoe UI;
	font-size: 140%;
	float: left;
	color: #FF0000 ;
	margin-top: 0px;
	margin-left: 15px;
	white-space: nowrap;
}
.navbar_menu
{	width: 245px;
	height: 35px;
	background: #f1f1f1;
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 0;
	padding: 8px 0 5px 5px;	
	cursor: pointer;
	border-right: solid 10px #f1f1f1;
}
.navbar_menu:hover
{
	text-decoration: none;
	background: #C8C8C8  ;
	border-right: solid 10px #4d90fe;
}
.navbar_menu p
{	
	font-family: Segoe UI,Tahoma,Verdana,Arial;
	font-size: 140%;
	float: left;
	/*font-weight: absolute;*/
	color: #404040 ;
	margin-top: 0px;
	margin-left: 15px;
	white-space: nowrap;
}

.navbar_menu p span
{
	display: block;
	font-size: 11px;
	color: #303030;
	font-weight: normal;
	padding: 0px 0 0;
}

.navbar_menu_active
{
	width: 245px;
	height: 35px;
	background: #c53727;
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 0;
	padding: 8px 0 5px 5px;	
	cursor: pointer;
	border-right: solid 10px #4d90fe;
}
.navbar_menu_active p
{	
	font-family: Segoe UI,Tahoma,Verdana,Arial;
	font-size: 140%;
	float: left;
	color: #fff ;
	margin-top: 0px;
	margin-left: 15px;
	white-space: nowrap;
}

.navbar_menu_active p span
{
	display: block;
	font-size: 11px;
	color: #303030;
	font-weight: normal;
	padding: 0px 0 0;
}

/* Validation
----------------------------------------------------------*/
.error{color:#FF0000}/*JS báo lỗi form*/
.redstar { color: #FF0000; font-size: 16px; font-weight: bold;}
.validation-errors {color:#FF0000;}
.validation-success {color:#0067FF;}

/* Tooltip
----------------------------------------------------------*/
.tooltip{
position:absolute;
z-index:1020;
display:block;
visibility:visible;
padding:5px;
font-size:14px;
opacity:0;
filter:alpha(opacity=0)
}
.tooltip.in{
opacity:.8;
filter:alpha(opacity=80)
}
.tooltip.top{
margin-top:-2px
}
.tooltip.right{
margin-left:2px
}
.tooltip.bottom{
margin-top:2px
}
.tooltip.left{
margin-left:-2px
}

.tooltip.top .tooltip-arrow{
bottom:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid rgba(39,33,35,0.9)}

.tooltip.left .tooltip-arrow{
top:50%;
right:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-left:5px solid rgba(39,33,35,0.9)}

.tooltip.bottom .tooltip-arrow{
top:0;
left:50%;
margin-left:-5px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:5px solid rgba(39,33,35,0.9)}

.tooltip.right .tooltip-arrow{
top:50%;
left:0;
margin-top:-5px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:5px solid rgba(39,33,35,0.9)}

.tooltip-inner{
max-width:250px;
padding:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:rgba(39,33,35,0.9);
-webkit-border-radius:1px;
-moz-border-radius:px;
border-radius:1px
}

.tooltip-arrow{
position:absolute;
width:0;
height:0
}
.ads{
width:475px;
height:490px;
border:0

}