html body
{
    font-family :  trebuchet MS, veranda, arial;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	margin: 0px; 
    padding: 0px;
    text-align: center;
}

td, th { font-size: 12px; padding: 0 3px 6px 0px; line-height: 15px; }

a:link
{
	color: #043DBC;
	border-bottom: 1px dotted #3D7DC7;
	text-decoration: none;
}

a:visited
{
	color: #2277D9;
	border-bottom: 1px dotted #3D7DC7;
	text-decoration: none;
}

a:hover
{
	color: #51A2FF;
	border-bottom: 1px solid #2C8AF7;
	text-decoration: none;
}

a:link.nol, a:visited.nol, a:hover.nol
{
	border-bottom: 1px solid #fff;
}


form { margin: 0 0 0 10px; }
form input { font-size: 100%; }
form input.text { font-size: 100%; background: #fff; border: 1px solid #ccc; border-color: #ccc; }
form select { font-size: 100%;}
form textarea { font-family: trebuchet ms, verdana, arial; font-size: 100%;}
form textarea.text { background: #fff; border: 1px solid #ccc; color: #444; }

h2
{
   font-size: 150%;
   color: #2947AC;
   font-weight: bold;
   margin-bottom: 0.7em;
}


/*** ACCESSIBILITY FOR FIELDSET ANIMATION***/

@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .fieldsOff {
        display: none; /*will jump the float elements*/
	   /*visibility:hidden;*/
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fieldsOff {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
}

/*** ACCESSIBILITY FOR FIELDSET ANIMATION end***/

/*** moved from main layout JSP for clarity on JSP page***/
.FreezePaneOff
{
   visibility: hidden;
   display: none;
   position: absolute;
   top: -100px;
   left: -100px;
}

.FreezePaneOn
{
   position: absolute;
   top: 0px;
   left: 0px;
   visibility: visible;
   display: block;
   width: 100%;
   height: 100%;
   background-color: #666;
   z-index: 999;
   filter:alpha(opacity=85);
   -moz-opacity:0.85;
   padding-top: 20%;
}

.InnerFreezePane
{
   text-align: center;
   width: 66%;
   background-color: #171;
   color: White;
   font-size: large;
   border: dashed 2px #111;
   padding: 9px;
}

/*** moved from main layout JSP for clarity on JSP page  END***/

h3
{

   font-size: 148%;
   margin: 0;
   letter-spacing: -0.05em;
   font-weight: normal;
   line-height: 1.2em;
}

h3.ind { padding: 1em 0 7px 5px; }

h3.underline { border-bottom: 1px solid #ccc; margin: 0 0 1em 0; }

h4
{

   font-size: 128%;
   margin: 0px;
   line-height: 1em;
   padding-bottom: 0.7em;
}

h5
{
   font-size: 110%;
   padding: 0px;
   margin-bottom: 0.3em;
}

hr
{
   border-top: 1px dashed #ccc;
   color: #fff;
   background-color: #fff;
   height: 1px;
}

img { border: 0; }

ul { margin: 0; padding: 0; }
ul li { list-style-type: disc; }

blockquote
{
   font-size: 86%;
   color: #fff;
   margin: 10px; margin-left: 24px;
   margin-bottom:10px;
   line-height: 1.7em;
}

acronym
{
   border-bottom: 1px dotted #999;
   cursor: help;
   font-size: 86%;
   color: #999;
   margin-top: 0;
}

.author { color: #999; font-size: 86%; }
p.author
{
   text-align: right;
   color: #999;
   line-height: 1.2em;
   margin-right: 10px;
}

p { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; }
p.spacer { height: 0.5em; width: 0; }

.readonlyTextbox {
	color: gray;
	border-style: groove;
	background:#F6F3B5}
	
.errorTextbox {
	/*color: black;
	border-style: groove;
	background:#FF6078*/
	}

.successTextbox {
	/*color: black;
	border-style: groove;
	background:#97FFBC*/
	}
.backLink{
	font-size:130%;
	font-weight:bold;
}