/* --------------------------------------------------------------------------
 *
 * override some style  (duy tran - wdc)
 *
ul { list-style: square; font-size: 12px;}
li { font-size: 12px;}
p { font-size: 12px;}
a{ font-size: 12px; color:#2C498B; text-decoration:underline;}
a:hover { font-size: 12px; color:#8B802C; text-decoration:none;}
em { font-size: 12px; font-style: italic; display: inline;}
 */


h5 { font-size: 11px; font-weight:bold}

/* --------------------------------------------------------------------------
 *
 * rnw enduser interface stylesheet (enduser.css)
 *
 */




/* home page specific -------------------------------------------- */

a.fcn { text-decoration: none; color: black; font-size:13px }
a.fcn:visited { text-decoration: none; color: black; font-size:13px }
a.fcn:hover, a.fcn:active 
{ text-decoration: none; color: #0000AA; font-size:13px }

.noticeborder { background-color: #9C9ACE }
.noticebg { background-color: #F7F7F7 }


/* tab bar specific ---------------------------------------------- */

a.tab, a.tab:visited, a.subtab, a.subtab:visited, a.selsubtab, a.selsubtab:visited, a.tabbtn, a.tabbtn:visited 
{ text-decoration: none; color: black; font-size:13px }
a.seltab, a.seltab:visited, a.seltabbtn, a.seltabbtn:visited 
{ text-decoration: none; color: white; font-size:13px }
a.tab:hover, a.tab:active, a.subtab:hover, a.subtab:active, a.selsubtab:hover, a.selsubtab:active, a.tabbtn:hover, a.tabbtn:active 
{ text-decoration: none; color: #FFFFFF; font-size:13px }
a.seltab:hover, a.seltab:active, a.seltabbtn:hover, a.seltabbtn:active 
{ text-decoration: none; color: #FFFFFF; font-size:13px }

td.tab, td.subtabbtn, td.tabbtn 
{ background-color: #CCCCCC }
td.seltab, td.subtabarea, td.seltabbtn 
{ background-color: #9C9ACE }


/* grid specific ------------------------------------------------- */

td.colhdr { background-color: #959595; color: white }
td.gridh { background-color: #DADADA }
td.gridv { }
td.grididx { background-color: #959595; padding-left: 4px; padding-right: 4px ; padding-left: 4px; padding-right: 4px;}
td.gridcell { background-color: #F7F7F7; line-height: 0.98;  padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px }

span.newlbl { font-weight: bold; color: red }
span.updlbl { font-weight: bold; color: #006400 }

/* nn4 doesn't just ignore styles it can't handle, it seriously misdisplays 
   them, requiring special cases */
td.gridcellnn { background-color: #FFFFFF }


/* browse specific ----------------------------------------------- */

table.selfolder {  background-color: #EBEDEC; border-style: solid;
                      border-width: 1px; border-color: #C0C0C0  }
td.folder { line-height: 0.98; padding-top: 4px; padding-bottom: 3px }
td.itemlvl1 { background-color: #FFFFFF; line-height: 0.98; padding-top: 3px; padding-bottom: 1px;  padding-left: 3px; padding-right: 3px }
td.itemlvl2 { background-color: #FFFFFF; line-height: 0.99;  padding-top: 1px; padding-bottom: 3px }
span.itemlvl2data { color: #777777 }

/* nn4 doesn't just ignore styles it can't handle, it seriously misdisplays 
   them, requiring special cases */
td.foldernn { }
td.itemlvl1nn { background-color: #FFFFFF }
td.itemlvl2nn { background-color: #FFFFFF }


/* thread specific ----------------------------------------------- */

td.thrcust { background-color: #A0C4DE }
td.thrstaff { background-color: #C6D3BA }


/* common -------------------------------------------------------- */

a.plain { text-decoration: underline; font-size:12px }
a.plain:hover 
{ text-decoration: underline; font-size:12px  }
a.smlabel, a.label 
{ text-decoration: none; color: black }
a.smlabel:hover, a.label:hover 
{ text-decoration: none; color: #0000BB }
.bgcolor 
{ background-color: #e9e9e9 }
.form { background-color: #e8e8e8 }
.pagehdg { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:13px; font-weight: bold }

.llabel, .title, .fcnlabel 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:13px; font-weight: bold }
.label, .idxcell, .grididx, .colhdr, .subtitle, .tab, .seltab, .tabbtn, .seltabbtn 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px; font-weight: bold }
.subtab, .selsubtab 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px; font-weight: bold }
.smlabel, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff, .thrprox, .thrrnl, .thrrule, .thrcust, .thrstaff 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px; font-weight: bold }
.vsmlabel { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px; font-weight: bold }
.text, .desc, .textcell, .graycell, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn, .gridcell, .gridcellnn, .folder, .foldernn, .itemlvl1, .itemlvl1nn, .itemlvl1_bg, .itemlvl1_bgnn 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px}
.smtext { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px}
.vsmtext, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn, .itemlvl2, .itemlvl2nn 
{ font-family: Arial,Helvetica,Tahoma,sans-serif; font-size:12px}

/* input case needed for radio button bgcolor */
td.textcell, input.textcell { background-color: #FFFFFF }
td.idxcell { background-color: #318CC6 }
td.graycell { background-color: #FFFFFF }
td.subtitle { background-color: #9C9ACE; color: white }
td.title { background-color: #9C9ACE; color: white }
td.pagehdg { background-color: #000000; color: white }
td.userbar { background-color: #DDDDDD }

input.btn { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 9pt;  font-weight: bold }

/* these exist to provide maximum consistency between ie4/5 and nn6 and to a
 * lesser extent nn4.  don't mess with them unless you plan on doing quite a
 * bit of cross-browser testing */

form.block { margin-top: 8px; margin-bottom: 8px; padding-top: 0px;  padding-bottom: 0px }
form.minimal { margin: 0px; padding: 0px }


//a {text-decoration: underline; color: #0000BB}
//a:hover {text-decoration: none; color: #00BB00}
td.itemlvl1_bg { background-color: #EBEDEC; line-height: 0.98; padding-top: 3px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px }
td.key { background-color: #C6C6B5; font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 10pt; font-weight: bold }
img.hl { border-color: #909070 }
td.thrprox { background-color: #A0C4DE }
td.thrrnl { background-color: #CCBBCC }
td.thrrule { background-color: #CACAB5 }
th.subheading { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px; font-weight: bold; border-color: #FFFFFF; text-align: left; background-color: #FFFFFF; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; padding-right: 5px; padding-left: 8px }
th.sideheading { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px; font-weight: bold; text-align: left; padding-right: 5px; padding-left: 12px; padding-top: 4px; padding-bottom: 3px; border-color: #FFFFFF; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; border-right-width: 0px }
.htext { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px; border-color: #FFFFFF; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; padding-right: 5px; padding-left: 10px; padding-top: 4px; padding-bottom: 6px;  border-left-width: 0px }
td.hcell { background-color: #FFFFFF; padding-right: 5px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px }
table.grid { border-color: #FFFFFF; border-width: 1px; border-style: solid }
table.grid { border-color: #FFFFFF; border-width: 1px; border-style: solid }
th.colhdr { background-color: #959595; color: white; text-align: left; border-color: #959595; border-left-color: #FFFFFF; padding-left: 4px; padding-right: 5px; border-width: 1px; border-style: solid }
td.colarrow { background-color: #959595; color: white; text-align: right;  border-color: #959595;  border-right-color: #FFFFFF; padding-left: 4px; padding-right: 5px; border-width: 1px; border-style: solid }
th.grididx { background-color: #959595; padding-left: 4px; padding-right: 4px; border-color: #FFFFFF; color: #000000; border-bottom-color: #FFFFFF; border-width: 1px; border-style: solid }
td.cellline { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px;  background-color: #FFFFFF; line-height: 0.98; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 1px; border-color: #F7F7F7; border-left-color: #F7F7F7; border-bottom-color: #B6C3AA; border-width: 1px; border-style: solid; }
h2.subtitle { font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 12px; text-align: left; color: white; float: left }
td.bar { background-color: #9C9ACE;  height: 20px }
td.ltbar { background-color: #959595;  height: 20px }
input, textarea, select
                    { font-family: Arial,Helvetica,Tahoma,sans-serif;
                      font-size: 10pt }
.screenReaderOnly
                    { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.accessibleFieldset
                    { border:none; padding:0px; margin:0px; float:left; }
