/* error summary */
div.message{width:100%;border-top:2px solid #FFF;border-bottom:2px solid #FFF; min-height:80px;text-align:left; clear:both;margin-top:10px;}
div.message p {padding-left:70px;padding-right:20px;font:bold 13px Arial; margin-top:15px;color:#000;}
div.message p.text {font: normal 12px Arial, Helvetica, sans-serif;margin-top:5px;margin-bottom:10px;text-align:justify;}
div.message ul {padding:0px;margin-left:50px;color:#000;}
div.message li {list-style:none; text-indent: 20px; }
div.message li a {text-indent:0px;}

div.error{background:#FEE5DE url(../img/errors_bg.png) 10px 10px no-repeat;border-color:#DD8888;}
div.error li{ background: url(../img/warning.gif) 0 3px no-repeat; margin-left:10px!important;}

div.warning{background:#F7F7F7 url(../img/notice_bg.png) 10px 10px no-repeat;border-color:#D9D9D9;}
div.warning li{background: url(..img/info.gif) 0 3px no-repeat;}

div.notice{background:#E3F5C0 url(../img/ok_bg.png) 10px 10px no-repeat;border-color:#88BB44;}
div.notice li{background: url(../img/info.gif) 0 3px no-repeat;}

/* inputs */

input.iText, textarea{border: 1px solid #7f9fb9;}
input.highlight, textarea.highlight{background-color: #d0e2fc; border: 1px solid #7f9fb9;}

/* block ----------------------------------------*/
td.block {padding:5px;}

table.block{border-collapse: collapse; border: 1px solid #bdbdbd; margin-bottom:10px;}
table.block td, table.block th {border: 1px solid #bdbdbd;padding-right: 10px;padding-left: 10px;vertical-align: middle; color:#000;}
table.block th { background-color: #7fc350; font-weight: bold;font-size: 11px; text-align: left;}
table.block th.title {background-color:#660033;color:#fff; width:auto;}
table.block td.block{padding:5px;}

table.block fieldset {/*padding-left:20px;*/}
table.block fieldset span {font-weight:bold;margin-right:40px;}
table.block legend {font-weight:bold; margin-bottom:10px; color:#636463;}

td.bordered { border:1px dashed #ccc;}
td.indent {text-indent:20px; background:url(../img/arrow2.gif) 5px 0px no-repeat;}

.hand {cursor:pointer;}

/* grid ----------------------------------------*/
table.grid{border: 1px solid #ccc; margin-bottom:10px; clear: both; width:100%;}
table.grid th {text-align:left; background-color:#660033; color:#fff; font-weight:bold;text-transform:capitalize;vertical-align:middle;padding-left:5px;padding-right:17px;}
table.grid td {text-align:left; padding-left:5px;padding-right:3px; }

table.grid tr.row0 {background-color:#fff;}
table.grid tr.row1 {background-color:#f2f2f2;}
table.grid tr.row0:hover, table.grid tr.row1:hover, tr.highlight, td.highlight {background-color: #d0e2fc!important;}
td.odd{border-left:2px solid #e9e9e9;border-right:2px solid #e9e9e9;}

tr.header th a{color:#fff!important; text-decoration:none;font-weight:bold;padding: 0px 15px 0px 0px;background:none;white-space:nowrap;}
tr.header th a:hover {background: url(../img/00.gif) 100% 40% no-repeat;}
tr.header th.active0 a {background: url(../img/11.gif) 100% 40% no-repeat;}
tr.header th.active1 a {background: url(../img/00.gif) 100% 40% no-repeat;}
tr.header th.active0 a:hover {background: url(../img/00.gif) 100% 40% no-repeat;}
tr.header th.active1 a:hover {background: url(../img/11.gif) 100% 40% no-repeat;}

tr.pager td {padding-top:3px; padding-bottom:3px;}
span.pager a img {vertical-align:middle!important;padding:0px;margin:0px;}
span.pager span {display:-moz-inline-box;-moz-box-orient:vertical;-moz-box-align:center;display:inline-block; width:16px; height:16px;text-align:center;vertical-align:middle;background-color:#3183c1;color:white;border: 1px solid #ccc;}
span.pager a {display:-moz-inline-box;-moz-box-orient:vertical;-moz-box-align:center;display:inline-block; width:16px; height:16px;text-align:center;vertical-align:middle;text-decoration:none;margin-left:2px;margin-right:2px;border: 1px solid #ccc;color:#666;}
span.pager a:hover {background-color:#d0e2fc;color:#000;border: 1px solid #ccc;}
span.pager a.prevnext {border:none; background-color:transparent;}
select.pageSize{float:right;font: 10px bold;width:50px!important;margin-left:10px;}

tr.footer td {border-top: double 3px #ccc;}

tr.subheader th {background-color:#d8e5ef; padding-right:5px;text-align:right;}
tr.subheader td {font-weight:bold; text-align:center; border-bottom: double 3px #ccc;}
tr.overallheader th{margin-bottom:0px;border-bottom:1px solid white;}
tr.selected{background-color:Red;}

table.block table.grid th {background-color:#D0D0D0; color:#000;}

/* Table filter */
table.filter{margin-bottom:10px;width:100%;clear:both;border: 1px solid #ccc;border-collapse:collapse;}
table.filter th, table.filter td {font-weight:normal; text-align:left; vertical-align:middle;padding-left:10px; padding-right:10px;border: 1px solid #cccccc;}
table.filter th {width:200px; background-color:#F2F2F2;}
table.filter td {}
table.filter input.iText {width:180px;}
table.filter select {width:182px;}


/* Table form */
table.form{margin-bottom:10px;width:100%;clear:both;border: 1px solid #ccc;border-collapse:collapse;}
table.form th, table.form td {font-weight:normal; text-align:left; vertical-align:top;padding-left:10px; padding-right:10px;border: 1px solid #cccccc; color:#000;}
table.form th {width:180px; background-color:#FEFEFA;padding-top:4px; padding-bottom:4px;}
table.form td {}

table.form tr.title th {background-color:#D0D0D0;}
table.form th.title {width:auto; font-weight:bold;padding-top:0px; padding-bottom:0px;height:20px;}

table.form input.iText {width:170px;}
table.form select {width:172px;}

/*tr.req th, th.req {font-weight:bold!important; background-image:url(../img/req.gif); background-position: 98% 50%; background-repeat:no-repeat;}*/
tr.req th, th.req {font-weight:bold!important; background-image:url(../img/req.gif); background-repeat:no-repeat; text-indent:20px;}

/* calendar */
span.Cal img{position:relative; top: -1px; left: 3px; margin-right:4px!important;}
span.Cal input{width:70px!important;}
.Cal table td{text-align:center!important;}

/* widths */



.w600{width:600px!important;}
.w550{width:550px!important;}
.w400{width:400px!important;}
.w350 {width:350px!important;}
.w300 {width:300px!important;}
.w200, .w200 input.iText {width:200px!important;}
.w150 {width:150px!important;}
.w100, .w100, table.w100 input, table.w100 select, td.w100 input, td.w100 select{width:100px!important;}
.w70 {width:70px!important;}
.w50 {width:50px!important;}
.w45 {width:45px!important;}
.w30 {width:30px!important;}
.w20 {width:20px!important;}
.p50 {width:50%!important;}
.p100 {width:100%!important}
.p90 {width:90%!important;}
.p10 {width:10%!important;}
.wAuto {width:auto;}
textarea.p100 {width:99%!important; overflow:auto;}
.shift {position:relative; top:2px;}

/* Align */
.vaTop {vertical-align:top!important;}
.vaMiddle, td.vaMiddle, table.vaMiddle td, tr.vaMiddle td, a.vaMiddle img{vertical-align:middle!important;}
.vaBottom, tr.vaBottom td {vertical-align:bottom!important;}
.aLeft, tr.aLeft td, tr.aLeft th {text-align:left}
.aRight, tr.aRight td, tr.aRight th{text-align:right!important;}
.aCenter, table.aCenter td, table.aCenter th, tr.aCenter td, tr.aCenter th {text-align:center!important;}

/* Font Style*/
.bold, tr.bold td{font-weight:bold;}

/* Float */
.fRight {float:right!important; margin-left:5px;}
.fLeft {float:left!important; margin-right:5px;}
.fNone, .fNone span {float:none!important;}
.clear{clear:both;}
.break {display:block; clear:both;}
.indent20 {text-indent:20px;}

.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}
.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mB10 {margin-bottom:10px;}
.mL20 {margin-left:20px;}
.m5{margin-bottom:5px!important;margin-top:5px!important;}

.pT10 {padding-top:10px;}
.pad5{padding:5px;}
.pad2{padding:2px!important;margin:0px!important;}


.cWhite {color:#fff;}


/* ------- Toggle ----------*/

.ArrowToggle0 {background: url(../img/arrows.gif) 100% 2px no-repeat;height:20px;}
.ArrowToggle1 {background: url(../img/arrows.gif) 100% -23px no-repeat;height:20px;}
.ArrowToggle0 span, .ArrowToggle1 span {padding: 0px 20px 0px 0px;}

.Toggle0 {background: url(../img/toggle.gif) 100% 3px no-repeat; margin: 0px 3px 0px 0px;}
.Toggle1 {background: url(../img/toggle.gif)	100% -15px no-repeat; margin: 0px 3px 0px 0px;}
.Toggle0 span,.Toggle1 span {padding: 0px 15px 0px 0px;}

/* buttons */
A.imgbtn img {border:0;padding:2px;}
A.imgbtn:hover {background-color:#84a6ef;}
A.imgbtn:hover>img{padding:0px;border:2px solid #84a6ef;}

A.imgbtn1 {display:-moz-inline-box;-moz-box-orient:vertical;-moz-box-align:center;display:inline-block;}
A.imgbtn1 img {border:0px;margin:3px;padding:0px;}
A.imgbtn1:hover {background-color:#d0e2fc; border: 1px solid #cccccc;}
A.imgbtn1:hover img {margin:2px; border:0px;}

A.btn { float:left; color: #555555; text-decoration: none!important; background: url(../img/buttons.gif) no-repeat;}
A.btn SPAN {float:left; background: url(../img/buttons.gif) 100% -56px no-repeat; }
A.btn B {display:inline-block;margin: 0px 15px 0px 15px; cursor: pointer;  font: bold 12px Arial; line-height: 28px!important; letter-spacing:normal;background: url(../img/buttons.gif) 0px -28px repeat-x;}
A.btn:hover { color: #026EAE;}

/* tabs */
ul.tabs {padding: 0!important;padding-left:20px; margin: 0!important; list-style: none; clear: both; margin-bottom:10px;  height:20px; background: url(../img/tabline.gif) 0 100% repeat-x;}
ul.tabs li { float: left; padding:0!important;margin:0!important; background:none!important;}
ul.tabs li a { float: left; color: #fff!important; margin:0;text-decoration:none;  background: url(../img/tabs.gif) no-repeat; cursor:hand;}
ul.tabs li a span {float:left; background: url(../img/tabs.gif) 100% -20px no-repeat;}
ul.tabs li b {float:left; font: bold 12px Helvetica, sans-serif!important;padding-top:3px; padding-bottom:2px; padding-left:5px;padding-right:20px;}
ul.tabs li a:hover {color: #660033!important; background: url(../img/tabs.gif) 0 -80px no-repeat;}
ul.tabs li a:hover span {background: url(../img/tabs.gif) 100% -100px no-repeat;}
ul.tabs li a.unactive {color: #888!important;background: url(../img/tabs.gif) no-repeat;}
ul.tabs li a.unactive span {background: url(../img/tabs.gif) 100% -20px no-repeat;}
ul.tabs li a.active {color: #000!important; background: url(../img/tabs.gif) 0 -40px no-repeat;}
ul.tabs li a.active span {background: url(../img/tabs.gif) 100% -60px no-repeat;}

div.tab {margin-bottom:10px; padding:5px; border:1px solid #ccc; border-top:none;}

/* bread crubmbs */

ul.breadcrumbs {list-style: none; padding: 0!important; margin: 0!important; margin-bottom:10px;}
ul.breadcrumbs li {float:left; padding:0!important; padding-right:10px!important; margin:0!important;  background:none!important;}
ul.breadcrumbs li a { text-decoration:none!important;}
ul.breadcrumbs li a:hover { text-decoration:underline!important;}

.modalBackground {background:Gray;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
.fadeOut {font-weight:bold;background-color:#ececec!important;height:18px;vertical-align:bottom!important;margin-bottom:5px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ececec', endColorStr='#b7b7b7', gradientType='1');}
.fadeOut a {padding-right:10px;}
.popup {width:400px;height:100px;background-color:#fff;padding:10px;}
.popup .Flajaxian_FileBox
{
	left:10px!important;
    top:80px!important;   
}