/* base element inheritance 
formatting*/
body  {
        margin-left : 0px;
        margin-right : 0px;
        margin-top : 0px;
        margin-bottom : 0px;
        font-family : arial, helvetica, sans-serif;
}
td  {
        font-family : arial, helvetica, sans-serif;
}
th  {
        font-family : arial, helvetica, sans-serif;
        font-weight : bold;
}
/* headline classes*/
.headline  {
        font-family : arial, helvetica, sans-serif;
        color : #000000;
        font-size: 110%;
        font-weight: bold;
        vertical-align : middle;
        text-align : left;
}
/* on-screen hint class*/
.hint  {
        font-size : 70%;
        color: #000000;
}
/* Message classes 
-- changed the background colors*/
.note  {
        font-size : 75%;
        color : #000000;
        background : #ffffcc;
        vertical-align : middle;
        text-align : left;
}
.noteimg  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #9FBED7;
        vertical-align : top;
        text-align : center;
}
.success  {
        font-size : 75%;
        color : #000000;
        background : #ffffcc;
        vertical-align : middle;
        text-align : left;
}
.successimg  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ccffcc;
        vertical-align : top;
}
.alert  {
        font-size : 75%;
        color : #000000;
        background : #ffffcc;
        vertical-align : middle;
        text-align : left;
}
.alertimg  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffff99;
        vertical-align : top;
        text-align : center;
}
.disclaimer  {
        font-size : 70%;
        color : #000000;
        text-align : justify;
}
.error  {
        font-size : 75%;
        color : #000000;
        background : #ffffcc;
        vertical-align : middle;
        text-align : left;
        padding : 2px;
}
.errorimg  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffcccc;
        vertical-align : top;
        text-align : center;
}
/* column header classes --i changed bg to cccccc from 999999, was too dark*/
.hdleft  {
        font-size : 75%;
        font-weight : bold;
        background : #cccccc;
        text-align : left;
}
.hdright  {
        font-size : 75%;
        font-weight : bold;
        background : #cccccc;
        text-align : right;
}
.hdcenter  {
        font-size : 75%;
        font-weight : bold;
        background : #cccccc;
        text-align : center;
}
.datahd  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #999999;
}
.spanhd  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffffff;
        text-align : left;
}
.spanhdright  {
        font-size : 75%;
        font-weight : bold;
        color : #eeeeee;
        background : #336699;
        text-align : right;
}
.spanhdcenter  {
        font-size : 75%;
        font-weight : bold;
        color : #eeeeee;
        background : #336699;
        text-align : center;
}
/* header classes 
added to tom from vbm*/
.hdctr  {
        font-size : 75%;
        color : #333333;
        background : #cccccc;
        text-align : center;
        font-weight : bold;
}
/* remove this after moving 
to fine class*/
.subhdleft  {
        font-size : 75%;
        color : #333333;
        background : #cccccc;
        text-align : left;
}
/* label classes --changed right and topright from 
bg:ffffff to cccccc - neither left nor center classes have been used in vbm, should 
we rename right to avoid confusion?*/
.right  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #cccccc;
        text-align : right;
}
.left  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #ffffff;
        text-align : left;
}
.center  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #ffffff;
        text-align : center;
}
.topright  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #cccccc;
        vertical-align : top;
        text-align : right;
}
.topleft  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #ffffff;
        vertical-align : top;
        text-align : left;
}
/* remove after changing subright 
use to fine*/
.subright  {
        font-size : 75%;
        color : #333333;
        background : #cccccc;
        text-align : right;
        font-weight : normal;
}
/* data classes and alternating row 
color classes*/
.data  {
        font-size : 75%;
        color : #000000;
        background : #ffffff;
        text-align: left;
        vertical-align: top;
}
.datasmall  {
        font-size : 60%;
        color : #000000;
        background : #ffffff;
        text-align: left;
        vertical-align: top;
}
.micetype {
	font-size: 8pt;
      	color : #000000;
        	background : #ffffff;
        	text-align: left;
        	vertical-align: top;
}
.micetyperight {
	font-size: 8pt;
      	color : #000000;
        	background : #ffffff;
        	text-align: right;
        	vertical-align: top;
}
.datagrey  {
        font-size : 75%;
        color : #000000;
        background : #eeeeee;
        text-align: left;
        vertical-align: top;
        
}
.bdata  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffffff;
}
.bdatagrey  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #eeeeee;
}
.datart  {
        font-size : 75%;
        color : #000000;
        background : #ffffff;
        text-align : right;
}
.datartgrey  {
        font-size : 75%;
        color : #000000;
        background : #eeeeee;
        text-align : right;
}
.bdatart  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffffff;
        text-align : right;
}
.bdatartgrey  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #eeeeee;
        text-align : right;
}
.datact  {
        font-size : 75%;
        color : #000000;
        text-align : center;
}
.datactgrey  {
        font-size : 75%;
        color : #000000;
        background : #eeeeee;
        text-align : center;
}
.bdatact  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        text-align : center;
}
.bdatactgrey  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #eeeeee;
        text-align : center;
}
.curr  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffffff;
        text-align : right;
}
.currgrey  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #eeeeee;
        text-align : right;
}
.currleft  {
        font-size : 75%;
        font-weight : bold;
        color : #000000;
        background : #ffffff;
        text-align : left;
}
/* remove data classes and alternating row color classes*/
.subdata  {
        font-size : 75%;
        color : #000000;
        background : #ffffff;
}
.subdatagrey  {
        font-size : 75%;
        color : #000000;
        background : #eeeeee;
}
/* change from dataright to datart? why?*/
.dataright  {
        font-size : 75%;
        color : #000000;
        background : #ffffff;
        text-align : right;
}
/* change from datagreyright to datartgrey*/
.datagreyright  {
        font-size : 75%;
        color : #000000;
        background : #eeeeee;
        text-align : right;
}
/* fine print 
for inputs and tables*/
.fine  {
        font-size : 75%;
        font-weight : normal;
        color : #333333;
}
.fineright  {
        font-size : 75%;
        font-weight : normal;
        color : #333333;
        text-align : right;
}
/* form element cell classes*/
.input  {
        background : #ffffff;
        vertical-align : baseline;
        font-size : 75%;
}
.topinput  {
        font-size : 75%;
        background : #ffffff;
        vertical-align : top;
}
.btminput  {
        font-size : 75%;
        background : #ffffff;
        vertical-align : bottom;
}
.submit  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #ffffff;
        vertical-align : middle;
        text-align : right;
}
.submitgrey  {
        font-size : 75%;
        font-weight : bold;
        color : #333333;
        background : #cccccc;
        vertical-align : middle;
        text-align : right;
}
/* help classes*/
.help  {
        font-family : arial, helvetica, sans-serif;
        font-size : 75%;
        color : #666666;
        background : #ffffcc;
}
/* navigation bar classes*/
.navhead  {
        color : #013162;
        font-size : 75%;
        font-weight : bold;
}
.navtext  {
        font-size : 75%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
.navtextsmall  {
        font-size : 60%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
.navtextsmallwhite  {
        font-size : 60%;
        color : #ffffff;
        text-align : left;
        text-decoration : none;
}
.navtextsmallindex  {
        font-size : 60%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
.navsmalltext  {
        font-size : 60%;
        color : #013162;
        text-align : right;
        text-decoration : none;
}
.navsmalltextgrey  {
        font-size : 60%;
        color : #C0C0C0;
        text-align : right;
        text-decoration : none;
}
.navlinktext {
        font-size : 75%; 
        color : #013162; 
        text-align : left; 
        text-decoration : none;
}
.navlinktextbold {
        font-size : 75%; 
        color : #013162; 
        font-weight : bold;
        text-align : left; 
        text-decoration : none;
}
.navlinktextindex {
        font-size : 75%; 
        color : #013162; 
        text-align : left; 
        text-decoration : none;
}
.navlinktextunder {
        font-size : 75%; 
        color : #013162; 
        text-align : left; 
        text-decoration : none;
}
.navlinktextwhite {
        font-size : 75%; 
        color : #e1e1e1; 
        text-decoration : none;
}
.navlinktextindexNA {
        font-size : 75%; 
        color : #AAAAAA; 
        text-align : left; 
        text-decoration : none;
}
.navlinktitle  {
        font-size: 75%;
        font-weight : bold;
        color : #013162;
        text-decoration : none;
}
.bluelinktextTAB {            
        background : #DEE3E7;
        border-color: #ffffff #ffffff #ffffff #ffffff; 
        border-style: solid; border-top-width: 2px; 
        border-right-width: 2px; 
        border-bottom-width: 0px; 
        border-left-width: 2px;
}
.bluelinkhighlightTAB {        
        background : #006999;
        border-color: #ffffff #006999 #ffffff #ffffff; 
        border-style: solid; border-top-width: 2px; 
        border-right-width: 2px; 
        border-bottom-width: 0px; 
        border-left-width: 2px;
}
.bluelightline {
        background : #006999;
        border-color: #006999 #006999 #006999 #006999; 
        border-style: solid; border-top-width: 2px; 
        border-right-width: 2px; 
        border-bottom-width: 2px; 
        border-left-width: 2px;
}
.info  {
        font-size : 75%;
        color : #000066;
        background : #eeeeee;
}
.infotext  {
        padding-left : 2pt;
}
/* footer classes*/
.footlt  {
        margin-left: 0px;
        margin-right : 10px;
        margin-top : 10px;
        margin-bottom : 0px;
        font-family : arial, helvetica, sans-serif;
}
a:link  {
        color : #013162;
}
/* unvisited link*/
a:visited  {
        color : #800080;
}
/* visited links*/
a:active  {
        color : #013162;
}
/* active links*/
a:hover  {
        color : #FFa800;
}
/* MSIE rollover links*/
table  {
        margin-left : 0px;
        margin-right : 0px;
        margin-top : 0px;
        margin-bottom : 0px;
}
.formtable  {
        margin-top : 2px;
        margin-left : 0px;
        margin-right : 0px;
        margin-bottom : 5px;
}
td  {
        font-family : arial, helvetica, sans-serif;
}
th  {
        font-family : arial, helvetica, sans-serif;
        font-weight : bold;
}
.navtitle  {
        font-size: 75%;
        font-weight : bold;
        color : #013162;
}
.navshade  {
        font-size: 75%;
        font-weight : bold;
        color : #E1E1E1;
}
.navline  {
        background-color : #013162;
}
.footer  {
        font-size : 60%;
        text-align : center;
        font-style: normal;
        font-weight: bold;
}
.inputdescribe{
        font-sytle: italic;
        font-size: 65%;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navlinktext, a:link.navlinktext, a:active.navlinktext {
        font-size : 75%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navlinktextindex, a:link.navlinktextindex, a:active.navlinktextindex {
        font-size : 75%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navlinktextunder, a:link.navlinktextunder, a:active.navlinktextunder {
        font-size : 75%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navlinktextbold, a:link.navlinktextbold, a:active.navlinktextbold {
        font-size : 75%;
        color : #013162;
        font-weight : bold;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navlinktextwhite, a:link.navlinktextwhite, a:active.navlinktextwhite {
        font-size : 75%;
        color : #FFFFFF;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navtextsmallindex, a:link.navtextsmallindex, a:active.navtextsmallindex {
        font-size : 60%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
/* change to navigation links in order to maintain color after visited */
/* did not simply change .navtext since VFM may still use .navtext */
a:visited.navtextsmallwhite, a:link.navtextsmallwhite, a:active.navtextsmallwhite {
        font-size : 60%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
a:hover.navlinktext {
        font-size : 75%;
        color : #FFa800;
        text-align : left;
        text-decoration : none;
}
a:hover.navlinktextindex {
        font-size : 75%;
        color : #3300FF;
        text-align : left;
        text-decoration : none;
}
a:hover.navlinktextunder {
        font-size : 75%;
        color : #3300FF;
        text-align : left;
        text-decoration : underline;
}
a:hover.navlinktextwhite {
        font-size : 75%;
        color : #FFa800;
        text-align : left;
        text-decoration : none;
}
a:hover.navtextsmallindex {
        font-size : 60%;
        color : #3300FF;
        text-align : left;
        text-decoration : none;
}
a:hover.navtextsmallwhite{
        font-size : 60%;
        color : #FFa800;
        text-align : left;
        text-decoration : none;
}
/* Addition for clickable titles */
a:visited.navlinktitle, a:link.navlinktitle, a:active.navlinktitle {
        font-size : 75%;
        color : #013162;
        text-align : left;
        text-decoration : none;
}
a:hover.navlinktitle {
        font-size : 75%;
        color : #FFa800;
        text-align : left;
        text-decoration : none;
}
.formtitle {
        font-size : 18pt;
        color : #003366;
        font-style : normal;
}
.formfont {
        font-size: 10pt;
        font-style : normal;
}
.formheading {
        font-size: 12pt;
        color : #003366;
        font-style : normal;
        font-weight : bold;
}
.formsubheading {
        font-size: 10pt;
        color : #003366;
        font-style : normal;
        font-weight : bold;
}
.hide {
	position: absolute; 
	top: -1000; 
	left: -1000;
                z-index: 10;
}
.selectmandatory  {
        font-size : 75%;
        color : #000000;
        background-color : #FFFFCC;
        text-align: left;
        vertical-align: top;
}
.selectmandatorybig  {
        font-size : 100%;
        color : #000000;
        background-color : #FFFFCC;
        text-align: left;
        vertical-align: top;
}
.selectblue  {
        font-size : 75%;
        color : #000000;
        background : #CFEEFD;
        text-align: left;
        vertical-align: top;
}
.selectbluegrey  {
        font-size : 75%;
        color : #000000;
        background : #DEE3E7;
        text-align: left;
        vertical-align: top;
}
.selectlightgrey  {
        font-size : 75%;
        color : #000000;
        background : #D9E0E7;
        text-align: left;
        vertical-align: top;
}
.whiteonblue  {
        font-size : 75%;
        color : #FFFFFF;
        background : #003366;
        text-align: left;
        vertical-align: top;
        border:0;
}
.selectmandatorynoborder  {
        font-size : 75%;
        color : #000000;
        background-color : #FFFFCC;
        text-align: left;
        vertical-align: top;
        border:0;
}
.layerborder {
        position:relative;
        width:100%;
        z-index:1; 
        height:330px;
        overflow: auto; 
        scrollbar-3dlight-color : #013162;
        scrollbar-base-color : #013162;
        scrollbar-highlight-color : #CCCCCC;
        scrollbar-shadow-color : #013162;
        scrollbar-face-color : #DEE3E7;
        scrollbar-track-color : #DEE3E7;
        scrollbar-arrow-color : #013162;
        border: 1px solid #003366;
}