body
{
	font-size: 10pt;
}

div.main
{
	position:relative;
    width:90%;
    height:100%;
    margin: 0 auto;
    _margin: 0% 0% 0% 5%;
}

#forms
{
	width:20%;
	
}

#forms div
{
	float:left;
	padding-bottom:5%;
}

#forms legend
{
	background: white;
	color: #2763A5;
	border: 1px solid #2763A5;
	
}

#forms fieldset
{
	border: 1px solid #2763A5;	
}

input
{
	background-color: #2763A5; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;	
}

input.pressed
{
	background-color: red; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;	
}

a.back:link,a.back:visited,a.back:active
{
    color: blue;
    font-size:110%;
    text-decoration: none;
}

a.back:hover
{
    color: blue;
    font-size:110%;
    text-decoration: underline;
}

#img
{
	width:75%;
	border: 1px solid #2763A5;
}

#img div
{
	margin-left:5%;
	margin-top:0;
}

h2
{
	color: #2763A5;
	margin: 0;
	letter-spacing: 5px;
}

#hosts table
{
	font-size: 10pt;
	border:2px solid #2763A5;
	padding:0;
	margin:0;
	border-collapse: collapse;
	text-align : center;
	width:100%;
}

#hosts td
{
	border:2px solid #2763A5;
	margin:0;
}

/*-----------------------------------------------*/



div.low
{
	background-color:green;
	margin-left: 1%;
	font-size: 8px; /*it make that minimut height for div is size of font*/
}

div.medium
{
	background-color:DodgerBlue;
	margin-left: 1%;
	font-size: 8px; /*it make that minimut height for div is size of font*/
}

div.high
{
	background-color:Orange;
	margin-left: 1%;
	font-size: 8px; /*it make that minimut height for div is size of font*/
}

div.huge
{
	background-color:OrangeRed;
	margin-left: 1%;
	font-size: 8px; /*it make that minimut height for div is size of font*/
}