/*
-----------------------------------------------
Sito Circolo Fantasy
Designer: Veracini Alessio
Date:     Mar 2007
----------------------------------------------- */
/*
sfondo: 060100
sfondotesto: 220100
sfondotitoli: 7b0000
testo scuro: 860200
testo chiaro: a20400
links e titoli: e21403
righe e hover: f07a0f
visited: 430000
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #a20400;
	text-align: justify;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #060100;
	}
.boldrow {
	font-weight: bold;
}
.simplealert {
	font-family: "Times New Roman", Times, serif;
	background: #7b0000;
	font-size: 20px;
	line-height: 24px;
	color: #060100;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	border-top: 2px solid #f07a0f;
	border-bottom: 2px solid #f07a0f;
}
.newstext {
	background: #220100;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 8px 8px 8px;
	text-align: justify;
	font-weight: normal;
	color: #a20400;
}
.littletext {
	font-size: 12px;
	line-height: 14px;
}
.black16b {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
	color: #000000;
}
.white16b {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: normal;
	/*color: #FFFFFF;*/
}
/*Formattazione tag A e sottotag*/	
a:link {
    color: #e21403;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #6a0000;
}
a:hover {
	color: #f07a0f;
	text-decoration : underline overline;
}
a:active {
	color: #f07a0f;
	text-decoration : none;
}
/*Formattazione Testi*/
hr {
  border: 0;
  width: 80%;
  text-align: center;
  height: 1px;
  color: #f07a0f;
  background-color: #f07a0f;
  text-decoration:  none;
}
.Titolone {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: bold;
	color: #003366;
	font-variant: small-caps;
	text-align: center;
}
.Titolini {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	color: #003366;
	text-align: center;
}
.titolosezione {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #e21403;
}
/*Formattazione Elenchi*/
.elencobordato {
	border: thin solid #003366;
	list-style-type: square;
	background-color: #B9ECAA;
	text-align: left;
	text-indent: 15px;
	font-size: 1em;
	font-style: normal;
	vertical-align: baseline;
	height: auto;
	width: auto;
}
/*Formattazione Tabelle*/
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.headertabella {
	font-family: Times;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	color: #CC6666;
	background-color: #FFCC66;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}
.titolotabella {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 45px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #CC6666;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	white-space: pre;
}
.alt_row {
	background-color: #FFFFCC;
}
.caselle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	color: #006600;
	text-align: center;
}
.dashed_cell{
border-color: #f07a0f;
border-width: thin;
border-top-style: solid;
/*border-right-style: dashed;*/
border-bottom-style: solid;
/*border-left-style: dashed;*/
padding-top: 4px;
padding-bottom: 4px;
}
.balloon {
	color: #000000;
	background-attachment: scroll;
	background-image: url(../raptek/images/balloon.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	visibility: inherit;
	float: none;
	margin: 0px;
	height: 100px;
	width: 610px;
	padding-top: 10px;
	padding-left: 75px;
	padding-right: 15px;
	padding-bottom: 0px;
}
/* EFFETTO LIGHT BOX USANDO SOLO CSS */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 200%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
/* UTILIZZO:
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">APRI</a>
<div id="light" class="white_content">
	contenuto di ogni genere....
	<table>
	  <tr>
		  <td width="240" valign="top" align="center" class="dashed_cell">	  
		  <p class="titolosezione"><a href="http://www.circolofantasy.com/news/index.php" target="_blank">News associazione:</a><br>
		  <div><iframe src="./news/news.php" name="newsscroll" scrolling="auto" width="230" height="490" marginwidth="0" marginheight="0" frameborder="0"></iframe></div>
		  </p>
		  </td>
	  </tr>
	</table>
	<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">CHIUDI</a>
</div>
<div id="fade" class="black_overlay"></div>*/