.btndate
{
float: left;
}
ul.productinsertfield
{
background-color: #F0F8FF;
list-style-type: none;
margin: 0;
padding: 5px;
}

 ul.productinsertfield li
{
font-family: Verdana;
font-size: 10pt;
padding-left: 10px;
vertical-align: bottom;
}
table.adminlayout
{
border: 1px solid #ffffff;
width: 95%;
margin-left: auto;
margin-right: auto;
}
table.adminlayout td
{
		background: #F0F8FF;
		border: 1px solid #191976;
		padding: 3px;
}
.verdana_11_bold_italic	{	
	
	color:	#004A80;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 12px
	}

.verdana_11	{	
	
	color:	#000000;
	font-family: arial, verdana, helvetica;
	font-size: 12px
	}
	
.ProductBox1	{	
	
	color:	#004A80;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 12px
	}

.ProductBox2	{	
	
	color:	#000000;
	font-weight: normal;
	font-family: arial, verdana, helvetica;
	font-size: 12px
	}

.ProductHeader	{	
	
	color:	#003471;
	font-weight: bold;
	font-style: italic;
	font-family: arial, verdana, helvetica;
	font-size: 14px
	}

.Header1	{	
	
	color:	#003471;
	font-style: italic;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 18px
	}

.text1	{	
	
	font-family: Trebuchet MS;
	font-style: normal;
	font-size: 10pt;
	color: #000;
	}

.text2	{	
	
	color:	#003471;
	font-style: normal;
	font-family: arial, verdana, helvetica;
	font-size: 16px
	}

.text3	{	
	
	color:	#000000;
	font-style: normal;
	font-family: arial, verdana, helvetica;
	font-size: 12px
	}

.text4	{	
	
	color:	#000000;
	font-style: normal;
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-weight: bold
	}
	
.frontheader {  
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-style: italic;
	font-size: 12px; 
	font-weight: bold; 
	color: #B30000; 
	text-decoration: none
	}
	
body{	
	 background-color: #cccccc;
	 color:#000000;
	 margin: 0;
	 padding: 0;
	 font-family: Trebuchet MS Arial Sans-Serif;
	 	}

A:link {text-decoration: none; color: #004A80; text-decoration: underline;} 
A:visited {text-decoration: none; color: #004A80; text-decoration: underline;} 
A:active {text-decoration: none; color: red; text-decoration: underline;} 
A:hover {text-decoration: none; color: #Cc0000; text-decoration: underline;}


/*This is the outermost table of the grid*/

.grid_outerstyle
{
width: 100%;
color: #000;
border-top: none;
border-bottom: none;
border-left: none;
background-color: #ffffff;
text-align: left;
}

/*This is what a row should look like when selected*/
.grid_selecteditem{
text-align: center;
vertical-align: top;
color: #ffffff;
background-color: maroon;
font-style:italic;
}

/*This is what the row should look like when you hit edit*/
.grid_edititem{
text-align: center;
border: none;
color: #000;
background-color: silver;
font-style:italic;
vertical-align: top;
}

/*This effects what each row should look like when rendered to screen. This is the first row color and the second row color you see is called the alternating row. The alternating row class is the following class. */
.grid_item{
text-align: left;
color: #000;
background-color: #ffffff;
font-style:normal;
vertical-align: top;

}

/*This is what the alternating row should look like.*/
.grid_alternatingitem{
text-align: left;
border: none;
color: #000;
font-family: Trebuchet MS;
background-color:#F0F8FF;
font-style:normal;
vertical-align: top;
}



/*This is the header of the grid. In the header you got the headings for the grid.*/
.grid_header{
text-align: center;
border: none;
color: #ffffff;
background-color: #191970;
font-style:normal;
font-weight: bold;
vertical-align: middle;
}

/*This is the footer of the grid. At the moment there is no footer being used.*/
.grid_footer{
text-align: left;
border: none;
color: #ffffff;
background-color: #191970;
font-style:normal;
font-weight: bold;
vertical-align: middle;
}

/*This is the pager. The pager is where you got paged numbering for the records. The records are divided into pages. 20 records per page.*/
.grid_pager{
text-align: center;
border: none;
color: #ffffff;
background-color: #ffd700;
font-style:normal;
vertical-align: middle;
font-family: Trebuchet MS;
}

/*This is for the fonts on the updateDelete_products.ascx control*/
.headingfont
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 10pt;
	color: #000;
	}
	
.itemfont
{
font-family: Trebuchet MS;
	font-style: normal;
	font-size: 10pt;
	color: #191976;
}