/* 
Saibal-css for Saibal News 2.0
Fogli di stile creati con TopStyle Pro 3.0
*/

html, body {
	background-color: #c6c6c6;
	margin: 10px auto;
 	padding: 0; 
	font-family: Verdana, Arial, sans-serif;
 	font-size: 12px;
	color: #000;
	scrollbar-arrow-color: #039;
	scrollbar-3dlight-color: #039;
	scrollbar-base-color: #c6c6c6;
	scrollbar-darkshadow-color: #c6c6c6;
	scrollbar-face-color: #f0f0f0;
	scrollbar-highlight-color: #c6c6c6;
	scrollbar-shadow-color: #039;
	scrollbar-track-color: #fff;
}

.tabcontenitore {
	/* ricorda che mozilla ha una diversa lunghezza per la tabella */
	width: 94%;
	max-width: 950px;
	width: expression(document.body.clientWidth > 1024 ? "900px" : "96%");
	background-color: #f0f0f0;
	border-collapse: collapse;
	border: solid #000 1px;
	margin: 0 auto;
}
	
A:link, A:visited { 
	text-decoration: none;
	color: #03c;
}

A:hover { 
	text-decoration: underline;
	color: #09a2ec;
}

A.piccolo:link, A.piccolo:visited, A.piccolo:hover, .piccolo { 
	font-size: 11px; 
	font-weight: bolder;
}

.grassetto 		{ font-weight: bolder; 	}
.piccolino 		{ font-size: 11px; 			}
.titolo 			{
								font-size: 18px;
  							font-weight: bolder;
							}

table, td, tr 	{ font-size: 12px; 								}
.tabella 				{ border: solid #000 1px; 				}
.tabella-dashed { border: dashed #000 1px; 				}
.tabella-bottom { border-bottom: solid #000 1px; 	}

.tabella-top-bottom {
	border-bottom: 	solid #000 1px;
	border-top: 		solid #000 1px;
}

.tabella-left-right {
	border-left: 	solid #000 1px;
	border-right: solid #000 1px;
}

.tabella-left-right-bottom {
	border-left: 		solid #000 1px;
	border-right: 	solid #000 1px;
	border-bottom: 	solid #000 1px;
}

.tabella-trequarti {
	border-left: 	solid #000 1px;
	border-right: solid #000 1px;
	border-top: 	solid #000 1px;
}
	
.domanda {
	width:99%;
	background: #f9ebd9;
	padding: 2px;
	text-align: left;
	margin-bottom: 2px;
	border-bottom: 1px dashed #000;
	font-weight: bolder;
	color: red;
}
  
.risposta {
	background: #fff;
	text-align: left;
	margin-bottom: 18px;
}

form {
	margin : 0;
	padding: 0;
}
	
input, select, textarea, button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	border: solid #000 1px;
	background-color: #f0f0f0;
	color: #000;
}

.submit {
	font-size: 11px;
	margin: 1px;
	background-color: #d6d6d6;
	border-color: #005aec;
	cursor: pointer !important;
	cursor: hand;
}

.submitover {
	font-size: 11px;
	margin: 1px;
	background-color: #005aec;
	color: #fff;
	cursor: pointer !important;
	cursor: hand;
}

.boxpiccolo 		{ width: 8mm; 	}
.boxmedio 			{ width: 25mm; 	}
.boxgrande 			{ width: 70mm; 	}
.textareamedio 	{ width: 95mm; 	}
.textareagrande { width: 150mm; }

.tendina {
	background-color: #005aec;  
	color: #fff;
}

hr {
	background-color: #000;
	height: 0;
	border: 1px solid #000;
}

/* be nice with opera... poi qualcuno mi spiegherà perchè cazzo dovrei essere gentile con questo browser. È lui lo stronzo... mica io! */
html>body hr {
	background-color: #000; 
	height: 1px;  
	border: solid #000 0px;
	margin: 5px 0;
}

li { line-height: 18px;}

.icone {
	background-color: #f0f0f0; 
	border: solid 1px #000; 
	padding: 2px;
	margin: 0;
	vertical-align: middle;
}