/*Reset the css properties, to default*/  
html{color:#000;background:#FFF;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,{margin:0; padding:0;}
body,div,table{padding:0;}
                                    /* ul,ol,li, */ 
/* seperate, collapse, inherit */
table{border-collapse:inherit;border-spacing:0;}

fieldset,img{border:0;}
em,th,var{font-style:normal;font-weight:normal;}  
strong,b{font-style:normal;font-weight:bold;}  

/* li{list-style:none;} */
caption{text-align:left;}
/*,th */
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;}

/* button style */
.formButton{background:#83c0b0;color:#ffffff;font-weight:bold;border: 1px solid #10828D; border-right: 1px outset #10828D;border-bottom:1px outset #10828D; cursor:pointer;}
.formButton u {color: yellow; font-weight:bold;} /* ALT key representation */ 
.formButton b { text-decoration: overline; color: yellow; font-weight:bold;} /* SHIFT key representation */ 
.formButton:focus {outline: 1px solid orange; cursor:hand;}
.formButton:disabled { color: #DEDDB4; cursor: pointer;}

/* Tab Styles */
.tabHl  { text-align:center; font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; text-decoration:none; 
          cursor:pointer; color: #191919; background-color:#fcfcfe; vertical-align:middle;
          border-top:1px ridge #D2E6DC; border-left:1px solid #D2E6DC; border-right:1px solid #D2E6DC; }

.tabUhl { text-align:center; font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; text-decoration:none; 
          cursor:pointer; color: #10828D; background-color:#EDF9F1; vertical-align:middle;
          border-top:1px solid #D2E6DC; border-left:1px solid #D2E6DC; border-right:1px solid #D2E6DC; }                                                                  

/* text overflow style */ 
.txtOverFlow { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 

<!-- Web2 -->


/*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; } 
body * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3F3F3F; }  
body * h1,h2,h3,h4,h5,h6{font-weight:bold}, h1{font-size:26px}, h2{font-size:20px}, h3{font-size:16px}, h4{font-size:13px}, h5{font-size:11px},h6{font-size:10px}, strong {font-weight:bold;}

.content {font-size: 10px;line-height: normal; font-weight: normal; text-transform: none; color: #3F3F3F; text-align: justify;}
                                                                                          /* color:#6d6e71 */
 /*Table Main headers or sub-headers*/
.ListHeader1{padding: 4px;background: #387B69; color: #ffffff; font-weight: bold;}
.ListHeader2{padding: 4px;background: #246855; color: #ffffff; font-weight: bold;}
.ListSubHeader1{padding: 4px 0 4px 0;background: #59A08E; color: #FFFFFF;}
.ListSubHeader2{padding: 4px 0 4px 0;background: #93D0C0; color: #191919;}
.subheader3{padding: 4px 0 4px 0; 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;}

/* show Hide class */ 
.showHide{COLOR : #387B69;BACKGROUND-color :white ;TEXT-ALIGN : center; font-size:8px;
PADDING : 0px; margin: 0px; height:12px;
line-height: 9px;
width:12px;
BORDER : 1px solid #59A08E;
CURSOR: pointer;}

/*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: #10828D;}
.title3 {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;}

.odd {padding:4px; background: #FcFcFe; }
.even {padding:4px; background: #E4F5F0; }
tr.odd td {padding:4px; background: #FcFcFe; }
tr.even td {padding:4px; background: #E4F5F0;}

/* container bgcolor ( like TABLE )*/
.contnrBgcolor { background:#EdF9F1; }


/*disabled style*/
.disabled {color:#a4a4a4; cursor:default;}   
a.disabled:hover{color: #a4a4a4; text-decoration: none; cursor:default;}

/*how anchor tag on headers look like*/
.ListHeader1 a:link, a:visited, .ListHeader2 a:link, a:visited, .ListSubHeader1 a:link, a:visited{text-decoration: none;}
.ListHeader1 a, .ListHeader2 a, .ListSubHeader1 a {color:#E3EF69;font-weight:bold;}
.ListSubHeader2 a:link, a:visited{text-decoration: none;}
.ListSubHeader2 a:hover{color: #aD751F; text-decoration:underline;}
.ListSubHeader2 a {color:#F3FF89;}
.ListHeader1 a:hover, .ListHeader2 a:hover, .ListSubHeader1 a:hover{color: #FDB55F; text-decoration:underline;font-weight:bold;}

/*how anchor tag short cut key letters on headers look like*/ 
.ListHeader1 a u, .ListHeader1 a b {color:#ffffff;} 
.ListHeader1 a:hover u, .ListHeader1 a:hover b {color:#FDB55F;} 
.ListHeader2 a u, .ListHeader2 a b {color:#ffffff;}
.ListHeader2 a:hover u, .ListHeader2 a:hover b {color:#FDB55F;} 
.ListSubHeader1 a u, .ListSubHeader1 a b {color:#ffffff;}
.ListSubHeader1 a:hover u, .ListSubHeader1 a:hover b {color:#FDB55F;}
.ListSubHeader2 a u, .ListSubHeader2 a b {color:#191919;}
.ListSubHeader2 a:hover u, .ListSubHeader2 a:hover b {color:#aD751F;}
.subheader3 a u, .subheader3 a b {color:#191919;}


ul.list, ol.list li {padding: 3px 0 3px 0;}
.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;}
.hline {border-top: 1px solid #c2d6cc;padding: 0;margin: 0;height: 2px; line-height: 0.1px;}
.hline1 {border-top: 1px solid #B7D3FC;padding: 0;margin: 0;height: 2px; line-height: 0.1px;}

 /*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;}

/* short cut keys representation */ 
a u {color: #74a838; font-weight:bold;} /* ALT key representation */
a b {color: #74a838; text-decoration: overline; font-weight:bold;} /* SHIFT key representation */ 
a:hover u {color: #73471b;} /* ALT key representation */
a:hover b {color: #73471b;} /* SHIFT key representation */  

/*mandatory*/
.mandatory{color: red;}     

/*vertical text*/
.verticalText{writing-mode: tb-rl; filter: flipv fliph; } 

/*Menu related styles*/
.arrowlistmenu{ background-color: #F9F9F9; color: #5e5e5e; cursor:pointer; margin: 0; padding-left: 4px; }
.arrowlistmenu a {  text-decoration: none; color: #5e5e5e; }
.arrowlistmenu a:hover{ color: #5d9feb; }
.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;}

#breadcrumb { padding: 4px 0 4px 0;	font-size: 10px; line-height: normal;	color: #6d6e71;	text-decoration: none; text-transform: none;}
 
/*****************************************************************************/
/*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:#EdF9F1;padding: 7px 10px 7px 10px; width: auto;overflow: auto;*overflow: hidden;}

/*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;overflow: auto;*overflow: hidden;}
.scrollerstyle{ scrollbar-base-color:#d2e6dc;scrollbar-arrow-color:black;} 
                                    
/*********Report specific CSS classes - incorporates Media Attributes********/
@media all
{         
}          

@media screen
{            
 /*Table Main headers/sub-headers*/
 .rptHeader1{padding: 4px;background: #387B69; color: #ffffff; 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;}
 .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;}

 /*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: #10828D;}
 .rptTitle3 {font-size: 10px; line-height: normal; font-weight: bold; text-transform: none; color: #10828D;}
 .rptOdd {padding:4px; background: #FcFcFe; }
 .rptEven {padding:4px; background: #E4F5F0; }
 tr.rptOdd td {padding:4px; background: #FcFcFe; }
 tr.rptEven td {padding:4px; background: #E4F5F0;}
}           

@media print
{        
}  

      

