html{
border: 10px solid #7CB711;
height: 2150px;
}
body{
text-align:center;
background:url(img/patternN.jpg) repeat;
}
.container	{
text-align:left;
height:650px;
width:990px;
padding:0px;
margin:auto;
}
/* HEADER */
.header
{
padding-left:30px;
color:white;
font-family:Trebuchet MS;
height:55px;
width:944px;
}
.reset{
text-align:right;
margin-top:-30px;
margin-right:150px;	
}
.top_title
{
clear:both;
font-size:30px;
color:#999;
margin:0px;
padding:0px;
}

.header_left {
font-weight:bold;
font-size:15px;
clear:both;
float:left;
}
.header_right {
font-size:12px;
float:right;
padding-right:15px;
padding-bottom:20px;
clear:left;
}
.header_right a {
font-weight:bold;
color:white;
text-decoration:none;
}
.header_right a.home
{
text-decoration:underline;
}
/* END HEADER */

/* MAIN */

.main
{
margin:auto;
margin-top:25px;
width:941px;
height:600px;
background:url(img/main_bg.png) no-repeat;
}
.main_form {
padding:20px 0px 0px 0px;
width:934px;
margin:auto;
height:59px;
position:relative;
}

.holder input
{
vertical-align: middle;
margin-left:20px;
border:1px #b7d3ff solid;
height:16px;
padding:7px 0px 7px 11px;
width:127px;
float:left;
}
.holder input:focus {
background:white;	
}

.holder 
{
position:relative;
top:7px;
left:0px;
height:32px;
float:left;
}
.compare
{
width:100px;
position:relative;
padding-right:475px;
top:7px;
left:-17px;
float:right;
}
.compare2
{
width:130px;
position:relative;
top:-38px;
left:15px;
float:right;
}
.compare3
{
width:80px;
position:relative;
padding-right:10px;
top:-15px;
left:-17px;
float:right;
}
.left {
	float:left;
	padding-left:25px;
	
}

.top{
    float:left;
    padding-left:20px;	
	
}
.result{
	float:left;
	width:200px;
	padding-top:10px;
	padding-left:5px;
	
}

.box
{  
    padding:10px;
	background:none;
	color:#40579A;
	border-top:1px solid #4fbbc6;
}

.bar {
	margin: 0px 0px;
	padding: 2px 10px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #40579a;
	font-size: 0px;
	line-height: 0px;
}

.output_container{
    position:relative;
    top:92px;
    margin:0px 0px 0px 28px;
    width: 850px;
	height: 380px;
	background: url('../images/graph_back.gif') no-repeat;
}

#output_graph {
	height: 330px;
	width: 850px;
	clear:both;
}

#output_data {
	font-family:Sans-Serif;
	position:relative;
	top:-10px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	height: 40px;
	width: 590px;
}

.caricamento {
	font-family:Sans-Serif;
	text-align: center;
	font-size: 16px;
    top: -75px;
    position:relative;
    left:15px;	
}
.footer{
width:100%;
height:10px;
padding:50px 0px 0px 30px;
font-size:11px;
font-family:Trebuchet MS;
color:#88aaf2;
}
.contenitore { width:100%; margin: 30px auto; text-align: left; clear: both;} 
.contenitore_due { width:100%; margin: 30px 25px auto; text-align: left; clear: both;} 

.divsx{
clear:both;
float: left;
width:250px;
margin-left:2px;
height:191px;
font-size:11px;
font-family:Trebuchet MS;
color:#88aaf2;
}
.divcentro {
width:250px;
height:191px;
margin-left:10%;
margin-right:10%;
float:left;
font-size:11px;
font-family:Trebuchet MS;
color:#88aaf2;
}
.divdx{
width:250px;
height:191px;
float:left;
font-size:11px;
font-family:Trebuchet MS;
color:#88aaf2;

}
.footer .small_text {
width:900px;
float:left;
color:#333;
padding-top:10px;
}
.footer .powered {
float:right;
text-align:right;
padding-right:10px;
}
.powered {
float:right;
text-align:right;
color:#333;
padding-bottom:20px;
padding-right:20px;
}

.exportPdf {
	width: 150px;
	height: 42px;
	position:absolute;
	right:20px;
	top:100px;
	cursor: pointer;
	display: none;
} 
.lista {
	color:#333;
	font-family:Arial;
	margin-left:30%;
	list-style-type:decimal;
}