/* Foglio di stile principale ClownBussola.it - by Andrea Failli www.andreafailli.it */


@import url(contenuti.css);

BODY
{
	color: navy;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	background-color: #ff64b8;
	font-family: Verdana;
}



P
{
	color: navy;
	font-family: Verdana;
	margin:0;
	padding-top:8px;
	padding-bottom:8px;
}


IMG
{
	border-width: 0px;
	text-decoration: none;
}


A
{
	text-decoration: none;
	font-family: Verdana;
	color:Blue;
}
A:link
{
	color: Navy;
}
A:visited
{
	color: Navy;
}
A:hover
{
	color: Navy;
	text-decoration: underline;
}


TD
{
	font-family: verdana;
	color: Navy;
}

BUTTON
{
	border-style: outset;
	border-width: 2px;
	border-color: Blue;
}


#gifBox 
{
	height:100px;
	position: relative;
	top: 90px;
}

ul#sezioniBox
{
	display:block;
	
	position: relative;
	top: 80px;
	width: 900px; /*1000*/
	height: 76px;
	padding-left: 100px;
	
	margin:0;
}

#subSezioniBox 
{
	position: relative;
	top: 80px;
	width: 900px; /*1000*/
	height: 83px;
	padding-left: 100px;
}


li.sezioneBt
{

	display:block;
	list-style:none;

	width: 119px; /*134*/
	height: 30px; /*80 (42)*/ 
	background-image: url(../img/sezioneBts/sezBt.gif);
	background-repeat: no-repeat;
	float: left;
	/*position: relative;*/
	padding-top: 50px;
	padding-left: 15px;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 15px;
	color: Blue;
	cursor: pointer;
}

.sezioneBtOpen
{
	background-image: url(../img/sezioneBts/sezBtOpen.gif);
	background-repeat: no-repeat;
}

.sezioneBt0
{
	background-image: url(../img/sezioneBts/Bt0.gif);
}
.sezioneBt1
{
	background-image: url(../img/sezioneBts/Bt1.gif);
}
.sezioneBt2
{
	background-image: url(../img/sezioneBts/Bt2.gif);
}
.sezioneBt3
{
	background-image: url(../img/sezioneBts/Bt3.gif);
}
.sezioneBt4
{
	background-image: url(../img/sezioneBts/Bt4.gif);
}
.sezioneBt5
{
	background-image: url(../img/sezioneBts/Bt5.gif);
}
.sezioneBt6
{
	background-image: url(../img/sezioneBts/Bt6.gif);
}

.subSezione 
{
	width: 134px; /* chiuso=134; aperto=175px*/   /*VA MODIFICATO ANCHE IN JS*/
	height: 87px; /*87px*/
	background-image: url(../img/sezioneBts/subSezBt.gif);
	background-repeat: no-repeat;
	float: left;
	padding-top: 20px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 15px;
	color: Blue;
	/*display:none;*/
	visibility:hidden;
	
	position:relative;
	top:-14px;
}

.subSezElm 
{
	background-image:url(../img/star16x16.gif);
	background-repeat:no-repeat;
	background-position: 30px 1px;
	margin-bottom:7px;
	text-align:left;
	padding-left:50px;

}



a.btLink 
{
	text-decoration:none;
	color:Blue
}
a.btLink:hover
{
	text-decoration:none;
	color:Blue
}




#headerBox
{
	background-image: url(../img/bgHeader.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 300px;
}



#contentBox
{
	background-image: url(../img/bgContent.jpg);
	background-repeat: repeat-y;
	width: 840px; /*1000*/
	min-height: 200px;
	padding-left: 80px;
	padding-right: 80px;
	margin: 0 auto;
	text-align: center;
}

#footerBox
{
	background-image: url(../img/bgFooter.jpg); /*background-color:Red;*/
	background-repeat: no-repeat;
	width: 810px; /*1000*/
	height: 90px; /*110*/
	font-style: italic;
	color: #666666;
	font-family: verdana;
	font-size: 9px;
	padding-left: 110px;
	padding-right: 80px;
	padding-top: 20px;
}




div.errorBox
{
	height: 16px;
	left: 50%;
	border-color: crimson;
	border-style: dotted;
	border-width: 1px;
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(../img/error.ico);
	background-position: 1px center;
	background-color: lightcoral;
	background-repeat: no-repeat;
	font-size: 9pt;
	color: crimson;
	vertical-align: middle;
	font-family: Verdana;
}

div.questionBox
{
	height: 16px;
	border-color: royalblue;
	border-style: dotted;
	border-width: 1px;
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(../img/ok.ico);
	background-position: 1px center;
	background-color: #33ccff;
	background-repeat: no-repeat;
	font-size: 9pt;
	color: royalblue;
	vertical-align: middle;
	font-family: Verdana;
}

div.infoBox
{
	height: 16px;
	border-color: #006633;
	border-style: dotted;
	border-width: 1px;
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(../img/ok.ico);
	background-position: 1px center;
	background-color: palegreen;
	background-repeat: no-repeat;
	font-size: 9pt;
	color: #006633;
	vertical-align: middle;
	font-family: Verdana;
}

.balloon
{
	position: absolute;
	visibility: visible;
	top: -40px;
	left: -40px;
	z-index:999;
}

div.previewBox
{
	border-style: outset;
	border-color: #FD06BF;
	height: 160px;
	width: 95%;
	text-align: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.preview
{
	float: right;
	width: 50%;
	border-style: inset;
	border-color: Maroon;
	height: 150px;
	overflow:scroll;
}

#newsBox,
#newsBoxBody
{
	background-color:white;
	height:100%;
}

div.newsElm 
{
	background-color: #FFE4F7;
	text-align: left;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	
}

div.newsHeader 
{
	background-color:#ff64b8;
	padding:5px;
	
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

div.newsContent 
{background-color:#FFE4F7;
	padding:5px 10px;
}
div.newsScroll 
{
	padding:5px 10px;
	text-align:right;
}

span.newsTitle 
{
	/*margin-top:10px;*/
	/*width:50%;*/
}

span.newsDate 
{
	/*margin-top:10px;*/
	/*width:30%;*/
	color:White;
}

span.newsCounter
{
	/*margin-top:10px;*/
	/*width:10%;*/
	color:violet;
	text-align:right;
	font-size:10px;
}

div.treeLevel1_Header 
{
	background-color:#FF55AA;
	cursor:pointer;
	text-align:left;
	height:20px;
	font-size:18px;
}

div.treeLevel2_Header 
{
	background-color:#FF8AC5;
	cursor:pointer;
	text-align:left;
	height:18px;
	font-size:16px;
}

div.treeLevel1_Content 
{
	background-color:#FF8AC5;
	display:none;
	text-align:left;
	border-left: solid 25px #FFE4F7 /*Bordo=colore di sfondo contentBox*/
}
div.treeLevel2_Content 
{
	background-color:#FFB9DC;
	display:none;
	text-align:left;
	border-left: solid 50px #FFE4F7 
}