body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	/*background-image: url("../images/bg.gif");*/
}
div#main{
    background: url("../images/shadow.gif") top left repeat-x;
}
table#advancedSearchTable td{
	padding-right:15px;
}
.tableStyle {
	MARGIN: 0px 0px;
	WIDTH: 100%; 
	border-spacing:0px;
	
}
.tableStyle TH {
	BORDER-BOTTOM: #13AE8E 1px solid;
	BORDER-TOP: #13AE8E 1px solid; BORDER-RIGHT: medium none; 
	border-left:white 1px solid;
	TEXT-ALIGN:CENTER;  
 /*BACKGROUND: url(images/header-bg.gif); background: #0259AA;*/
	 background: #13AE8E; 
 	 COLOR: white; 
 	 /*border-color:#FFFFFF;*/
 	 border-style:solid;
 	 border-width:1px 1px 1pt;
 	 height:26px;
 	 padding-left:2px;
 	 padding-right:2px;
}
.tableStyle .head:hover {
	COLOR: #23ff;
}
.tableStyle .head TH {
	 BORDER-BOTTOM: #13AE8E 1px solid; TEXT-ALIGN: center; 
	 BORDER-right: #fff 1px solid;
	 BORDER-left: #13AE8E 1px solid; 
	 BORDER-TOP: #13AE8E 1px solid;
	 /*BACKGROUND: url(images/header-bg.gif); */
	 background: #13AE8E; 
 	 COLOR: white; 
 	 /*border-color:#FFFFFF;*/
 	 border-style:solid;
 	 border-width:1px 1px 1pt;
 	 font-size:12px;
 	 font-family:tahoma; 
 	 padding-left:2px;
 	 padding-right:2px;
}
.tableStyle .evenrow:hover{
	BACKGROUND: #FFE8BB;
}
.tableStyle TR {
	height:22px;
	BACKGROUND: #ffffff;
}
.tableStyle TD {	
	BORDER-BOTTOM: #13AE8E 1px solid;	
	BORDER-RIGHT: #13AE8E 1px solid;
	BORDER-LEFT: #13AE8E 1px solid;	
	color:#632523;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tableStyle .head H3 {
	BACKGROUND: url(table/images/sort.gif) no-repeat 2px center;
	CURSOR: pointer;
	font-size:12px;
	font-weight:bold;
}
.tableStyle .desc {
	BACKGROUND: url(table/images/header-selected-bg.gif)
}
.tableStyle .asc {
	BACKGROUND: url(table/images/header-selected-bg.gif)
}
.tableStyle .desc H3 {
	BACKGROUND: url(table/images/desc.gif) no-repeat 2px center; CURSOR: pointer
}
.tableStyle .asc H3 {
	BACKGROUND: url(table/images/asc.gif) no-repeat 2px center; CURSOR: pointer
}
.tableStyle .head:hover {
	COLOR: #fff
}
.tableStyle .desc:hover {
	COLOR: #fff
}
.tableStyle .asc:hover {
	COLOR: #fff
}
.tableStyle TD.evenselected {
	BACKGROUND: #ecf2f6
}
.tableStyle TD.oddselected {
	BACKGROUND: #dce6ee
}

.tableStyle2 {
	BORDER-BOTTOM:  #13AE8E 1px solid;
	BORDER-LEFT: #13AE8E 1px solid; 
	BORDER-right: #13AE8E 1px solid; 
	MARGIN: 0px auto auto;	 
	BORDER-TOP: #13AE8E 1px solid;
	border-spacing:0px;
	border-collapse: collapse;
}
.tableStyle2 TH {
	BORDER-BOTTOM: #13AE8E 1px solid;
	BORDER-TOP: #13AE8E 1px solid; BORDER-RIGHT: #13AE8E1px solid;
	border-left:#13AE8E 1px solid;
	TEXT-ALIGN:CENTER;  
 /*BACKGROUND: url(images/header-bg.gif); background: #0259AA;*/
	 background: #13AE8E; 
 	 COLOR: white; 
 	 /*border-color:#FFFFFF;*/
 	 border-style:solid;
 	 border-width:1px 1px 1pt;
 	 height:26px;
 	 padding-left:2px;
 	 padding-right:2px;
}
.tableStyle2 TD {
	BORDER-BOTTOM: #13AE8E 1px solid;	
	BORDER-RIGHT: #13AE8E 1px solid;
	color:#632523;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tableStyle2 .head:hover {
	COLOR: #23ff;
}
.tableStyle2 .head TH {
     BORDER-BOTTOM: #13AE8E 1px solid; TEXT-ALIGN: center; 
	 BORDER-right: #fff 1px solid;
	 BORDER-left: #13AE8E 1px solid; 
	 BORDER-TOP: #13AE8E 1px solid;
	 /*BACKGROUND: url(images/header-bg.gif); */
	 background: #13AE8E; 
 	 COLOR: white; 
 	 /*border-color:#FFFFFF;*/
 	 border-style:solid;
 	 border-width:1px 1px 1pt;
 	 font-size:12px;
 	 font-family:tahoma; 
 	 padding-left:2px;
 	 padding-right:2px;
}
.tableStyle2 .head TH H3 {
	FONT-SIZE: 12px;	
	font-weight:bold;
}
.tableStyle2 TR {
	height:24px;
	BACKGROUND: #ffffff;
}
.divScrollable{
  width: 100%; 
  /*height: 360px;
  height:expression(document.body.clientHeight-300+'px'); */ 
  overflow-y: scroll; overflow-x:hidden; 
  /*border:1px solid #13AE8E;*/
  border:0px;
}
/*.divScrollable td{
  	BORDER-BOTTOM: #CCCCCC 1px solid;
  	BORDER-RIGHT: #CCCCCC 1px solid;  
  
}*/

.tableScrollable {
	BORDER-BOTTOM: medium none; BORDER-LEFT: #13AE8E 1px solid; 
	border-top:0px;
	MARGIN: 0px ;
	WIDTH: 100%; BORDER-TOP: #c6d5e1 1px solid;
	border-spacing:0px;
}
.tableScrollable TD {
	border-color:#ffffff #13AE8E #13AE8E #ffffff ;
	border-style:none solid solid none;
	border-width:medium 1px 1px medium;
	/*BORDER-BOTTOM: #13AE8E 1px solid;	
	BORDER-RIGHT: #13AE8E 1px solid;*/	
	color:#632523;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.tableScrollable TR.oddrow {
	height:24px;
	BACKGROUND: #FFFFFF;
}
.tableScrollable .oddrow:hover{
	BACKGROUND: #DBEEF3;
}
.tableScrollable .evenrow:hover{
	BACKGROUND: #DBEEF3;
}
.tableScrollable TR {
	height:24px;
	BACKGROUND: #ffffff;
}
.tableScrollable TR:hover {
	height:24px;
	BACKGROUND: #DBEEF3;
}
.tableScrollable TD.evenselected {
	BACKGROUND: #ecf2f6
}
.tableScrollable TD.oddselected {
	BACKGROUND: #dce6ee
}
.tableView td{
	border-bottom:1px solid #EAEAEA;
}
.tableView{
	border:0px;
	padding-top:10px;
}
th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	border-right: 1px dashed #1E90FF;
	cursor: e-resize;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}

label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	margin-left:5px;
	width: auto;
}
legend {
	margin-left:5px;
	font-weight:bold;
	color:blue;
}
.field {
	margin-left: 215px;
	margin-bottom: 4px;
}

/*Style for buttons by CuongDH4*/
.ovalbutton2 {
	margin-left: 15px; DISPLAY: block; FONT: 13px/16px Tahoma; 
	background:   url("../images/button/buttonbg2c.png") repeat left top; 
	FLOAT: right; 
	HEIGHT: 25px; width:auto;TEXT-DECORATION: none; 
}
.ovalbutton2:hover{
	margin-left: 15px; DISPLAY: block; FONT: 13px/16px Tahoma;
	 background:   url("../images/button/buttonbg2overc.png") repeat left top; 
	 FLOAT: right; 
	 HEIGHT: 25px; width:auto;TEXT-DECORATION: none; 	
	cursor:pointer;
}
span.iconbuttonsearch{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/searchicon.png") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonadd{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/addicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonapprove{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/approve.gif") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttoncopy{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/copyicon.gif") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonedit{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/editicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttondelete{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/deleteicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonremove{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/removeicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonsave{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/saveicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}span.iconbuttonok{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/okicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttoncancel{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/cancelicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonupdate{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/updateicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonlock{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/lockicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonunlock{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/unlockicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonlogin{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/loginicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonreset{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/reseticon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonview{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/viewicon.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonprint{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/printer.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}
span.iconbuttonrefresh{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background: url("../images/button/refresh.png") no-repeat left top; FLOAT: left; HEIGHT: 16px; width:16px;TEXT-DECORATION: none; margin-left:1px;margin-top:5px;
}

span.ovalbuttonleft{
	height:25px;
	width:5px;
	background:   url("../images/button/buttonbg2l.png") no-repeat left top;
	float:left;
}
span.ovalbuttonright{
	height:25px;
	width:5px;
	background:   url("../images/button/buttonbg2r.png") no-repeat right top; 
	float:left;
}
span.buttontext {
	PADDING-top: 4px; PADDING-LEFT: 6px;
	padding-right:2px;
	text-align:center;
	DISPLAY: block; 
	color:#1717ac;
	width:auto;
	font-weight:bold;
	float:left;
}
/*End of style for buttons*/

/*CSS for frame*/
div.frame-panel-top-center { background:url("../images/frame/panel_top_center.png") 0px 0px repeat-x #FFFFFF;
}
div.frame-panel-top-left {background:url("../images/frame/panel_top_left.png") 0 0 no-repeat;margin:0;}
div.frame-panel-top-right {background:url("../images/frame/panel_top_right.png") 100% 0 no-repeat;padding-top:6px;margin:0;}
div.frame-panel-border { border-left:1px solid #13AE8E;border-right:1px solid #13AE8E;background:#FFFFFF;position:relative; text-align:left;margin:0;}
div.frame-panel-bottom-center {background:url("../images/frame/panel_bottom_center.png") 0 100% repeat-x;margin-bottom:3px;margin:0;}
div.frame-panel-bottom-left { background:url("../images/frame/panel_bottom_left.png") 0 100% no-repeat;margin:0;}
div.frame-panel-bottom-right { background:url("../images/frame/panel_bottom_right.png") 100% 100% no-repeat;height:6px;font-size:0px;margin:0;}
/*End of style for frame*/
/*CSS for paging toolbar*/
.pagingtoolbarcss{
	
	height:25px;	
	padding-top:5px;
}
.pagepertotalcss{
	float:left;
	color:#0a0d9f;
}
.paginginputcss{
	float:right;
	height:14px;
	width:40px;
	margin-left:0.4em;	
	text-align:center;
}
.pagingbuttoncss{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; 
	background:   url("../images/button/btnpagingbg.png") no-repeat left top; FLOAT: right; 
	HEIGHT: 20px; width:22px;TEXT-DECORATION: none; 
	margin-left:0.4em;
}
.pagingbuttoncss:hover{
	PADDING-LEFT: 0px; DISPLAY: block; FONT: 13px/16px Tahoma; background:  url("../images/button/btnpagingbgover.png") no-repeat left top; FLOAT: right; 
	HEIGHT: 20px; width:22px;
	TEXT-DECORATION: none; 	
	cursor:pointer;
}
.iconbuttongocss{
	background: url("../images/button/goicon.png") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;
	margin-left:3px;margin-top:2px;
	TEXT-DECORATION: none;	
	padding:0px;
	text-align:center;
}
.iconbuttonfirstpage{
	background: url("../images/button/firsticon.gif") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;
	margin-left:3px;margin-top:2px;
	TEXT-DECORATION: none;	
	padding:0px;
	text-align:center;	
}
.iconbuttonnextpage{
	background: url("../images/button/nexticon.gif") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;
	margin-left:3px;margin-top:2px;
	TEXT-DECORATION: none;	
	padding:0px;
	text-align:center;	
}
.iconbuttonprevpage{
	background: url("../images/button/previcon.gif") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;
	margin-left:3x;margin-top:2px;
	TEXT-DECORATION: none;	
	padding:0px;
	text-align:center;	
}
.iconbuttonlastpage{
	background: url("../images/button/lasticon.gif") no-repeat left top; FLOAT: left; 
	HEIGHT: 16px; width:16px;
	margin-left:3px;margin-top:2px;
	TEXT-DECORATION: none;
	padding:0px;
	text-align:center;	
}

.modal-aj-loading, .modal-aj-loading > div.modal-aj-bg {
	position	: absolute;
	top			: 0px;
	bottom		: 0px;
	right		: 0px;
	left		: 0px;
}

.modal-aj-bg {
	filter		: Alpha(Opacity=50); 
	background	: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png") #666666 50% 50%;
	height		: 100%;
	width		: 100%;
	z-index		: 10000;
	opacity		: 0.5;
}

.modal-aj-overlay {
	position			: absolute;
	z-index				: 20000;
	background-image	: url('../images/ajax-loader.gif');
	background-repeat	: no-repeat;
	height				: 100px;
	width				: 100px;
}

table#tableScroll{
border-collapse: collapse;
}
table#tableScroll th{
	line-height: 25px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
	background:#13AE8E;
	border:1px solid #13AE8E;
	color:white;
	 text-align: center;
}
table#tableScroll td{
	border:1px solid #13AE8E;
	line-height: 20px;
	 text-align: center;
}
div#divScroll{
	
	overflow-y:scroll;
	overflow-x:hidden;
	height:230px;
	border-bottom:1px solid #13AE8E;
	border-right:1px solid #13AE8E;
	border-left:1px solid #13AE8E;
}

/* End of CSS for paging toolbar*/