BODY 
{
	background: #FFFFFF;
	color: #000000;
	font : 11px Verdana, Tahoma, "Trebuchet MS";
	text-align : justify
}

A
{
    FONT-SIZE: 100%; 
    COLOR: #999999; 
    TEXT-DECORATION: none
}
A:visited
{
    FONT-SIZE: 100%; 
    COLOR: #999999; 
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 100%; 
    COLOR: #000000; 
    TEXT-DECORATION: none
}

TD 
{
	FONT-SIZE: 70%; 
	COLOR: #4f4f4f; 
	FONT-FAMILY: verdana, geneva, sans-serif
}

.boxstyle
{
	FONT-SIZE: 90%; 
	FONT-WEIGHT: normal;
	COLOR: #000000
}

textbox.unstyled
{
	FONT-SIZE: 90%; 
	FONT-WEIGHT: normal;
	COLOR: #000000
}

.normalbold 
{
	font : 11px Verdana, geneva, sans-serif;	
	COLOR: #4f4f4f; 
	FONT-WEIGHT: bold;
}

.button 
{
	FONT-SIZE: 90%; 
	COLOR: #4f4f4f; 
	FONT-FAMILY: verdana, geneva, sans-serif
}
EXPLAIN 
{
	FONT-SIZE: 90%; 
	COLOR: #4f4f4f;
	FONT-FAMILY: verdana, geneva, sans-serif
}

.heading
{
	FONT-SIZE: 110%; 
	FONT-FAMILY: verdana, geneva, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #660000
}

.largeheading
{
	FONT-SIZE: 140%; 
	FONT-FAMILY: verdana, geneva, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #660000
}
.smallheading
{
	FONT-SIZE: 90%; 
	FONT-FAMILY: verdana, geneva, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #660000
}

.smalltext
{
	Font-Size: X-Small;
	Font-Family: Arial;
	COLOR: #660000
}

.tinytext
{
	FONT-SIZE: 85%; 
	FONT-FAMILY: verdana, geneva, sans-serif;
	COLOR: #660000
}

.largered
{
	FONT-SIZE: 130%; 
	FONT-FAMILY: verdana, geneva, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: red
}

.normalred
{
	font : 11px Verdana, geneva, sans-serif;	
	FONT-WEIGHT: bold;
	COLOR: red
}

.boxstyle2
{
	FONT: 10px Verdana, geneva, sans-serif;
	FONT-WEIGHT: normal;
	COLOR: #000000
}



/* Added by Doug McDonald 06/11/2009 to sort out default.aspx */

form.micromonitor 
{
	position: absolute;
	top: 300px;
	left: 350px;
}
form.ireports 
{
	position: absolute;
	top: 480px;
	left: 350px;
}
form.jess
{
	position: absolute;
	top: 530px;
	left: 350px;
}
form.fattyacid
{
	position: absolute;
	top: 590px;
	left: 350px;
}

input.micro 
{
	background: url("../images/microMonitor_button.jpg");
	width: 189px;
	height: 38px;
}

#micromonitorplaceholder,
#ireportsplaceholder,
#jessplaceholder,
#fattyacidplaceholder
{
	/*border: 1px solid red;*/
	width: 189px;
	height: 38px;
	margin: 12px 0 8px 30px;	
}

#hcmessage 
{
	position: relative;
	width: 860px;
	height: 20px;
	text-align: center;
	margin: 80px 0 0 0;
	padding: 0;
}


.imageButtonType1 
{
	width: 189px;
	height: 38px;
	margin: 12px 0 8px 30px;	
	/*border: 1px solid red;*/
}

.imageButtonType2 
{
	width: 189px;
	height: 58px;
	margin: 0 0 0 30px;	
	/*border: 1px solid green;*/
}
.imageButtonType3 
{
	width: 189px;
	height: 46px;
	margin: 8px 0 4px 30px;	
	/*border: 1px solid yellow;*/
}

.imageButtonType4 
{
	width: 185px;
	height: 48px;
	margin: 10px 0 4px 30px;	
	/*border: 1px solid yellow;*/
}

div.innerpanel
{
	margin: 0;
	padding: 0;
	width: 240px;
	height: 350px;	
	float: left;
}

.panel 
{
	margin: 20px 0 0 35px;
	padding: 0;
	width: 240px;
	height: 300px;	
	position: relative;
	float: left;
	/*border: 1px solid blue;*/
}
.panel2 
{
	position: relative;
	margin: 120px 0 0 40px;
	padding: 0;
	width: 240px;
	height: 350px;
	float: left;
}


.panel3
{
	position: relative;
	margin: 120px 0 0 40px;
	padding: 0;
	width: 240px;
	height: 350px;
	float: left;
}