html, body, form
{
    padding: 0px;
    margin: 0px;
    height: 99.99%;
    color:#3c3c3b;
}
input,textarea,select,* li.token-input-token { color:#222; }
input[type=button] { outline: none; }
table{ padding:0px; border-collapse:collapse; }
.TableCal input { padding:0px; }
table td { height:20px; }
* * a, .x8Link , .x8Link * { color:#009ea0;text-decoration:none; }
#x8b { overflow-x:hidden; }
#x8b  a,.x8Inner a  { text-transform:uppercase; }
#ipf { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; }
body{ background-color:#e3e3e3;}
.btna{ color:White;cursor:pointer;margin:auto; }
/*
.c_rounded_corner { border-collapse:separate;border-spacing:0px;margin-top:5px; }
.btnc,.c_rounded_corner { padding-left:5px;padding-right:5px;color:#009ea0;cursor:pointer;}
.btna div,.c_rounded_corner .c_content{ min-width:60px;margin:0px;line-height:19px;height:19px;padding:0px;overflow:hidden;text-align:center;border:solid 0.5px #20bec0; }
.btna div { float:left; }
.btna div { display:inline-block; *display: inline; *zoom: 1;}
.btna div.btnc,.c_rounded_corner .c_left,.btna div.btnc,.c_rounded_corner .c_right { display:none; }
.btna div.btnc,.c_rounded_corner .c_content{ padding-left:5px;padding-right:5px; text-transform:uppercase;border:solid 1px #20bec0;-moz-border-radius: 3px;border-radius: 3px; }
.btna:hover div.btnc,.c_rounded_corner:hover .c_content,.btna:active div.btnc,.c_rounded_corner:active .c_content { background-color:#009ea0;color:white;border:solid 1px #009ea0; }
*/
.c_rounded_corner { border-collapse:collapse;border-spacing:0px;margin-top:2px; }
.c_rounded_corner { color:#009ea0;cursor:pointer;}
.Disabled .c_rounded_corner { color:#909090;cursor:default; }
.btna div,.c_rounded_corner .c_content{margin:0px;line-height:22px;height:22px;padding:0px;overflow:hidden;text-align:center;}
.btna div { float:left; }
.btna div { display:inline-block; *display: inline; *zoom: 1;}
.btna div.btnc,.c_rounded_corner .c_content{min-width:60px;background:url('images/btnc.png') repeat-x; text-transform:uppercase; }
.btna div.btnl,.c_rounded_corner .c_left{ padding:0px;margin:0px;background-image:url('images/btnl.png');background-repeat:no-repeat;background-color:transparent;background-position:left top;margin-left:auto;}
.btna div.btnr,.c_rounded_corner .c_right{ padding:0px;margin:0px;background-image:url('images/btnr.png');background-repeat:no-repeat;background-color:transparent;background-position:right top;}
.Disabled .c_rounded_corner .c_content,.Disabled .c_rounded_corner:hover .c_content, .Disabled .c_rounded_corner:active .c_content{background:url('images/btncDisabled.png'); color:#909090;}
.Disabled .c_rounded_corner .c_left,.Disabled .c_rounded_corner:hover .c_left, .Disabled .c_rounded_corner:active .c_left{background:url('images/btnlDisabled.png');}
.Disabled .c_rounded_corner .c_right,.Disabled .c_rounded_corner:hover .c_right, .Disabled .c_rounded_corner:active .c_right{background:url('images/btnrDisabled.png');}
.btna:hover div.btnl,.c_rounded_corner:hover .c_left,.btna:active div.btnl,.c_rounded_corner:active .c_left{ background-image: url(images/btnlh.png); }
.btna:hover div.btnr,.c_rounded_corner:hover .c_right,.btna:active div.btnr,.c_rounded_corner:active .c_right { background-image: url(images/btnrh.png); }
.btna:hover div.btnc,.c_rounded_corner:hover .c_content,.btna:active div.btnc,.c_rounded_corner:active .c_content { background-color:#009ea0;color:white; }

div.HieInc, td.HieInc { background:url('images/HieInc.png'); zoom:0.9; margin-top:1px; background-repeat:no-repeat; }
div.HieNotInc, td.HieNotInc { background:url('images/HieNotInc.png'); zoom:0.9; margin-top:1px; background-repeat:no-repeat; }

/*   All Button    */
.c_rounded_corner .c_left,.c_rounded_corner .c_left div,.c_rounded_corner .c_right,.c_rounded_corner .c_right div {	width: 12px; overflow: hidden; }
.c_rounded_enable {	cursor: pointer; }
.c_rounded_disable { cursor: default; color: #c0c0c0;}
a.c_rounded_disable :hover {	cursor: default;	color: #c0c0c0; }

.x8link { color:#009ea0; }
.x8link.Disabled { color:#c0c0c0; }
.xclear { clear:both;overflow:hidden;height:1px;}
.bgerror { background-color:#f04b57; }
.bgprogress { background-color:#009ea0; }
.mnur { float:right;width:42%; }
.mnur > div { float:right; margin-right:10px;color:#009ea0;position:relative;overflow:visible;height:45px;line-height:45px;z-index:99;}
.mnur > div.hasOpt {background:url('images/btndown.png') no-repeat right center;padding-right:15px; } .mnur > div > div {z-index:1;}
.mnur > div > div.opp { position:absolute;display:none;list-style:none;z-index:999;margin-top:34px;top:0px;right:0px;overflow:visible;float:left;  }
.mnur > div ul { margin-left:0px;margin-top:-1px;padding:0px;padding-top:5px;padding-bottom:5px;background-color:#e9e9e9;z-index:1;overflow:visible;overflow-y:auto;}
.mnur > div ul > li { margin-left:0px;padding:3px;padding-left:6px; cursor:pointer;overflow:hidden;height:15px;line-height:15px; white-space:nowrap; }
.mnur > div ul { list-style:none; }
.mnur > div ul > li:hover { background-color:#bae9de; }
.mnur > div ul > li .alabel { display:none; }
.mnur > div ul > li:hover .alabel { display:block; }
.mnur > div ul > li:hover .label{ display:none; }
.mnur > div ul > li.nt { height:auto;line-height:inherit;}
.mnur > div ul > li.nt .subd * {color:#666;margin-left:10px;}
.mnur > div ul > li.nt:hover { background-color:#fff5d3; }
.mnur > div ul > li.nt .subd div { line-height:16px;height:16px; }
/*.mnur > div ul > li.head { color:#3c3c3b; }*/
.mnur > div ul > li.head:hover {  background-color:transparent; }
.mnur > div ul > li.sub { padding-left:12px; }
.mnur > div ul > li.curSelected { color:#00c1b5; background-position:2px; background-color:transparent;cursor:auto; }
.mnur > div:hover div.opp { display:block; }
.mnur > div:hover { z-index:999; }
.mnur > div.mnuNT { margin-right:0px; }
.mnur > div.mnuNT div.opp { right:0px;top:0px;width:220px;padding-top:0px;left:auto;}
.mnur > div.mnuNT ul { line-height:25px; margin-left:-22px;margin-right:23px; margin-top:0px;background-color:#ffeca7;padding-top:0px;min-height:300px;height:600px;padding-top:10px;}
.mnur > div.mnuNT.hasOpt { background:none;padding-right:0px; }
div.logot { float:right;width:19% ;height:55px;background-position:bottom;}

.wrap { margin:0px;padding:0px; min-height: 100%;  height:auto !important; height: 100%;background-color:#fff;margin-left:30px;margin-right:30px;min-width:900px; }  
.X8TopOpt { height:40px;line-height:40px;vertical-align:middle; }
#X8TopMain { position:fixed;width:100%;z-index:888;background-color:#e3e3e3;top:0px;min-width:960px; }
#X8TopMain>* {margin-left:30px;margin-right:30px;}
.nobg { background-color:#e3e3e3; }
.xloader { clear:both;height:5px;}
.xmodule { white-space:pre-wrap;margin-top:5px;overflow:hidden; }
.xmodule a { margin-left:0px; letter-spacing:.05em; margin-right:15px;padding:0px;color:#009ea0;font-size:13px;padding-top:5px;text-decoration:none;white-space:nowrap;float:left;vertical-align:bottom; }
.xmodule a.active { color:#00c1b5; background-image:url('images/menu-select.png');background-repeat:no-repeat;background-position:top center; }
.xmodule a.focus { color:#00c1b5; }
.xmenu { width:100%;float:left;white-space:nowrap;padding:0px;margin:0px; background-color:#009ea0; line-height:22px;overflow:visible;min-height:22px; }
.xmenu * { font-size:13px; }
.xmenu > li > div { cursor:pointer; }
.xmenu > li { float:left;list-style:none;margin-left:10px;color:white;position:relative;overflow:visible; }
.xmenu > li:hover > div { color:#00c1b5;z-index:1; }
.xmenu > li > div.selected  { color:#00c1b5;z-index:1; }
.xmenu > li ul { margin:0px; padding:0px;padding-top:0px;}
.xmenu > li > ul { float:left;padding-right:10px;display:none;position:absolute;background-color:#009ea0;padding:0px;left:0px;top:21px;z-index:999;padding-bottom:5px;padding-top:5px;}
.xmenu > li:hover ul { display:block; }
.xmenu > li > ul  table { border-collapse:collapse; }
.xmenu > li > ul  table td { padding:0px;vertical-align:top;min-width:120px; }
.xmenu > li > ul  table td.m { border-left:20px solid transparent;}
.xmenu > li li { list-style:none;margin-left:0px;padding:0px;clear:both;white-space:nowrap;display:block; }
.xmenu > li li a { padding:0px;display:block; }
.xmenu > li li a div { }
.xmenu > li div { color:#fff;}
.xmenu > li a { color:White;text-decoration:none; }
.xmenu > li:hover ul div.head  { color:#ddd; }
.xmenu > li ul li a:hover > div { background-color:#dbf3eb;color:#009ea0; }

#x8b{ margin-top:110px; }
.SlideMain,.x8Line { background:url('images/line.png');background-repeat:repeat-x;background-position:bottom; }

/*.ZGS .ZG_ColHead:hover { border-bottom:solid 2px #009ea0;}*/
/*-------------------------------*/
div.CodeMirror { width:470px;background-color:transparent; }
.x8toppane > * { float:left;margin-left:10px; }
#x8spane { height:21px;overflow:visible; }
#x8spane > * { float:left;margin-right:10px; }
#x8spane .uppane { width:500px;border-bottom:solid 1px #e0e0e0;height:20px; }
#x8spane .uppane > * { float: left; }
#x8spane .uppane > .x8si { float: right; }
.x8si { margin-left:3px;position:relative; }
.x8si > * { display:none;position:absolute;right:0px;top:20px;background-color:#009ea0;color:White;padding:10px;z-index:98; }
.x8si.hover { background-color:#bae9de; }
.x8si.hover > * { display:block;width:400px;height:110px; }
.x8si.hover {  background-image:url('images/btndownh.png'); }
.x8paneinfo { clear:both;height:20px;position:relative; }
/*-------------------------------*/
select { -webkit-appearance:none;-moz-appearance:none;appearance:none; }
select{ background: url('images/btndown_mr8.png') right center no-repeat; }
input[type=text],textarea,select,input[type=password],INPUT[type=search] {  border:none 0px;height:19px;line-height:19px;  background-color: #e5f8f5; /*border-bottom:1px dotted #ccc;background-color: #dbf3eb; */ }
input[type=text],textarea { /* text-indent: 4px; */ }
input[type=text],textarea { /* *float:left; */}

ul.token-input-list { text-transform:none; background-color: #e5f8f5; /*background-color: #dbf3eb;border-bottom:1px dotted #ccc;*/; }
.X8popCtrl.F input,.X8popCtrl.F textarea,body.X8pop input[type=text],body.X8pop textarea,body.X8pop select,.boxy-content input[type=password],.boxy-content input[type=text],.boxy-content select { border:none 0px;height:19px;line-height:19px;  background-color: #bae9de; /*border-bottom:1px dotted #ccc;background-color: #dbf3eb; */ }
.X8popCtrl.F ul.token-input-list,  body.X8pop ul.token-input-list {  background-color: #bae9de; /*background-color: #dbf3eb;border-bottom:1px dotted #ccc;*/ }
* * .X8popCtrl.F ul.token-input-Theme-Disable,  body.X8pop ul.token-input-Theme-Disable , li.token-input-token-disable,.token-input-list.token-input-Theme-Disable, .CtrlDisable,.pds select.CtrlDisable, input[type=text].CtrlDisable,input.CtrlDisable,* textarea.CtrlDisable,.X8popCtrl.F textarea.CtrlDisable{ background-color: #f0f0f0; color: #606060; }
.CtrlEnable{}
div.CtrlDisable { /*padding: 2px; empty-cells: show;*/}
.X8Header {color:#009ea0;text-align:center;padding-top:15px;position:relative;}
.X8Header .title{ float:left;width:40%;left:40%;}
.X8Header .status,.X8Header .status2{ float:right;margin-right:10px; }
.x8lctrl{ float:left;width:29%;}
.x8lctrl>*{ margin-left:10px; background-position: center; }
.x8lctrl>.marginer { margin-left:0px;width:10px;overflow:hidden;float:left; }
.x8rctrl{  float:right;width:29%; }
.tContent { clear:both; }
.sbw .btnCalendar { visibility:hidden; }
.sbw:hover .btnCalendar { visibility:visible; }
.sbw .sbcond {  }
.sbw .sbcond div { height:23px;width:100%;cursor:pointer;background-position:0px 0px; }
.sbw .sbcond ul { padding:5px;margin:0px;list-style:none;display:none;width:150px;background-color:#e3e3e3;z-index:999;top:22px;left:0px }
.sbw .sbcond ul>li { height:20px;line-height:20px;text-align:left;cursor:pointer;padding:2px;padding-left:34px;background-position:2px; }
.sbw .sbcond ul>li:hover { background-color:#f8f8f8; }
.sbw .SC_C { background:url('images/SC/c.png') no-repeat left; }
.sbw .SC_E { background:url('images/SC/e.png') no-repeat left; }
.sbw .SC_B { background:url('images/SC/b.png') no-repeat left; }
.sbw .SC_LT { background:url('images/SC/lt.png') no-repeat left; }
.sbw .SC_LTE { background:url('images/SC/lte.png') no-repeat left; }
.sbw .SC_GT { background:url('images/SC/gt.png') no-repeat left; }
.sbw .SC_GTE { background:url('images/SC/gte.png') no-repeat left; }
.sbw .SC_ISNULL { background:url('images/SC/null.png') no-repeat left; }
.sbw .SC_BET { background:url('images/SC/bet.png') no-repeat left; }

.X8MSG { position: absolute;right:0px; width:300px; top:100%;z-index:888; }
.X8MSG > div {  margin-bottom:5px;padding:5px; position:relative; }


.CommandZone {display:none;}
.btn_RES { display:none; }

.X8popCtrl { background-color:#e8fcf6; }
body.X8pop { background-color:#e8fcf6; }
body.X8pop .ui-tabs-panel{ background-color:#fff;}
body.X8pop input[type=password].CtrlDisable,body.X8pop input[type=text].CtrlDisable,body.X8pop textarea.CtrlDisable,body.X8pop select.CtrlDisable
,.boxy-content input[type=password].CtrlDisable,.boxy-content input[type=text].CtrlDisable,.boxy-content select.CtrlDisable ,.X8popCtrl.F  ul.token-input-list.token-input-Theme-Disable { background-color: #f0f0f0; color: #606060; }
body.X8pop .X8MSG,body.X8inner .X8MSG,body.X8Inner .X8MSG { top:0%; }
* *.SelectedElm,* div.SelectedElm,* div.ZG_AltRow.SelectedElm,.X8Hoverable:hover{ background-color:#bae9de; }
body.X8pop .PanelHead .Cell ,body.X8pop .ZG_Cell.ZG_ColHead {  background-color:#aaddd6;color:#009ea0; }
.subtitle { display:none; }
.X8Header .subtitle { display:block; }
.ProcessShower .SCloser{background:url(images/btnCloser.png) center; cursor:pointer;background-repeat:no-repeat; width:14px;height:14px;}
.iTool {background:url(images/itool.png) center; cursor:pointer;background-repeat:no-repeat; width:6px;height:20px;}
.iToolDis {background:url(images/itooldis.png) center; cursor:pointer;background-repeat:no-repeat; width:4px;height:20px;}
.iToolO {background:url(images/itoolover.png) center; cursor:pointer;background-repeat:no-repeat; width:4px;height:20px;}

.hiAll { background:url(images/hiAll.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiIndividual { background:url(images/hiIndividual.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiDirect { background:url(images/hiDirect.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.hiInDirect { background:url(images/hiInDirect.png) center; cursor:pointer;background-repeat:no-repeat; width:30px;height:46px; }
.token-input-dropdown .ddlList * { text-transform:none; }
.CheckForm{background:url(images/CheckForm.png) center; cursor:pointer;background-repeat:no-repeat; width:15px;height:15px;}
.NoCheckForm {background:url(images/NoCheckForm.png) center; cursor:pointer;background-repeat:no-repeat; width:15px;height:15px;}
.inNext { background:url(images/forward-table.png) no-repeat center;width:20px;height:20px;line-height:20px;}
.inPrevious { background:url(images/backward-table.png) no-repeat center;width:20px;height:20px;;line-height:20px;}
.inFirst { background:url(images/backward-first.png) no-repeat center;width:20px;height:20px; }
.inLast { background:url(images/forward-last.png) no-repeat center;width:20px;height:20px; }
.inFirst.Disabled { background:url(images/backward-first-dis.png) no-repeat center;width:20px;height:20px; }
.inLast.Disabled { background:url(images/forward-last-dis.png) no-repeat center;width:20px;height:20px; }
.inNext.Disabled { background:url(images/forward-table-dis.png) no-repeat center;width:20px;height:20px;}
.inPrevious.Disabled { background:url(images/backward-table-dis.png) no-repeat center;width:20px;height:20px;}
.ListACFormat { min-width:75px; display:inline-block; }

.scrollBack  
{
      background:url(../../App_Themes/Default/DIYReport/images/arrow-left-green.png) no-repeat center;
      width:20px;
      position: absolute;
      left: 25px;
      height: 36px;
      cursor: pointer;
}
.disableScrollBack
{
      /*background:url(images/arrow-left-grey.png) no-repeat center;*/
      cursor: default;
      width:20px;
      position: absolute;
      left: 25px;
      height: 36px;
}
.scrollNext  
{
    background:url(../../App_Themes/Default/DIYReport/images/arrow-right-green.png) no-repeat center;
    width:20px;
    position: absolute;
    right: 25px;
    height: 36px;
    cursor: pointer;
}
.disableScrollNext
{
      /*background:url(images/arrow-right-grey.png) no-repeat center;*/
      cursor: default;
      width:20px;
      position: absolute;
      right: 25px;
      height: 36px;
}

.S_Pending { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Pending.png) no-repeat center; } .S_Pending.wb { border:solid 1px #b2b2b1; }
.S_Waiting  { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Waiting.png) no-repeat center; } .S_Waitting.wb { border:solid 1px #FFCC48;}
.S_Approved { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Approved.png) no-repeat center; } .S_Accept.wb { border:solid 1px #00c18b;}
.S_Rejected { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Rejected.png) no-repeat center; } .S_Reject.wb { border:solid 1px #ff5959;}
.S_Cancel { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Cancel.png) no-repeat center; } .S_Inactive.wb,.S_Cancel.wb { border:solid 1px #dadad9; }
.S_Inactive { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_Inactive.png) no-repeat center; } .S_Inactive.wb,.S_Cancel.wb { border:solid 1px #dadad9; }
.S_SaveDraft { width: 18px; height: 18px; background:url(../../App_Themes/Default/Images/S_SaveDraft.png) no-repeat center; }

.c_success { color: #56d6c9; }
.c_warning { color: #f6c87d; }
.c_error, div.c_error { color: #f04b57; }


.CtrlHilight { background-color:#f9e24c !important; }

.i_UndoDelete { width: 16px; height: 16px; background: url(../../App_Themes/Default/images/undo-delete.png) no-repeat center; }
.Checkbox_Selected
{
    width: 15px;
    height: 19px;
    background-image: url('Images/CheckboxSelected.png');
    background-repeat: no-repeat;
}
.Checkbox_UnSelected
{
    width: 15px;
    height: 19px;
    background-image: url('Images/CheckboxUnselect.png');
    background-repeat: no-repeat;
}
div.CtrlDisable.Checkbox_Selected
{
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/CheckboxSelected_Disabled.png) no-repeat center;
}
div.CtrlDisable.Checkbox_UnSelected
{ 
    width: 15px;
    height: 19px;
    background: none;
    background: url(images/CheckboxUnselect_Disabled.png) no-repeat center;
}
.dotted
{
    background: url(images/circle-graph.png) no-repeat center;
    width: 12px;
    height: 12px;
}
.dottedline
{
    background: url(images/border-dottedline.png) repeat-x;
    width: 2px;
    height: 2px;
} 
a[disabled=disabled]{color:#909090;}