#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

body{
	font-family: verdana, arial, "sans serif";
	font-size: 80%;
	color:#444444;
	margin:30px 0pt 30px;
	background:#0A0A0A url(img/bg.jpg) no-repeat scroll center top;
	padding-top:0px;


}


#wrapper {
	width: 970px;
	background: #000000;
	margin: 0 auto;
	border:12px solid #333333;
}

#content {
	width:970px;
	clear: both;
	background: #FFFFFF;
	overflow:hidden;
}

.clear {
	clear:both;
}
#loginform {
	float: right;
	width: 410px;
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
}


.footer_link {
	font-family: Tahoma;
	font-size: 9px;
	color: #FFFFAA;
	text-decoration: none;
}
#mappa {
	float: left;
	height: 700px;
	width: 600px;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 20px;
}
#mappashare {
	float: left;
	height: 700px;
	width: 900px;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 20px;
}
#controls {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	width: 400px;
	height:65px;
}
#message {
width:200px;
}
#contenitoredx {
	float:right;
	width:270px;
	margin-top: 15px;
	margin-right: 40px;
}

#legenda {
	width:900px;
	height:30px;
	border:1px solid rgb(0,0,0);
	clear:both;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
}
*:first-child+html #legenda{
padding-top:15px;
}


#table {
	margin-left:20px;
	margin-right:20px;
	clear: both;
	width: auto;
}
.basetable {
padding:20px;
clear:both;
}

.footer_link:hover {
	font-family: Tahoma;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
#bannerheader {
	float: right;
	padding-bottom: 0px;
	padding-top: 20px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menubar {
opacity:0;
height:70px;
}
#dialogs {
display:none;
}
#new-report , #edit-report {
background:#cce8ff;
border:1px solid rgb(0,0,0);
width:350px;
float:left;
padding:10px;
}
#minimap {
overflow:hidden;
width:250px;
float:right;
}

#longitude_div,#latitude_div,#event_div { width:150px; float:right;}

.links { float: right; width:270px; }
#new-report ul , #edit-report ul { margin: 0; padding: 0; list-style: none; }
#new-report li , #edit-report li       { margin-top: 10px; padding: 10px 0; clear: both;}
#new-report label , #edit-report label    { float:left; display:block; font-weight: bold;}
.casellatesto    { float: right; width:147px;}
.maxiselect    {  float: right; width:150px; }

.miniselect { float: right; width:50px; }
#foto,#extra { float:left; clear:both; }
#aggiungi { float:right; clear:both; }
#new-report .area, #edit-report .area {
	float:left;
	height: 120px;
	width:330px;
	border: 3px solid #cccccc;
	padding: 5px;
}
#file1_wrap,#file2_wrap { float:right; }
#new-report .submit , #edit-report .submit{ width:60px; margin-left:155px; margin-top:20px; }


a.tornado {
    background: url(../images/mm_20_red.png) no-repeat;
}

a.funnel {
    background: url(../images/mm_20_yellow.png) no-repeat;
}

a.t_mar {
    background: url(../images/mm_20_purple.png) no-repeat;
}

a.grandine {
    background: url(../images/mm_20_green.png) no-repeat;
}

a.v_forte {
    background: url(../images/mm_20_blue.png) no-repeat;
}
a.prec {
    background: url(../images/mm_20_white.png) no-repeat;
}
a.att_ele {
    background: url(../images/mm_20_gray.png) no-repeat;
}

a.all {
    background: url(../images/all16.png) no-repeat;
}

.icon16 {
    padding-left: 20px;
    height: 28px;
    padding-top: 3px;
    margin-right: 10px;
}


a.current {
    font-weight: bold;
}

#li_all {
width:70px;
}

#li_tornado {
width:90px;
}
#li_funnel {
width:80px;
}
#li_tmar {
width:140px;
}

#li_grandine {
width:100px;
}

#li_v_forte {
width:110px;
}

#li_prec,#li_att_ele {
width:125px;
}
#legenda a {
cursor:pointer;
}
#legenda a:hover {
	font-weight: bold;
	color:red;
}
#legenda ul {
list-style:none;
padding-left:5px;
}
#legenda li {
float:left;
}

#search ul       { margin: 0; padding: 0; list-style: none; }
#search li       { margin-top: 10px; padding: 10px 0; clear: both;}
#search label    { float:left; display:block; font-weight: bold;}
#search input,#search select {  float: right; }
#reportleft {

	float:left;
	width:500px;
	margin:20px;
}
#reportinfo {
overflow: hidden;
margin:0px;
padding:0px;
}
#reportleft li{
list-style : none;
}

#reportmap {
margin:30px auto;
width:380px;
height:200px;
border:1px solid #000000 ;
}
#reportright {
	float:right;
	width:390px;
	margin:20px;
}
#reportright li {
list-style : none;
}
#reportbottom a {
text-decoration: none;
}
#reportbottom {
	clear:both;
	width:auto;
	margin:20px;
}
#reportbottom li {
list-style : none;
}

#reportbottom1 {
float:left;
width:50%;
}

#reportbottom2 {
float:left;
width:50%;
}
#reportbottom1 li {
float:left;
}

#reportbottom2 li {
float:left;

}

#reportbottom3 {
margin-top:10px;
clear:both;
}
#reportbottom3 li {
margin-left:10px;
list-style : none;
display : inline;
}
#new-account h2 , #update-account h2 {
font-size:1.3em;
margin-top:2px;
margin-bottom:2px;
padding:0px;
}
label.error {
color:red;
margin-top:10px;

}
#new-account ul , #update-account ul  ,  #checkreg ul , #new-admin ul , #update-password ul       { margin: 0; padding: 0; list-style: none; }
#new-account li , #update-account li , #checkreg li , #new-admin li , #update-password li     { margin-top: 2px; padding: 2px 0; clear: both;}
#new-account label , #update-account label , #checkreg label , #new-admin label , #update-password label  { float:left; display:block; font-weight: bold;}
#new-account #formuser input, #update-account input , #update-password input , #update-account select , #new-account select, #checkreg #registered input , #new-admin input {  float: right; }
#update-account input { width:150px ;}
#update-account select { width:153px ; }
#checkreg #registered { display:none; }

#new-admin label.error , #update-account label.error {
color:red;
margin-top:10px;
margin-left: 40px;
margin-bottom:10px;
}
#menubar a  {
text-decoration: none;
color: #000000;
}
#menubar a:hover {
  color: #000000;
}

#usercontrol,#outusercontrol {
font-size:0.9em;
}
#mycontrol {
font-size:0.9em;
display:none;
}
#mycontrol a , #usercontrol a , #outusercontrol a {
margin : 2px;
}
#panel {
width:700px;
font-size:0.9em;
}
#mycontrol {
float:right;
width:350px;
text-align:right;
margin-right:25px;
}
#outusercontrol {
width:250px;
float:left;
margin:20px;
}

#usercontrol {
	width:350px;
	text-align:right;
	margin:0px 25px 0px 0px;
	float:right
}


#infodate {
margin-left:20px;
width:400px;
float:left;
}
#infodate {
margin-left:20px;
width:400px;
float:left;
padding-top:10px;
}
#sharebutton {
width:200px;
float:left;
text-align:right;
}
#sharebutton img {
width:32px;
height:32px;
vertical-align:middle;
}


#logmessage {
width:200px;
float:left;
margin-top:25px;
}

#loginform input {
padding:2px;
}

.logcontrols {
width:350px;
float:right;
margin:0 25px 0 0 ;

}

#gestioneutenti {
	margin-left:20px;
	margin-right:20px;
	clear: both;
	width:auto;
}
a.amministratori {
    background: url(../images/administrator.png) no-repeat;
    width:16px;
    height:16px;
}
a.utenti {
    background: url(../images/user.png) no-repeat;
    width:16px;
    height:16px;

}
#mail-message ul,#password-forgotten ul  { margin: 0; padding: 0; list-style: none; }
#mail-message li,#password-forgotten li { margin-top: 2px; padding: 2px 0; clear: both;}
#mail-message label,#password-forgotten label  { float:left; display:block; font-weight: bold;}
#mail-message input,#password-forgotten input:submit { width:50px ;}
#password-forgotten input { float:right;}
#infodate {
font-size:1.1em;
font-weight:bold;
}
#mail-message .area {
	float:left;
	height: 120px;
	width:330px;
	border: 3px solid #cccccc;
	padding: 5px;
}
#preloader {
display:none;
float:right;
}

table.imagetable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	clear:both;
	text-align:center;
	width:300px;
	margin-top:5px;
}
table.imagetable .two {
	background:#b5cfd2 url('../images/cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable .one {
	background:#dcddc0 url('../images/cell-grey.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
#logott {
width:100px;
float:left;
}
#logott img {
vertical-align:middle;
}
#text {
float:right;
width:110px;
padding-top:20px;
padding-right:35px;
}
#poptt {
width: 300px;
}
#bottomlogo {
	text-align:right;
	font-family: verdana,arial,sans-serif;
	font-size:9px;
	margin-top:-8px;
}
#cerca {
float:right;
width:300px;
}