.System_Loading_div{top: 250px;left: 550px;width: 170px;height: 185px;z-index: 10000;overflow: hidden;text-align: center;vertical-align: top;background-color: White;border: 1px solid Green;border-width: 1px 2px 2px 1px;border-color: #008000 #009700 #009700 #008000;position: fixed;}
.System_Loading_div table{width: 100%;height: 140px;border: 0px;margin: 0px;padding: 0px;}
.System_Loading_div table tr td{width: 100%;height: 140px;text-align: center;vertical-align: middle;border: 0px;margin: 0px;padding: 0px;}
.System_Loading_div table tr td img{border: 0px;margin: 0px;padding: 0px;}
.System_Loading_div span{color: Green;font-size: 12pt;}

.opacity1{filter:Alpha(Opacity=10);opacity:0.1;-moz-opacity:0.1;}.opacity2{filter:Alpha(Opacity=12);opacity:0.12;-moz-opacity:0.12;}.opacity3{filter:Alpha(Opacity=15);opacity:0.15;-moz-opacity:0.15;}.opacity4{filter:Alpha(Opacity=17);opacity:0.17;-moz-opacity:0.17;}
.opacity5{filter:Alpha(Opacity=20);opacity:0.2;-moz-opacity:0.2;}.opacity6{filter:Alpha(Opacity=22);opacity:0.22;-moz-opacity:0.22;}.opacity7{filter:Alpha(Opacity=25);opacity:0.25;-moz-opacity:0.25;}.opacity8{filter:Alpha(Opacity=27);opacity:0.27;-moz-opacity:0.27;}
.opacity9{filter:Alpha(Opacity=30);opacity:0.3;-moz-opacity:0.3;}.opacity10{filter:Alpha(Opacity=32);opacity:0.32;-moz-opacity:0.32;}.opacity11{filter:Alpha(Opacity=35);opacity:0.35;-moz-opacity:0.35;}.opacity12{filter:Alpha(Opacity=37);opacity:0.37;-moz-opacity:0.37;}
.opacity13{filter:Alpha(Opacity=40);opacity:0.4;-moz-opacity:0.4;}.opacity14{filter:Alpha(Opacity=42);opacity:0.42;-moz-opacity:0.42;}.opacity15{filter:Alpha(Opacity=45);opacity:0.45;-moz-opacity:0.45;}.opacity16{filter:Alpha(Opacity=47);opacity:0.47;-moz-opacity:0.47;}
.opacity17{filter:Alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;}.opacity18{filter:Alpha(Opacity=52);opacity:0.52;-moz-opacity:0.52;}.opacity19{filter:Alpha(Opacity=55);opacity:0.55;-moz-opacity:0.55;}.opacity20{filter:Alpha(Opacity=57);opacity:0.57;-moz-opacity:0.57;}
.opacity21{filter:Alpha(Opacity=60);opacity:0.6;-moz-opacity:0.6;}.opacity22{filter:Alpha(Opacity=62);opacity:0.62;-moz-opacity:0.62;}.opacity23{filter:Alpha(Opacity=65);opacity:0.65;-moz-opacity:0.65;}.opacity24{filter:Alpha(Opacity=67);opacity:0.67;-moz-opacity:0.67;}
.opacity25{filter:Alpha(Opacity=70);opacity:0.7;-moz-opacity:0.7;}.opacity26{filter:Alpha(Opacity=72);opacity:0.72;-moz-opacity:0.72;}.opacity27{filter:Alpha(Opacity=75);opacity:0.75;-moz-opacity:0.75;}.opacity28{filter:Alpha(Opacity=77);opacity:0.77;-moz-opacity:0.77;}
.opacity29{filter:Alpha(Opacity=80);opacity:0.8;-moz-opacity:0.8;}.opacity30{filter:Alpha(Opacity=81);opacity:0.81;-moz-opacity:0.81;}.opacity31{filter:Alpha(Opacity=82);opacity:0.82;-moz-opacity:0.82;}.opacity32{filter:Alpha(Opacity=83);opacity:0.83;-moz-opacity:0.83;}
.opacity33{filter:Alpha(Opacity=84);opacity:0.84;-moz-opacity:0.84;}.opacity34{filter:Alpha(Opacity=85);opacity:0.85;-moz-opacity:0.85;}.opacity35{filter:Alpha(Opacity=86);opacity:0.86;-moz-opacity:0.86;}.opacity36{filter:Alpha(Opacity=87);opacity:0.87;-moz-opacity:0.87;}
.opacity37{filter:Alpha(Opacity=88);opacity:0.88;-moz-opacity:0.88;}.opacity38{filter:Alpha(Opacity=89);opacity:0.89;-moz-opacity:0.89;}.opacity39{filter:Alpha(Opacity=90);opacity:0.90;-moz-opacity:0.90;}.opacity40{filter:Alpha(Opacity=91);opacity:0.91;-moz-opacity:0.91;}
.opacity41{filter:Alpha(Opacity=92);opacity:0.92;-moz-opacity:0.92;}.opacity42{filter:Alpha(Opacity=93);opacity:0.93;-moz-opacity:0.93;}.opacity43{filter:Alpha(Opacity=94);opacity:0.94;-moz-opacity:0.94;}.opacity44{filter:Alpha(Opacity=95);opacity:0.95;-moz-opacity:0.95;}
.opacity45{filter:Alpha(Opacity=96);opacity:0.96;-moz-opacity:0.96;}.opacity46{filter:Alpha(Opacity=97);opacity:0.97;-moz-opacity:0.97;}.opacity47{filter:Alpha(Opacity=98);opacity:0.98;-moz-opacity:0.98;}.opacity48{filter:Alpha(Opacity=99);opacity:0.99;-moz-opacity:0.99;}

#AFWin {height:90px; width:240px;z-index:50 !important;position:absolute;display:none;}
#AFWin,#AFTop,#AFMiddle,#AFBottom { padding:0px !important;margin:0px !important; }
#AFTopLeft,#AFBottomLeft,#AFBottomRight,#AFTopRight{width:3px !important;}
#AFTop,#AFTopLeft,#AFTopRight,#AFMiddleClear,#AFBottom {height:3px !important;}
#AFTop,#AFClose,#AFBottom{width:100% !important;}
#AFTopCenter, #AFMiddle, #AFBottomCenter {background-color: #FBFDFE;}
#AFTopLeft {float:left;background-position: left top;background-repeat: no-repeat;}
#AFTopCenter{border-style: solid none none none !important; width:234px; height:3px !important;border-width: 1px 0px 0px 0px !important; border-color: #EBECEC; float:left;}
#AFTopRight {background-position: right top; float:left;background-repeat: no-repeat;}
#AFMiddle {width:238px; height:84px;border-width: 1px !important; border-style: none solid none solid !important;border-color: #EBECEC !important;}
#AFMiddleClear {clear:both;}
#AFMiddleCenter {background-position: center top; width:228px; height:64px;background-repeat: repeat-x; margin-left:5px !important;}
#AFIframe{border:0px !important;margin:0px !important;padding:0px !important;width:100% !important;height:100% !important;display:none;}
        
#AFClose {margin:0px; padding:0px; height:17px;}
#AFCloseSP{text-align:center;font-size:11px !important;cursor:pointer; color:blue; line-height:18px;width:50px;margin:auto; display:none;}

#AFBottomLeft, #AFBottomRight {height:3px !important;float:left;background-repeat: no-repeat;margin:0px; padding:0px;}
#AFBottomLeft {background-position: left bottom;}
#AFBottomCenter {width:234px;height:2px;float:left;border-style: none none solid none !important; border-width: 0px 0px 1px 0px !important; border-color: #EBECEC;}
#AFBottomRight {background-position: right bottom;}

#AFConcealment, #AFConcealmentIframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#AFConcealment{z-index:49;display:none;background-color:Black;opacity:0.6;-moz-opacity:0.6;filter:Alpha(opacity=60);}
#AFConcealmentIframe{z-index:48;opacity:0;-moz-opacity:0;filter:Alpha(opacity=0);}

#i_calendar {width:200px;height:190px;position:absolute;z-index:9;display:none;}

.dropBoxList * {text-align:left;}
.dropBoxList{border:1px solid #C0C0C0;height:22px;width:150px;background-repeat:no-repeat;background-position:right center;padding:0px 22px 0px 2px;position:relative;}
.dropBoxList input[type=text]{width:100%;height:100%;padding:0px;margin:0px;border:0px;border-style:none !important;border-width:0px !important;background-color:White;line-height:150%;}
.dropBoxList iframe{position:absolute;z-index:9998;border:1px;margin:0px;padding:0px;display:none;left:-1px;top:22px;overflow:hidden;width:100%;background-color:#FFFFFF;}
.dropBoxList:hover div,.dropBoxList:hover iframe{display:block !important;}
.dropBoxItems{border:1px solid #C0C0C0;height:150px;width:174px;display:none;position:absolute;z-index:9999;left:-1px;top:22px;overflow:auto;overflow-x:hidden;background-color:#FFFFFF;}
.dropBoxItems p:hover{background-color: #E7E7E7;}
.dropBoxItems p{padding:0px; margin:0px;border:0px;height:22px;line-height:22px;width:100%;overflow:hidden;}
.dropBoxItems p span{float:left;margin:2px 0px 0px 1px;}

.dataGrid thead tr .headerSortDown, table.dataGrid thead tr .headerSortUp {background-color: #C1DCEA;}
.dataGrid th {height: 25px; cursor: pointer; font-size: 12px; text-align: center; vertical-align: middle; border:0px;background-color: #F6F6F6; }
.dataGrid td {height: 25px; font-size: 12px;text-align: center;	vertical-align: middle;}
.dataGrid tbody tr.odd td{background-color: #F6F6F6;}
.dataGrid tbody tr td{padding: 3px; color: #3D3D3D; background-color: #FFF;}
.dataGrid thead tr th,table.dataGrid tfoot tr th{background-color: #E6EEEE; border: 0px;padding: 1px;}
.dataGrid tbody tr:hover td{background-color:#FFFFD2 !important;}
.dataGrid tr .DGMultipleThead{width:25px !important; text-align:center !important;padding:0px !important;background-color: #E6EEEE; border: 0px;}
.dataGrid tr .DGMultiple{width:25px !important; text-align:center !important;padding:0px !important;}
.dataGrid tr .DGNumber{width:45px !important; text-align:center !important;padding:0px !important;}
.dataGridQ tbody tr td{vertical-align: middle; background-color: #FFF; border: solid 0px #FFF;padding:3px;height:25px;}
.dataGridQ .td1 {text-align: right;width: 15%;}
.dataGridQ .td2 {text-align: left;width: 35%;}
.dataGridQ .whereType{height: 20px;}
.dataGridQ .selectWhere{height: 20px;width: 59%; margin-left: 5px;}
.dataGridQ .textWhere {height: 20px;width: 165px; margin-left: 5px;}
.dataGridQ .GQwaysSearch{width:380px; height:18px; margin-right:10px; float:right; padding:0px;}
.dataGridQ .GQwaysSearch *{padding:0px;border:0px;float:right;}
.dataGridQ .GQwaysSearch input{margin:6px 2px 0px 1px;}

.dataGrid *,table.dataGridQ *{color: Black; font-family: ÐÂËÎÌå;font-weight: lighter; letter-spacing: 1px;}
.dataGrid img, table.dataGridQ img{cursor: pointer;}
.dataGridQ thead, table.dataGrid thead,table.dataGridQ tbody, table.dataGrid tbody{border: 0px; padding: 0px; margin: 0px;}
.dataGrid, table.dataGridQ{border: 0px; height: auto; width: 100%; text-align: left;background-color: #CDCDCD;clear:both;}
.dataGridTitle{width:100%;border:0px;margin:0px;padding:0px;margin-top:10px;margin-bottom:10px;}
.dataGridTitle tr td{text-align: left;}
.dataGrid .dataGridUpdatePanel{margin:0px; border:0px; padding:0px;}
.dataGridPageControl{width:100%;border:0px;margin:0px;padding-top:10px; height:24px;clear:both;text-align:left;}
.dataGridPageControl .cRightPage{float:right;text-align:right;padding-top:2px;}
.dataGridShowRow,.dataGridToPage{color:red; border-style: none none solid none; border-bottom-width: 1px; border-bottom-color:Red;text-align:center; background-color:Transparent;}
.dataGridShowRow{width:15px;}
.dataGridToPage{width:20px;}

.keyWorkSearchControl{width:auto !important;margin:0px !important;padding:0px !important;border:0px !important; max-width:290px;}
.keyWorkSearchControl input{padding:0px  0px 0px 2px !important;margin:0px !important;border-style: solid none solid solid; border-width: 1px; border-color: #94ADC5; height:18px !important; cursor:pointer;}
.keyWorkSearch{border:1px solid #99CCFF;width:182px;height:253px;overflow:auto;position:absolute;background-color:White;}
.keyWorkSearch p{margin:0px; padding:5px 0px 5px 3px !important;border:0px;font-size:10pt !important;cursor:pointer;text-align:left;}
.keyWorkSearch p:hover,.keyWorkSearch .selectIndex{background-color:#F7FBFF;border-color:#CAE4FF;border-width: 1px;border-top-style: solid;border-bottom-style: solid;padding:4px 0px 4px 3px !important;}
.keyWorkSearchCount{font-size:9pt !important;color:Blue !important;text-align:right !important;padding:4px 4px 4px 0px;height:12px;}
.keyWorkSearchCount span{padding:0px 2px 0px 2px !important;}
.keyWorkSearchList{min-height:230px;}

.groupTitle{overflow-y:hidden; font-size:10pt; font-family:ËÎÌå; font-weight:bold;}
.groupTitle em{height:29px;}
.groupTitle div.textTitle{float:left;line-height:29px;padding:0px 13px 0px 9px;text-align:center;height:29px;}
.groupTitle .groupTitleBlock{background-position:left -67px; }
.groupTitle .groupTitleNone{background-position: -176px -67px;}
.groupTitle font{float:left;cursor:pointer; padding-left:13px;height:29px;}
.groupTitleBlue em{width:3px;background-position:left top;float:left;}
.groupTitleBlue div.textTitle{background-position:right 0px;}
.groupTitleYellow em{width:3px;background-position:left -31px;float:left;}
.groupTitleYellow div.textTitle{background-position:right -31px;}

.groupWindow{border-collapse:separate;width:auto;table-layout:fixed;}
.groupWindowTitle{height:30px;background-repeat:repeat-x;vertical-align:middle;text-align:left;overflow:hidden;font-size:10.5pt;letter-spacing:1px;font-weight:bold;color:#031E6B;}
.groupMinus,.groupPlus{width:12px;height:12px;background-repeat:no-repeat;cursor:pointer;}
.groupMinus{background-position:right -90px;}
.groupPlus{background-position:left -90px;}
.groupWindowNoneOrblock{width:30px;background-position:right -30px;text-align:center !important;padding-left:60px;}
.groupWindowContent{border-style:solid;border-width: 1px;border-color: #D1D5D6;min-height:200px;vertical-align:top;}
        
.none{display:none;}
.cp{cursor:pointer;}

.viewFlowBg{background-color:Transparent;background-repeat:no-repeat;}
.viewFlowTitleBg{height:33px;width:33px;background-position:top left;}
.viewFlowTitle{height:33px;}
.viewFlowTitle div{float:left;line-height:33px;font-size:11pt;}
.viewTitleToBg{background-position: -24px -379px;}

.viewFlowSchedule{height:28px;}
.viewFlowSchedule div{float:left;height:28px;line-height:28px;font-size:12pt;color: Black;}

.viewFlowSchedule .notFlowNodeLeft{background-position:left -38px;width:10px;}
.viewFlowSchedule .notFlowNodeCenter{background-position:left -71px;width:auto;background-repeat:repeat-x;text-align:center;}
.viewFlowSchedule .notFlowNodeRight{background-position:right -104px;width:10px;}

.viewFlowSchedule .blackFlowBrrowhead,.viewFlowSchedule .greenFlowBrrowhead{margin-left:8px; margin-right:8px; margin-top:5px;width:20px; height:18px;}
.viewFlowSchedule .blackFlowBrrowhead{background-position:left -294px;}

.viewFlowSchedule .greenFlowBrrowhead{background-position:left -258px;}

.viewFlowSchedule .greenFlowNodeLeft{background-position:left -138px;width:10px;}
.viewFlowSchedule .greenFlowNodeCenter{background-position:left -173px;background-repeat:repeat-x;width:auto;text-align:center;}
.viewFlowSchedule .greenFlowNodeRight{background-position:right -208px;width:10px;}

.greenNextFlowBrrowhead{background-position:left -329px;height:20px; width:18px;margin:12px 0px 10px 34px;cursor:pointer;}

.blackNextFlowBrrowhead{background-position:left -362px;height:20px; width:18px;margin:12px 0px 10px 34px;cursor:pointer;}