
html, body {font-family:verdana; font-size:12px; margin:0; padding:0; background:url(../images/bg.jpg) top left repeat-x #bdbdbd; text-align:justify; font-family:Arial;}
.cleaner {clear:both; height:0;line-height:0;overflow:hidden;}
a{text-decoration:none;}
#logo{z-index:20; top:0; left:0; position:absolute;}
#logo img{vertical-align:top;}



.left{float:left;}
.right{float:right;}

#sfumatura{position:absolute; z-index:4; background:url(../images/sfumatura.png) top left repeat-x !important; background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.volleycavriago.com/images/sfumatura.png' ,sizingMethod="scale"); height:100px; width:100%; left:0; top:102px;}
#sfumatura2{background:url(../images/sfum.jpg) top left no-repeat; height:300px; width:300px; right:0 !important;right:-1px; top:102px; position:absolute;}

#colsx{background:url(../images/colsx.jpg) bottom left repeat-x; width:147px; position:absolute; z-index:3; bottom:17px; left:14px;}
#colsx #inner{width:147px; background:url(../images/colsx.gif) bottom center repeat-x; height:531px;}

#sxmenu{position:absolute; z-index:6; top:253px; left:14px;}
#sxmenu a{border-bottom:1px solid #bdbdbd; display:block; height:24px; line-height:24px; color:#4a4a4a; width:127px; padding:0 10px;}
#sxmenu a:hover{background:#dadada;}
#sxmenu a b{color:#d04b4b;}

#content{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
#content #incontent{margin:253px 17px 17px 173px; background:url(../images/incontent.gif) top left repeat-x #fff;}
#content #incontent #inincontent{background:url(../images/inincontent.gif) top left repeat-y;}
#content #incontent #inincontent #ultimate{background:url(../images/ultimate.gif) top left no-repeat; padding:14px 14px 0 14px; }
#content #incontent #inincontent #ultimate .imgshadow{background:url(../images/imgshadow.gif) top left repeat-y; width:328px; margin:0 4px 4px 0;}
#content #incontent #inincontent #ultimate .imgshadow .up{background:url(../images/imgshadowup.gif) top left no-repeat;}
#content #incontent #inincontent #ultimate .imgshadow .up .dn{background:url(../images/imgshadowdown.gif) bottom left no-repeat; padding:3px;}
#content #incontent #inincontent #ultimate .imgshadow .up .dn img{ border:0; width:322px;}
#content #incontent #inincontent #ultimate #newslist{padding:0 4px;}

#content #incontent #inincontent #ultimate #newslist .sponsor{padding:10px;border-bottom:1px dotted #ccc; background:#eee;}
#content #incontent #inincontent #ultimate #newslist a.sponsor{display:block;}
#content #incontent #inincontent #ultimate #newslist .catdesc{padding:10px 10px 20px 10px}
#content #incontent #inincontent #ultimate #newslist .sponsor:hover{background:#f2f2f2;}
#content #incontent #inincontent #ultimate #newslist a.sponsora{display:block; float:left; border:1px solid #fff; text-align:center; background:#f7f7f7; padding:10px;}
#content #incontent #inincontent #ultimate ul{margin:0; padding:4px 0 10px 0; }
#content #incontent #inincontent #ultimate ul li{padding:8px; margin:1px; list-style-type:none;background:#fafafa; border-bottom:1px dotted #CCCCCC;}
#content #incontent #inincontent #ultimate ul li a:hover{color:#531F00; text-decoration:none;}
#content #incontent #inincontent #ultimate .newstable {width:100%; margin-bottom:10px;}
#content #incontent #inincontent #ultimate #newslist  img.sponsorlogo, #content #incontent #inincontent #ultimate img.pressimg{padding:1px; border:1px solid #bdbdbd;}
#content #incontent #inincontent #ultimate #newslist img.imggallery{margin-right:10px; padding:1px; border:1px solid #bdbdbd;}

#content #incontent #inincontent #ultimate #newslist a{font-weight:bold; text-decoration:none;font-size:14px;}
#content #incontent #inincontent #ultimate a{text-decoration:underline; color:#B45314;}
#content #incontent #inincontent #ultimate #newsindex{width:120px; padding-left:20px; padding-bottom:10px; }
#content #incontent #inincontent #ultimate #newsindex p, #content #incontent #inincontent #ultimate #newslist p{border-bottom:1px dotted #ccc; padding-bottom:10px;}
#content #incontent #inincontent #ultimate #newsindex a{font-weight:bold; text-decoration:none; }

table#classifica{margin:0;border:0;}
table#classifica td,table#classifica th{border-top:#f1f1f1 1px solid;border-left:#e3e3e3 1px solid;border-right:#e3e3e3 1px solid;border-bottom:#e3e3e3 1px solid; padding:2px 4px;}
table#classifica th{background:url(../images/th.gif) top left repeat-x #f8f8f8;}
table#classifica td{background:#fff;}
table#classifica td.light{background:#fffbaf;}
table#classifica td:hover{background:#fffddf;}
table#classifica td.th1,table#classifica td.th2{height:3px; line-height:3px; font-size:3px;}
table#classifica td.th1{ border:0; background:url(../images/th1.gif) bottom left repeat-x;}
table#classifica td.th2{ border:0; background:url(../images/th2.gif) top left repeat-x;}

h1{height:36px; line-height:36px; background:url(../images/h1.gif) top left repeat-x; margin:0 0 4px 0; color:#b45314; font-size:12px; overflow:hidden;}
h1 div.right{font-weight:normal; color:#531f00; font-size:10px;}

h3 {font-style:italic;font-weight:normal; font-size:12px; padding:0 4px 0 4px; }

#newsletter{position:absolute; z-index:6; bottom:20px; left:14px; text-align:center; width:147px; background:url(../images/newsletter.gif) bottom left repeat-x; }
#newsletter form{margin:0; padding:0;}
#newsletter b{color:#b45314;}
#newsletter input{background:transparent url(../images/newsletterinput.gif) center center no-repeat !important; background:transparent url(../images/newsletterinput.gif) center center no-repeat fixed; width:93px; height:15px;border:0; margin:1px 0 4px 0; text-align:center; line-height:15px; padding:4px; color:#7E7E7E; font-size:11px;}
#newsletter input#nlsubmit{padding:0; color:#b45314; font-weight:bold; background:transparent url(../images/iscriviti.gif) center center no-repeat !important;background:transparent url(../images/iscriviti.gif) center center no-repeat; width:103px; height:28px; line-height:28px;}
#newsletter p{margin:0 0 4px 0}

#window{position:absolute; z-index:8;  top:115px; left:0; height:123px; width:100%; background:url(../images/window.gif) top left repeat-x #eae9e9; text-align: center; }
#windowsx{ background:url(../images/windowsx.png) top left no-repeat !important; background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.volleycavriago.com/images/windowsx.png'); height:123px; width:18px; position:absolute; z-index:50;  top:115px; left:0;  }

#windowdx{position:absolute; z-index:9;  top:115px; right:0 !important;right:-1px; height:123px; width:18px; background:url(http://www.volleycavriago.com/images/windowdx.png) top right no-repeat !important; background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://www.volleycavriago.com/images/windowdx.png');}

#anglelock{position:absolute; z-index:16; top:0; right:0; width:417px; height:100px; text-align:right; z-index: 1000;}
#anglelock form{height:23px; margin:0; padding:24px 18px 25px 0 !important; padding:22px 18px 23px 0;}
#anglelock form input{height:23px;  border:0; margin-left:4px; }
#anglelock form .field{background:url(../images/ricerca.gif) top right no-repeat; width:149px; color:#7e7e7e; font-size:11px; padding:5px; height:15px;  line-height:15px;}
#anglelock form input.submit{width:23px; background:url(../images/cerca.gif) bottom right no-repeat; float:right;}
#anglelock form input.submit:hover{ background:url(../images/cerca-h.gif) bottom right no-repeat;}
#anglelock #menu{ background:url(../images/menu.jpg) top right no-repeat; height:28px; width:400px; padding-right:6px; margin-right:10px; font-weight:bold;}
#anglelock #menu a{width:99px; height:23px; line-height:23px; text-align:center; float:right; margin-top:5px; color:#b45314;}
#anglelock #menu a:hover{background:url(../images/menu-h.gif) top right no-repeat; color:#000;}
#anglelock #menu a:active{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
#anglelock #menu a#home{width:98px;}
#anglelock #menu a#home:hover{background:url(../images/home-h.gif) top left no-repeat;}


#flashcontent{position:absolute; top:112px; left:0; width:100%;z-index:8;}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
