body { background:#FFF; margin:0 auto; padding:0; width:100%; font-family:Arial, Helvetica, sans-serif;}
form, ul, li, input, img, a, iframe, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:none; outline:none; font-weight:normal; text-decoration:none; frameborder:0; scrolling:no;}
iframe {  frameborder:0; scrolling:no; margin:0; padding:0;}
.clear {clear:both; margin:0; padding:0;}

.tophr { height:2px; background:#225096; width:100%;}
.top { width:100%; background:#FFF; margin:0 auto}
.top-cont { width:1024px; margin:0 auto; height:115px; }
.top-left { float:left; width:22%; text-align:left; padding:15px 0 0 0; }
.top-mid { float:left; width:35%; text-align:right; padding:15px 0 0 0;}
.top-right { float:right; width:22%; text-align:right; margin:10px 0 0 0; padding:4px 0 4px 10px;}
.top-right1 { float:right; width:30%; text-align:right; margin:10px 0 0 0; padding:4px 0 4px 10px; border:1px dashed #999; font-weight:bold;}
.admin-info { text-align:left; font-size:12px; line-height:18px; color:#da251d;}
.admin-info a { color:#555; text-decoration:none; font-weight:bold;}
.admin-info span { color:#555;}
.compre { text-align:center; color:#FFF; text-transform:uppercase; padding:8px 0 0 0;}
.msg { border:none; font-size:12px; color:#555;}
.marquee { font-size:13px; color:#FFF; text-align:right; padding:8px 0 0 0;}
.marquee a { text-decoration:none; color:#fff;}
.link { color:#225096;  text-align:left; font-size:12px; }
.link a { color:#225096; text-decoration:none; font-weight:normal;}

.links { margin:0; padding:0;}
.links ul { margin:0; padding:0;}
.links ul li { margin:0; padding:7px 5px 10px 5px; list-style:none; display:inline; border-right:1px solid #b0b0b0; line-height:33px}
.links ul li a { color:#333; text-decoration:none; font-size:13px;}
.links ul li a:hover { color:#225096;}

.submenubg {background:#225096; width:100%; margin:0 auto;}
.submenu { width:1024px; text-align:right; height:35px; margin:0 auto; }


.date { color:#FFF; font-size:14px; text-align:left; padding:10px 0 0 0}
.remark {color:#FFF; font-size:12px; text-align:right; padding:5px 0 0 0}

.menubg { background:url(images/submenu-bg.png) repeat-x; height:35px; width:100%; border-bottom:1px solid #b0b0b0;}
#menu { width:1024px; margin:0 auto; z-index:9999; }
#menu a { display:block; padding-left:0;}
#menu a span { display:block; padding:0 6px 0 6px; white-space:nowrap; }
#menu a span.first { display:block; padding:0 7px 0 0; white-space:nowrap; }
#menu li { float:left; list-style:none; }
#menu ul { margin:0; padding:0 0 0 0;  z-index:9999; }
#menu ul li { margin:0; height:27px; list-style:none; background:url(images/hr.png) right 0 no-repeat; padding:0 0 8px 0; display:inline;  text-align:left; }
#menu ul li.last{ margin:0; height:27px; list-style:none; background:none; padding:0 0 0 0; display:inline;  text-align:left; }
#menu ul li a { margin:0;  list-style:none; color:#FFF; font-size:12px; line-height:35px;  color:#333;  }
#menu ul li:hover a {  height:43px; padding:0 0 0 0; margin:0; color:#da251d; }
#menu ul li.active a {height:43px; padding:0  0 0 0; margin:0; color:#da251d; }

#menu li ul { display: none;  width:220px; background:#fff url(../images/menu-subg.png) bottom no-repeat; color:#444;  z-index:9999; }
#menu li:hover ul { display: block; position: absolute; margin:-7px 0 0 -1px; padding: 0;  background:#f2f2f2 bottom no-repeat;  width:220px; border-left:1px solid #c0c0c0;  border-right:1px solid #c0c0c0; border-btm:1px solid #c0c0c0;}
#menu li:hover li {float: none; }
#menu li:hover li a { background-color:none; border-bottom:1px solid #a6a5a5;color:#444; font-size:13px; text-transform:none; background-image:none; height:30px; line-height:30px;  width:210px; padding:0 0 0 10px; }
#menu li li a:hover {background:#fff; color:#da251d; }
#menu li:hover ul ul{ display:none; position: absolute; margin:0 0 0 220px; padding: 0;  background:#f2f2f2 bottom no-repeat;  width:220px; border-left:1px solid #c0c0c0;  border-right:1px solid #c0c0c0; border-btm:1px solid #c0c0c0; margin-top:-31px;}

#menu li ul li:hover ul{display: block;}


.prod-name { color:#FFF; font-size:22px; text-align:center; text-transform:uppercase; margin-top:30px; font-weight:bold;}
.main { background:url(images/bg.png) repeat; width:100%; margin:0 auto; overflow:hidden; padding:0 0 35px 0; z-index:9; min-height:450px;} 
.main-area { width:1024px; margin:0 auto; padding:0 0 30px 0; }
.main-area-fix { width:1024px; margin:0 auto; padding:0 0 0 0; }
.work-pla { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#f4f4f4; border:1px solid #c5c2c2; width:990px; overflow:hidden;  margin:5px auto 0 auto; padding:15px; }
.workarea { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#f4f4f4; border:1px solid #c5c2c2; width:99%; overflow:hidden; margin:5px auto 0 auto; padding:5px; }
.comments { text-align:right; font-size:11px; padding:10px 0 5px 0; color:#da251d;  }
.links {font-size:11px; padding:10px 0 0 0; color:#da251d; text-align:left; text-transform:uppercase; font-weight:bold;}

.log-top-bg { background:url(images/log-top-bg1.png) no-repeat; width:655px; height:53px;}
.log-mid-bg { background:url(images/log-mid-bg1.png) repeat-y; width:655px; min-height:250px;}
.log-btm-bg{ background:url(images/log-btm-bg1.png) no-repeat; width:655px; height:20px;}

.block { float:left; width:105px; height:93px; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; border:1px solid #b6b4b4; margin:0 15px 15px 0; z-index:9; }
.block:hover { float:left; width:105px; height:93px; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#e3f1fe; border:1px solid #aaceeb; z-index:9;}

.login-div { margin:5% auto 0 auto;  width:600px; height:auto;}
.form { padding:30px 120px 0 80px; margin:0 auto; }
.label { font-size:14px; color:#222; text-align:right;}
.input { width:350px; height:30px; border:1px solid #c7c6c6; background:#FFF; padding:0 0 0 5px;}
.input-sm { width:15px; height:14px; border:1px solid #c7c6c6; background:#FFF;}
.txt { font-size:12px; color:#333;}
.btn { color:#FFF; background:#044286; height:30px; border:none; width:100px; font-size:17px;}

.selectbg { background:url(images/branch-bg.png) no-repeat; margin:20px auto 0 auto; width:655px; height:98px; padding:34px 0 0 0;}


.btmbg { width:100%; background:#225096; margin:0 auto 0 auto ;} 
.btm { width:1000px; margin:0 auto; background:#225096 url(images/btmbg.png) right top no-repeat;  text-align:right; color:#FFF; padding:0 21px 3px 0; overflow:hidden;}
.btm-left { width:85%; float:left; text-align:left; color:#FFF; font-size:13px; padding:10px 0 0 20px; }
.btm-left  span { padding:0 0 0 460px;}  
.btm-right {width:12%; float:right; }

.accordion { width:100%; margin-bottom:15px;  overflow:hidden; }
.accordion h3 { padding:0px 5px; margin:5px 0 0 0; cursor: pointer; position:relative; text-transform:none; background:#e7e6e6; width:97%; height:30px; font-weight:normal; border:1px dotted #b2b2b2; font-family:Calibri;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.accordion h3:hover {color:#fff !important; background:#225096; border:1px dotted #fff; }
.accordion h3.active {color:#fff !important; background:#225096; border:1px dotted #fff;}
.accordion h3 span {line-height:20px; display:block; padding:5px 0 6px 20px; background:url(images/arrow.png) no-repeat 5px 10px; color:#225096; font-size:18px; font-weight:normal; }
.accordion h3 span:hover {line-height:20px; display:block; padding:5px 0 6px 20px; background:url(images/arrow-ov.png) no-repeat 5px 14px; color:#fff; font-size:18px;}
.accordion h3 span a {line-height:20px; display:block; color:#fff; font-size:16px;}
.accordion h3.active span {background:url(images/arrow-ov.png) no-repeat 5px 14px; color:#FFF;}
.accordion .accord_cont { padding:6px 10px 7px 10px; display: none; font-weight:normal; font-size:12px; line-height:19px; background:#FFF; color:#333;  width:95%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:240px; }
.accbasic ul { margin-bottom:10px;}
.accbasic ul li { margin:0 0 0 20px; padding:0; list-style:url(../images/orbull.png); font-size:13px; color:#333; font-weight:normal; line-height:21px; }

/*.news-hd {padding:0px 5px 0 8px; margin:5px 0 0 0; background:#225096; border:1px dotted #fff; width:97%; height:30px;  border:1px dotted #b2b2b2;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.news-hd span {line-height:20px; display:block; padding:5px 0 6px 18px; background:url(images/arrow-ov.png) no-repeat 3px 14px; color:#225096; font-size:18px; font-weight:normal;  font-size:14px; color:#FFF;}
.news-bg { padding:6px 10px 7px 10px; display: none; font-weight:normal; font-size:13px; line-height:19px; background:#FFF; color:#333;  width:95%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }*/
.alert { font-size:12px; color:Red; text-align:center; padding:0 0 5px 55px;}
.pop-up {display:none; text-align:center; background-color:#f8f7f7; z-index:99999; position:absolute; font-size:14px; color:Red; line-height:25px; top:200px;  margin:0 auto 0 auto; padding:20px 0 0 0;  width:600px; height:300px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid #999;}
.pop-up-small {display:none; text-align:center; background-color:#f8f7f7; z-index:99999; position:absolute; font-size:14px; color:Red; line-height:25px; top:220px; left:130;  margin:0 0 0 200px; padding:20px 0 0 0;  width:600px; height:200px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid #999; }

/*table.case-activities { font-size:12px; border:none;}
table.case-activities .hd {color:#da251d; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:14px;}
table.case-activities td { border-bottom:1px dashed #c6c7c8;}
table.case-activities .alt { background:#edf6fe;}*/

table.case-activities tr td th {color:#da251d; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:14px; border-bottom:1px dashed #c6c7c8; line-height:17px;}

table.case-activities{ border:none!important;}

table.case-activities tr{  text-align:left; }

table.case-activities tr td{border:none; border-bottom:1px dashed #c6c7c8; padding:5px 4px 5px 4px;  vertical-align:middle; font-size:11px; color:#62636b;}

/*table.case-activities tr th {  background-color:none; color: #fd0808; padding: 5px; border:0; font-weight:bold; font-size:14px; height:25px0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serifpx; font-weight:normal; }*/

table.case-activities tr.alt td{ background:#edf6fe; border-bottom:1px dashed #c6c7c8;}

table.case-form {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:none;}
table.case-form  tr td {font-size:13px; text-align:left; margin:0 0 0 0; }
table.case-form tr td span a {font-size:13px; text-align:left; margin:0 0 0 0;  color:#044286; font-weight:normal;}
table.case-form  tr td.label {font-size:13px; text-align:left; padding:4px 0 4px 0; font-weight:bold; color:#225096;}
table.case-form  tr td.alert {font-size:13px; text-align:left; padding:4px 0 4px 0; font-weight:bold; color:#da251d;}

table.case-form input {width:200px; height:24px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}
table.case-form .input-bg {width:400px; height:24px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}


table.case-form input[type="checkbox"] { height:15px; width:17px;}
table.case-form input[type="image"], input[type="file"] {-webkit-appearance: initial;padding: initial;background-color: initial;border: initial; width:20px; height:20px;}
table.case-form input[type="radio"] {margin: 3px 3px 0px 5px; width:14px; height:14px;}
table.case-form textarea {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;
}

table.case-form select {width:208px; height:26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}
table.case-form .select-bg {width:400px; height:26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}

table.case-form .select-sm1 {width:50px; height:26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}
table.case-form .select-sm2 {width:62px; height:26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}
table.case-form .select-sm3 {width:80px; height:26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f4f4f4; border:1px solid #c5c2c2; background:#FFF; padding:0 0 0 5px; margin:0 0 7px 0;}

table.case-form .head { background:#dcd9d9 url(images/arrow.png) 8px 10px no-repeat; color: #225096; padding:0 0 0 20px; border:1px solid #c3bcbc; font-size:12px; font-weight:bold; text-transform:uppercase; width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 15px 0; height:30px; }

table.case-form .member-detail {font-size:13px; color:#012848; font-weight:normal; text-align:left; background:#dfe3eb;}
table.case-form input[type="submit"] { color:#FFF; background:#044286; height:28px; border:none;  font-size:15px; padding:0 5px 0 5px; width:100px;}
table.case-form input[type="submit"].cust { color:#FFF; background:#044286; height:28px; border:none;  font-size:15px; padding:0 5px 0 5px; width:150px;}
table.case-form input[type="submit"]:hover { color:#FFF; background:#da251d; height:28px; border:none; font-size:15px; padding:0 5px 0 5px;}

                                             
/*table.case-form input.btn:hover { color:#333; background:#bfbfbf; height:28px; border:none; width:100px; font-size:17px; border:1px solid #7a7a7a;}*/
.header {background:#c3daef; font-size:14px !important; padding:5px 5px 8px 8px; line-height:22px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#164791; }
h1 {background:#dcd9d9; color:#225096; padding:0 0 0 0; border:1px solid #c3bcbc; text-align:center; line-height:30px; font-size:14px; font-weight:bold; text-transform:uppercase; width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 0; height:30px; }

.TableStyle
{
    background:#dcd9d9;
    font-family: Verdana;
    font-size: 10px;
    width: 450px; border:1px solid #c3bcbc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#225096;
}

.DefaultRow
{
	background-color: #8cabff;
}


.HighlightRow
{
    background-color: white;
}

.today-stats  {margin-top:0;}
.today-stats tr th { text-align:left; color:#da251d; padding:0 5px 0 5px; font-weight:bold; height:25px; font-size:11px; border-bottom:1px solid #bebebe;  text-transform:uppercase;  border-bottom:1px dashed #c6c7c8;}
.today-stats tr td { padding:2px 5px 2px 5px; font-size:13px; color:#333;  border-bottom:1px dashed #c6c7c8; vertical-align:top;}
.today-stats tr.alt td{ background:#edf6fe;  border-bottom:1px dashed #c6c7c8;}

table.case-grid tr th {background:#373e45; color: #fff; padding: 5px; border:0; font-weight:normal; font-size:13px; text-align:left; height:25px;}
table.case-grid{ border:none!important;}
table.case-grid tr{  text-align:left; }
table.case-grid tr td{border:none; border-bottom:1px dashed #c6c7c8; padding:5px 4px 5px 4px;  vertical-align:middle; font-size:12px; }
/*table.case-activities tr th {  background-color:none; color: #fd0808; padding: 5px; border:0; font-weight:bold; font-size:14px; height:25px0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serifpx; font-weight:normal; }*/
table.case-grid tr.alt td{ background:#edf6fe; border-bottom:1px dashed #c6c7c8;}
table.case-grid tr td a { color:#FF0000;}

table.case-alert tr th {background:#373e45; color: #fff; padding: 5px; border:0; font-weight:normal; font-size:13px; text-align:left; height:25px;}
table.case-alert{ border:none!important;}
table.case-alert tr{  text-align:left; }
table.case-alert tr td{border:none; border-bottom:1px dashed #c6c7c8; padding:5px 4px 5px 4px;  vertical-align:middle; font-size:12px; color:#000;}
/*table.case-activities tr th {  background-color:none; color: #fd0808; padding: 5px; border:0; font-weight:bold; font-size:14px; height:25px0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serifpx; font-weight:normal; }*/
table.case-alert tr.alt td{ background:#edf6fe; border-bottom:1px dashed #c6c7c8;}
table.case-alert tr td a { color:#FF0000;}

table.case-activity tr th {background:#dcd9d9; color: #333; padding: 2px; border:0; font-weight:normal; font-size:13px; text-align:left; height:20px;  }
table.case-alert{ border:none!important;}
table.case-alert tr{  text-align:left; }
table.case-alert tr td{border:none; border-bottom:1px dashed #c6c7c8; padding:5px 4px 5px 4px;  vertical-align:middle; font-size:12px; color:#000;}
/*table.case-activities tr th {  background-color:none; color: #fd0808; padding: 5px; border:0; font-weight:bold; font-size:14px; height:25px0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serifpx; font-weight:normal; }*/
table.case-alert tr.alt td{ background:#edf6fe; border-bottom:1px dashed #c6c7c8;}
table.case-alert tr td a { color:#FF0000;}

table.case-details {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:none;}
table.case-details tr td {font-size:13px; text-align:left; margin:0 0 0 0; color:#333; font-weight:normal; padding:0 0 5px 0; }
table.case-details tr td span a {font-size:13px; text-align:left; text-decoration:none; margin:0 0 0 0; color:#044286; font-weight:bold;  }
table.case-details tr td span {font-size:13px; text-align:left; margin:0 0 0 0; color:#044286; font-weight:bold;}

.show-hide { color:#fff; font-size:14px;}
.show-hide a { color:#fff; font-size:14px; text-decoration:none;}

table .main-data-list tr td th {border:none; padding:0px; width:885px; float:left; background:#f8f7f7; border:1px solid green;}
table .main-data-list tr{ border-bottom:1px solid #555; text-align:left; }
table .main-data-list tr td{border:none;   padding:2px; vertical-align:top; font-size:11px; color:#62636b;}
table .main-data-list tr th {  background-color:none; color: #fd0808; padding: 5px; border:0;  font-size:14px; height:25px; font-size:12px; font-weight:normal; }
table .main-data-list tr.alt td{ background-color:#F4F4F4; border-bottom:1px solid #000; border-top:1px solid #000;}

table .data-list { border:none; vertical-align:top !important;}
table .data-list tr td th {border:none; padding:0px; width:885px; float:left; background:#f8f7f7; border:1px solid green;}
table .data-list tr{ border-bottom:1px solid #000; text-align:left; border-right:#F5F5F5 1px solid; background-color:#F3F3F3 !important;}
table .data-list tr td{border:none;   padding:5px; vertical-align:middle; font-size:11px;  color:#62636b; }
table .data-list tr th {  background-color:none; color: #fd0808; padding: 5px; border:0;  font-size:14px; height:25px; font-size:12px; font-weight:normal; }
table .data-list tr.alt td{ background-color:#F4F4F4; border-bottom:1px solid #000;border-top:1px solid #000;}
table .data-list tr td span { color:#62636b; font-weight:normal;}
table .data-list tr td strong, b { color:#012848;  border:none; font-weight:normal; }