#chartFooter{display: none}
body {height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0; background:#eaeaea url(../img/bg_body_left.png) repeat-y left; color: #666;}
	p {padding: 0; margin: 0;}
	ul, li {list-style: none; padding: 0; margin: 0;}
	img {border: none;}
	h1, h2, h3, h4, h5 {padding: 0; margin: 0; }
	.left {float: left;}
	.right {float: right;}
	.red {color: #C61B1B;}
	.green {color: #98B22B; }
	.smltxt {font-size: 11px;}
	.hoverimg {background: #ccc; padding: 3px; float: left;}
		.hoverimg:hover {cursor: pointer; background: #e4e4e4;}
	/* Header Elements */
	
	#header {width: 100%; height: 70px; background: #353535 url(../img/bg_header.png) repeat-x bottom;}
		.logo {float: left; padding: 20px 0 0 30px;}
	
		#searcharea {float: right; padding: 5px 15px 0 0;}
		.chontim{color: #FFF;padding: 0px 0px 0px 70px !important;}
			#searcharea p {color: #ccc; padding-top: 10px;}
				#searcharea a {color: #ccc;}
				#searcharea a:hover {color: #999;}
			.searchbox {margin-left: 10px; font-size: 14px; color: #888; padding: 10px 15px; width: 350px; border: 1px solid #fff; -moz-border-radius: 8px; border-radius: 8px; background: #fff url(../img/bg_fade_med.png) repeat-x top;}
			.searchbtn {background: url(../img/bg_btn_grey_lrg.png) repeat-x top; border: 1px solid #000; text-shadow: 1px 1px 1px #eee; padding: 10px; -moz-border-radius: 8px; border-radius: 8px;}
				.searchbtn:hover {background: url(../img/bg_btn_grey_lrg.png) 0 -50px; cursor: pointer;}
		
	/* Top Breadcrumb */	
	
	#breadcrumb {height: 21px; background: #C7C7C7 url(../img/bg_breadcrumb.png) repeat-x top; margin: 0 0 0 226px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 12px 0 8px 35px; text-shadow: 1px 1px 1px #e4e4e4;}
			#breadcrumb li {float: left; padding-right: 5px;}
			#breadcrumb li.current {font-weight: 700; font-size: 14px;}
				#breadcrumb a {color: #666; text-decoration: none;}
					#breadcrumb a:hover {color: #333;}
					
	/* Left Side/Navigation Elements */	
	
	#leftside {width: 225px; height: 100%; background: #525252 url(../img/bg_leftside.png) repeat-x top; position: absolute; top: 103px; left:0px; border-right:1px solid #fff; padding-top: 10px;}
	
	/* Top User Info Box */
	
		.user {width:195px; padding: 15px; color: #ccc; overflow: auto; text-shadow: 1px 1px 1px #111; background: url(../img/bg_left_spacer.png) repeat-x bottom;}
		.notifications {width:195px; padding: 10px 15px; color: #ccc; overflow: auto; text-shadow: 1px 1px 1px #111; background: url(../img/bg_left_spacer.png) repeat-x bottom;}
		.notifications .help{
			
			background: url(../img/help.png) no-repeat scroll left top transparent;
			float: left;
			height: 25px;
			padding: 3px 0 0 28px;
			width: 151px;
			}
		.notifications .change{
			
			background:url(../img/change.png) no-repeat scroll left top transparent;
			float: left;
			height: 25px;
			padding: 3px 0 0 28px;
			width: 151px;
			}
			
			.user img {float: left; margin: 5px 15px 10px 0;}
			.username {color: #fff; font-size: 18px; font-weight:700; letter-spacing: -1px; padding-bottom: 5px;}
			.userbtn {text-shadow: none; float: left; padding-right: 5px; text-align: center;}
				.userbtn a {
    background: url("../img/bg_btn_grey_sml.png") repeat-x scroll center top #CCCCCC;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    display: block;
    font-size: 11px;
    padding: 2px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #EEEEEE;
    width: 58px;
}
					.userbtn a:hover {color: #fff; background: #eee url(../img/bg_btn_grey_sml.png) 0 -30px; text-shadow: none;}
		
		/* Side Notifications Link */
		
		.notifications a {text-decoration: none; font-weight: 700; color: #fff;}
		.notifycount {float: left; height: 35px; width: 35px; text-align: center; font-size: 18px;  display: block; line-height: 1.6em; margin-right: 10px; letter-spacing: -1px;}
	
	/* Navigation Elements */
	
		ul.navigation {width: 225px; color: #fff;}
			ul.navigation li a {text-shadow: 1px 1px 1px #222; background: url(../img/bg_navigation_link.png) repeat-x top; outline: none; width: 205px; display: block; color: #fff; text-decoration: none; padding: 10px; height: 15px;}
				ul.navigation li a:hover {color: #ccc; background: #333;}

			ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{line-height: 1.2em; width: 205px; font-size: 14px; font-weight: 700; padding: 9px 10px; display: block; color: #fff; cursor: pointer;}
			ul.navigation li.selected {width: 226px; z-index: 2; position: relative; padding: 10px;}
			
	/* Main Content/Right Side */
	
	#rightside {height: 100%; margin: 10px 20px 0 250px;} 
	
		.contentcontainer {margin-bottom: 20px;}
		
			.headings {padding: 0 20px; border: 1px solid #CACACA; text-shadow: 1px 1px 1px #fff; background: #EAEAEA url(../img/bg_heading.png) repeat-x top; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; 	-moz-border-radius-topleft: 10px; letter-spacing: -1px; height: 45px;}
				.headings h2 {padding-top: 10px; font-size: 20px;}
			.contentbox {overflow: auto; border: 1px solid #fff; padding: 15px; background: #fff url(../img/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;}	
			.nopad {padding: 0;}
			.contentbox p {padding-bottom: 15px;}
			.contentbox a, #notificationsbox a {color: #666; text-decoration: none}
				.contentbox a:hover, #notificationsbox a:hover,.a_button_act:hover {color: #333; text-shadow:1px 1px 1px #666}
		
		ul.smltabs {float: right; padding-top: 20px;}
		ul.smltabs li {float: left;}
		
		.ui-tabs .ui-tabs-nav li a {position: relative; z-index: 3; display: block; text-decoration: none; float: left; background: #313131; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; padding: 5px 20px; margin-left: 2px; font-weight: 700; color: #fff; text-shadow: none; outline: none;}
		.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: #fff; color: #666; top: 1px; outline: none;}
		.ui-tabs .ui-tabs-hide {display: none;}
		.ui-tabs .ui-tabs-panel {background-image: none;}
			
		ul.pagination {float: right; font-size: 11px; clear: both;}
			ul.pagination li {float: left; padding-right: 5px;}
				ul.pagination li a {padding: 3px 7px; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; display: block; background: #fff url(../img/bg_fade_up.png) repeat-x bottom;}
				ul.pagination li.page a {color: #fff; font-weight: 700;}
					ul.pagination li.page a:hover {color: #fff;}
				ul.pagination li.text a {border: none; text-decoration: underline; padding: 0 5px 0 0;}
				ul.pagination li.text {line-height: 2em;}
			
	/* Notice Boxes */
	
	.noticebox, .noticeboxalt {border: 1px solid #FDD845; background: #FFE082 url(../img/bg_noticebox_yellow.png) repeat-x top; width: 267px; margin: 0 15px 15px 0; float: left; text-shadow: 1px 1px 1px #fff;}
		.noticeboxalt {border: 1px solid #ccc; background: #D8D8D8 url(../img/bg_noticebox_grey.png) repeat-x top;}
		.noticebox a, .noticeboxalt a {text-shadow: none;}
	.innernotice {padding: 15px; border: 1px solid #fff; width: 235px; float: left; background: none;}
	
	/* Notifications Box */
	
	#notificationsbox {width: 375px; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: none;}
		#notificationsbox h4 {width: 375px; padding: 15px 0; background: #999 url(../img/bg_grey_dark_med.png) repeat-x top; text-align: center;  border-top-left-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-shadow: 1px 1px 1px #e0e0e0; font-size: 28px; border-bottom: 1px solid #777;}
		#notificationsbox li {padding: 15px; width: 345px; border-bottom: 1px solid #ccc; background: url(../img/bg_fade_up.png) repeat-x bottom;}
			#notificationsbox li h5 {font-size: 13px;}
			#notificationsbox li p {font-size: 10px;}
			#notificationsbox p.loadmore {padding: 15px;}
			img.closenot {float: right; padding-top: 7px; border: none;}
	
	/* News Box */
	
	.newsitem {border-bottom: 1px solid #ccc; padding: 15px; text-align: left; background: url(../img/bg_fade_up.png) repeat-x bottom;}
		.newsitem img {float: left; margin: 0 15px 13px 0;}
		.newsitem p {padding: 0 0 10px 0;}
		p.bottominfo {padding: 10px 15px;}
				
	/* Alternative Box Widths */
	
	.med {width: 60%;}
	.sml {width: 38%;}
			
	/* Table Styles */
	
	table {border-collapse: collapse;}
	th a{text-decoration:none}
		th,td {padding: 5px;}
		th {background: #E0E0E0 url(../img/bg_th.png) repeat-x top; text-shadow: 1px 1px 1px #fff; font-size: 14px;}
		tr.alt td{background: #F2F2F2 url(../img/bg_td_alt.png) repeat-x top; text-shadow: 1px 1px 1px #fff;}
	
	.extrabottom {padding: 15px; margin-bottom:10px;  background: url(../img/bg_fade_sml.png) repeat-x top; border-radius: 10px; -moz-border-radius: 10px; margin-top: 10px;}
		.extrabottom ul {float: left;}
			.extrabottom li {float: left; padding-right: 25px;}
				.extrabottom li img {float: left; padding: 0 5px 0 0;}
		.bulkactions {float: right;}
		
	/* Input/Form Styles */
	
	select {padding: 7px 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px;}
	label {display: block; padding:5px;}
	input, textarea {font-family: Arial, Helvetica, sans-serif;}
	.inputbox {border: 1px solid #999; padding: 10px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 0px; color: #666; background: url(../img/bg_fade_sml.png) repeat-x top;}
		.inputbox:focus {border: 1px solid #666;}
	.errorbox {border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
		.errorbox:focus {border: 1px solid #8A0000;}
	.correctbox {border: 1px solid #9DB832; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #9DB832; margin-right: 5px;}
		.correctbox:focus {border: 1px solid #7C9227;}
	.smallbox {width: 150px;}

	/* Status Bars */
	
	.status {padding: 8px 10px 5px 10px; border-radius: 10px; -moz-border-radius: 10px; text-shadow: 1px 1px 1px #fff; overflow: auto; margin-bottom: 20px; clear: both;}
		.status img {float: left; padding-right: 5px;}
		.status p {padding: 0; margin: 0;}
		.status p span {font-weight: 700;}
		.status .closestatus {float: right; color: #fff; text-align: center; margin-left: 10px;}
			.status .closestatus a {position: relative; color: #fff; text-decoration: none; padding: 5px; width: 10px; height: 10px; display: block; border-radius: 5px; -moz-border-radius: 5px; line-height: .6em; top: -2px; text-shadow: none;}
	
	.warning {border: 3px solid #BF9900; background: #FEEB9C url(../img/bg_fade_yellow_med.png) repeat-x top;}
		.warning span {color: #BF9900;}
		.warning .closestatus a {background: #BF9900;}
			.warning .closestatus a:hover {background: #9B7C00;}
			
	.success {border: 3px solid #8EA534; background: #CBDA8F url(../img/bg_fade_green_med.png) repeat-x top;}
		.success span {color: #8EA534;}
		.success .closestatus a {background: #8EA534;}
			.success .closestatus a:hover {background: #829829;}
			
	.error {border: 1px solid #990000;margin:1px 0px; background: #F5D0CD url(../img/bg_fade_red_med.png) repeat-x top;-moz-border-radius:3px}
		.error span {color: #990000;}
		.error .closestatus a {background: #990000;}
			.error .closestatus a:hover {background: #730D0D;}
	
	.info {border: 3px solid #2FADD7; background: #92D6ED url(../img/bg_fade_blue_med.png) repeat-x top;}
		.info span {color: #0E7A9F;}
		.info .closestatus a {background: #2FADD7;}
			.info .closestatus a:hover {background: #228DB0;}
			
	/* Usage Bars */
	
	.usagebox {border: 1px solid #ccc;}
		.usagebox div {height: 25px;}
		.highbar {background: #993300 url(../img/bg_usage_red.png) repeat-x top;}
		.midbar {background: #D27E00 url(../img/bg_usage_orange.png) repeat-x top;}
		.lowbar {background: #92AD25 url(../img/bg_usage_green.png) repeat-x top;}
		
		.usagetxt {padding: 3px 8px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #fff;}
		
		.redtxt {color: #CC0000; background: #F3DFDB;}
		.orangetxt {color: #ED9D20; background: #FCE9CC;}
		.greentxt  {color: #9DB832; background: #F3F7E1;}
	
	/* Text Styling Elements */
	
	ul.list li {background: url(../img/icons/icon_bullet.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
	ul.ticklist li {background: url(../img/icons/icon_ticklist.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
		ul.ticklist li.cross {background: url(../img/icons/icon_cross_sml.png) no-repeat left;}
	
	.highlighted {color: #DFB300; background: #FFF8CF; font-weight: 700; padding: 4px 7px; text-shadow: 1px 1px 1px #fff; border-radius: 5px; -moz-border-radius: 5px;}
	.spacer {background: url(../img/bg_fade_up.png) repeat-x center; padding: 10px 0; margin-bottom: 10px;}
	
	.dropcap {letter-spacing:0;  text-transform:uppercase;  color:#628fbe;   font-family:times,serif;   font-size:3.5em;   float:left;   margin: 0.13em 0.2em 0 0;  line-height:0.7;}	
	
	/* Chart Styling */
	
	a.enhanced_toggleResult {display: none;}
	.visualize caption {font-size: 11px;}
		
	/*Chart plugin styles*/
	.visualize { border: 1px solid #888; position: relative; background: #fafafa; margin: 20px auto 10px auto;}
	.visualize canvas {position: absolute;}
	.visualize ul,.visualize li { margin: 0; padding: 0;}
	
	/*Chart table title, key elements*/
	.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
	.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1em; }
	.visualize ul.visualize-key { list-style: none;  }
	.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
	.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
	.visualize ul.visualize-key .visualize-key-label { color: #000; }
	
	/*Chart pie labels*/
	.visualize-pie .visualize-labels { list-style-type: none; }
	.visualize-pie li { list-style-type: none; }
	.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
	.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
	.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
	
	/*Chart line,bar, area labels*/
	.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
	.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
	.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
	.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
	.visualize-labels-x li { height: 100%; list-style: none; }
	.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
	.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
	.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
	.visualize-labels-y li { width: 100%; list-style: none;  }
	.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
	.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
	.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }
	
	
	/* Footer */
	
	#footer {font-size: 11px; padding: 15px 10px; clear: both; background: url(../img/bg_footer.png) repeat-x bottom; margin-bottom: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; text-shadow: 1px 1px 1px #fff;}
	
	/* danh muc */
.headings ul.danhmuc
{
	display: inline;
    float: left;
    margin-top: 14px;
}
.headings ul.danhmuc li
{
	background: none repeat scroll 0 0 #FFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: inline;
    float: left;
    margin: 0 2px;
    padding: 8px 15px;
	cursor:pointer;
	color:#000;
	text-shadow:1px 1px 1px #CCC;
}
.headings ul.danhmuc li:hover
{
	background:#333;
	color:#fff;
	text-shadow:1px 1px 1px #333;
}


.table-content tr:hover
{
	background:#F2F4F2;
}

.table-content tr td, .table-content tr th
{
	border:1px solid #ccc;
	
}
.noaction
{
	opacity:0.3;
}
#loading
{
	position:absolute;
	top:250px;
	left:675px;
	z-index:1000;
}
.block-content
{
	background: none repeat scroll 0 0 #333333;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    z-index: 900;
	display:none;
}
ul.danhmuc li a
{
	color: #F06;
}
.active a, .active a:link
{
	color: #FFF !important;
}
.active a:hover
{
	color: #f00 !important;
}
.notactive
{
	background:#FFF !important;
	color:#000 !important;
	text-shadow:1px 1px 1px #FFF !important;
}
.add
{
	padding: 17px 0;
    text-align: center;
}
.text-center
{
	text-align:center;
}

td a.link1{color:#285B77}
/*----------------- thong tin nha tuyen dung----------*/
table.thongtin tr td, table.thongtin tr th
{
	border:1px solid #ccc;
	
}
.tindadang a
{
	color: #0066FF;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}
.btn, .btnalt {float:left;margin:0 2px}

.vip , .novip {cursor:pointer}
.link_ok
{
	color:#09F !important;
}
.han { color:#F30;}

/*view temp*/

ul.list_tmp
{
	float:left;
	width:100%;
	display:inline;
}
ul.list_tmp li
{
	float:left;
	width:142px;
	height:186px;
	position:relative;
	margin:12px;
	overflow:hidden;
}
ul.list_tmp li:hover
{
	box-shadow:0px 0px 8px #333;
}
ul.list_tmp li img.show_themes , ul.list_tmp li img.show_themes2
{
	cursor:pointer;	
}

ul.list_tmp li span
{
	position:absolute;
	width:100%;
	line-height:18px;
	background:url(../images/main/layout/op_0.png);
	bottom:0px;
	left:0;
	text-align:center;
}
ul.list_tmp li span a
{
	color:#FFF;
	text-shadow:1px 1px 1px #333;
}
ul.list_tmp li span a:hover
{
	color:#C30;
}
.content_center .title2 h2
{
	float:left;
	padding-left:10px;
	font-size:12px;
}
/*load thong tin tmp*/
#box_popup
{
	position:fixed;
	background:url(../images/ui-bg_diagonals-thick_20_666666_40x40.png);
	z-index:100;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
}
#loading
{
	position:fixed;
	z-index:101;
	display:none;
}
#box_themes
{
	position:fixed;
	z-index:1000;
	background:#fff;
	width:900px;
	height:600px;
	display:none;
	box-shadow:0px 0px 10px #000;
	-webki-shadow:0px 0px 10px #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: -moz-linear-gradient(top, #efefef 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
	background: -o-gradient(#efefef , #fff);
	opacity:0.9;
}
#bar_title {
    height: 25px;
    left: 1.5%;
    position: relative;
    top: 1%;
    width: 97%;
}
#bar_title span
{
	position:absolute;
	right:-9px;
	top:0px;
	background:url(../images/close-icon.png) no-repeat;
	width:35px;
	height:35px;
	cursor:pointer;
}
#box_img_post
{
	width:447px;
	height:500px;
	overflow:auto;
	margin:20px;
	float:left;
}
#box_mau
{
	border: 1px solid #CCCCCC;
	box-shadow: 1px 1px 3px #D5D5D5;
	-webkit-box-shadow:1px 1px 3px #D5D5D5;
	float: left;
	margin-top: 17px;
	padding: 3px 3px 1px;
	width: 380px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	background: -moz-linear-gradient(top, #eee 0%, #E3E3E3 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#E3E3E3));
	background: -o-gradient(#eee , #E3E3E3);
}
#thongtin
{
    float: left;
    line-height: 18px;
    margin-top: 20px;
    width: 387px;
}
.chon_gd_bnt
{
    height: 55px;
    vertical-align: bottom;
}
.load_mau
{
	cursor:pointer;
}
.load_mau:hover
{
	box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
}
.thumb
{
	float:left;
	width:450px;
	overflow:auto;
}
.thongtin
{
	width:50%;
	float:left;
	margin:0 10px;
}

/*admin dien thoai*/
.back
{
	padding:10p 0px;
	color:#0099FF !important;
	font-size:15px;
}
.hd_title
{
	background: none repeat scroll 0 0 #109BBA;
    border: 1px solid #0D6C98;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}
.teta {
    border: 1px solid #A6A6A6;
    -moz-border-radius: 5px;
	-webkit-border-radius:5px;
    height: 120px;
    width: 303px;
	padding:5px;
	color:#888;
	font-size:12px;
}
.sao
{
	color:#F00;
}
.tb_f
{
	margin:10px 0px;border:1px solid #109BBA;float:left;
}
#upload{
	 background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #3366CC;
    cursor: pointer !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    margin: 15px 66px;
    padding: 9px;
    text-align: center;
    width: 113px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; width:100%;float:left; }
ul#files li{
	float: left;
    margin-bottom: 2px;
    margin-right: 10px;
    overflow: hidden;
    padding: 9px;
    width: 110px;	
	height:130px;
	border:1px solid #ccc;
	text-align:center;
	position:relative;
}
ul#files li a{
	position:absolute;
	bottom:2px;
	right:5px;
	color:#F03;
}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.box_error
{
	float:left;
	margin:10px 0px;
	width:100%;
}
.contentbox form{float:left; width: 100%}
.table-content
{
	float:left;
	width:100%;
	
}
.error{ 
	background: url("../img/icons/icon_error.png") no-repeat scroll 7px 5px #F7C6C2;
    border: 1px solid #B50701;
    color: #990000;
    font-weight: bold;
    padding-left: 26px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

ul#files2 , ul#files3 { list-style:none; padding:0; margin:0; width:100%;float:left; }
ul#files2 li{
	float: left;
    margin-bottom: 2px;
    margin-right: 10px;
    overflow: hidden;
    padding: 9px;
    width: 300px;	
	height:160px;
	border:1px solid #ccc;
	text-align:center;
	position:relative;
}
ul#files2 li a{
	position:absolute;
	bottom:2px;
	right:5px;
	color:#F03;
}
ul#files3 li{
	float: left;
    margin-bottom: 2px;
    margin-right: 10px;
    overflow: hidden;
    padding: 9px;
    width: 216px;	
	height:213px;
	border:1px solid #ccc;
	text-align:center;
	position:relative;
}
ul#files3 li a{
	position:absolute;
	bottom:2px;
	right:5px;
	color:#F03;
}
.tomtat
{
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #9C9C9C;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}
.xoa_img
{
	position:absolute;
	color:#f00 !important;
	bottom:3px;
	right:2px;
	box-shadow:1px 1px 1px #ccc;
	cursor:pointer;
}
.a_show, .a_hide, .a_delete {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    padding: 0 2px;
}
.post_by{ font-style: italic; color: #33BB43}
.post_by a{ font-style:none;color: #33BB43; text-decoration: underline}
.finished td{ background: #039CE9 !important; color: #FFF; text-shadow: 0px 0px 0px !important}
.finished td a{ color: #fff;text-shadow: 0px 0px 0px !important}
.hover :hover{cursor: pointer}
.form-search .inputbox{ height: 30px; padding: 0px; text-indent: 10px}
#order-admin{float: left;
    width: 100%;
    text-align: center;
    border-collapse: collapse;}
#order-admin th{font-weight: bold;
    color: #383838;
    background: #F2F2F2;
    padding: 10px; }
#order-admin tr td {
    padding: 5px;
    border: solid 1px #d8d8d8;}
.waiting .name{ color: #689A1D}
.shipping{ font-style: italic}
.shipping .name{}
.sucessfull .name{ color: #F7941E}
.cancel{ opacity: 0.5}
.cancel .name{ color: #f00000}
.confirmed .name{ font-weight: bold}
.changed .name{ color: #F7941E; font-weight: bold}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'Tập tin...';
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
fieldset{ border: solid 1px #689A1D}
fieldset legend{ color: #689A1D; font-weight: bold}