/* Default CSS Stylesheet for a new Web Application project */
.PagePanel
{
	background-color: White;
	text-align: center;
	width: 810px;
	margin: 0 auto;
	padding: 0;
}


BODY
{
    BACKGROUND: #91A29F  url(./images/MainBackground.gif);
    background-repeat: repeat-y;
	background-position:center; 
	 font-family: Segoe UI,Myriad,Myriad Pro,Calibri,Arial,Sans-Serif;
    FONT-SIZE: 9pt;
    color: #555555;
    margin : 0; 
	padding : 0; 
    text-align: left; 
}

.SearchPanel
{
	margin: 4px 0 0 5px;
	width: 800px;
}

.Feature
{
	 height: 28px;
	 vertical-align: middle;
	 line-height: 28px;
	 font-family: Segoe UI,Myriad,Myriad Pro,Calibri,Arial,Sans-Serif;
	 font-size: 10pt;
	 cursor: pointer;
	border-bottom: solid 1px #989898;
}

.Preview
{
	 background-color: #E7E7E7;
	 height: 500px;

}

.HeaderPanel
{
	margin: 10px 0 0 5px;
	width: 800px;
	height: 160px;
	background: White url(./images/HeaderBackground.gif) repeat-x 50% 50%;
}

.MenuPanel
{
	text-align:left;
	margin: 2px 0 0 5px;
	width: 800px;
	height: 40px;
	background: White url(./images/MenuBackground.gif) repeat-x 50% 50%;
}

.ContentPanel
{
	margin: 5px 0 0 5px;
	padding: 2px 2px 2px 2px;
	width: 800px;
	background-color: White; 
	text-align: left;
}

.ProductPanel
{
	margin: 5px;
	padding: 2px 2px 2px 2px;
	width: 240px;
	background-color: #EEEEEE; 
	text-align: left;
	float:left;
	border-style: outset;
	border-width: medium;
	border-top-color: Gray;
	font-size: 10px;
}

.FooterPanel
{
	text-align:center;
	padding: 10px 0 10px 0;
	margin: 20px 0 0 5px;
	width: 800px;
	clear:both;
	background-color: #F2F2F2;
}


/*Header content*/
.SchmooImage
{
	position: absolute;
	top: 25px;
	left: 80%;	
	padding: 0;
	margin: 0;
	z-index: 100;
}

/*Menu content*/


.MenuPanel a:link, .MenuPanel a:active, .MenuPanel a:visited, .MenuPanel A:hover
{ 
	text-decoration: none; 
	color: White; 
	font-family: Eurostile Trebuchet MS, Verdana;
	font-style: italic;
	font-size: 16pt;
}


H1, H2, H3
{
	font-family: Arial, Verdana;
	margin-top: 2;
	margin-bottom: 5;
	padding-left: 3px;
    COLOR: White;
}

H1
{
	text-align:center ;
	padding: 3px 0 3px 0;
	margin: 3px 3px 3px 0px;
	font-size: 11pt;
	background-color: #4096EE;
	color: #111111;
	width: 100%;
}

H2
{
	font-size: 14pt;
}

H3
{
	padding: 2px 2px 3px 2px;
	margin:  0 0  0px 0;
	font-weight: bold;
	text-align:left;
	color: #68649E;
	font-size: 11pt;
	font-family: Tahoma;
}
		
A:link, A:visited,	A:active{	
	text-decoration:	none;
	color:	#333333;
	font-size:8pt;
	}	
		
	
A:hover	
{	
	color:	#000000;
	font-weight: bolder;
}
	
SMALL	{	
	font-size:	7pt;
	}	

IMG 	
{
	text-align:center;
	vertical-align:middle;
	margin-right: 2px;
}

/* General form elements */
p
{
	margin-top: 2px;	
	margin-bottom: 8px;
}

fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
form
{
	margin: 0;
	padding: 0;
}
input, table, select
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 8pt;	
}
textarea
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-family: verdana;
	font-size: 8pt;	
}

.DropDownList
{
	cursor: pointer;
	font-family: Verdana;
	font-size: 10px;
	margin: 0;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
}

.ListBox
{
	font-family: Verdana;
	font-size: 11px;
	margin: 0;
	padding: 1px 2px 1px 2px;
}
.RadioButton
{
	cursor: pointer;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: middle;
}
.TextField
{
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	padding: 1px 2px 1px 2px;
	vertical-align: middle;
}

.LinkButton, .LinkButton:active, .LinkButton:visited, .LinkButton:link
{
	font-family: Verdana;
	margin: 0;
	color: #F25100;
	font-size: 11px;
	font-weight:bolder;
} 
.LinkButton:hover
{
	text-decoration:Underline;
}



.DescriptionBox
{
	 background-color: #F2F2F2;
	 border: 1px;
	 border-style: solid;
	 border-color: #A9A9A9;
	 margin: 2px 2px 2px 2px;
	 padding: 2px 6px 2px 2px;
	 width: 780px;
	 text-align:justify;
	 font-family: Segoe UI,Myriad,Myriad Pro,Calibri,Arial,Sans-Serif;
	font-size: 9pt;		 
}