A:link {COLOR: #003399; TEXT-DECORATION: none;}
A:visited {COLOR: #336; TEXT-DECORATION: none;}
A:active {COLOR: #E02030; TEXT-DECORATION: none;}
A:hover {COLOR: #00AAFF;TEXT-DECORATION: underline;}
IMAGE{border:0px;}
INPUT{padding:0px 2px 0px 2px}
input[type=image] {border:0px;}
input, SELECT, TEXTAREA{BORDER:1px solid #999;background-color:white;color:#444;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
input, select{height:26px}
input[type=checkbox]{height:12px}
input[type=radio]{height:12px;box-shadow:none}
input:focus, 
select:focus, 
TEXTAREA:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
HR {display: block;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: auto;margin-right: auto;border-style: inset;border-width: 1px;color:Gray}
FORM {margin:0px}
THEAD {display:table-header-group;}
.pagetitle {color:#888899;}
.reportsum{font-weight:bold;}
.edititemleft {background:#E6E6E0}
.edititemright {padding-left:8px;background:#E6E6E0}
.textgray {color:#999}
.inputgray {border:#C0C0C0 solid 1px;}
.reporthdr {font-weight:bold; height:30px; background-color:#F1F1F1;}
.reportCells {border-left:dotted 1px #CACACA;border-right:dotted 1px #CACACA; padding-left:5px;}
.gridhdr {font-weight:bold;background:#EAEAEA;height:19px; text-align:center;color:#444}
.inputtext {border: solid 1px #EAEAEA; background-color:#F8F8F8; vertical-align:middle; padding:3px 5px; min-width:80px; min-height:30px; height:30px; white-space:nowrap; text-align:right}
.inputtext1 {border: solid 1px #EAEAEA; background-color:white; vertical-align:middle; padding:3px 5px; min-width:120px; min-height:30px; height:30px; white-space:nowrap}
.leftcol {padding-right:6px;}
.IconBtn {border: none; /*color: green;*/background-color: transparent;font-size: 14pt;padding: 0px;cursor: pointer;}
.tabs li {position: relative;display: block;float: left;margin-left: 3px;margin-bottom: -1px;}
.tabs {margin-top: 5px;list-style: none;}
.Num0 {min-width: 50px;text-align: right}
.Num4 {min-width: 50px;text-align: right}
input.Num4, input.Num0 {max-width: 100%}
.success {color: #1c84c6;}
.info {color: #23c6c8;}
.warning {color: #ed5565;}
.dbtablist {border-collapse:collapse;margin-top:6px}
.dbtabcol {border-right:#c1c5eb dashed 1px}
.hdrbarleft {background-image:url(Images/bulletcornerGray.bmp);background-repeat:no-repeat;border-bottom:#ccc solid 1px;}
.hdrbar {border-top:#ccc solid 2px;height:26px;border-bottom:#ddd solid 1px;background-image:url(images/bgGray.gif);}
.hdrbar2 {background:#ccc;border-top:#e6e6e0 solid 1px;padding:2px;border-top:#eee solid 1px;border-bottom:#bbb solid 1px;margin-bottom:1px;}
.TabCollapse {border-collapse:collapse}
.numberinput {font-weight:bold; width:160px; text-align:right}
.numberinput1 {font-weight:bold; width:50px; text-align:right}
.numberinput2 {font-weight:bold; width:90px; text-align:right; padding-right:3px}
.menujspdiv {background:#fff; border:#ccc 1px solid; cursor:pointer;}
.menujssel {background:#ccc; text-Decoration:underline;}
.menujspd {background:#fff; text-Decoration:none;}
.leftColumn {vertical-align:top;padding-left:5px}
table.leftColumnModuleHead TH {BACKGROUND-POSITION: 50% top;PADDING: 0px 5px; BACKGROUND-REPEAT: repeat-x; font-size:90%; text-align:center}
table.leftColumnModuleHead th{background-color: #fff;background-image: linear-gradient(rgba(242, 248, 255, 1), rgba(210, 229, 254, 1));height:25px}
table.leftColumnModuleGroup TH {BACKGROUND-POSITION: 50% top;PADDING: 0px 5px; BACKGROUND-REPEAT: repeat-x; font-size:90%; text-align:left}
table.leftColumnModuleGroup th, table.listView th, .listViewThS1, .schedulerTopRow {background-color: #fff;background-image: url(images/GroupMenuBgr.png);height:23px;}
.leftColumnModuleName{TEXT-TRANSFORM: uppercase;color:#444}
.subMenu {Margin:0px;font-size:10pt;font-family:Tahoma Arial}
UL.subMenu LI{float:left;width:100%;min-height:24px;line-height:1.5;padding:3px 10px;color:#003399;border-bottom:1px solid #ADD1FF}
UL.subMenu LI a{text-decoration:none;width:100%;display:block;}
UL.subMenu LI:hover, 
UL.subMenu LI.active {background-color:#e5ecff}
.style-one{margin:-1px; padding:0px;border: 0;height:1px;border: 0;background-color:#ADD1FF;width:100%}
.tabRow{BACKGROUND-POSITION: 50% top; BORDER-BOTTOM: 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 20px;background-image:url(images/tabRowGrayBg.gif);border-color: #9999cc;HEIGHT: 20px;}
.listView {BORDER-RIGHT: medium none; BORDER-TOP: 1px solid; BORDER-LEFT: medium none; BORDER-BOTTOM: 1px solid; border-color: #9999cc;}
.listViewHRS1 {background-color: #c1c7eb;}
.listViewThS1 {BORDER-RIGHT: medium none; PADDING-RIGHT: 20px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; PADDING-TOP: 3px; BORDER-BOTTOM: 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 24px; TEXT-ALIGN: left;Color:#444;}
#subtabs {background-image: url(images/bgbw.gif);border-bottom-color: #9999cc;}
UL.subTabs {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 3px 0px 0px; PADDING-TOP: 2px;}
UL.subTabs LI {DISPLAY: inline; MARGIN: 0px; LIST-STYLE-TYPE: none}
UL.subTabs LI A {BORDER-RIGHT: 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% top; BORDER-TOP: 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: repeat-x; TEXT-DECORATION: none;}
UL.subTabs LI A:link {TEXT-DECORATION: none;}
UL.subTabs LI A:visited {TEXT-DECORATION: none}
UL.subTabs LI A:hover {BACKGROUND-POSITION: 50% bottom; BORDER-TOP: 1px solid; BACKGROUND-REPEAT: repeat-x}
table.gridView {border-collapse:collapse;background:white}
table.gridView th{background:#d6e8ff;vertical-align: middle}
table.gridView th{padding:0px 5px;text-align:center;height:21pt;border:1px solid #A3C0E8; font-weight:bold;color:#004299;border-bottom: 2px solid #99b9e6;font-size:12px;}
table.gridView th a{color:#004299;}
table.gridView th a:hover {color: #336699;}
table.gridView tr{height:30px;min-height:30px;}
table.gridView tr:hover{background-color:#ffffcc}
table.gridView td{padding:3px 5px;border:1px solid #ADD1FF}
table.rptForm{font-family: Helvetica, Arial, sans-serif;font-size:10pt;border-top:1px solid black;border-right:1px solid black;border-bottom:1px solid black;border-collapse:collapse;border-spacing:0px;background-image:none;background-color:white}
table.rptForm th{font-family: Helvetica, Arial, sans-serif;background-image:none;background-color:white;padding:5px;}
table.rptForm td{font-family: Helvetica, Arial, sans-serif;background-image:none;background-color:white;padding:5px;}
table.rptForm tr:hover{background-color:#ccc}
th.rptHead{text-align:center; padding:2px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:2px #888 solid}
th.thColspan, th.d0, .gd0, .grp {padding:5px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:1px #888 solid}
th.n0, th.n1, th.n2, th.n4, .gn0, .gn1, .gn2, .gn4 {text-align:right; padding:5px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:1px #888 solid}
td.n0, td.n1, td.n2, td.n4 {text-align:right; padding:5px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
td.rpt, td.rptext{text-align:left;padding:5px; font-size:12px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
td.d0{text-align:center; padding:5px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
.mnuCurrent, .TabCurrent {font-family:Tahoma;font-size:10pt;border-left:1px solid #919b9c;border-right:1px solid #919b9c;padding:3px 10px 3px 10px;border-top:3px solid orange;cursor:pointer;background:white}
.mnuOther, .TabOther {font-family:Tahoma;font-size:10pt;border:1px solid #919b9c;padding:4px 10px 3px 10px;background:linear-gradient(#fff, #fff, #eee, #bebfd8);cursor:pointer}
.mnuOther:hover, .TabOther:hover {background:linear-gradient(#bebfd8, #eee, #fff, #fff)}
.TabContent, .mnuContent {border-bottom:1px solid #919b9c;border-left:1px solid #919b9c; border-right:1px solid #919b9c; padding:5px}
.BgInput {box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}
.pageBreak{page-break-after:always}
table.rptForm{font-family: Times New Roman;font-size:12px;border-top:1px solid black;border-right:1px solid black;border-collapse:collapse;border-spacing:0px}
th.rptHead{text-align:center; padding:2px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:2px #888 solid}
th.thColspan, th.d0, .gd0, .grp {padding:5px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:1px #888 solid}
th.n0, th.n1, th.n2, th.n4, .gn0, .gn1, .gn2, .gn4 {text-align:right; padding:5px; font-weight:bold; vertical-align:middle; border-top:1px #888 solid; border-left:1px #888 solid; border-bottom:1px #888 solid}
td.n0, td.n1, td.n2, td.n4 {text-align:right; padding:5px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
td.rpt{text-align:left;padding:5px; font-size:12px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
td.rpt1{text-align:left;padding:5px; font-size:12px; vertical-align:middle; border-bottom: 1px #888 solid;border-left:1px #888 solid}
td.d0{text-align:center; padding:5px; vertical-align:middle; border-bottom: 1px #888 dotted;border-left:1px #888 solid}
/* Ays */
BODY {background-image:url(../Img/bglogon.gif)}

/* Trung voi BOS */
/*input, select, textarea {border:1px solid #ccd;border-width:1px 0px 0px 1px;background:#F0F0F0;}*/
.btn {border-width:1px 2px 1px 1px;border-color:#ddd #99B #99B #ddd;cursor:hand;background:#bbb;}
.ch_btn {background:#666;border-width:1px;border-color:#ccc #444 #444 #ccc;cursor:hand;color:white}
.ironly {background:#d6d6d0;text-align:right}
.synchboxbody {background:#bba;color:#449}

/* common link */
A:link, a:visited {
	COLOR: #039; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #00c;TEXT-DECORATION: underline;
}
A:active {
	COLOR: #00f; TEXT-DECORATION: none;
}

/* general styles */
.imggo {vertical-align:middle;cursor:hand;}
FORM {margin:0px}
THEAD {display: table-header-group;} /* to printing keeping table header on each page */

.pagetitle {color:#99B;}
.subtitle {color:#49f;}
.inputgray {border:1px solid #C0C0C0}
.gridhdr {font-weight:bold;background:#c6c6c0;height:25px; text-align:center;color:#222;vertical-align:top}
.ch_gridhdr {font-weight:bold;background:#Ccc;height:21px; text-align:center;color:#000;vertical-align:top}
.gridamt {background:#e6e6e0;color:black;font-weight:bold;text-align:right;border:1px solid #999;}
.inputnumber {text-align:right}

/* header bars */
.hdrbar {background:#bba;color:#fff;border-bottom:1px solid #dddde0;font-weight:bold;}
.hdrbarlow {margin-bottom:8px;border-top:1px solid #999;}
/* inactive inputtextbox */
.hdrbarinput {background:#ccb;border:1px inset #aaa;color:#000}
.hdrbarinputa {background:#eed;border:1px solid #fff;color:#222}

/* links for menu bar */
.hdrlink {padding:1px 10px 1px 8px;}
a.hdrlink:link, a.hdrlink:visited {color:#003;}
a.hdrlink:hover {color:#fff;}

/* link for profile 'link' at the header */
.pflink {color:#000}
a.pflink:link, a.pflink:visited {color:#000;}

/* menubar's link for active drop down */
.hdrlactive {padding:1px 10px 1px 8px;background:#667;}
a.hdrlactive:link, a.hdrlactive:visited {color:white;}

/* drop down box for select modules at menubar */
.hdrgrp {background:#fff; border-left:8px solid #ccb;border-top:1px solid #fff; border-right:1px solid #998;font-weight:bold}
.hdrgrplink {color:#33c;font-size:90%;}
a.hdrgrplink:link, a.hdrgrplink:visited  {color:#669;}

/* down box for select modules: disabled item */
.hdrlinkgray {
	color:#ccf;
}
a.hdrlinkgray:link, a.hdrlinkgray:visited  {
	color:#ccf;
}

/* drop down menu column */
.menudropdown {background:#fff;border-left:1px solid #bbb;border-bottom:1px solid #99a;}

/* Drop down menu box */
.leftColHdr {
	Padding:4px 1px 3px 5px;background:#bba;Border-top:1px solid #eee;Color:#fff;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
}
.dnMnu {Padding:4px 2px 5px 5px;background:#bba;}
.dnMnuSKey {Padding:4px 2px 5px 0px;background:#bba;Color:#445;font-weight:bold}
.dnMnuLink {color:#000;}
a.dnMnuLink:link, a.dnMnuLink:visited {color:#000;}
a.dnMnuLink:hover {color:white}

/* base table: main dbtab */
.basetab {border-top:2px solid #ccc;}

/* dbtab odd line bgcolor */
.basetabol {background:#f9f9f9}

/* edititem <td>left colname */
.editleftpaneltab {color:#AAC;}
.edititemcol, .ch_edititemcol {
    border: solid 1px #EAEAEA;
    background-color: #F8F8F8;
    vertical-align: middle;
    padding: 3px 5px;
    min-width: 80px;
    min-height: 30px;
    height: 30px;
    white-space: nowrap;
    text-align: right;
}
.editGrphdr {height:24px;background-color:#D6E8FF;color:#002c66;border:1px solid #EAEAEA;border-bottom:2px solid #A3C0E8;padding:3px 5px}
.ch_editGrphdr {height:24px;background-color:#D6E8FF;color:#002c66;border:1px solid #EAEAEA;border-bottom:2px solid #A3C0E8;padding:3px 5px}
.editchildhdr {border-bottom:3px solid #ccc;padding:2px 2px 2px 0px}
.editchildlink {background:#ccc;padding:2px 8px 2px 8px;border-right:3px solid #999}

/* calendar, time, date */
.DoCal {
	position:absolute; background:white; border:2px solid #999; padding:5px;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
}
.DoCal .datePick{
	cursor:pointer;
	text-align:right;
}
.DoCal .datePick:hover{
	background-color:#30A7FC;
	color:white;
}
/* TRX */
.trhdr {background:#bbb;height:25px;text-align:center;vertical-align:top}
.trelmtab {border-collapse:collapse}
.elmtab {
	font-family: Tahoma;
	font-size: 10pt;
	border: 1px solid #919b9c;
	padding: 3px 10px;
	background: linear-gradient(#fff, #fff, #eee, #bebfd8);
	cursor: pointer;
	margin-right:3px;
	text-decoration:none;
	border-radius: 0px 10px 0px 0px;
}
.elmtaba {
	font-family: Tahoma;
	font-size: 10pt;
	border-left: 1px solid #919b9c;
	border-right: 1px solid #919b9c;
	background-color:white;
	padding: 3px 10px 4px;
	border-top: 2px solid orange;
	cursor: pointer;
	margin-right:3px;
	border-radius: 0px 10px 0px 0px;
	text-decoration:none;
}
.elmtaba:hover{
	text-decoration:none;
}
.elmtab:hover{
	background:linear-gradient(#bebfd8, #eee, #fff, #fff);
	text-decoration:none;
}
.trtabbottomline {margin-bottom:5px;border-bottom:1px solid #919b9c;}
.trtabbottomline:after{
	border-bottom:1px solid #919b9c;
}

/* Aj browse box */
.browsebox {z-index:1000;display:none;background:#ccc;position:absolute;border:#999 solid 1px;padding:3px}
.browseboxhdr {Border-top:3px solid #999;background:#444;color:white;}
.browseboxcontent {background:#fff;overflow:auto}

/* actb */
.actbbox {border:1px dotted #999;}

/* RPT */
.rpthdr {background:#bbb;text-align:center;font-weight:bold}
.rptth {background:#bbb;text-align:center;font-weight:bold; border-width:1px;border-style:solid;border-color: #000000}
.trsum1 {font-weight:bold;TEXT-TRANSFORM:uppercase;background:#d6d6d0}
.trsum2 {font-weight:bold}
.trtotal {font-weight:bold}
.printinput {background:white;border-width:0px 0px 1px 0px;border-bottom:1px solid black;font-weight:bold}