@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway:100');

/*< Reset >
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"],select, .input-checkbox { -webkit-appearance: none; border-radius: 0; }
body { 	line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
 </ Reset >  */

body { color:#000000;font-size:13px;margin:0px;background-color:#fff;padding:110px 0px 0px 150px;font-family: 'Open Sans', sans-serif;  }

/*
body div { border:solid 1px silver; }
*/

.FONT1, .BottonMenu div 
{ font-family: 'Raleway', sans-serif; }

.BoxFrame { display:table;width:100%; }
.FL { float:left; }
.FR { float:right; }
.HIDE { display:none !important; }
.TopActive { display:block !important; }
.BR1 { border-right:solid 1px #ddd !important;padding:0px !important;text-align:center !important;background:url(../../images/basic/pstg2.png) center 28px no-repeat; }
.BR2 { border-right:solid 2px #ddd !important; }
.BLD { font-weight:bold !important; }

.EDTBS, .EDDDS, .EDDDS2, .EDTDT,.EDTBP, .EDTBS2, .EDTBL, .EDTBR, .EDTBC, .EDTML, .STDT, .STDDS
{ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	}

.RALL
{ -moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
.RALL25, .ListStyle i 
{ -moz-border-radius: 25px;-khtml-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px; }
.RALL3, .BottonMenu b, .TrackStyle
{ -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }

.SHADOW, .PopupStyle, .PrintBox
{ -webkit-box-shadow: #ccc 2px 2px 3px;-moz-box-shadow: #ccc 2px 2px 3px;-IE6-box-shadow: #ccc 2px 2px 3px;box-shadow: #ccc 0px 0px 5px; }

.BTN, .GOBTN, .GOBTN2, .GOBTN3
{ font-size:14px;background:#36AA47;border:0px;color:#fff;padding:0px 10px 0px 10px;line-height:27px;font-family:'Source Sans Pro',sans-serif;margin-right:10px;cursor:pointer;text-decoration:none; }
.GOBTN2 { float:right;margin:0 0 0 10px; }
.GOBTN3 { display:block;width:100px;text-align:center;float:right;margin:0 10px 0 0; }

.TBS 
{ background-color:#F6F6F6;padding:0px 10px 0px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:13px;font-family: 'Source Sans Pro', sans-serif;	margin:0px 10px 0px 5px;  }

.DDS 
{ background-color:#F6F6F6;padding:0px 31px 0px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:13px;font-family: 'Source Sans Pro', sans-serif;background:#F6F6F6 url('../images/basic/dropdown-s.png') top right no-repeat;-moz-appearance: window;-webkit-appearance: none;	margin:0px 10px 0px 5px;  }

.TBDT 
{ padding:0px 31px 0px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:13px;font-family: 'Source Sans Pro', sans-serif; margin:0px 10px 0px 5px;background:#F6F6F6 url('../images/basic/date-g.png') top right no-repeat;width:120px; }


::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(221,221,221,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(221,221,221,0.4); }

.TopMenu { position:fixed;top:0px;left:0px;right:0px;height:30px;background-color:#273443;padding:0px 30px 0px 0px;z-index:99; }
.TopMenu b, .TopMenu span { display:block;color:#fff;text-decoration:none;line-height:30px;padding:0 0 0 10px;font-weight:normal; }
.TopMenu span { padding-left:5px; }
.BottonMenu { position:fixed;top:30px;left:0px;right:0px;height:70px;background-color:#2693BA;z-index:99; }
.LeftMenu { position:fixed;top:100px;left:0px;bottom:0px;width:150px;background:#273443 url(../images/basic/logo2.png) bottom center no-repeat;padding-top:20px; }
.FormName { float:right;color:#fff;font-size:30px;padding:10px 20px 0px 0px;text-transform:capitalize; }

.PopupStyle { display:none;width:360px;min-height:125px;background-color:#fff;position:fixed;top:50%;left:50%;margin:-62px 0 0 -180px;border:solid 1px #333; }
.PopupStyle p { display:block;background-color:#2693BA;color:#fff;padding:0 0 0 10px;margin:0px;font-size:13px;font-weight:bold;line-height:30px; }
.PopupStyle span { display:block;padding:10px;color:#000;font-size:13px;line-height:22px;font-weight:bold; }
#PopupClose { float:right;line-height:30px;width:30px;font-size:14px;font-weight:bold;color:#fff;text-align:center;cursor:pointer; }

.AlertMsg { background:url(../images/basic/message.jpg) 50% 50% no-repeat;height:400px; }

.TopOne { position:fixed;top:0px;right:0px;background-color:#273443;z-index:100;display:block; text-decoration:none;color:#fff;width:32px;height:30px;text-align:center;font-size:16px !important;line-height:30px !important;cursor:pointer;color:#fff !important; }
.TopList { display:none;position:fixed;top:30px;right:0px;background-color:#273443;z-index:100; }
.TopList a { display:block; text-decoration:none;color:#fff;line-height:30px;padding:0px 20px 0px 10px; }
.TopList a:hover { background-color:#324152;  }
.TopList a b { margin-right:10px;font-weight:normal; }

.UserPanel { display:table;width:100%;padding:10px 10px 0px 25px;line-height:50px; }
.UserPanel2 { display:table;width:100%;padding:10px 10px 10px 25px;line-height:30px;background-color:#eee;margin-top:10px; }
.LeftPanel { display:table;float:left; }
.RightPanel { display:table;float:Right; }

.ErrorStyle { color:#D84938;font-size:14px; }

.DetailStyle { display:table;width:100%;padding:20px 20px 0px 20px; }
.DetailStyle span { float:left;width:20%;line-height:40px;padding:0 20px;height:40px;font-size:14px; }
.DetailStyle span pre { color:#333;font-weight:normal; }
.DetailStyle span p { color:#666 !important;font-weight:normal !important;float:right;line-height:40px; }
.DetailStyle span a { display:block;float:right;width:14px;text-decoration:none;margin:0px 0px 0px 5px;font-size:16px !important;color:#3399CC; }
.DetailStyle span strong { color:#3399CC !important;font-weight:bold !important;float:right;line-height:40px; }
.DetailStyle b { display:block;float:left;width:80%;border-left:solid 1px #ddd;line-height:40px;background-color:#F6F6F6; }
.DetailStyle div:last-child { border-bottom:solid 1px #ddd; }

.DetailStyle span i { position: relative;display: inline;text-decoration: none;left:5px;top:0px;color:#aaa;font-size:13px;z-index:50; }
.DetailStyle span i:hover:after { background:#2593BA;border-radius:5px;color:#fff;width:150px;left:20px;top:-15px;font-family: 'Open Sans', sans-serif;line-height:20px;content:attr(rel);position:absolute;padding:15px;z-index: 95; }

.DetailBox { display:table;width:100%;padding:0px 20px; }
.DetailList { display:table;width:100%; }
.DetailList td { display:table;width:100%;margin-bottom:10px; }
.DetailList td div { display:block;float:left;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:solid 1px #ddd;border-left:0px;text-decoration:none;color:#000;background-color:#f6f6f6; }
.DetailList td div:first-child  { border-left:solid 4px #BBD150;background-color:#EEEEEE; }
.DetailList div a { display:block;color:#D84938;line-height:40px;font-size:16px;cursor:pointer;text-align:center; }
.DetailTop { display:table;width:100%;margin-bottom:10px; }
.DetailTop span { display:block;float:left;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:solid 1px #ddd;border-left:0px;text-decoration:none;color:#000;background-color:#f6f6f6;font-weight:bold;padding:0px 10px; }
.DetailTop span:first-child { border-left:solid 4px #BBD150;background-color:#EEEEEE; }
.DetailList .ui-button { display:none !important; }

.DashStyle { padding:0px 20px;line-height:36px; }
.DashMsg, .DashDate { font-size:18px;color:#006699;line-height:28px; }
.DashMsg { float:left; }
.DashDate { float:right; }

.DASHBOX { padding:6px 10px 6px 10px;font-size:18px;display:table;width:100%;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2); }
.DASHBOX span { float:left;width:80%; display:block;font-size:14px;line-height:28px;padding:0;text-align:left;height:28px;overflow:hidden;color:#000; }
.DASHBOX p { float:right;width:20%;display:block;font-size:15px;line-height:28px;padding:0;text-align:right;height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;color:#fff; }

.GraphTitle { border:solid 1px #D1D1D1;background-color:#eee;color:#666 !important;line-height:44px;padding:0px 20px 0px 20px;font-size:16px; }
.GraphBody { border:solid 1px #D1D1D1;background-color:#fff;border-top:0px;height:200px;padding:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto; }
.ReportList { border:solid 1px #D1D1D1;background-color:#fff;border-top:0px;padding:10px 0px 10px 0px }
.ReportList a { display:block;text-decoration:none;line-height:30px;padding:0 0 0 20px;color:#000;font-size:15px; }
.ReportList a span { float:left; display:block;width:30px;height:30px;line-height:30px;color:#666;padding:0px;font-size:18px; }
.ReportList a:hover{ text-decoration:underline; }

.FILETBS
{ border:solid 1px #C0C0C0;font-size:14px;line-height:26px;height:26px;margin-right:20px;padding:0px 5px 0px 5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.FILETBS { width:200px;padding:0px; }
.FILETBS::-webkit-file-upload-button { visibility: hidden; }
.FILETBS::before { content: 'Browse';display: inline-block;padding: 0px 8px;line-height:26px;cursor: pointer;font-size:14px; background:#2A80B9;color:#fff; }
.PRIIMG { float:right;width:auto;height:auto;border:solid 1px #ddd; }
.INFOIMG { display:block !important;width:100% !important;padding:0px !important; }

.ListStyle { padding:20px; }
.ListStyle div { display:block;height:50px;border:solid 1px #ddd;border-bottom:0px;border-right:0px;text-decoration:none; } 
.ListStyle p, .ListStyle a { display:block;height:50px; }
.ListStyle b  { color:#f00; }
.ListStyle i  { display:block;width:40px;height:40px;background-position:50% 50%;background-repeat:no-repeat;margin:5px auto;background-size:40px 40px; }
.ListStyle div { background-color:#E5EEF8; }
.ListStyle div:last-child { border-bottom:solid 1px #ddd; }
.ListStyle div:nth-child(even) { background-color:#fff;  }
.ListStyle div:nth-child(odd) { background-color:#f3f3f3;  }
.ListStyle div:hover { background-color:#E5EEF8; }
.ListStyle div span { display:block;float:left;height:50px;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:10px;border-right:solid 1px #ddd;text-decoration:none;color:#000; }
.ListHead { background-color:#E5EEF8 !important; }
.ListHead span { color:#444 !important;font-weight:bold !important; }
.Act90 { background-color:#FFEAE5 !important; }

.ListData { float:left;width:94% !important;font-weight:normal !important;  }
.ListMore, .ListMore2, .ListMore3 { float:right;width:6% !important;  }
.ListMore a { float:left;display:block;width:20px;text-align:center;text-decoration:none;color:#2693BA;font-size:20px;margin-right:5px;  }
.ListMore2 a { float:left;display:block;text-align:center;text-decoration:none;color:#fff;font-size:13px;margin:15px 5px 0px 0px;line-height:20px;height:20px;padding:0px 5px;  }

.TrackStyle { display:table;width:100%;border-top:solid 2px #ddd;padding-top:20px; }
.TrackStyle a { display:block;float:left;display:block;width:40px;height:180px;margin:20px 10px 20px 0;text-align:center;text-decoration:none;}
.TrackStyle a p { background:#fff;height:40px;height:160px;margin:0px;padding:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);}
.TrackStyle a p i { display:block;width:30px;height:136px;margin-bottom:4px;color:#eee;overflow:hidden;font-style:normal; }
.TrackStyle a p i t { color:#000; }
.TrackStyle a p i em { display:block;width:30px;height:30px;transform: rotate(-90deg);line-height:30px;color:#000;font-size:11px;text-transform:uppercase;margin-top:102px;font-style:normal;}
.TrackStyle a p i em u { display:block;width:70px;text-decoration:none;color:#000;text-align:left;padding-left:5px;line-height:30px;font-style:normal;  }
.TrackStyle a p b { display:block;width:30px;height:16px;}
.TrackStyle a span { display:block;text-align:center;line-height:20px;color:#000;padding-top:5px; }

.TrackStyle .Dr44 { border-top:solid 4px #ed525a; }
.TrackStyle .Dr45 { border-top:solid 4px #55b957; }
.TrackStyle .Dr46 { border-top:solid 4px #ed525a; }
.TrackStyle .Dr47 { border-top:solid 4px #f8ac23; }
.TrackStyle .Dr48 { border-top:solid 4px #2392d7; }

.TrackStyle .Fe60 p i { background-color:#dedede; }
.TrackStyle .Ld63 p i { border-bottom:solid 5px #2693ba; }

.TrackStyle .Empty { border-top:0px !important;width:60px;height:180px; }
.TrackStyle .Empty p { background:#ddd;border:solid 1px #999;padding:5px 0 0 0;  }
.TrackStyle .Empty p i { display:block;width:58px;height:88px;line-height:50px;}
.TrackStyle .Empty p i em { margin-left:15px; }
.TrackStyle .Empty p i em u { height:30px;overflow:hidden;padding-left:0 !important; }
.TrackStyle .Empty p b { width:60px;}

.TrackStyle .Sa70 p b { background:url(../images/icons/1.png) top center no-repeat; }
.TrackStyle .Sa71 p b { background:url(../images/icons/2.png) top center no-repeat; }

/*.TrackStyle .Sa61 p b { background:url(../images/icons/2.png) top center no-repeat; }
.TrackStyle .Sa62 p b { background:url(../images/icons/1.png) top center no-repeat; }
.TrackStyle .Sa63 p b { background:url(../images/icons/7.png) top center no-repeat; }
.TrackStyle .Sa64 p b { background:url(../images/icons/8.png) top center no-repeat; }
.TrackStyle .Sa68 p b { background:url(../images/icons/3.png) top center no-repeat; }
.TrackStyle .Sa69 p b { background:url(../images/icons/4.png) top center no-repeat; }
.TrackStyle .Sa70 p b { background:url(../images/icons/5.png) top center no-repeat; }
.TrackStyle .Sa71 p b { background:url(../images/icons/6.png) top center no-repeat; }
.TrackStyle .Dp66 p i { background-image:url(../images/icons/11.png);background-position:top right;background-repeat:no-repeat; }
.TrackStyle .Dp68 p i { background-image:url(../images/icons/12.png);background-position:top right;background-repeat:no-repeat; }*/

.MsgBox { padding:20px 0 0 0;display:table;width:100%;border-top:solid 2px #ddd; }
.MsgFrame1 { display:block;height:400px;border:0px; }
.MsgFrame1 { width:100%; }

.MsgList { display:block;width:100%;border:solid 1px #ddd;padding:10px;background-color:#F6F6F6;border-top:0px;height:280px;overflow-y:scroll;overflow-x:hidden; }
.MsgList p { display:table;width:100%;margin:10px 0; }
.MsgList p span { display:block;font-size:14px;background-color:#fff;border-radius:5px;box-shadow:1px 1px 0px #ddd;padding:2px 8px;min-width:60%;max-width:100%;border:solid 1px #eee;line-height:20px; }
.MsgList p span b { display:block;font-size:11px;color:#009900;font-weight:normal; }
.MsgList p span i { display:table;float:right;font-size:10px;color:#000;font-weight:normal; }
.md1 { float:right; }
.md2 { float:left; }

.Nxt { clear:both; }

.PagingStyle { float:right;padding-right:10px;text-align:right; }
#IBTNBACK, #IBTNNEXT, #PNO { width:30px;border:solid 1px #ddd;text-align:center;text-decoration:none;line-height:28px;font-weight:bold;color:#357AC5;background:#F6F6F6; }
#IBTNBACK, #IBTNNEXT { line-height:20px;padding:3px 0px 3px 0px; }
#PNO { width:40px;border:solid 1px #ddd;line-height:26px;margin-top:1px; }
 
.EDTBS,.EDTML,.EDLBL,.EDTBL,.EDTBR,.EDTBC,.EDDDS,.EDDDS2,.EDTDT,.EDCBL,.EDTBP { height:40px;line-height:38px;width:100%;border:0px; }
.EDTBS, .EDTML { padding:0 20px;font-size:14px;background-color:#F6F6F6;height:40px;line-height:38px; }
.EDTML { padding:10px 20px;line-height:20px;margin-bottom:0px !important;display:block; }
.EDTBP { font-size:16px;padding:0 20px; }
.EDLBL { padding:0 10px;font-size:14px;background-color:#EEE;border:0px !important; }
.EDTBL, .EDTBR, .EDTBC { padding:0 10px;font-size:14px;background-color:#F6F6F6; }
.EDTBL { text-align:left;padding-right:0px; }
.EDTBR { text-align:right;padding-left:0px; }
.EDTBC { text-align:center;padding:0px; }
.EDTBS2 { height:40px;line-height:38px;width:100%;border:solid 1px #ddd;padding:0 20px;font-size:14px;background-color:#fff;width:220px !important; }
.EDDDS, .EDDDS2 { padding:0 43px 0 20px;font-size:14px;background-color:#F6F6F6;-webkit-appearance: none;-khtml-appearance: none;-moz-appearance: none; background:url('../images/basic/dropdown-r.png') top right no-repeat;   }
.EDDDS2 { padding:0 10px 0 10px;background-image:none; }
.EDTDT { padding:0 20px;font-size:14px;background-color:#F6F6F6;background:url('../images/basic/date-r.png') top right no-repeat; }
.EDCBL { padding:0;font-size:14px;background-color:#F6F6F6;margin:10px 0px 0px 0px;  }
.EDCBL td { height:34px;display:block;float:left;width:200px;background-color:#eee;line-height:14px;margin:0px 0px 10px 10px;border:solid 1px #ddd;border-left:solid 2px #4A8DF6;font-size:15px; }
.EDCBL td label { display:block;margin-top:10px; }
.EDCBL input { float:left; height:15px;width:15px;margin:10px 10px 0px 10px; }
.EDCBL input:checked {  }
.EDCBL td:hover { background-color:#E5EEF8; }

.EDCB { padding:0;font-size:14px;display:block;width:100%!important;  }
.EDCB input { float:left;height:15px;width:15px;margin:12px 10px 0px 0px; }
.EDCB label { float:left;display:block; }
.EDCB input:checked {  }


.calR { line-height:24px !important; }
.calTD { line-height:20px !important; }

.PA1 { padding:10px !important; } .PA2 { padding:20px !important; }
.PL1 { padding-left:10px !important; } .PL2 { padding-left:20px !important; }
.PR1 { padding-right:10px !important; } .PR2 { padding-right:20px !important; }

.BB0 { border-bottom:0px !important; }

.CL1, .CL2, .CL3, .CL4, .CL5, .CL6, .CL7, .CL8, .CL9, .CL10, .CL11, .CL12, .CL13, .CL14, .CL15, .CL16, .CL17, .CL18, .CL19, .CL20 { display:table;width:100%;background-color:#eee;border:solid 1px #ddd;border-bottom:0px;border-left:solid 4px #BBD150 !important;line-height:40px;font-size:14px;text-align:left; }
.CL1 { border-left-color:#BBD150 !important; } 
.CL2 { border-left-color:#E58463 !important; }
.CL3 { border-left-color:#7AC6BE !important; } 
.CL4 { border-left-color:#8A78A9 !important; } 
.CL5 { border-left-color:#9999FF !important; } 
.CL6 { border-left-color:#BBD150 !important; } 
.CL7 { border-left-color:#E58463 !important; } 
.CL8 { border-left-color:#7AC6BE !important; } 
.CL9 { border-left-color:#8A78A9 !important; } 
.CL10 { border-left-color:#9999FF !important; }
.CL11 { border-left-color:#BBD150 !important; }
.CL12 { border-left-color:#E58463 !important; } 
.CL13 { border-left-color:#7AC6BE !important; } 
.CL14 { border-left-color:#8A78A9 !important; }
.CL15 { border-left-color:#E58463 !important; } 
.CL16 { border-left-color:#9999FF !important; }
.CL17 { border-left-color:#BBD150 !important; } 
.CL18 { border-left-color:#E58463 !important; } 
.CL19 { border-left-color:#7AC6BE !important; } 
.CL20 { border-left-color:#8A78A9 !important; }
.SPC { margin-bottom:30px;border-bottom:solid 1px #ddd !important; }

.CT1, .CT2, .CT3, .CT4, .CT5 { border-top:solid 4px #BBD150 !important; }
.CT1 { border-top-color:#BBD150 !important; } 
.CT2 { border-top-color:#E58463 !important; }
.CT3 { border-top-color:#7AC6BE !important; } 
.CT4 { border-top-color:#8A78A9 !important; } 
.CT5 { border-top-color:#9999FF !important; } 

.CBK1 p { background:#2392D7; } /*blue*/
.CBK2 p { background:#2DA79A; } /*green*/
.CBK3 p { background:#ED525A; } /*redish*/
.CBK4 p { background:#F8AC23; } /*yellow*/
.CBK5 p { background:#55B957; } /*greenlight*/
.CBK6 p { background:#8750A3; } /*purple*/
.CBK7 p { background:#4E4F53; } /*gray*/
.CBK8 p { background:#FF7200; } /*orange*/
.CBK9 p { background:#81D3D1; } /*skyblue*/
.CBK10 p { background:#ff6347; } /*Tomato*/
.CBK11 p { background:#ffa500; } /*Orange*/
.CBK12 p { background:#1e90ff; } /*DodgerBlue*/
.CBK13 p { background:#3cb371; } /*SeaGreen*/
.CBK14 p { background:#808080; } /*Gray*/
.CBK15 p { background:#6a5acd; } /*SlateBlue*/
.CBK16 p { background:#ee82ee; } /*Violet*/
.CBK17 p { background:#bbb; } /*LightGray*/
.CBK18 p { background:#90281a; } /*Brown*/

.BDEL { background-color:#E25645; }
.BPRINT { background-color:#C144C8; }
.BBACK { background-color:#FEAA24; }
.BSAS { background-color:#4A8DF6; }
.BSAVE { width:100px; }
.BGO { background-color:#36AA47; }
.BNEW { background-color:#4A8DF6; }
.BSTMT { background-color:#C144C8; }

.MT1 { margin-top:5px; } .MB1 { margin-bottom:5px; }
.MT2 { margin-top:10px; } .MB2 { margin-bottom:10px; }
.MT3 { margin-top:15px; } .MB3 { margin-bottom:15px; }
.MT4 { margin-top:20px; } .MB4 { margin-bottom:20px; }
.MT5 { margin-top:25px; } .MB5 { margin-bottom:25px; }
.MT6 { margin-top:30px; } .MB6 { margin-bottom:30px; }
.MT7 { margin-top:35px; } .MB7 { margin-bottom:35px; }
.MT8 { margin-top:40px; } .MB8 { margin-bottom:40px; }
.PT6{padding-top:30px;}

.SYR { background:url(../images/basic/required.png) top right no-repeat; }
.SYE { background:url(../images/basic/error.png) top right no-repeat; }

.COL12, .COL22, .COL13, .COL23, .COL33, .COL14, .COL24, .COL34, .COL44, .COL15, .COL25, .COL35, .COL45,.COL55  { display:table;margin-bottom:20px; }

.COL12 { float:left;width:50%;padding-right:20px; }
.COL22 { float:right;width:50%; }

.COL13, .COL23 { float:left;width:33%;padding-right:20px; }
.COL33 { float:right;width:33%; }

.COL14, .COL24, .COL34 { float:left;width:25%;padding-right:20px; }
.COL44 { float:right;width:25%; }

.COL15, .COL25, .COL35, .COL45 { float:left;width:20%;padding-right:20px; }
.COL55 { float:right;width:20%; }

.COL16, .COL26, .COL36, .COL46, .COL56 { float:left;width:16.666667%;padding-right:20px; }
.COL66 { float:right;width:16.666667%; }

.COL10L, .COL20L, .COL30L, .COL40L, .COL50L, .COL60L, .COL70L, .COL80L, .COL90L { float:left; }
.COL10R, .COL20R, .COL30R, .COL40R, .COL50R, .COL60R, .COL70R, .COL80R, .COL90R { float:right; }
.COL10L, .COL10R { width:10% !important; }
.COL20L, .COL20R { width:20% !important; }
.COL30L, .COL30R { width:30% !important; }
.COL40L, .COL40R { width:40% !important; }
.COL50L, .COL50R { width:50% !important; }
.COL60L, .COL60R { width:60% !important; }
.COL70L, .COL70R { width:70% !important; }
.COL80L, .COL80R { width:80% !important; }
.COL90L, .COL90R { width:90% !important; }

.COL66R { float:right;width:67% !important; }

.Blink, .ErrorStyle 
{ -webkit-animation: blink 1.5s linear 2; -moz-animation: blink 1.5s linear 2; -ms-animation: blink 1.5s linear 2; -o-animation: blink 1.5s linear 2; animation: blink 1.5s linear 2; }
@-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-ms-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
@-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } }
 

.ALL500
{ -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}