body 
{
	/* Lookup CSS COlors */
	/* http://www.w3schools.com/css/css_colornames.asp */
	font-family:Verdana;
	font-size:12px;
}

div
{	
	background-color: white;
}

.textbox
{
	background-color:Transparent;
	border-style:inset;
	font-weight:bold;
	color:Black;	
}

.textboxnoborder
{
	background-color:Transparent;
	border-style:none;
	font-weight:normal;
	font-size:10pt;
	color:Black;	
}

.textboxbold
{
	background-color:Transparent;
	border-style:none;
	font-weight:bold;
	font-size:12pt;
	color:black;
}
                       
.textboxbroker
{
	border-style:none;
	font-weight:bold;
	color:White;
	background-color:#CC0000;
	height:15px;
	font-style:italic;
	width:100%;
}
       
.buttonlightred
{
	background-color:#FFE4E1;	/*MistRose*/
	color:Black;
}

.buttonred
{
	background-color:#CC0000;	
	color:White;
}

.buttondarkyellow
{
	background-color:#CC9933;	
	color:Black;
}

.buttonmedyellow
{
	background-color:#FFCC33;	
	color:Black;
}

.buttonlightyellow
{
	background-color:#FFFFCC;	
	color:Black;
}

.buttonblue
{
	background-color:#6699CC;	
	color:Black;
}

.btnWebYellow
{
	background-color:Yellow;
	color:Black;
}


.label1
{
	color:Black;
	font-weight:bold;
	border-style:none;
}

.td_line
{
	background-color:#CC0000;
	color:White;
	height:15px;
	font-weight:bold;
}

.td_alert
{
	background-color:White;
	height:15px;
	color:#CC0000;
	font-weight:bold;
	text-align:center;
	border-style:none;
	font-size:medium;
	overflow:hidden;
}

.td_alert1
{
	background-color:#FFFFFF;
	height:15px;
	color:#CC0000;
	font-weight:bold;
	border-style:none;
	
}

/**********************************************************/
/* MASTER GRID 
/**********************************************************/

.mastergrid
{
	color:#333333;
	border-color:#CC0000;	/* Red */
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	width:100%;
	height:10px;	
}

.mastergridheader
{
	background-color:#CC0000;			/* Red	*/
	color:White;		/* VS Bug: Does not take -- had to include in the page also */
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

.mastergridfooter
{
	background-color:#CC0000;		/* Red */
	font-weight:bold;
	color:White;	
}

.mastergridrow
{
	background-color: #F7F6F3;		/* ? */
	color:#333333; 
	height: 30px; 		
}

.mastergridaltrow
{
	background-color:#FFE4E1;	/* Misty Rose */
	color:Black;
}

.mastergridselrow
{
	border-bottom-style:inset;
/*	background-color: #BC8F8F;	*/	/*Rosy Brown */
	background-color: #CD5C5C;		/*Rosy Brown */
	font-weight:bold;
	color:#333333;
}

.mastergridedit
{
	background-color: #999999;		/* Gray */
}

.mastergridpager
{
	background-color:#CC0000;
	color:White;
	text-align:center;
}

.masterGridCaption
{
    font-size:large;
    font-weight:bold;
    background-color: #CC0000;
    color:White;
    table-layout: auto;
}

/**********************************************************/
/* SECOND GRID 
/**********************************************************/

.secondgrid
{
	color:#333333;
	border-color:#DAA520;	/* Yellow */
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	width:100%;
	height:10px;
}

.secondgridheader
{
	background-color:#DAA520;	/* Yellow */
	color:White;		/* VS Bug: Does not take -- had to include in the page also */
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

.secondgridfooter
{
	background-color:#5D7B9D;		/* ? */
	font-weight:bold;
	color:White;	
}

.secondgridrow
{
	background-color: #F7F6F3;		/* ? */
	color:#333333; 
	height: 30px; 		
}

.secondgridaltrow
{
	background-color:#FFCC66;	/* Yellow */
	color:Black;
}

.secondgridselrow
{
	border-bottom-style:inset;
	background-color:Transparent;		
	font-weight:bold;
	color:#333333;
}

.secondgridedit
{
	background-color: #999999;		/* Gray */
}

.secondgridpager
{
	background-color:#DAA520;	/* Yellow */
	color:White;
	text-align:center;
}

.SecondGridCaption
{
    font-size:large;
    font-weight:bold;
    background-color: #DAA520;
    color:White;
    table-layout: auto;
}


/**********************************************************/
/* MOBILE 
/**********************************************************/
.mobilebuttonlightyellow
{
	background-color:#FFFFCC;	
	color:Black;
	font-size:9px;
	height:14px;
	width:100px;
}

.mobilebuttonburgundy
{
	background-color:#990000;	
	color:White;
	font-size:9px;
	height:14px;
}

.mobilebuttonlightred
{
	background-color:#FFE4E1;	/*MistRose*/
	color:Black;
	font-size:9px;
	height:14px;
}

.mobilebuttonsmall
{
	background-color:#FFFFCC;	
	color:Black;
	font-size:7px;
	border-bottom-style:none;
	font-weight:lighter;
	height:14px;
}

.mobiletable
{
	background-color:Transparent; 
	width:100%;
	font-size:9px;
	height:14px;
}

.mobiletextboxsmall
{
	background-color:White;
	border-style:none;
	font-weight:bold;
	font-size:9px;
	color:Black;
	height:14px;
}

.mobiletextbox
{
	background-color:White;
	border-style:solid;
	border-width:thin;
	font-weight:normal;
	font-size:9px;
	color:Black;
	height:14px;
}

.mobiledropdownsmall
{
	background-color:Transparent;
	border-style:solid;
	font-weight:normal;
	font-size:9px;
	color:Black;	
	height:14px;
}

.mobiletitle_line
{
	background-color:#CC9933;
	color:White;
	height:28px;
	width:588px;
	vertical-align:middle;
	text-align:center;
	font-size:21px;
	font-weight:bold;
}

/**********************************************************/
/* MOBILE GRID 
/**********************************************************/
.mobilesecondgrid
{
	color:#333333;
	border-color:#DAA520;	/* Yellow */
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	font-size:9px;
}

.mobilesecondgridsmall
{
	color:#333333;
	border-color:#DAA520;	/* Yellow */
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	height:2px;
	font-size:7px;
}

.mobilesecondgridheader
{
	background-color:#DAA520;	/* Yellow */
	color:White;		/* VS Bug: Does not take -- had to include in the page also */
	vertical-align:top;
	text-align:center;
	font-weight:bold;
}

.mobilesecondgridfooter
{
	background-color:#5D7B9D;		/* ? */
	font-weight:bold;
	color:White;	
}

.mobilesecondgridrow
{
	background-color: #F7F6F3;		/* ? */
	color:#333333; 
	height: 30px; 		
	height:2px;
}

.mobilesecondgridaltrow
{
	background-color:#FFCC66;	/* Yellow */
	color:Black;
	height:2px;
}

.mobilesecondgridselrow
{
	background-color:#C1CDCD;	
	color:Black;
	font-weight:bold;
	height:2px;
}

.mobilesecondgridedit
{
	background-color: #999999;		/* Gray */
}

.mobilesecondgridpager
{
	background-color:#FFCC66;	/* Yellow */
	color:Black;
	font-weight:bold;
	text-align:center;
}

.mobilegridtitle
{
	background-color:#FFFFCC;	/* Yellow */
	color:black;
	width:20%;
}

.mobilegriddata
{
	background-color:White;
	color:black;
	width:80%;
	font-weight:bold;
}

/**********************************************************/
/* MOBILE MASTER GRID 
/**********************************************************/

.MobileMasterGrid
{
	color:#333333;
	border-color:#CC0000;	/* Red */
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	font-size:9px;
}

.MobileMasterGridSmall
{
	color:#333333;
	border-color:#CC0000;
	border-style:solid;
	border-width:1px;
	background-color:Transparent; 
	height:2px;
	font-size:7px;
}

.MobileMasterGridheader
{
	background-color:#CC0000;			/* Red	*/
	color:White;		/* VS Bug: Does not take -- had to include in the page also */
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}

.MobileMasterGridfooter
{
	background-color:#CC0000;		/* Red */
	font-weight:bold;
	color:White;	
}

.MobileMasterGridrow
{
	background-color: #F7F6F3;		/* ? */
	color:#333333; 
	height:2px;	
}

.MobileMasterGridaltrow
{
	background-color:#FFE4E1;	/* Misty Rose */
	color:Black;
	height:2px;
}

.MobileMasterGridselrow
{
	background-color: #CD5C5C;		/*Rosy Brown */
	font-weight:bold;
	color:#333333;
	height:2px;		
}

.MobileMasterGridedit
{
	background-color: #999999;		/* Gray */
}

.MobileMasterGridpager
{
	background-color:#CC0000;
	color:White;
	text-align:center;
}


/**********************************************************/
/* MASTER GRID 
/**********************************************************/
.mGrid  
{
    width: 100%;     
    background-color:Transparent;     
    margin: 5px 0 10px 0;   
    border-color:  #4682b4;  
    border-style:solid;
    border-collapse:collapse; 
    border-width:1px;
	color:#333333;    
 }
 
 .mGrid_td 
 {     
    padding: 2px;     
    border-color:#333333;  
    border-style:solid;
    border-width:1px;
    color: #717171;      
    background-color: #F7F6F3;		
 }

 .mGrid_th 
 {     
     padding: 4px 2px;     
     color:White;
   	 background-color:#4682b4;	
     vertical-align:top;
	 text-align:left;
	 font-weight:bold; 
 }
 
 .mGrid_sel
 { 
    border-bottom-style:inset;
	background-color:#b0c4de;		
	color:Black;
 }

 .mGrid_pgr  
 {
   background-color:#F7F6F3;
   background-repeat:repeat-x;
   background-position:top;
   color:Black;
   text-align:center;
 }
 
 .mGrid_alt 
 { 
   background-repeat:repeat-x;
   background-position:top;
   background-color:transparent;	
   color:Black; 
 }

.mGridCaption
{
    font-size:large;
    font-weight:bold;
    background-color: #FFE4E1;
    color:White;
    table-layout: auto;
}
 
 /*
 .mGrid_edit
 { background-color:#999999; }
*/
 
/**********************************************************/
/* SECOND GRID 
/**********************************************************/
.sGrid  
{
    width: 100%;     
    background-color:Transparent;     
    margin: 5px 0 10px 0;   
    border-color:  #4682b4;  
    border-style:solid;
    border-collapse:collapse; 
    border-width:1px;
	color:#333333;    
 }
 
 .sGrid_td 
 {     
    padding: 2px;     
    border-color:#333333;  
    border-style:solid;
    border-width:1px;
    color:blue;      
    background-color: #F7F6F3;		
 }

 .sGrid_th 
 {     
     padding: 4px 2px;     
     color:White;
   	 background-color:#4682b4;	
     vertical-align:top;
	 text-align:left;
	 font-weight:bold; 
 }
 
 .sGrid_sel
 { 
    border-bottom-style:inset;
	background-color:transparent;		
	color:Blue;
 }

 .sGrid_pgr  
 {
   background-color:#F7F6F3;
   background-repeat:repeat-x;
   background-position:top;
   color:Black;
   text-align:center;
 }
 
 .sGrid_alt 
 { 
   background-repeat:repeat-x;
   background-position:top;
   background-color:transparent;	
   color:blue; 
 }
 
 .sGridCaption
{
    font-size:large;
    font-weight:bold;
    background-color: #4682b4;
    color:White;
    table-layout: auto;
}
 /*
 .sGrid_edit
 { background-color:#FFE4E1; }
*/