.clearfix:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



ul li,ul{ list-style-type: none;margin: 0;padding: 0}



li a{ text-decoration: none;}



.clearfix {



	display: inline-block;



}



 



textarea{ font: inherit;font-size: inherit}



html[xmlns] .clearfix {



	display: block;



}



select {



    padding: 4px;



}







* html .clearfix {



	height: 1%;



}



.buttonLuu



{



    background: #0060f6;



    width: 180px;



    height: 56px;



    font-size: 16px;



    color: white;



    font-weight: bold;



    text-transform: uppercase;



    border-radius: 36px;



}



#viewWS{ padding-left: 20px; background: transparent url(admin/icon-16-viewsite.png) no-repeat 3px}



.clear



{



    clear: both;



}



body{ margin: 0;padding: 0;background-color: white;font-family: arial;font-size: 13px;}



.headbar{position: absolute;left: 0;top: 0;height:83px}



.wrapper, .w96percent{ width: 96%;margin: 0 auto;min-width: 976px}



#header 



{



    padding-top: 5px;



    background: #3B5998;width: 100%;z-index: -1;



}



#logout{ background: transparent url(admin/icon-16-logout.png) no-repeat 8px;padding-left: 28px;}



#header ul li#yahoosupport{ float: right;position: relative;z-index: 900;}



#header ul{width: 100%}



#yahoosupport a#need-support{ display: block;background:#464646 url(admin/yahoo.png) no-repeat left;padding:0 5px 2px 20px;text-shadow: #444 0px -1px 0px;}



.userstatus{ color: white; padding-top: 3px}



#header ul,#header li{ float: left;}



#header a,#header li { color: white;}



ul#navigate{ width: 100%;background-color: #627AAD; float: left;}



ul#navigate li{ float: left;position: relative;z-index: 22}



ul#navigate li a{ display: block;padding: 7px 10px;color: white;font-weight: bold; font-size: 12px}



ul#navigate li a:hover, .hovers{ background-color: #6381C0; cursor: pointer}



.active{ color: #333!important; background-color: white}



#mainwrap{border-radius: 0px 0px 10px 10px; color: #414B50;border: solid 1px #DBDBDB;border-top: none;padding: 5px}



#mainwrapinner{ width: 100%;}



#navi{border: solid 1px #1D4088;margin-top: 32px;border-top: none; border-bottom: none}



.innerDefault{}



.itemsRight{ margin-bottom: 16px;}



#optSideRight{ width: 20%;float: right;}



#optSideLeft{       /* width: 79%; */



    float: left;



    border: 1px solid #eeeeee;



    border-radius: 9px;



    margin-top: 42px;



    margin-left: 66px;



    background: #f6f6f6;}



.itemsRight h4{ width: 100;margin: 0; margin-top: 16px;background: transparent url(admin/folder_title_bg_md.gif) repeat-x;padding: 4px 0 4px 10px; border-radius: 4px 4px 0 0;text-shadow: 0 -1px 2px #0D1A26;color: white;



    font-weight: bold;border: 1px solid #27537C;font-size: 14px}



.itemsRightCenter{ background-color: #F2F2F2;padding: 6px;border-radius: 0 0 4px 4px;}



.itemsRightCenter a:last-child{border-bottom: 1px solid #DDD;}



.itemsRightCenter a{ display: block;padding: 5px 0;border-top: 1px solid #DDD;color: #11C; }



.itemsRightCenter a:hover{ background-color: #2BB7E5; cursor: pointer}



.itemsRightCenter a .sepRight{ float: left;font-size: 13px; padding-left: 10px}



.alnright{ padding: 2px;background-color: #3B5998;color: white;font-weight: bold;border-radius: 3px;float: right;}



#footer{    background: url(http://vietwebgroup.vn/css/images/vietweb-footer-bg.png) #fff left top repeat-x;}



#footer p{ color: #919191;font-size: 11px;width: 96%;margin: 0 auto;padding: 3px 0;margin-top: 8px;}



.sideLeft{padding: 3px 6px;/*border: 1px solid #BBB*/;position: relative;border-radius: 4px;/*background-color: white;*/color: #666;



margin-bottom: 10px;min-height: 300px; height: 300px}



.sideLeft h3{text-shadow: 1px 1px 0 rgba(220, 220, 220, 0.5);color: #0068B3;margin: 0;padding: 0px 0 10px 0;line-height: 25px;



font-size: 17px;}



.mainoption ul{float: left;padding-top:16px;}



.mainoption ul li{ float: left;padding-right: 10px;z-index: 200}



.mainoption li a{ display: block;text-align: center;font-size: 11px;color: #666;border: 1px solid #F0F0F0;padding: 5px;width: 78px;height: 80px}



.mainoption li a:hover{border-left: 1px solid #EEE;border-top: 1px solid #EEE;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;background: #F9F9F9;color: #0B55C4;}



.mainoption li a span{display: block;height: 48px; padding-bottom: 10px}



#product-add{ background: transparent url(admin/icon-48-product-add.png) no-repeat center;}



#product-list{background: transparent url(admin/icon-48-product.png) no-repeat center;}



#product-category{background: transparent url(admin/icon-48-category.png) no-repeat center;}



.news-add{background: transparent url(admin/icon-48-article-add.png) no-repeat center;}



#statitics{background: transparent url(admin/icon-48-statistic.png) no-repeat center;}



#order-list{background: transparent url(admin/icon-48-shopping-cart.png) no-repeat center;}



#user-profile{background: transparent url(admin/icon-48-profile.png) no-repeat center;}



#site-setting{background: transparent url(admin/icon-48-setting.png) no-repeat center;}



#site-slide{background: transparent url(admin/icon-48-banner.png) no-repeat center;}



.toolbar{ padding: 7px 0 5px 10px;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2); }



.toolbar-action ul, .toolbar-action ul li{ float: right}



.toolbar-action ul a{text-align: center;font-size: 11px;float: left;border-radius: 2px;margin-left: 5px;cursor: pointer;font-weight: normal;background-color: #F2F2F2;border-color: #EEE #CCC #CCC #EEE;border-left: 1px solid #EEE; border-style: solid;border-width: 1px;color: #0B55C4;padding: 0 5px;}



.toolbar-action ul a:hover{border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;background: #F9F9F9;color: #0B55C4;}



.toolbar-action ul a span{padding: 10px;display: block;margin: 0;}



.toolbar-title{text-shadow: 1px 1px 0 rgba(220, 220, 220, 0.5);color: #0068B3;margin: 0 0 10px 0;padding: 0 0 0 25px;font-size: 17px;float: left;font-weight: bold;background: url(admin/module-icon.png) transparent no-repeat left center;line-height: 30px}



.toolbar-title-hd{text-shadow: 1px 1px 0 rgba(220, 220, 220, 0.5);color: #0068B3;margin: 0 0 10px 0;padding: 0 0 0 25px;font-size: 17px;float: left;font-weight: bold;/*background: url(admin/module-icon.png) transparent no-repeat left center;*/line-height: 30px}



.toolbar-delete{background: transparent url(admin/icon-20-trash.png) no-repeat top}



.toolbar-insert{background:transparent url(admin/icon-20-new.png) no-repeat top center}



.toolbar-update{ background: transparent url(admin/icon-20-save.png) no-repeat top center;}



.toolbar-support{ background: transparent url(admin/help.png) no-repeat top;}



.toolbar-update-insert{background: transparent url(admin/icon-20-save-new.png) no-repeat top;}



.toolbar-update-back{background: transparent url(admin/icon-20-save-copy.png) no-repeat top;}



.navi-action ul,.navi-action li{ float: right;}



.navi-action{text-align: right;border-bottom: 1px dashed #009CD9;margin-bottom: 8px;}



#navigate li ul{ position: absolute;top: 28px;left: 0;z-index: 600;background-color: #D1D1D1!important;width: auto;display: none;}



#navigate li ul li{ width: 200px; border-bottom: 1px solid #AAA; }



#navigate li ul li a{text-decoration: none;padding: 6px 0 6px 25px;display: block;background-position: 3px 50%;background-repeat: no-repeat;font-size: 11px;font-weight: normal; color: black}



#navigate li ul li a:hover{background-color: #C5C5C5}







/*Cac icon trong menu cap 2*/



/*Hung them icon*/



a.icon_home { background-image: url(admin/icon_home1.png);}



a.icon_ns { background-image: url(admin/icon-ns.png);}



a.icon_kh { background-image: url(admin/icon_kh2.png);}



a.icon_dv { background-image: url(admin/icon_category_16x16.png);}



a.icon_ds { background-image: url(admin/icon_ds.png);}



a.icon_hd { background-image: url(admin/icon_hd.png);}



a.icon_tk { background-image: url(admin/chart_bar.gif);}



a.icon_bl { background-image: url(admin/icon_order_16x16.png);}



a.icon_hdn { background-image: url(admin/help.png);}



a.icon_ch1 { background-image: url(admin/icon_config_16x16.png);}



a.icon_kh1 { background-image: url(admin/icon_kh.png);}



a.icon_dt1 { background-image: url(admin/user.gif);}



a.icon_sl1 { background-image: url(admin/icon_customer_16x16.png);}











a.icon_add { background-image: url(admin/icon_add_16x16.png);}



a.icon_support{background-image: url(admin/icon_businesschat_16x16.png)}



a.icon_list{background-image: url(admin/icon_ds1.png)}



a.icon_category{background-image: url(admin/icon_category_16x16.png)}



a.icon_customer{background-image: url(admin/icon_customer_16x16.png)}



a.icon_order{background-image: url(admin/icon_order_16x16.png)}



a.icon_feedback{background-image: url(admin/icon_formcontact_16x16.png)}



a.icon_footer{background-image: url(admin/icon_contentedit_16x16.png)}



a.icon_link{background-image: url(admin/global_international_internet_browser.png)}



a.icon_config{background-image: url(admin/icon_config_16x16.png)}



a.icon_sendmail{background-image: url(admin/icon_sendmail_16x16.png)}



a.icon_sms{background-image: url(admin/icon_sms_16x16.png)}



a.icon_adz{background-image: url(admin/icon_advertiment_16x16.png)}



a.icon_stats{background-image: url(admin/icon_statistics_16x16.png)}



a.icon_tag{background-image: url(admin/icon_tag_16x16.png)}







/*Hùng thêm menu cho web*/



ul#navigate{ width: 100%;background-color: #627AAD; float: left;}



ul#navigate li{ float: left;position: relative;z-index: 22}



ul#navigate li a{ display: block;padding: 7px 10px;color: white;font-weight: bold; font-size: 12px}



ul#navigate li a:hover, .hovers{ background-color: #6381C0; cursor: pointer}



.active{ color: #333!important; background-color: white}



#navi{margin-top: 32px;border-top: none; border-bottom: none}







/*Hùng thêm menu*/



#main_menu{



	background-color: #627AAD;



	font-family:sans-serif;



	list-style-type:none;



	float:left;



	width:100%;



	border-top: solid 1px #1D4088;



	margin-top: 26px;







/*border-radius:5px;



box-shadow: 3px 3px 2px #888888;*/



}



/*top list items*/



.top_menu {



	float:left;



	position:relative;



	margin-left:0px;



	text-align: left;



}



/*anchors*/



#main_menu a{



	font-size: 11px !important;



	display:block;



	/*padding:5px;*/



	text-decoration:none;



	width:100px;



	background-position: 3px 50%;



	background-repeat: no-repeat;



	text-decoration: none;



	padding: 6px 0 6px 26px;



	display: block;



	background-position: 3px 50%;



	background-repeat: no-repeat;



	/*font-size: 12px !important;



	font-weight: bold !important;*/



}



#main_menu a:hover {



	/*background-color: 6381C0;*/



	background-color: #2C9AC8;



	color: white;



	display:block;



	/*padding:5px;*/



	text-decoration:none;



	width:100px;



	background-position: 3px 50%;



	background-repeat: no-repeat;



	text-decoration: none;



	padding: 6px 0 6px 26px;



	display: block;



	background-position: 3px 50%;



	background-repeat: no-repeat;



	/*font-weight: bold !important;*/



}



/*sub menu list*/



#main_menu ul {



	list-style:none;



	position:absolute;



	display:none;



}



/*sub menu when hover on top item*/



#main_menu li:hover ul {



	display:block;



	background-color: #D1D1D1 !important;

	z-index: 10000;



}



/*sub menu list items*/



#main_menu ul li {



	padding-top:1px;



	/*margin-left:-25%;*/



}



/*sub menu list anchors*/



#main_menu ul a {



	color:black;



	border-bottom: 1px solid #AAA;



}











/*Phan hien thi danh sach*/



.div-search{padding: 3px 6px;border: 1px solid #BBB;position: relative;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;background-color: #E5E5E5;color: #333;}



.inputSearch{color: #777B7C;padding: 5px;height: 12px;background-color: #ECEFEF;border: 1px solid #93D1FF;border-right: none;border-radius: 4px 0 0 4px;float: left;line-height: 1em;box-shadow: inset -2px 0 4px #c4c3ba;width: 250px;}



.buttonSearch{float: left; background: url(admin/bkg-search-btn.png) no-repeat 0 0;width: 28px;height: 24px;text-indent: -9999px;border: 0;}



.tblList{ width: 100%;border-collapse: collapse;border: #E7E7E7 1px solid;color: #333;padding: 5px !important;margin: 10px 0 5px 0;font-size: 12px; }



.tblList th {background-color: #f0f0f0; color: #666666;     border-left: 1px solid #cccccc;



    border-right: 1px solid #cccccc;



    border-top: 1px solid #cccccc;



    border-bottom: 1px solid #999999;



    font-weight: bold;     padding: 5px 6px;     text-align: center;     white-space: nowrap;     font-size: 11px;     background-color: #2C9AC8;     color: #fff;



    background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#60BCE8),to(#2C9AC8));



}



.tblList td{border: #CCC 1px solid;vert-align: middle; padding: 7px}

.tblList td a { color: blue;text-decoration: none }



.tblList td a:hover { text-decoration: underline }



.selectRow{background-color: #FFC!important}



.oddRow{background-color: #F7F7F7;}



.topbar{ z-index: 6000;width: 93%;background-color: #BCF;border-color: #CCC;padding-right: 1%;min-width: 976px}



/*Phần thêm */



.tblDetailSkin{margin-top: 20px}



.tblDetailSkin input,.tblDetailSkin select {



    padding: 3px 5px;



    /*width: 70%;*/



}



.admin-breadcrumps { clear: both;padding-top: 20px;    padding: 8px 15px;



    margin-bottom: 20px;



    list-style: none;



    background-color: #f5f5f5;



    border-radius: 4px;}



.admin-breadcrumps li{ display: inline-block;}



.admin-breadcrumps li a{ color: #337ab7;}



.tblSkinRow{border: none}



.tblSkinRow td{border: #E7E7E7 1px solid;margin-right: 10px;    background: #f6f6f6;}



.tblSkinHeaderColumn{    font-size: 13px;background-color: #F6F6F6;border: 0px;color: #666;font-weight: bold;padding: 6px !important;text-align: right;}



.tblSkinValueColumn{border: none;}



.tblSkinValueColumn input,.tblSkinValueColumn textarea{padding: 6px}



table.tbl_order-detail td.td_order-detail-title {background: #627AAD;text-align: center;font-weight: bold;font-size: 12px;text-transform: uppercase;color: #fff;}



table.tbl_order-detail td {font-size: 12px;font-family: Arial;background: #e5ecfd;}



td.tblSkinHeaderColumn table{ padding-left: 100px;}



#showyahoosupport {



    position: absolute;



    top: 20px;



    padding: 4px;



    right: 0;



    width: 200px;



    background-color: #e5ecfd;



    z-index: 400;



    color: black;



    display: none;



}



#showyahoosupport p{ margin: 0;padding: 0;}



#showyahoosupport a img{vertical-align: bottom;}



label.error {



	display: block;



	color: red;



	font-style: italic;



	font-weight: normal;



}







input.error ,textarea.error{



	border: 2px solid red;



}



.recentActivity a{color: #368ee0}



.recentActivity a:hover{text-decoration: underline}



.recentActivity { line-height: 30px;padding:0 30px}



.recentActivity li{border-top: 1px dotted #A8A8A8;list-style-position: inside}



.recentActivity li:last-child{border-bottom: 1px dotted #A8A8A8}



p{padding-left: 30px}



#ctl00_ContentPlaceHolder1_pager{text-align: right}



.article-relates-listx {



    list-style-position: inside;



    padding-top: 10px;



    padding-left: 4px



}



.article-relates-listx li{ list-style: disc;list-style-position: inside}



.article-relates-listx a{ display: inline-block;margin-right: 7px; color: #006BF7;}



.article-relates-listx span{ color: red;cursor: pointer;display: inline-block;padding: 4px}



.article-relates-listx i{cursor: pointer}



.autocomplete-suggestions {



    background-color: white;



    z-index: 8888;



    padding: 3px;



}



.tieude-hd{    



	text-shadow: 1px 1px 0 rgba(220, 220, 220, 0.5);



    color: #0068B3;



    margin: 0;



    padding: 0px 0 10px 0;



    line-height: 25px;



    font-size: 17px;}