html{ color:#000;background:#fff; }
/*Reset the css properties, to default*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table{margin:0;padding:0;}
/*table{border-collapse: seperate;border-spacing: 0;}*/
fieldset,img{border:0;}
em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/***/
/*Custom Styles*/
body { color: 3F3F3F; }/* #3F3F3F;*/
body, body * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} /*#6d6e71*/
.content {font-size: 10px;line-height: normal; font-weight: normal; text-transform: none;color: #3F3F3F; text-align: justify;}
/*Table Main headers or sub-headers*/
.header1{padding: 4px;background: #387B69; color: #ffffff; font-weight: bold;}
.header2{padding: 4px;background: #246855; color: #ffffff; font-weight: bold;}
.subheader1{padding: 4px 2px 4px 2px;background: #59A08E; color: #FFFFFF;}
.subheader1 div {padding: 4px 2px 4px 2px;background: #59A08E; color: #FFFFFF;}
.subheader2{padding: 4px 2px 4px 2px;background: #93D0C0; color: #191919;}
.subheader3{padding: 4px 2px 4px 2px;color: #191919; background: #d2e6dc;}

/*Gap classes*/
.smallGap { padding: 0;padding-top: 2px;margin: 0;height: 2px; line-height: 2px;}
.gap { padding: 0;padding-top: 4px; margin: 0; height: 4px; line-height: 4px;}
.bigGap { padding: 0;padding-top: 8px; margin: 0; height: 8px; line-height: 8px;}

fieldset{ border: 1px solid #c2d6cc;padding:0px 0px 0px 6px;}
/*Non-IE browers dont render a - infront of fieldset Legend. trying to simulate that*/
legend:before {display: inline; color: #c2d6cc;}

/*Anchor tag appearance within headers*/
.header1 a:link, a:visited, .header2 a:link, a:visited, .subheader1 a:link, a:visited{text-decoration: none;}
.header1 a, .header2 a, .subheader1 a {color:#E3EF69;font-weight:bold;}
.subheader2 a:link, a:visited{text-decoration: none;}
.subheader2 a:hover{color: #aD751F; text-decoration:underline;}
.subheader2 a{color:#F3FF89;}
.header1 a:hover, .header2 a:hover, .subheader1 a:hover{color: #FDB55F; text-decoration:underline;font-weight:bold;}

ul.list, ol.list li{padding: 3px 0 3px 0;}
/*borders*/
.borderT, .borderR, .borderB, .borderL {border: 0;}
.borderT {border-top: 1px solid #a2b6Ac;}
.borderR {border-right: 1px solid #a2b6Ac;}
.borderB {border-bottom: 1px solid #a2b6Ac;}
.borderL {border-left: 1px solid #a2b6Ac;}
.borderAll {border: 1px solid #a2b6Ac;}

/*horizontal lines*/
.hline {border-top: 1px solid #c2d6cc; padding: 0; margin: 0; height: 0px; line-height: 0.1px;}

/*Different Titles*/
.title, .title1, .title2, .title3 { padding: 2px;}
.title1 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #387B69;}
.title {font-size: 12px;BORDER-BOTTOM : 2px solid #387B69;text-align:left; line-height: normal; font-weight: bold; text-transform: none; color: #387B69; padding: 2px 0px 2px 0px; }
.title2 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #549885;}
.title3 {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #549885 !important;}
.title3 td {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #549885 !important;}
.odd {padding:4px; background: #FcFcFe; }
.even {padding:4px; background: #E0EFEA;}/*#E4F5F0;*/
tr.odd td{padding:4px; background: #FcFcFe;} /*TODO: Needs IE soln-First-child*/
tr.even td{padding:4px; background: #E0EFEA;} /*TODO: Needs IE soln-First-child*/

/*disabled style*/
.disabled {color:#a4a4a4; cursor:default;}
a.disabled:hover{color: #a4a4a4; text-decoration: none; cursor:default;}
a:disabled {color: #a4a4a4; text-decoration: none; cursor:default;}

/*Message Boxes*/
.error, .notice, .success {border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2; color:#264409; border-color:#C6D880;}
.error a {color:#8a1f11; text-decoration: none;}
.notice a {color:#514721; text-decoration: none;}
.success a {color:#869840; text-decoration: none;}
.error a:link, a:active, a:visited{text-decoration: none;}
.error a:hover {color:#AD751F;text-decoration: underline;}
.notice a:link, a:active, a:visited{text-decoration: none;}
.notice a:hover {color:#AD751F;text-decoration: underline;}
.success a:link, a:active, a:visited{text-decoration: none;}
.success a:hover {color:#AD751F;text-decoration: underline;}

/*Anchor style*/
a:link, a:visited {text-decoration: none;}
a:hover {color: #73471b; text-decoration: underline;}
a {color:#74a838;}

/*cell corner
.cellcorner{BACKGROUND:  url('images/flat_corner.gif') no-repeat top right;POSITION: relative;FLOAT: right;Z-INDEX: 999;WIDTH: 100%;HEIGHT: 100%;CURSOR : pointer;}
span.cellcorner input{}*/
.mandatory{color: red;}
.verticalText{writing-mode: tb-rl; filter: flipv fliph; }
.formButton{background:#83c0b0; color:#ffffff; font-weight:bold; border: 1px solid #549885; border-right: 1px outset #549885; border-bottom:1px outset #549885; cursor:pointer;}
.formButton u {color: yellow;}
.formButton:focus {outline: 1px solid orange; cursor:hand;}
.formButton:disabled { color: #DEDDB4; cursor: pointer;}
.showHide{COLOR : #387B69; BACKGROUND-color: white; TEXT-ALIGN: center; fonr-size: 8px; font-weight:bold;PADDING : 0px; margin: 0px; height:12px;line-height: 10px; width: 12px; BORDER : 1px solid #59A08E; CURSOR: pointer;}

.wait1{position:absolute; color: #8FAA0B; BACKGROUND:  url("/library/images/ajax-loader1.gif") center top no-repeat; BORDER : none; CURSOR: DEFAULT; padding: 0px; margin: 0px; line-height:7px;  WIDTH : 40px;   HEIGHT : 40px;}
.wait2{position:absolute; color: #8FAA0B; BACKGROUND:  url("/library/images/ajax-loader.gif") center top no-repeat; BORDER : none; CURSOR: DEFAULT; padding: 0px; margin: 0px; line-height:7px;  WIDTH : 40px;   HEIGHT : 40px;}

/***/
/*Menu related styles*/
.arrowlistmenu{ background-color: #F9F9F9; color: #5e5e5e; cursor:pointer; margin: 0; padding-left: 4px; }
.arrowlistmenu a {text-decoration: none; color: #5e5e5e; display:block; }
.arrowlistmenu .Level1{padding: 8px 0 1px 0;}
.arrowlistmenu a:hover{ color: #73471B;	text-decoration:underline; }
.arrowlistmenu .selected {color: #82b7e8;}
/*.arrowlistmenu p {margin: 0;padding: 8px 0 1px 0;}*/
.arrowlistmenu .border { margin: 0; padding: 0;border: 0;border-bottom: 1px dotted gray;}
/*CSS class for menu headers in general*/
.arrowlistmenu .menuheader, .menuheader1, .menuheader2{ margin: 0; background: transparent url('images/option04a.gif') no-repeat right;}
.arrowlistmenu .openheader{ background: transparent url('images/option04b.gif') no-repeat right; }
.arrowlistmenu .openheader a{color: #5e5e5e; }
.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 1px; }
.arrowlistmenu ul li{padding: 2px 0 0 8px; margin-left: 3px;}
.arrowlistmenu .seperator{cursor:default; }

#breadcrumb { padding: 4px 0 4px 0;	font-size: 10px; line-height: normal;	color: #6d6e71;	text-decoration: none; text-transform: none;}
/**Report specific CSS classes - incorporates Media Attributes**/
@media all
{
.displayOnPrint{display:none;}
}
@media screen
{
/*Table Main headers/sub-headers*/
.rptHeader1{padding: 4px; color: #ffffff; background: #387B69; font-weight: bold;}
.rptHeader2{padding: 4px; background: #246855; color: #ffffff; font-weight: bold;}
.rptSubheader1{padding: 4px 0 4px 0;background: #59A08E; color: #FFFFFF;}
.rptSubheader2{padding: 4px 0 4px 0;background: #93D0C0; color: #191919;}
/*.rptHeader1 a:link, a:visited {text-decoration: none;}*/
.rptHeader1 a {color:#E3EF69;font-weight:bold;}
.rptHeader1 a:hover {color: #FDB55F; text-decoration:underline; }
.rptBorderT, .rptBorderR, .rptBorderB, .rptBorderL {border: 0;}
.rptBorderT {border-top: 1px solid #a2b6Ac;}
.rptBorderR {border-right: 1px solid #a2b6Ac;}
.rptBorderB {border-bottom: 1px solid #a2b6Ac;}
.rptBorderL {border-left: 1px solid #a2b6Ac;}
.rptBorderAll {border: 1px solid #a2b6Ac;}
.rptHline{border-bottom: 1px solid #c2d6cc; padding: 0; margin: 0; height: 2px; line-height: 2px;}
/*Different Titles*/
.rptTitle1, .rptTitle2, .rptTitle3 { padding: 2px;}
.rptTitle1 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #387B69;}
.rptTitle2 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #549885;}
.rptTitle3 {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #549885;}
.rptOdd {padding:4px; background: #FcFcFe; }
.rptEven {padding:4px; background: #E4F5F0; }
tr.rptOdd td {padding:4px; background: #FcFcFe; }
tr.rptEven td {padding:4px; background: #E4F5F0;}

/***/
/*IMPORTANT: Private CSS classes, DO NOT USE THEM, the behavior will change or classes will be dropped without notice*/
/*customed popup related*/
.popupParent{width: 1px;}
div.popupContent{    position: absolute;    z-index:20000;    padding: 4px;    border:1px solid #a8cBb9;    background-color:#F4F4F4;}
/*Styles related to rounded corner form container*/
.r{display:block;}
.r *{ display:block;height:1px;overflow:hidden;font-size:.01em;background: #EdF9F1;}
.r1{ margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;background:#d2f6fc;}
.r1 b{background:#d2f6fc;}
.r2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #cdedee;border-right:1px solid #cdedee;background:#d1f5fc;}
.r3{margin-left:1px;margin-right:1px;border-left:1px solid #c1e5ec;border-right:1px solid #c1e5ec;}
.r4{border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;}
.r5{border-left:1px solid #c2e6ec;border-right:1px solid #c2e6ec;}
.rfg{border-left:1px solid #c7e9ed;border-right:1px solid #c7e9ed;background:#EEFCF1;padding: 7px 10px 7px 10px; width: auto; *width:100%;}

/*Styles related to rounded corner List container*/
.rT {display:block;}
.rT *{ display:block;height:1px;overflow:hidden;font-size:.01em;background:transparent;}
.rT1{ margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #d7f9fd;border-right:1px solid #d7f9fd;background:#d2f6fc;}
.rT1 b{background:#ffffff;}
.rT2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #c2d6cc;border-right:1px solid #c2d6cc;background:#a2b6Ac;}
.rT3{margin-left:1px;margin-right:1px;border-left:1px solid #a2b6Ac;border-right:1px solid #a2b6Ac;}
.rT4{border-left:1px solid #a2b6Ac;border-right:1px solid #a2b6Ac}
.rT5{border-left:1px solid #a2b6Ac;border-right:1px solid #a2b6Ac}
.rTfg{border-left:1px solid #a2b6Ac;border-right:1px solid #a2b6Ac;background:transparent;padding: 7px 10px 7px 10px; width: auto; *width:100%;}
}

@media print
{
body, body * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color:#000;background-color:#fff;}
#contentarea{ width:auto;}
.hideOnPrint{display:none;}
.rptHeader1, .rptHeader2{padding: 4px; color: #333; border-top: 1px solid #7F7F7F; border-bottom: 1px solid #7F7F7F; font-weight: bold;}
.rptSubheader1, .rptSubheader2{padding: 4px 0 4px 0; border-bottom: 1px solid #7F7F7F; color: #333;}

.rptOdd, .rptEven {padding:4px; background: #fff; }
tr.rptOdd td {padding:4px; background: #fff; }
tr.rptEven td {padding:4px; background: #fff;}
.formButton{display:none;}

.header1, .header2{padding: 4px;color: #333; border-top: 1px solid #7F7F7F; border-bottom: 1px solid #7F7F7F; font-weight: bold;}
.subheader1, .subheader2, .subheader3{padding: 4px 0px 4px 0px;border-bottom: 1px solid #7F7F7F; color: #333;}

.title {font-size: 12px;BORDER-BOTTOM : 2px solid #000;text-align:left; line-height: normal; font-weight: bold; text-transform: none; color: #000; padding: 2px 0px 2px 0px; }
.title1, .title2, .title3 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #000;}
.title3 {font-size: 10px;}

.rptTitle1, .rptTitle2, .rptTitle3 { padding: 2px;}
.rptTitle1, .rptTitle2, .rptTitle3 {font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color: #000;}
.rptTitle3 {font-size: 10px;}

.rptOdd, .rptEven {padding:4px; background: #000; }
tr.rptOdd td {padding:4px; background: #000; }
tr.rptEven td {padding:4px; background: #000;}

.rptHline{border-bottom: 1px solid #CFCFCF; padding: 0; margin: 0; height: 2px; line-height: 2px;}
.hline {border-top: 1px solid #CFCFCF; padding: 0; margin: 0; height: 0px; line-height: 0.1px;}

/*borders*/
.borderT, .borderR, .borderB, .borderL, .rptBorderT, .rptBorderR, .rptBorderB, .rptBorderL {border: 0;}
.borderT, .rptBorderT {border-top: 1px solid #000;}
.borderR, .rptBorderR {border-right: 1px solid #000;}
.borderB, .rptBorderB {border-bottom: 1px solid #000;}
.borderL, .rptBorderL {border-left: 1px solid #000;}
.borderAll, rptBorderAll {border: 1px solid #000;}

fieldset{ border: 1px solid #bFbFbF;padding:0px 0px 0px 6px;}
legend:before {display: inline; color: #000;}

.mandatory{color: black;}
a:link, a:visited { color: #520;background: transparent;font-weight: bold;text-decoration: underline;}
.displayOnPrint{display:block;}
}