/* Thiết kế Style Website */
body
{
    background: #3c99f0;
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.date
{
	float: right;
    font: 12px Arial,Helvetica,sans-serif;
    text-align: justify;
    color:#fff600;
    margin-top:84px;
    padding:3px;
    display:none;
}

#MainAdmin
{
    padding:2px;
    background-color: #fff;
}
.page
{
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: 1000px;
}

.logindisplay
{
    color: #ee1303;
    display: block;
    font-size: 11px;
    padding: 0 6px 5px 0;
    text-align: right;
    vertical-align: middle;
    width:994px;
    z-index:1000;
    background:#f2f2f2;
}

.logindisplay a {
	color: #ff6600;
}

a:link
{
    color: #107800;
    text-decoration: none;
}
a:visited
{
    color: #107800;
}
a:hover
{
    color: #ff6600;
    text-decoration: none;
}
a:active
{
    color: #107800;
}

.box-container {
    clear: both;
    display: inline-block;
    padding-bottom: 10px !important;
    width: 100%;
}

.box-news {
    clear: both;
    display: inline-block;
    width: 100%;
}

.box-news .top-l {
    background: url("Image/news-topleft.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.box-news .top-r {
    background: url("Image/news-topright.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.box-news .bottom-l {
    background: url("Image/news-bottomleft.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}
.box-news .bottom-r {
    background: url("Image/news-bottomright.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    clear: both;
    display: inline-block;
    padding: 10px;
    width: 97%;
}
.box-news .content {
    clear: both;
    display: inline;
    font: 12px/140% Arial,Helvetica,sans-serif;
    padding: -2px 5px;
    text-align: justify;
}
.content .Author{padding:10px 4px 2px 4px; display:block; color:#5B5B5B; font:none 12px Arial, Helvetica, sans-serif; font-style:italic; text-align:right;}
.meta {
    color: #999;
    margin-bottom: 5px;
}

.title_date {
    color: #555 !important;
    font: 10px Arial,Helvetica,sans-serif !important;
    text-align: right;
}
.des {
    color: #333333;
    font: bold 13px Arial,Helvetica,sans-serif;
    text-align:justify
    
}
.other-bottom {
    font: 12px Tahoma,Geneva,sans-serif;
    text-align: right;
}

.box-news h1 {
    color: #444;
    font: bold 15px Arial,Helvetica,sans-serif;
    padding: 0 5px 0px;
}

.news-other ul li {
    background: url("Image/arrow3.gif") no-repeat scroll 0 10px transparent;
    padding: 5px 0 5px 10px;
    text-align: justify;
}


.news-other ul {
    clear: both;
    display: inline-block;
    list-style: outside none none;
    padding: 1px 0 7px;
    width: 100%;
}

.box-title {
    background: url("image/dotted-bg.gif") repeat-x scroll 0 10px rgba(0, 0, 0, 0);
    color: #3F63C6;
    font: bold 13px Arial,Helvetica,sans-serif;
}

.news-other ul li span {
    color: #888;
    font: 11px Tahoma,Helvetica,sans-serif;
}

.box-map {
    background: url("Image/map-bg.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left: 8px;
}

.box-map .box-map-container {
    background: url("Image/map-bg.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding: 8px 8px 8px 0;
}

.box-map ul {
    clear: both;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.box-map ul li a{
    float: left;
    font: 13px Arial,Helvetica,sans-serif;
    text-align: justify;
    font-weight:bold;
    color:#024D7C
}

.box-map ul li a:hover{
    color:#0584D4;
    text-decoration:underline;
}


.first-news-item {
    clear: both;
    display: inline-block;
    width: 100%;
}

.content-news {padding-bottom:10px; display:inline-block; clear:both; width:100%;}

.first-news-item a.news-image {max-width:230px !important; max-height:280px !important;  border: 1px solid #ccc; padding:2px; display: block; float: left; /*max-height: 180px; ; overflow: hidden; */ margin-right: 10px}
.first-news-item img {width:230px !important;  }
.first-news-item {width:100%;display:inline-block; clear: both;}
.first-news-item p.title {text-align:justify; margin-bottom:10px; }
.first-news-item p.title a, 
.first-news-item p.title a:link, 
.first-news-item p.title a {font:bold 15px Arial, Helvetica, sans-serif; color:#004276; text-decoration:none;}
.first-news-item p.title a:hover {color:#0158E1; text-decoration:none;}
.first-news-item .description, 
.first-news-item .description * {text-align:justify; font-size:12px;  font-family:Arial, Helvetica, sans-serif !important; line-height:150%; color:#444;}

.news-item { display:inline-block; clear:both;width:100%; padding:10px 0px;}
.news-item a.news-image {max-width:150px !important; max-height:150px !important;  border: 1px solid #ccc; padding:2px; display: block; float: left; /* max-height: 100px;  overflow: hidden; */ margin-right: 10px;}
.news-item img { width:150px !important; height:100px; /*width:150px;*/ /*padding:2px; border:1px solid #ccc; background:#fff; float:left; margin-right:10px;*/}
.news-item p.title {text-align:justify; margin-bottom:10px; }
.news-item p.title a, 
.news-item p.title a:link, 
.news-item p.title a {font:bold 12px Arial, Helvetica, sans-serif; color:#004276; text-decoration:none;}
.news-item p.title a:hover {color:#0158E1;text-decoration:none;}
.news-item .description, 
.news-item .description * {text-align:justify; font-size:12px;  font-family:Arial, Helvetica, sans-serif !important; line-height:150%; color:#444;}
.news-item .title span {color:#999; font: normal 12px tahoma;}


#TinNoiBat
{
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color: #0077cc !important;
	font:bold 13px Arial, Helvetica, sans-serif;
	list-style:none;
}

#TinNoiBat:hover
{
	color:#0576BE
}

#LoiDanTin
{
	text-decoration:none;
	color:#444444;
	font:none 11px Arial, Helvetica, sans-serif;
	list-style:none;
}

#LoiDanTin a
{
	text-decoration:none;
	color:#444444;
	font:none 11px Arial, Helvetica, sans-serif;
	
}

#LoiDanTin a:hover
{
	color:#444;
}

#myslideshowNews
{
	width:100%;
	height:300px;
	float:left; 
	overflow: hidden;
	text-align:justify;
	
}

.DivTinNoiBat{float:left; width:380px; height:299px; background: none repeat scroll 0 0 #FFFFFF; padding: 4px; border: 1px solid #ddd; overflow: hidden; border-radius: 5px; box-shadow: 0 2px rgba(0, 0, 0, 0.1);}
.DivTinNoiBat .TieuDeTinNoiBat span{padding:2px 4px 5px 4px; display:block; color:#0E679F; font:bold 12px Arial, Helvetica, sans-serif; text-shadow:1px 1px #EAE9E9 ;text-align:justify;}

#AnhTinNoiBat
{
	border: 1px solid #ddd;
    border-radius: 7px;
    padding:1px;
	
}

.New_news
{ 
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    float: right;
    height: 305px;
    margin-left: 10px;
    overflow: hidden;
    padding: 1px;
    width: 275px;
}

.New_news .New_news_Item{height:50px;width:94%; margin: -12px 5px 0 9px; border-bottom: 1px dotted; padding-bottom:10px;}
.New_news .New_news_Item a span{padding:7px 6px 0px 2px;display:block;color:#444444; height:45px; overflow:hidden; text-align:justify; font: 12px Arial, Helvetica, sans-serif;}
.New_news .New_news_Item a span:hover{ color:#ff6600;}
.New_news .New_news_Item a:hover{text-decoration:none;}
.New_news .New_news_Item .AnhDaiDien{background:#fff; padding:1px; float:left; margin:3px; border:1px solid #d6d6d6;-moz-border-radius:10px;    -webkit-border-radius:10px; border-radius: 4px;}

.CateBox
{
	padding-top:5px;
}
.section_header 
{
	width: 200px;
    height: 28px;
    line-height: 28px;
}

.section_header a span {
	background: url("image/bg_title_New.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0077cc;
    color: #fff;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-indent: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 0px 0px;
	margin-left:2px;
	padding:4px 10px 7px 10px;
	
}
.section_header a span:hover {
	color: #FFFF00;
}

.inner_box 
{
	border: 1px solid #ddd;
	border-radius: 0px 3px 3px 3px;
	margin-left:2px;
	margin-top: 2px;
	padding:5px;
	overflow:hidden;
	margin-bottom:15px;
	box-shadow: 0 2px rgba(0, 0, 0, 0.1);
}

a.image120x90 img 
{
    margin-right: 10px;
	float: left;
    height: 110px;
    width: 150px;
	border: 1px solid #ddd; 
    border-radius: 3px 3px 3px 3px;
}

.inner_box img 
{
	max-width: 178px;	
}

.inner_box ul li {
	margin-bottom: 5px;
	padding-left: 14px;
	background: url("Image/square_icon.gif") 0px 8px no-repeat;	
}
.inner_box ul li ul li{
	margin-bottom: 5px;
	padding-left: 8px;
	background: url("Image/arrow_icon.gif") 0px 6px no-repeat !important;	
}
.inner_box ul li:last-child {
	margin-bottom: 0px;	
}

.firstnew {
	float: left;
	width: 360px;
	text-align:justify;
}
.firstnew a span{
	text-decoration:none;
	color:#222222;
	font-size: 12px;
    font-weight: bold;
	
}
.firstnew a span:hover{
	color:#ff6600;
}
.secendnew {
	float: right;
	width: 271px;
	padding-right:16px;
	margin-top:-9px;
}

.secendnew ul
{
	margin-left:-22px;
}


.secendnew ul li
{
	list-style:none;
	background:url("image/arrow4.gif") no-repeat scroll 0px 6px transparent;
	text-align:justify
}
.secendnew ul li:hover
{
	background:url("image/arrowhover.gif") no-repeat scroll 0px 6px transparent;
}
	
.secendnew ul li a span
{
	font-family: Tahoma !important;
    font-size: 11px !important;
	color:#0077cc;
	font-weight:normal
}
.secendnew ul li a span:hover
{
	color:#4C8CD6;
}
.desc
{
	padding-top:5px;
	word-spacing:2px;
	font-size:12px;
	font-family: Tahoma !important;
    font-size: 12px !important;
	text-align:justify;
}

.inner_box .XemThem {text-align:right; padding-bottom:5px; float:right}
.inner_box .XemThem a span{font-size:11px; font-style:italic; text-decoration:none; color:#047D9D}
.inner_box .XemThem a span:hover{color:#4C8CD6}

/*Dinh dang the tab*/
.box-Tab {padding:0px; width:100%; box-shadow: 0 2px rgba(0, 0, 0, 0.1); border-radius: 6px 6px 6px 6px; margin-top:10px;margin-bottom:10px;}
.box-Tab .title {padding-bottom:2px; padding-top:0px; background:#FFFFFF; height:25px; display:block; clear:both; width:100%; }
.box-Tab .title ul {width:100%; background:#FFFFFF; display:inline-block; margin-top:0px; margin-bottom:2px; padding-left:0px; }
.box-Tab .title li {float:left; padding:0px 1px; list-style:none;}
.box-Tab .title li a, .box-Tab .title li a:link, .box-Tab .title li a:visited {display:block; padding:6px; background:#C8CACB; color:#444444; font:bold 13px Arial, Helvetica, sans-serif; border-radius: 4px 4px 0px 0px; border-bottom:1px solid #C8CACB}
.box-Tab .title li a:hover, .box-Tab .title li a.acvited {background:#009DC5; color:#FFFFFF; text-decoration:none; font:bold 13px Arial, Helvetica, sans-serif; border-radius: 4px 4px 0px 0px; border-bottom:1px solid #009DC5}
.box-Tab .content {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:6px solid #009DC5; padding: 10px; text-align: justify;}
.box-Tab .content ul {padding:5px; }

/*Dinh dang the tab rightcol*/
.box-Tab-rightcol 
{
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    width: 275px;
}
.box-Tab-rightcol .title-rightcol {padding-bottom:2px; padding-top:0px; background:#FFFFFF; height:30px; display:block; clear:both; width:100%; }
.box-Tab-rightcol .title-rightcol ul {width:100%; background:#FFFFFF; display:inline-block; margin-top:0px; margin-bottom:2px; padding-left:0px; }
.box-Tab-rightcol .title-rightcol li {float:left; padding:0px 1px; list-style:none; background:#f5f5f5}
.box-Tab-rightcol .title-rightcol li a, .box-Tab-rightcol .title-rightcol li a:link, .box-Tab-rightcol .title-rightcol li a:visited {display:block; padding:6px; background:#C8CACB; color:#444444; font:bold 13px Arial, Helvetica, sans-serif; border-bottom:1px solid #C8CACB}
.box-Tab-rightcol .title-rightcol li a:hover, .box-Tab-rightcol .title-rightcol li a.acvited {background:#107800; color:#FFFFFF; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; margin:1px 0; width:261px;}
.box-Tab-rightcol .content-rightcol 
{
    border-color: #0077cc #ddd #ddd;
    border-width: 0 1px 1px;
    color: #444444;
    padding-bottom: 8px;
    text-align: justify;
}

.box-Tab-rightcol .content-rightcol li
{
     list-style:none;
     background: url("image/arrow4.gif") no-repeat scroll 0 13px transparent;
     margin-left:5px;
     padding-left:10px;
     padding-top:8px;
	 font-size:12px;
}	
.box-Tab-rightcol .content-rightcol li:hover
{
     list-style:none;
     background: url("image/arrowhover.gif") no-repeat scroll 0 13px transparent;
}

.box-Tab-rightcol .content-rightcol li a
{
     text-align:left;
     cursor:pointer;
     color:#444444;     
} 

.box-Tab-rightcol .content-rightcol li a:hover
{
     text-align:left;
     cursor:pointer;
     color:#0077cc;     
} 

.ImageLink3
{
    padding:3px;
}
.ImageLink3 li
{
    list-style:none;
    margin-top:3px;
}

.ImageLink3 li a
{
    text-decoration:none;
}

.ImageLink3 li a img
{
    padding:1px;
    border:1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
}

.ImageLink4
{
    padding:0px;
}
.ImageLink4 li
{
    list-style:none;
    margin-top:3px;
}

.ImageLink4 li a
{
    text-decoration:none;
}

.ImageLink4 li a img
{
    padding:1px;
    border:1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
}

.flashclass 
{
    margin-top:12px;
    margin-bottom:3px;
}

.flashclass img
{
    border: 1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    padding:1px
}

.myslideshowMaps
{
    margin-top:7px;
    margin-bottom:3px;
}

.myslideshowMaps img
{
    border: 1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    padding:1px
}

textarea, select, input 
{
    font-family: Arial;
    font-size: 12px;    
}
#header
{
    margin-bottom: 0px;
    color: #000;
    padding: 0;
	background:#FFFFFF;
}
#title
{
	background:url(Image/Banner.png) no-repeat;
    padding-left: 12px ;
    color:#444444;
    height:140px;
}
#Banner
{
    margin-bottom: -5px;
}
.Banner
{
    background: url("Image/banner_bg.png") repeat-y scroll left top #FFFFFF; 
	overflow: hidden;	
}
.Banner-i
{
    background: url("Image/logo.png") no-repeat scroll left top transparent;
    height: 57px;
    margin: 10px;
    width: 100%;
}
#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
	clear: both;
    margin-left: 4px;
    margin-top: 3px;
    min-height: 400px;
}
.frmLogin {
	margin-top: 140px;
}
.ui-datepicker {
	display: none;
}

#ViewMain
{
    padding-top:1px;
    padding-bottom:10px;
}

.LeftColsView
{
	clear: both;
    width: 650px; 
}

#ToolBar
{
    height:28px;
    background-color: #C3D1EC;
}
#Toolbartext
{
	padding:5px 0px 0px 20px;
    color: #5C87B2;
    font-weight:bold;
}

#footer {
	background:#107800; /*url("Image/footer_bg.png") repeat-x scroll left top #D6D6D6;*/
    border-top: 1px solid #107800;
    margin-top: 5px;
    padding-bottom: 8px;
    height:200px;
    padding-left: 2px;
    padding-top: 5px;
}
#footer h1 
{
	color:#fff;
}
.footer-i {
	color: #434545;
    margin-left: 15px;
    margin-top: 10px;
}
#footer h3 {
	margin: 8px 0;
}
#footer p {
	margin: 4px 0;
}
.validation-summary-errors
{
	font:none 11px Arial, Helvetica, sans-serif;
    color: #ff0000;
    text-align:center;
    
}
.Notes
{
    color: #ff0000;
    text-align:center;
    padding:5px;
}

.ThongBao
{
	font:none 13px Arial, Helvetica, sans-serif;
    color: #ff0000;
    text-align:center;
    width:500px;
    background:#E0E3E4;
    border:3px solid #D2D3D3;
    padding:30px;
    margin-left:50px;
}

.TestIQ
{
	width:300px;
	height:300px;
}
.Left250
{
	width:250px;
	color:#444444;
}
.right730
{
	width:700px;
	color:#444444;	
}
.LogInTitle 
{
	background: url("Image/LoginIcon.png") no-repeat scroll 21px 18px transparent;
    color: #0381a2;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    padding-top: 24px;
    text-align: center;
    width: 100%;
}
.NoteTitle 
{
	color:#FF0000;
	font-size:14px;
	padding:6px 0 4px 28px;
	background: url("Image/warning.png") no-repeat scroll 6px 0px;
	font-weight:bold;
	text-align:left;
}

.edit_table label {
	float: right;
	padding-right: 2px;
}
.edit_table span {
	float: right;
	padding-right: 2px;
	color: #FF0000;
}
.edit_table td {
	vertical-align: top;
}

.TitleNomal
{
	padding:5px;
    border:1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    background:#FAFBFB;
    font:bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    margin:10px;
	color:#ff6600;
}
.SmallTitleNomal 
{
	color:#444444;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.FoodTitle 
{
    padding:5px;
    border:1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    background:#FAFBFB;
    font:bold 16px Arial, Helvetica, sans-serif;
    text-align: center;
    margin:10px;
    text-transform:uppercase;
}
.foot_logo {
	bottom: 15px;
    position: absolute;
    right: 16px;
}

.TitleNomal1 
{
	color:Blue;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.TitleNomal2 
{
	color:#444444;
	font-size:13px;
	text-align:left;
	padding:5px;
}
.TitleNomal21 
{
	color:#444444;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.TitleNomal3 
{
	color:#444444;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-left:5px;
	padding-top:10px;
}
.TitleNomal4 
{
	color:#444444;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.TitleNomal5
{
	color:#444444;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
.TitleNomal6
{
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.ImageButton
{
	cursor:pointer;
	vertical-align:middle;
}

.list_table  .ImageButton{
	margin: 0 2px;
}

.ImageButtonFind
{
	cursor:pointer;
	vertical-align:middle;
	margin-left:-5px;
	margin-top:-1px;
}
.divbutton
{
	padding:10px;
}
.divbuttonNutri
{
	padding:10px;
	width:880px;
}
.Div640
{
	padding:10px;
	width:640px;
}
#login
{
    background:url(Image/Login.png) no-repeat;
    height:31px;
    width:98px;
    border:0px;
    cursor:pointer;
    background-position:center;
}

#logindisplay
{
    background: #f2f2f2 none repeat scroll 0 0;
    float: right;
    padding: 5px 0;
    text-align: right;
    width: 100%;
}

#login:hover
{
    opacity: 0.5;
}
#login_button
{
    background:url(Image/DangKy.png) no-repeat;
    height:31px;
    width:98px;
    border:0px;
    cursor:pointer;
    background-position:center;
}

#login_button:hover
{
    opacity: 0.5;
}

#login_button_Update
{
    background:url(Image/CapNhat.png) no-repeat;
    height:31px;
    width:108px;
    border:0px;
    cursor:pointer;
    background-position:center;
}

#login_button_Update:hover
{
	opacity: 0.5;
}
#login_button_Save
{
    background:url(Image/GhiDuLieu.png) no-repeat;
    height:22px;
    width:79px;
    border:0px;
    cursor:pointer;
    background-position:center;
}

#login_button_Save:hover
{
    background:url(Image/GhiDuLieuHover.png) no-repeat;
    height:22px;
    width:79px;
    border:0px;
    cursor:pointer;
    background-position:center;
}

#FoodForMeal
{
  height: 310px;
  overflow:auto;
  width:700px; 
  margin:0px;
}
.OutStock
{
  height: 800px;
  overflow:auto;
  width:520px; 
  display:auto;
  margin:0px;
}

.SelectFoodInput
{
  height: 550px;
  overflow:auto;
  width:295px; 
  display:auto;
  margin:0px;
}
.SelectFoodinStock
{
  height: 550px;
  overflow:auto;
  width:320px; 
  display:auto;
  margin:0px;
}
.SelectedFoodPrice
{
  height: 450px;
  overflow:auto;
  width:490px; 
  display:auto;
  margin:0px;
}
.SelectedFood
{
  height: 450px;
  overflow:auto;
  width:520px; 
  display:auto;
  margin:0px;
}
.SelectedFoodinStock
{
  height: 450px;
  overflow:auto;
  width:420px; 
  display:auto;
  margin:0px;
}
#help
{
  height: 740px;
  overflow:auto;
  width: 236px; 
  margin: 1em 0;
}
.CacBuoc
{
	text-decoration: underline; font-style: italic; font-size:12px; font-weight:bold
}
.huongdan
{
	font-size:12px; text-align:justify
}
.chuy
{
	font-size:12px; color:#308FBD
}
.bottombarleft{
	top : 250px;
	left:50px;
	position : fixed;
}

.CountDownRight
{
	text-align:center;
	font-size:13px;
	font: bold 14px Arial, Helvetica, sans-serif;
	bottom : 100px;
	right:40px;
	position : fixed;
	background:#F9EED0;
	color:Red;
	border:1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 3px rgba(0, 0, 0, 0.1);
}

.CountDownLeft
{
	text-align:center;
	font-size:13px;
	font: bold 14px Arial, Helvetica, sans-serif;
	bottom : 100px;
	left:40px;
	position : fixed;
	background:#F9EED0;
	color:Red;
	border:1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 3px rgba(0, 0, 0, 0.1);
}
.bottombarCenter
{
	text-align:center;
	bottom:0px;
	position : fixed;
}

/*Dinh dang box LogOn trong cột phải trang chủ*/
.uc_wapper{
	background: none repeat scroll 0 0 #F1F5F6;
    border: 8px solid #1D5667;
    border-radius: 10px 10px 10px 10px;
	text-align: center;
	padding-top:20px;
    width: 448px;
    margin-left:114px;
    margin-top:50px;
}
.uc_title{}
.uc_title h2{color:#308FBD; font-size:14px; font-weight:bold; margin:0 0 0 5px; text-transform:uppercase; line-height:34px; text-shadow:1px 1px #eee; text-align:left;}
.dk_content {
	background: none repeat scroll 0 0 #F1F5F6;
    color: #6C7071;
    padding-bottom: 8px;
    padding-top: 2px;
}
.uc_content{ border:1px solid #cfcfcf; padding-top:20px; width:100%; color:#444444; font:none 12px Arial, Helvetica, sans-serif;}

.LabelInput{
	padding-top: 15px;
}
.active_box .user_box {
	background: url("Image/KeyAbove.png") no-repeat scroll 20px 31px transparent;
}
.active_box .password_box {
	background: url("Image/KeyBelow.png") no-repeat scroll 20px 18px transparent;
}
.user_box {
	background: url("Image/ico_user.png") no-repeat scroll 20px 31px transparent;
    border-top: 1px dotted #CCCCCC;
    padding-top: 13px !important;
}
.password_box {
	background: url("Image/ico_pass.png") no-repeat scroll 20px 18px transparent;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 20px;
}
.LabelInput1{
  
    display: block;
    line-height: 12px;
    margin-right: 2px;
    padding: 0 0 5px 8px;
    text-align: center !important;
    margin-top: 8px
}
.LabelInput1 label {
	color: #6C7071;
    display: block;
    font-weight: bold;
	font-size: 13px;
}
.LabelInput1 .LabelInput label {
	font-size: 12px;
	font-weight: normal;
	color: #949798;
	text-align:left
}
.LabelInput1 input{
	border: 1px solid #B5B8B7;
    color: #363735;
    font-size: 16px;
    height: 19px;
    padding-left: 5px;
    width: 300px;
}
.LabelInput1 .LabelInput input{
	float: left;
    height: auto;
    margin: 0 10px 0 0;
    width: auto;
}


.GroupLabel{color:#308FBD; font:none 13px Arial, Helvetica, sans-serif; text-transform:uppercase;  text-align:justify;}
.HelpLabel {color:#444444; font:none 12px Arial, Helvetica, sans-serif;  text-align:justify;}

.TextLabel{color:#444444; font:none 12px Arial, Helvetica, sans-serif;  text-align:justify; border-bottom:1px dotted #ccc; padding:0px 5px 0px 5px}

.FoodGroup {color:#308FBD; font:bold 12px Tahoma,Helvetica,sans-serif; text-decoration:underline; line-height:30px; padding-left:5px;  text-align:justify;}

.LienHe {color:#444444; font:none 12px Tahoma,Helvetica,sans-serif; padding:5px;  text-align:justify;}

.Input {text-align:left; color:#000000; border:1px solid #cccccc; padding:2px; font:none 12px Arial, Helvetica, sans-serif;}
.Input1 {text-align:left; color:#000000; border:1px solid #cccccc; padding:2px;}
.Input2 {text-align:left; color:#000000; border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #7B7A7A; border-right:1px solid #FFFFFF; padding:2px; font:none 12px Arial, Helvetica, sans-serif;}
.ImageUpload{border:2px solid #7B7A7A; height:190px; width:160px; vertical-align:middle}
.InputLabel{padding:3px 5px 3px 5px; font:none 12px Arial, Helvetica, sans-serif;}
.filter_box label {
	display: inline-block;
    width: 98px;
	float: left;
	margin-left: 6px;
	line-height: 20px;
}
.filter_box select.Input {
	float: left;
    margin-right: 15px;
    width: 200px;
}
.GroupTitle{background:url(Image/InputInfor.png) no-repeat 5px 5px #F2F2F2; padding:5px 5px 5px 25px; font:Bold 13px Arial, Helvetica, sans-serif;}

.GroupInfor{background:#FFFFFF;  border:1px solid #ECECEC; margin:5px;}

.Status {
	background: none repeat scroll 0 0 #afe7a6;
    border-left: 1px solid #F5F5F5;
	border-right: 1px solid #F5F5F5;
    color: #444444;
    height: 20px;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}
.Status img { margin: 0 5px; } 
.TableTD {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #444444;
    padding: 5px 0;}
 .Newsinfor {color:#A3A4A4; font-size:10px; padding-left:4px}
 .NewsOrigin {color:#A3A4A4; font-size:10px; padding:0px 4px 2px 4px; text-align:right}
 .NewsOrigin a:hover{color:#444444}
 
.Topinfor {padding:3px 3px 3px 3px; color:#444444; background:#FFFFFF; border:0px solid #A5CEF7;}
.Explanation{text-align:left; color:#67B0D1; font-style:italic; text-align:justify; font:normal 12px Tahoma,Helvetica,sans-serif;}

.NewsEventGroup
{
    float:right;
    background:#F9F9F9;
    width:230px;
    text-align:justify;
    margin: 2px 0px 5px 8px;
    border:1px solid #EBEBEB;
    padding:2px;
}

.NewsEventGroup li
{
    background: url("Image/row-7.gif") no-repeat scroll 6px 6px rgba(0, 0, 0, 0);
    list-style:none
 }
 
.NewsEventGroup li a
{
    background: url("Image/row-7.gif") no-repeat scroll 6px 6px rgba(0, 0, 0, 0);
    color: #0576BE;
    padding-left: 15px;
    font:normal 11px Tahoma,Helvetica,sans-serif;
 }
 
.NewsEventGroup li a:hover{color:#0692EB;}

.Security{letter-spacing:10px; color:#000000; font-style:italic; text-align:center; font:bold 15px Tahoma,Helvetica,sans-serif; border:1px solid #7B7A7A; background:#D5D2D2}

.Note{text-align:left; color:#FF0000; font:bold 15px Tahoma,Helvetica,sans-serif;}

.NoiQuy{text-align:left; width:100%; height:150px; overflow:scroll; border:1px solid #7B7A7A; color:#444444; padding-left:5px; padding-right:5px; text-align:justify; font:normal 13px Tahoma,Helvetica,sans-serif;}

.Table1, .sortTable
{
  border: solid 1px #A5CEF7;
  border-collapse: collapse;
  padding:20px;
}

.sortTable th, tr.theader th
{
	background-color: #44aa33!important;
    border: 1px solid #7dd76e!important;
    color: #FFFFFF !important;
    padding: 6px 17px 6px 4px!important;
    text-align: center!important;
    font-weight: bold;
}

.sortTable tbody tr td {
	padding: 3px;
}
.sortTable {
	border-left: 1px solid #CFD6E0;
    border-top: 1px solid #CFD6E0;
    margin-top: 10px;
}
.Table1 tr
{
    background-color: #F5F5F5;
    border: 1px solid #FABF8F;
    color: #444444;
    padding: 6px 5px;
    text-align: center;   
}
tr.row_1
{
  background:none repeat scroll 0 0 #F9F9F9; 
}
tr.row_0
{
  background:none repeat scroll 0 0 #F0F4F5; 
}

.Table1 tr:hover, tr.row_0:hover, tr.row_1:hover
{
  background-color: #F9F4BD; 
}


.Table1 td, .sortTable td 
{
  padding: 5px!important;
  border: solid 1px #d5d5d5;
  vertical-align:middle;
}
table.sortTable thead,
tr .header {
    background-image: url("Image/bg.gif")!important;
    background-position: right center!important;
    background-repeat: no-repeat!important;
    cursor: pointer!important;
}
table.sortTable thead tr .headerSortUp {
    background-image: url("Image/asc.gif")!important;
}
table.sortTable thead tr .headerSortDown {
    background-image: url("Image/desc.gif")!important;
}
.Table2
{
  border: solid 1px #A5CEF7;
  border-collapse: collapse;
  padding:20px;
}

.Table2 th
{
  padding: 6px 5px;
  text-align: Center;
  background-color: #DCE9F6; 
  color:#444444;
  border: solid 0px #A5CEF7;   
}

.Table2 tr
{
  padding: 6px 5px;
  text-align: Center;
  background-color: #FFFFFF; 
  color:#444444;
  border: solid px #A5CEF7;   
}

.Table2 tr:hover
{
  background-color: #F3F8FB; 
}

.left_col {
	background: #d1d1d1;
	padding-bottom: 10px;
}
.Table2 td 
{
  padding: 5px;   
  border: solid 0px #A5CEF7;
  vertical-align:middle;
  text-align:left
}


.Button {width:96%; text-align:right;}
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
	margin:10px;
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
div.v-menu { background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -8px;}
.v-menu ul{padding:0px; margin-bottom:-2px;}
.v-menu ul li{ padding:0px; list-style-type:none; margin: 0 2px;}

.v-menu ul li.user {
    background: url("Image/user.png") no-repeat scroll 7px 7px transparent;
}

.v-menu ul li.School {
    background: url("Image/School.png") no-repeat scroll 7px 7px transparent;
}

.v-menu ul li.proc {
    background: url("Image/Tree.png") no-repeat scroll 7px 7px transparent;
}

.v-menu ul li.hanh_chinh {
    background: url("Image/hanh_chinh.png") no-repeat scroll 7px 7px transparent;
}

.v-menu ul li a, 
.v-menu ul li a:link, 
.v-menu ul li a:visited {	
    border-bottom: 1px dotted #CCCCCC;
    color: #092228;
    display: block;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 8px 10px 8px 36px;
}
.v-menu ul li.actived a,
.v-menu ul li a:hover{color:#FF6600;}
.v-menu ul li ul {display:none; }
.v-menu ul li.actived ul{display:block;}
.v-menu ul li ul li {
    background: none repeat scroll 0 0 #cceebb !important;
    border-bottom: 1px dotted #FFFFFF;
    margin: 0;
    padding-left: 20px;
 }
.v-menu ul li ul li a,
.v-menu ul li ul li a:link,
.v-menu ul li ul li a:visited {border:0px !important; font:normal 12px Arial, Helvetica, sans-serif !important; background: url(Image/next.png) no-repeat scroll 2px 10px transparent !important; color:#444;}
.v-menu ul li ul li a:hover,
.v-menu ul li ul li.actived a{ color:#FF6600;}

/*Phân trang*/
.paging {padding:0px;}
.paging span {display:block; padding: 5px; float:left; margin-right:5px;}
.paging { margin: 0px 0px 5px 0px;}
.paging a {display:block; padding: 4px 8px; float:left; margin-right:5px;-moz-border-radius:3px;background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;border:1px solid #CCCCCC;cursor:pointer; text-decoration: none; color:#555555;}
.paging a:hover, .paging a.current{overflow:visible;background-color:#CCC; background:-moz-linear-gradient(center top , #FFFFFF, #CCC) repeat scroll 0 0 #CCC; color:#222; border:1px solid #888;}
.paging-header {padding:5px; background: none; width: auto;}

table.MathHelp {background-color: #012F2E; border-color: #1C7DAE; border-style: inset; border-width: 5px; font-family: Verdana; padding: 5px; text-align: justify; width:90%}
.HelpTitle{ text-align:left; padding-left:5px; font:Bold 14px Arial, Helvetica, sans-serif; color:#FFFC00; font-style:italic; text-decoration:underline}
.HelpContent{ text-align:left; padding-left:10px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF; word-spacing:3px; line-height:25px;}
.HelpReturn{ text-align:left; padding-left:10px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF;  word-spacing:3px; line-height:25px;}
.AllHelpReturn{ text-align:left; padding-left:10px; font:normal 14px Arial, Helvetica, sans-serif; color:#FFFFFF;  word-spacing:3px; line-height:25px;}


#headerbox{ repeat-x; text-align:center; border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin-left:0px; margin-right:5px}
#headerbox #header-l {background:url(image/header-l.gif) no-repeat top left;}
#headerbox #header-r {background:url(image/header-r.gif) no-repeat top right;}
#headerbox a {display:inline-block; background:url(image/hedaer-a-l.gif) no-repeat top left;}
#headerbox a span,#headerbox a:link span,#headerbox a:visited span {display:inline-block; background:url(image/header-a-r.gif) no-repeat top right; padding: 9px 15px; color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
#headerbox a:hover span,#headerbox a:hover {color:#FFFF00; text-decoration:none;}

fieldset 
{
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    border: 1px solid #f2f2f2;
}

fieldset p 
{
    margin: 2px 2px 2px 2px;
}

legend 
{
    font-size: 12px;
    color:#5C87B2;
}

.DocSo{font:bold 12px Arial, Helvetica, sans-serif; text-align:center; font-style:italic}

.Mau2C{ 
	padding-top: 13px;
    width: 680px;
}

#SoftName
{
	padding-top:5px;
	padding-left:25px;
	font:bold 22px Arial, Helvetica, sans-serif; text-align:left;
	color:#2D90A8;
	}
	
#TenNganh
{
	padding-left:7px;
	padding-bottom:3px;
	text-align:center;
	width:350px;
	text-transform:uppercase;
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#2D90A8;
	background: url(Image/NewMenu/DuongNgang.png) no-repeat scroll 60px 28px transparent;
	}
	
.ContentLabel
{
    font:none 12px Arial, Helvetica, sans-serif;
    padding-top:7px;
    color:#444444;
}
	
.Contentdiv
{
    background:#F3FDFE;
    border: 1px solid #D6F5FA;
	padding:5px;
	margin:6px;
	text-align:justify;
	width:680px;
	font:none 12px Arial, Helvetica, sans-serif;
	color:#444444;
}
	
#DonViSuDung
{
	padding-top:15px;
	padding-left:7px;
	text-align:center;
	width:350px;
	text-transform:uppercase;
	font:bold 23px Arial, Helvetica, sans-serif;
	color:#3F6C24;
	text-shadow:2px 2px #F2F2F2;
	}
	
.tableClass
{
	border:1px solid #DBDFDC;background:#FEFEFE; padding:3px; margin-top:5px;
}


#divLoading
{
	margin: 0px; padding: 0px; position: fixed; right: 0px;
    top: 0px; width: 100%; height: 100%; background-color: #929191; z-index: 30001;
    opacity: 0.87; filter: alpha(opacity=70); display:none
}

.FolderFileWin
{
	background: url("Image/fancybox_overlay.png") repeat scroll 0 0 transparent;
	margin: 0px; padding: 0px; position: fixed; right: 0px;
    top: 0px; width: 100%; height: 100%;
    filter: alpha(opacity=70); display:none;
    text-align:center; vertical-align:middle;
	z-index: 9;
}

.FolderFileWinSub
{
	position: absolute; top:30%; left:35%; color:#444444; background:#FFFFFF; text-align:center ; width:400px; border:2px #DCDFE0 solid;
}

#pStyle
{
	position: absolute; top: 30%; left: 45%; color:#444444; background:#929191; text-align:center
}

.DivInput
{
	position: absolute; top:15%; left:25%; color:#444444; background:#FFFFFF; text-align:center ; width:700px; height:410px; border:2px #DCDFE0 solid;
}

.TitleBox
{
	background:#7C9CB8; border:1px #FFFFFF solid; height:20px; color:#FFFFFF; text-align:left; padding:5px;
	}
	
	
.XetHuuTri
{
	position: absolute; top:15%; left:22%; color:#444444; background:#FFFFFF; text-align:center ; width:760px; height:340px; border:2px #DCDFE0 solid;
}

.XetHetTapSu
{
	position: absolute; top:10%; left:22%; color:#444444; background:#FFFFFF; text-align:center ; width:760px; height:480px; border:2px #DCDFE0 solid;
}
.frm_change_pass input 
{
    width: 230px;  
}
.LuanChuyenNoiBo
{
	position: absolute; top:13%; left:30%; color:#444444; background:#FFFFFF; text-align:center ; width:600px; height:340px; border:2px #DCDFE0 solid;
}

.LuanChuyenDonVi
{
	position: absolute; top:13%; left:30%; color:#444444; background:#FFFFFF; text-align:center ; width:600px; height:300px; border:2px #DCDFE0 solid;
}
.TiepNhanNhanSu
{
	position: absolute; top:13%; left:30%; color:#444444; background:#FFFFFF; text-align:center ; width:600px; height:340px; border:2px #DCDFE0 solid;
}

.aFile {color:#444444; padding-left:5px; font:none 12px Tahoma,Helvetica,sans-serif; cursor:pointer}

.aFile:hover {color:#308FBD}

.FolderPower
{
	position: absolute; top:15%; left:30%; color:#444444; background:#FFFFFF; text-align:center; height:410px; width:500px; border:2px #DCDFE0 solid;
}
.UpdatePowerContent
{
	overflow:auto; color:#444444; background:#FFFFFF; text-align:center; height:320px; width:490px;
}
.ViewImageFile
{
	position: absolute; top:10%; left:20%; color:#444444; background:#FFFFFF; text-align:center; height:470px; width:800px; border:2px #DCDFE0 solid;
}
.ImgPreview
{
	border:2px #DCDFE0 solid; width:750px; height:330px; background:#EDFAFA; text-align:center; vertical-align:middle
	}

.SoundPreview
{
	border:2px #DCDFE0 solid; width:380px; height:40px; background:#EDFAFA; text-align:center; vertical-align:middle
	}

.FileAround
{
	padding:1px;
    border:1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    margin:5px;
    background:#FAFBFB;
    }

.Videocss
{
    width: 276px;
    height:200px;
    margin:5px;
    background:#99dd77;
}	

.VideoView
{
    width: 270px;
    height:200px;
    border:2px solid #99dd77;
    border-radius: 3px 3px 3px 3px;
}	

.MediaList
{
     width:276px;
     height:100px;
     background:#99dd77;
     margin-top:-6px;
     text-align:left;
     overflow:auto;
}	
.MediaList li
{
    background: transparent url("image/arrow4.gif") no-repeat scroll 0 13px;
    list-style: outside none none;
    margin: -12px 6px;
    padding: 8px;
}	
.MediaList li:hover
{
     list-style:none;
     background: url("image/arrowhover.gif") no-repeat scroll 0 13px transparent;
}

.MediaList li a
{
     text-align:left;
     cursor:pointer;
     
}

.VideoLink
{
    width: 276px;
    height:18px;
    background:#99dd77;
    text-align:right;
}	

.VideoLink a
{
    color: #333;
    cursor: pointer;
    padding: 10px 5px;
    text-align: left;
}	

.VideoLink a:hover
{
   color:#dd1122;
}	

.soluottruycap {
	margin-top:10px;
	width:276px;
}

.AnhChanDung
{
    border:1px solid #ddd;
    padding:1px;
    border-radius: 3px 3px 3px 3px;
}	

.Support
{
    border:1px solid #ddd;
    padding:5px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
}

.SearchValue
{
    border:1px solid #ddd;
    padding:5px;
    margin:10px;
    background:#CDF0F9;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
}
.TextRun
{
    background: #FFDE8D none repeat scroll 0 0;
    border: 1px solid #ddd; 
    border-radius: 4px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.1);
    padding: 6px 8px 6px 5px;
}

.fb_css
{
    padding-top:10px;
    padding-bottom:10px;
}
#marquee_replacement {
    display: block;
    font-size: 12px;
    height: 250px;
    overflow: auto;
    padding-left: 2px;
}

.ImageIcon
{
    width: 80px;
    padding:1px;
    border:1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    margin:3px;
    background:#F7F8F8;
}

.ImageGroup
{
    border:1px solid #ddd;
    padding:0px;
    border-radius: 6px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    margin-top: 5px;
    width:275px;
}
.ImageGroup li
{
    list-style:none;
    margin-top:3px;
}

.ImageGroup li a
{
    text-decoration:none;
}

.GoogleMap
{
    border:1px solid #ddd;
    padding:0px;
    border-radius: 6px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    margin-top: 5px;
    width: 680px;
    height: 250px;
}

.BoxProduct
{
    border:1px solid #ddd;
    padding:5px;
    border-radius: 6px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    margin-top: 5px;
}

.CauHoi
{
	font-size:13px;
	font: bold 14px Arial, Helvetica, sans-serif;
}

span.HeadNews
{
    background: #008ace none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin: 0 0 5px;
    padding: 5px;
    text-transform: uppercase;
    font-weight:bold;
    width: 97%;
}

span.HeadNews1
{
    background: #008ace none repeat scroll 0 0;
    clear: both;
    color: #fff;
    float: left;
    font-weight: bold;
    margin: 4px;
    padding: 3px 0 6px 10px;
    position: absolute;
    text-transform: uppercase;
    width: 37.8%;
}

td.slideImg
{
    clear: both;
    float: left;
    padding: 10px 0 10px 8px;
    position: absolute;
    width: 680px;
}   

div.slide-image        
{
    border-radius:5px;
    padding:6px;
}

div.AlbumAnh
{
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    width: 275px;
}
div.AlbumAnh ul#album
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
div.AlbumAnh ul#album li#head
{
    background: rgba(0, 0, 0, 0) url("Image/bg-header.gif") repeat-x scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 5px;
    padding: 7px 0 0;
    text-align: center;
    text-decoration: none;
    width: 249px;
    
}

div.slide-bottom
{
    border: 1px solid #dedede;
    margin: 0 auto;
    padding: 5px 10px;
    width: 95%;
}

div.slide-bottom ul
{
    list-style:none;
}
div.slide-bottom ul li
{
    float:left;
}
div.dskh
{
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #dedede;
    float: left;
    margin: 0 9px 0 0;
    padding: 0;
    width: 49%;
}
div.dskh ul
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

div.dskh ul li {
    background: #008ace none repeat scroll 0 0;
    border: 1px solid #008ace;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
    width: 97.5%;
}
div.dskh ul img
{
    height: 112px;
    padding: 5px;
    width: 324px;
}

div.httt
{
    float: left;
    background:#f0f0f0;
    border:1px solid#dedede;
    width:49%;
}
div.httt ul
{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

div.httt ul li {
    background: #008ace none repeat scroll 0 0;
    border: 1px solid #008ace;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
    width: 97.5%;
}

div.httt ul img
{
    margin: 0 auto;
    padding: 5px;
}

div.head-damn
{
    width: 668px !important;
}
div.head-damn ul
{
    clear: both;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
div.head-damn ul li
{
    border: 1px solid #dedede;
    border-radius:5px;
    color: #fff;
    float: left;
    font-weight: bold;
    margin: 10px;
    padding: 0;
    text-transform: uppercase;  
}
div.head-damn ul li#tit-head
{
    background:#008ace;   
    color:#fff;
    font-weight:bold;
    text-transform:uppercase; 
    padding:5px;
    width:98.5%;
       
}

div.head-damn2
{
    width: 668px !important;
}
div.head-damn2 ul
{
    width:100%;
    list-style:none;

}

div.head-damn2 ul li
{
    float: left;
    margin: 0;
    padding: 5px;
    width: 180px;   
}

div.imglink
{
    float: left;
    width: 33%;
}

.BoxView 
{
	border: 1px solid #ddd;
	margin-left:2px;
	margin-top: 0px;
	margin-bottom:5px;
}

.BoxView .titleBoxView
{
    border: 1px solid #ddd;
    font: bold 12px Arial,Helvetica,sans-serif;
    padding: 2px 3px;
    text-decoration: none;
    margin-bottom: 6px;
}

.BoxView .titleBoxView li
{
     list-style:none;
     padding:4px;
}

.BoxView .titleBoxView li a
{
     font: none 12px Arial,Helvetica,sans-serif;
     text-decoration: none;
     color:#ffffff;
     padding-left:25px;
     font-size:13px;
}

.BoxView .titleBoxView li a:hover
{
    color: #FFFF00;

}

.ContentBoxView
{
   
}

.BoxView .ContentBoxView li
{
    background: transparent url("image/arrow4.gif") no-repeat scroll 0 10px;
    list-style: outside none none;
    margin-left: 13px;
    padding: 4px;
}

.BoxView .ContentBoxView li a
{
     font: none 12px Arial,Helvetica,sans-serif;
     text-decoration: none;
     color:#444444;
     padding-left:9px;
}

.BoxView .ContentBoxView li a:hover
{
     color:#107800;
}

.BoxView .ContentBoxView li:hover
{
    background:transparent url("image/arrowhover.gif") no-repeat scroll 0 10px;
}