/* CSS Document */
#demo-status
{
 font-size:11px;
	font-weight:bold;
	padding:				10px 15px;
	width:					420px;	
}
 
#demo-status .progress
{
  background:        white url(../images/progress.gif) no-repeat;
  background-position:  +50% 0;
  margin-right:      0.5em;
}
 
#demo-status .progress-text
{
  font-size:        0.9em;
  font-weight:      bold;
}
 
#demo-list
{
  list-style:				none;
	/*width:					420px;*/
	/*Edit by MR vnsteam*/
	width:					auto;
	margin:					0;
	padding:0;
}
 
#demo-list li.file
{
  border-bottom:      1px solid #eee;
  background:        url(../images/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
  background-image:    url(../images/uploading.png);
  background-color:    #D9DDE9;
}
#demo-list li.file.file-success
{
  background-image:    url(../images/success.png);
}
#demo-list li.file.file-failed
{
  background-image:    url(../images/failed.png);
}
 
#demo-list li.file .file-name
{
  font-size:        1.2em;
  margin-left:      44px;
  display:        block;
  clear:          left;
  line-height:      40px;
  height:          40px;
  font-weight:      bold;
}
#demo-list li.file .file-size
{
  font-size:        0.9em;
  line-height:      18px;
  float:          right;
  margin-top:        2px;
  margin-right:      6px;
}
#demo-list li.file .file-info
{
  display:        block;
  margin-left:      44px;
  font-size:        0.9em;
  line-height:      20px;
  clear:none;
}
#demo-list li.file .file-remove
{
  clear:          right;
  float:          right;
  line-height:      18px;
  margin-right:      6px;
}

/*Add more code*/
P {font-family: times;}
a { color :#666666;; text-decoration : none; }
a:hover { color :#FF0000;}

p {margin-top:4px;font-family: Tahoma, Tahoma, Verdana;}
h1 {font: bold 11px Verdana;margin:1px;}
h2 {font: bold 11px Verdana;margin:1px;}
h3 {font: bold 11px Verdana;margin:1px;}
strong {font-size:11px;}
table {font: 11px Arial;text-align:left;}

#div_file{position:static;top:-9999px;left:-9999px;}
#div_url {position:absolute;top:-9999px;left:-9999px;}
#upload_input {width: 480px;}
.boxcontent{
	padding-top:8px;
	padding-bottom:0px;
}
#linkdelete{
font-size:12px;
}
#linkdownload{
font-size:12px;

}

input, textarea {
 background-color: #ffffff;
 border: 1px solid #cecece;
 padding: 3px;
 margin-right: 10px;
 margin-top: 4px;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
/*Menu */
.vnnmenu{
font: bold 12px Arial;
background: #333333; /*background color - màu nền*/
width: 100%;
}

.vnnmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.vnnmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.vnnmenu ul li a{
display: block;
background: #333333; /*background of tabs (default state)*/
color: white;
padding: 5px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .vnnmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: block;
}

.vnnmenu ul li a:link, .vnnmenu ul li a:visited{
color: #999999;
}

.vnnmenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: #FF0000;
}
	
/*1st sub level menu*/
.vnnmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.vnnmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.vnnmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.vnnmenu ul li ul li a{
font-size:12px;
font-weight:normal;
width: 130px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.vnnmenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 9px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
P {font-family: Arial;}
a { color :#999999; text-decoration : none; }
a:hover { color :#FF0000;}

p {margin-top:4px;font-family: Arial, Tahoma, Verdana;}
h1 {font: bold 12px Verdana;margin:1px;}
h2 {font: bold 12px Verdana;margin:1px;}
h3 {font: bold 12px Verdana;margin:1px;}
strong {font-size:12px;}
table {font: 12px Arial;text-align:left;}

#div_file{position:static;top:-9999px;left:-9999px;}
#div_url {position:absolute;top:-9999px;left:-9999px;}
#upload_input {width: 480px;}
.boxcontent{
	padding-top:8px;
	padding-bottom:0px;
}
/*register*/
.password_1{
height: 4px;
	border: solid #808080 1px;
	font-size:
	5px;
	padding-left: 14px;
	background: #FFFFFF;
}

.password_2{
height: 4px;
	border: solid #808080 1px;
	font-size: 5px;
	padding-left: 14px;
	background: #FF0000;
}

.password_3{
height:2px;
background-color:#FF00CC;
}

.password_4{
height:2px;
background-color:#FF0099;
}

.password_5{
height:2px;
background-color:#FF0000;
}
#note{
color:#FF0000;
}
#waring{
background:url(../images/waring.gif);
background-repeat:no-repeat;
border-color:#00FF66;
color:#FF0000;
width:500px;
text-align:left;
padding-left:40px;
}

input, textarea {
 background-color: #ffffff; 
 border: 1px solid #FF0000;
 padding: 3px;
 margin-right: 10px;
 margin-top: 4px;
 font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.register{
position: static;
height: 190px;
width:600px;
}

.admin_login
{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: -50px;
	color: #FFFFFF;
	border: solid #444444 1px;
	padding: 15px;
	text-align: left;
	width: 280px;
	margin-right: 20px;
	
}

.admin_login a
{
	color: #FFFFFF;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 6px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;

/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


div.c_lsb_bottombar
{
	width:100%;
	height:23px;
	position:fixed;
	bottom:0px;
	z-index:10; 
	background-color: #333333;
	background-repeat: repeat-x;
	/*
	border-top: solid 1px #96B6E7;
	border-Bottom: solid 2px #96B6E7;
	*/
}

div.c_lsb_bottombar .canyou_w_open
{
	margin-top: 2px;
	height: 22px;
	width: 220px;
	border-left: solid 1px white;
	border-right: solid 1px white;
	float: right;
	position: relative;
	
}
div.c_lsb_bottombar .canyou_w_open .separator
{
	display: none !important;
}
div.c_lsb_bottombar .canyou_w_closed
{
	height: 24px;
	width: 222px;
	float: right;
	position: relative;
	
}
div.c_lsb_bottombar .canyou_w_closed #csr
{
	float: right !important;
}
div.c_lsb_bottombar .canyou_w_open .canyou,div.c_lsb_bottombar .canyou_w_closed .canyou
{
	position: absolute;	
	line-height: 22px;
	text-align: left;
	z-index: 12;
	left: 0px;
}
div.c_lsb_bottombar .canyou_w_open .canyou
{	
	border-left: solid 1px #C1C0BC;
	border-right: solid 1px Gray;
	border-bottom: solid 1px Gray;
	width: 218px;
	background-color: White;
	height: 21px;
	top: -3px;
	padding-top: 3px;
	background-image: url(images/lsb_close.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.c_lsb_bottombar .canyou_w_closed .canyou
{
	height: 21px;
	width: 218px;
	padding: 2px 2px 0;
	background-image: url(images/lsb_open.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.c_lsb_bottombar .canyou_w_open .canyou a, div.c_lsb_bottombar .canyou_w_closed .canyou a
{

	text-decoration: none;
	display: block;
	width: 208px;
	padding-left: 10px;
}
div.c_lsb_bottombar .canyou_w_open .canyou a::-moz-focus-inner , div.c_lsb_bottombar .canyou_w_closed .canyou a::-moz-focus-inner 
{ 
	border-color: transparent ! important; 
}
div.c_lsb_bottombar .canyou_w_closed .menu
{
	display: none;
}
div.c_lsb_bottombar .canyou_w_open .menu 
{
	display: block;
	border: solid 1px #D4D0C8;
	border-right-color: Gray;
	border-bottom-color: Gray;
	width: 896px;
	padding: 5px 5px 5px;
	float: none;
	position: absolute;
	bottom: 24px;
	left: -688px;
	background-color: White;
	font-size: 13px;
	z-index: 11;
	font-weight: normal;
}
div.c_lsb_bottombar .menu div
{
	padding:5px 0;
	cursor: pointer;
}
div.c_lsb_bottombar .menu #allinprod, 
div.c_lsb_bottombar .menu #allincat
{
	border-top:1px solid #C1C1C1;	
	padding:5px 0;
	cursor: pointer;
}



#footer {
    margin:auto;
    position:fixed;
    margin:auto;
    left:0;
    bottom:0;
    height:40px;
    background:#333;
	border:solid;
	border-left:hidden;
    width:100%;
	padding-top:1px;
}
/*
* html #footer {
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));    
	height:expression(document.body.clientHeight - row1.offsetHeight - row2.offsetHeight - row4.offsetHeight + "px");
	position:absolute;
	max-height:1024px;
}
*/

* html #footer {position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 9 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 9);

}



* html {/* stop jitter by adding a 1px transparent gif to background of html*/
    background-image: url(image.jpg);
}
#outer {
    width:100%;
    margin:auto;
    padding:0 0 75px;
}
.errorbar{	
   
   
    left:0;
    bottom:0;
    height:auto;
    background:#333;
	border:groove;
	border-color:#F00;
    width:450px;	
	padding-top:8px;
	padding-bottom:8px;
	}
	
.download{
 font-weight:bold; 
 padding-top:5px;
 padding-bottom:5px;
 padding-left:5px;
}