body {
    margin: 0px;
    color: #000000;
    background-color: #ffffff;
    font-family: verdana, Arial, sans-serif;
    font-size: 80%;
}

P, td, li, label 
{
	
    color: #000000;
}

/* master page */

tr.MasterTopMenu {
	background-color:#04744E;
	color:White;
	padding: 0px 0px 0px 0px;
	border: 1;
	vertical-align: top;
}

td.MasterTopMenu {
	color:White;
	font-weight:bolder;
	font-size:larger;
}



/* make any text in a table 100% of the parent element (body) */
table {
    font-size: 100%;
}

a {
    color: #66C900;
    /*font-size: 90% */
}

a:hover {
    color: #ff0000;
}

a.dataGridSortableHeader 
{
	color: #ffffff;
	text-decoration: none;
}

hr {
    color: #000000;
    height: 1px;
}

/* master page */
td.headerBG {
    background-color: #66C900; 
}


td.headTopRight
{
	background-image: url(images/head_bg.jpg);
	background-repeat: no-repeat;
	background-color: #99ff00;
	background-position: right;
}

td.HeadTopLeft
{
	background-image: url(images/recolight_logo.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

td.boxMiddle {
     background-image: url(images/box_middle.jpg);
     background-repeat: repeat-y;
     padding: 2px 5px 2px 10px;
     font-size: 80%;
     color: #FFFFFF;
}

td.LogInTextAtTop{
     font-size: 80%;
     color:Orange; /* #FFFFFF; */
}

td.crumbTrail {
    font-size: 90%;
    color:  #000000;
    font-weight: BOLD;
}

td.crumbTrail a, td.footer a {
    color: #000000; 
}

td.crumbTrail a:hover, td.footer a:hover {
   color: #B2E47F;
}

td.menu 
{
    background-color: #DCFFB8;    
}

a.menuButton {
    font-size: 110%;
    font-weight: bold;
    color: #66C900;
    text-decoration: none;
    padding: 5px 5px 10px 10px;
}

a.logoutButton 
{
    font-size: 110%;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;   
    padding: 5px 5px 10px 10px;
}

a.menuButton:hover, a.logoutButton:hover {
   color: #000000;
   text-decoration: underline;
}

td.pageHeading {
   color: #000000;
   font-size: 120%;
   font-weight: bold;
}

.sectionHeading {
   color: #000000;
   font-size: 110%;
   font-weight: bold;
   border-top: solid 1px #000000;
}

.sectionHeadingNoBorder {
   color: #000000;
   font-size: 110%;
   font-weight: bold;
}

td.footer {
    font-size: 90%;
    color: #FFFFFF;
    font-weight: BOLD;
    background-color: #66C900;
}
/* --- */


/* help and error messages */
td.developerErrorMessage {
	font-size: 70%;
	color: Red;
}

td.userErrorMessage {
	FONT-STYLE: italic;
	font-size: 90%;
}

/* help/ guidance / ok message */
.SystemHelp 
{
    color: Green;
    font-weight: bold;
    /*width: 70%;*/
}

.BatchIDLabel 
{
    color: #66C900;
    font-weight: bold;
    /*width: 70%;*/
}

i.dateformat
{
	font-size:smaller;
}
/* error / validation problem */
.SystemError, .SystemError a
{
    color: Red;
    font-weight: bold;
    /*width: 70%;*/
}

/* --- */

/* forms */
.submitButton {
    font-size: 90%;
    color: #000000;
    font-weight: bold;
    background-color: #B2EF7F;
    border: solid 1 #66C900;  
}

.CompulsoryTextField 
{ 
	color: #66C900;
    background-color: #ffffff; 
    border: solid 2  Highlight; /* #000099;   */
    
    font-family: verdana, Arial, sans-serif;
}

.ErrorTextField {
    color: #66C900;
    background-color: #ffffff;
    border: solid 2 #FF0000;  
    font-family: verdana, Arial, sans-serif;
}

.textField {
    color: #66C900;
    background-color: #ffffff;
    border: solid 1 #66C900;  
    font-family: verdana, Arial, sans-serif;
}
/* --- */


/* data grid */
table.dataGrid {
    font-size: 90%;
    border: solid 1 #000000; 
}

tr.editRowStyle {
    background-color: #ffffff;
    border-color: #000000;
}

tr.headerStyle {
    background-color: #000000;
    color: #ffffff;
    text-align: left;

}

tr.headerStyle th, tr.headerStyle td 
{
   color: white;
   padding: 5px 5px 5px 5px;
}

tr.alternatingRowStyle {
    /*background-color: #E7EDF1;*/
    background-color: #dcffb8;
}

tr.footerStyle {
    background-color: #000000;
    font-weight: bold;
}

tr.footerstyle td {
    color: white;
    padding: 5px 5px 5px 5px;
}
/* --- */


/* login box */
.loginTitle {
   color: #000000;
   font-size: 110%;
   font-weight: bold;
}

li.login 
{
    color: #ffffff;
}

ul.login
{
    margin-top:3px;
    margin-bottom:5px;
}

/* STILL TO DO these not used yet?*/
.loginInstructions {
    font-style: italic;
    color: #000000;
}

.solidBox {
    background-color: #B2E47F; 
    border: solid 1px #66C900;
}

.solidBox td {
    padding: 3px;
}
/* --- */

/* tree view */
.tree {
    background-color: #dcffb8;
    border: solid 1 #000000;
}

.node {
    color: #000000;
    padding: 5px 5px 5px 5px;
    width: 150px; /* ideally set this in the editor but this seems to cause problems*/    
}

.hoverNode {
    color: #ff0000; 
    text-decoration: none;
}

.selectedNode {
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
}

.TabArea 
{   
    background-color:  #dcffb8;
    font-size: x-small;
 /* border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top:1px solid black;
*/

}
/* --- */



.MENU
{
  color: Aqua;
}
.MENU.menuTabButton 
{
    font-size: 210%;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 5px 10px 10px;
    background-color:Transparent Blue Gray 
}

.MENU.menuTabButton:hover {
    font-size: 210%;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 5px 10px 10px;
    background-color:green
}

fieldset.main
{
	background: #dcffb8;
	border: 1px solid #66C900;
}

fieldset.fieldset2
{
	border: 1px solid #66C900;
}
td.code {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-left: 1px solid #66C900;
	border-bottom: 1px solid #66C900;
	border-top: none;
	border-right: 1px solid #66C900;
	background: #dcffb8;
}


td.tab {
	text-align:center;
	font: verdana;
	width:15%;
	border-top: 1px solid #66C900;
	border-bottom: none;
	border-left: 1px solid #66C900;
	cursor: hand;
	background: #dcffb8;
	padding: 3px;
}

td.backtab {
	text-align: center;
	font: verdana;
	width: 15%;
	border-top: 1px solid #66C900;
	border-right: none;
	border-bottom: 1px solid #66C900;
	border-left: 1px solid #66C900;
	cursor: hand;
	background: #b2e47f;
	padding: 3px;
}

td.invisibletab 
{
	display:none;
	width:0;
}

td.space {
	width:70%;
	font: x-small verdana;
	padding: 0px 0px 0px 0px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #66C900;
	border-left: 1px solid #66C900;
	background: white;
}


/*
 * StyledWizard.
 */
td.wizardSideBar {
	vertical-align: top;
	background-color: #CDDEB2;
    color: #ffffff;
    text-align: left;
    width: 17%;
    height: 100%;
}

table.wizard {
	vertical-align: top;
	background-color: #dcffb8;
    text-align: left;
    border-color: Black;
    border-width: thin;
    width: 100%;
    height: 100%;
}

td.wizardStep {
	vertical-align: top;
	background-color: #EEEECC; 
	/* 	 background-color: #b2e47f;*/
    text-align: left;
    width: 100%;
    height: 100%;
}

td.wizardNavigation {
	vertical-align: top;
	background-color: #dcffb8;
    /*color: #ffffff;*/
    text-align: left;
}

td.wizardHeader {
	vertical-align: top;
	background-color: #f8b800;
    text-align: left;
    font-weight: bold;
    width: 100%;
}

td.wizardFooter {
	vertical-align: top;
	background-color: #EEEECC;
    color: #000000;
    text-align: right;
    font-weight: bold;
    width: 100%;
    height: 100%;
    padding-right: 30px;
}

a.wizardSideBarButton 
{
	 border-bottom: 1px;
	 border-bottom-color: #CDDEB2;
	 border-bottom-style:solid;
	color: White;
	background-color: #A5C582;	
	font-size: 90%;
}

submitButton.wizardNavigationButton
{
	color: White;
}

/* help/ guidance / ok message */
.ApplicationSubHeading 
{
    color: #000000;
    font-weight: bold;
   /*  text-decoration: underline; */
}
	
	/* help/ guidance / ok message */
.ApplicationHelpText 
{
    color: Green;
    font-weight: normal;
    font-style:normal;
   /*  text-decoration: underline; */
}
	
.codeNone {
	background: #b2e47f;
}

.code {
	background: #dcffb8;
	
}



/* --- */