html, body {margin: 0; padding: 0; }
body {background: #FFFF99  url(images/bg.gif) repeat-x top; height:100%; }
* {font: 10px Verdana  ; border:none;}

strong {font-weight: 700}
em {font-style:italic;}
a {color:#000; }
a:hover {font-weight:700}

/* Stili della Struttura Generale */

div#top { background:#eee;margin:0;border: 1px #000 solid; height:20px;border-left:none;border-right:none;}

div.tab{ position:absolute; right:5px; margin-top:-1px; border-top:none; width: 200px; width:188px !important; visibility:hidden;}
div.tab h3 {font-size: 11px; font-weight:700; text-align:center; margin:0; background:#eee;  border:1px #000 solid; border-top:none;cursor:pointer ;}

.countdown-m  div{background:#99CCFF url(images/icons/male.gif) no-repeat left;background-position: 2px;text-align:right;  padding-right:2px;}
.countdown-f  div{background:#FFCCFF url(images/icons/female.gif) no-repeat left;background-position: 2px;text-align:right;  padding-right:2px;}
.countdown-m {background:#ddeeff;}
.countdown-f {background:#ffeeff;}
.countdown-m p, .countdown-f p {margin:0;padding:4px 2px;}

div#calendar h3 { margin-bottom:5px;}
table.calendar {text-align:center; margin:0 auto; width:170px; border:1px solid #666; margin-bottom:5px; background:#f7ee88; border-collapse:collapse;} 
table.calendar td.event {background:#ffffcc; }
table.calendar  th{font-size:9px; font-weight:700; border-bottom: 1px solid #666; background:#ffff99;} 
caption.calendar-month { padding:0; text-align:center; margin:0 auto;font-weight:700;}
table.calendar a {color:#FF0000; display:block; text-decoration:none; border:1px #FF0000 solid; background:#FFFF99} 

div#container {background: url(images/uomo.gif) no-repeat bottom right;}
div#wrapper {width:560px; text-align:left; margin-left:210px;  margin-right:5px;}
div#header { height: 200px; background: #ffff99 url(images/header.jpg) right no-repeat; width:100%; border:1px #666 solid; border-top:none;  border-bottom:none; }
div#sponsor-top  {background: url(images/onlus.gif) left no-repeat; height:200px; width:204px; margin-left:5px;}

div#sponsor-top a{display: block; height:200px; width:204px;}
div#sponsor-top span{display: none;}
div#header h1 {display: none; }
div#header h2 {display: none; }

div#content {padding-bottom: 10px;  width:100%; 
min-height: 660px;
height: auto !important;
height: 660px;
 background:#ffffcc ;border:1px #666 solid; border-bottom:none; border-top:none;}

div.contentbox {clear:both;}
div.contentbox p {margin:5px; margin-top:8px; line-height:1.3;}
div.contentbox h3 {font-size: 11px; font-weight:700;  background: #fff; padding-right: 25px; text-align: right; margin:0; border:1px #999 solid; border-left:none; border-right:none;}

div#sidebar { position: absolute; width:188px; background:#ffffcc; left:10px; border:1px #666 solid; border-top:none;}
div.sidebarbox h3 {font-size: 11px; font-weight:700;  background: #fff; padding-right: 25px; text-align: right; margin:0; border:1px #999 solid; border-left:none; border-right:none;}
div.sidebarbox p {margin: 5px; margin-bottom:2px; }

div#credits img {margin: 8px 5px 4px 5px; border: none; }
div#sponsor img {margin: 2px auto; border: none; display:block; }

div#footer {color: #000;margin:0; height:83px; background:#ffffcc url(../images/sponsor.jpg) no-repeat center bottom;border: 1px #000 solid; clear: both;border-left:none;border-right:none;}
div#footer p {margin: 0; text-align:left; padding: 5px 10px; background:#eee; border-bottom:1px #000 solid; }

/* Stili del Menu Verticale - #verticalmenu */
#verticalmenu { padding-top: 10px; margin-bottom:0;}
#verticalmenu ul {margin: 0; padding: 0; list-style-type: none; background: url(images/menu.jpg) repeat-y left; }
#verticalmenu li a {display: block; padding: 3px 0;  padding-left: 24px; text-decoration: none; color: #000; height: 14px; }
#verticalmenu li a:hover {background-color:#fff;  padding-left:32px; }

a#home {background: url(images/icons/house.gif) center no-repeat; background-position: 2px;}
a#foto {background: url(images/icons/foto.gif) center no-repeat; background-position: 2px;}
a#calendario {background: url(images/icons/calendario.gif) center no-repeat; background-position: 2px;}
a#squadre {background: url(images/icons/squadre.gif) center no-repeat; background-position: 2px;}
a#regolamento {background: url(images/icons/regolamento.gif) center no-repeat; background-position: 2px;}
a#video {background: url(images/icons/video.gif) center no-repeat; background-position: 2px;}
a#programma {background: url(images/icons/programma.gif) center no-repeat; background-position: 2px;}
a#edizioni-passate {background: url(images/icons/edizioni-passate.gif) center no-repeat; background-position: 2px;}
a#premio-gawlowski {background: url(images/icons/premio-gawlowski.gif) center no-repeat; background-position: 2px;}
a#miss-mr {background: url(images/icons/miss-mr.gif) center no-repeat; background-position: 2px;}
a#cosa {background: url(images/icons/cosa.gif) center no-repeat; background-position: 2px;}
a#rassegna-stampa {background: url(images/icons/rassegna-stampa.gif) center no-repeat; background-position: 2px;}
a#iscrizioni {background: url(images/icons/iscrizioni.gif) center no-repeat; background-position: 2px;}
a#albo-oro {background: url(images/icons/albo-oro.gif) center no-repeat; background-position: 2px;}
a#webcam {background: url(images/icons/webcam.gif) center no-repeat; background-position: 2px;}
a#news {background: url(images/icons/news.gif) center no-repeat; background-position: 2px;}
a#eventi {background: url(images/icons/eventi.gif) center no-repeat; background-position: 2px;}
a#adricesta {background: url(images/icons/adricesta.gif) center no-repeat; background-position: 2px;}


/*Calendar*/
p#matchday-select, p#pool-select{ margin:0 auto; margin-top:10px; padding:4px; background:#f7ee88; border:1px #666 solid; border-width: 1px 0 1px 0;}
p#matchday-select span#current {font-weight:700; font-size:10px;}
p#pool-navigation { padding:4px; background:#f7ee88; border:1px #666 solid; border-top:none; width:300px; margin:0 auto; text-align:center;  }
p#pool-navigation a {text-decoration:none;}

div.table-container {margin-top:10px; }
table.classic-table {width: 518px; margin:0 auto; margin-bottom:5px; border:1px solid #666;border-collapse: collapse;}
table.classic-table caption {background:#e7c663; margin:0 auto;border:1px solid #666;padding: 2px;font-weight:700; }
table.classic-table td { border:1px solid #666; text-align:left; height:18px; padding:0 2px;  }
table.classic-table th {background:#f7ee88; text-align:center; border-bottom:1px solid #666;font-style:italic; padding:2px;}
table.classic-table tr.male{background:#BDDEFF;}
table.classic-table tr.female{background:#FFDBFF;}
table.classic-table tr.male-promoted td{background:#99ccff; font-weight:700;}
table.classic-table tr.female-promoted td{background:#ffccff; font-weight:700;}

table.matchday a {margin: 0 auto; width:16px; height:16px; display:block}
table.matchday td {text-align:center;}
table.matchday a.foto {background: url(images/icons/foto.gif) center no-repeat; float:left;  } a.foto span {display:none; }
table.matchday a.video {background: url(images/icons/video.gif) center no-repeat; float:right;} a.video span {display:none; }
table.pool-male, table.pool-female {width:560px; border:1px solid #666; border-width:1px 0; margin:0 auto; margin-top:10px; padding:0;}
table.pool-male {background:#ddeeff;} 
table.pool-female {background:#ffeeff;} 
table.pool-male td, table.pool-female td {text-align:center; margin:0;}
table.pool-male td.pool-header, table.pool-female td.pool-header  {text-align:center; font-weight:700; text-transform: uppercase;}
table.pool-male td.pool-body, table.pool-female td.pool-body  {width:500px;}
table.eliminatorie  td{vertical-align: top;}
table.tree-table-male, table.tree-table-female {width: 540px; margin:0 auto; margin-bottom:5px; border-collapse: separate;border-spacing: 5px;}
table.tree-table-male span.pool-header, table.tree-table-female span.pool-header {font-weight:700; text-align:center; display:block; border-bottom:1px solid #666;}
table.tree-table-male span.pool-header {background:#bddeff;} 
table.tree-table-female span.pool-header {background:#ffdbff;} 
table.tree-table-male caption, table.tree-table-female caption  {background:#e7c663; margin:0 auto;border:1px solid #666;padding: 2px;font-weight:700; }
table.tree-table-male th, table.tree-table-female th  {background:#f7ee88; text-align:center; border:1px solid #666;font-style:italic; padding:2px;}
table.tree-table-male td, table.tree-table-female td  { border:1px solid #666;text-align:center; height:18px; padding:0; margin:5px;}
table.tree-table-male td { background:#ddeeff; width:15%;}
table.tree-table-female td { background:#ffeeff; width:15%; }
table.tree-table-male ul, table.tree-table-female ul { margin:0; padding:3px; text-align:center; list-style:none; font-weight: normal;}
table.tree-table-male li , table.tree-table-female li{ margin:0; padding:2px; text-align:center; list-style:none; font-weight: normal;}

div#calendar-nav{position:relative;top:10px;left:469px;margin:0;padding:0;width:92px;height:50px;}
ul#nav {list-style:none;margin:0;padding:0;position:relative;width:92px;height:50px;background: url(images/calendar-nav.jpg) no-repeat top;} 
ul#nav li {display:block;position:absolute;margin:0;padding:0;}
li#nav-maschile {top:15px;width:92px;height:17px;}
li#nav-femminile {top:33px;width:92px;height:17px;}
ul#nav a {display:block;width:100%;height:100%;}
ul#nav span {display:none}

/*Hoverbox*/
.hoverbox {cursor: default;list-style: none;}
.hoverbox img{background: #fff;border-color: #666;border-style: solid;border-width: 1px;color: inherit;	width: 100px;height: 75px;padding: 2px;vertical-align: top;}
.hoverbox li{	background: #eee;border-color: #666;border-style: solid;border-width: 1px;color: inherit;display: inline;float: left;margin: 3px;padding: 2px;position: relative;}
.hoverbox li.male{	background: #bddeff;} .hoverbox li.female{	background: #ffbdff;}
.hoverbox  li a p {margin:2px; font-size:10px; text-decoration:none; text-align:center; font-weight:700;}
.hoverbox a{	cursor: pointer;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{	display: block;position: absolute;width: 200px;height: 150px;left:-50%;	top: -33px;	z-index: 1;}
.hoverbox .preview{	border-color: #666;}
html .hoverbox a{position: relative;}
html .hoverbox a:hover{font-size: 100%;z-index: 1;}
html .hoverbox a:hover .preview{top: -38px;left: -50px;}
html .hoverbox li{	position: static;}

/* Foto e Video */
.gallery {cursor: default;list-style: none;}
.gallery img{background: #fff;border-color: #666;border-style: solid;border-width: 1px;color: inherit;	width: 50px;height: 35px;padding: 2px;vertical-align: top;}
.gallery li{color: inherit;display: inline;float: left;margin: 3px;position: relative;}
.gallery li.male{	background: #bddeff;} .gallery li.female{	background: #ffbdff;}
.gallery  li a p {margin:2px; font-size:10px; text-decoration:none; text-align:center; font-weight:700;}
.gallery a{	cursor: pointer;}
.gallery a .preview{display: none;}
.gallery a:hover .preview{	display: block;position: absolute;width: 100px;height: 75px;left:-50%;	top: -33px;	z-index: 1;}
.gallery .preview{	border-color: #666;}
html .gallery a{position: relative;}
html .gallery a:hover{font-size: 100%;z-index: 1;}
html .gallery a:hover .preview{top: -18px;left: -25px;}
html .gallery li{	position: static;}


.filmato {margin:0 auto; width:294px;}
.filmato-descrizione {width:288px; background:#e7c663; font-weight:700; margin:0 auto; margin-top:5px; text-align:center; padding:2px; display:block; border:1px solid #666; }


/*Teams*/
div.team-data {float:right; width:200px; background:#f7ee88; border:1px solid #666; margin:20px 5px 20px 0;}
div.team-data span {font-size:11px; font-weight:700; position:relative; width:150px; padding:2px; left:50px; top:-5px; border:1px solid #666; background:#fff; text-align:center;}
div.team-data ul {margin:0;padding-left:17px; list-style:disc;}
div.team-data ul li {font-style:italic;}
div.team-data ul li ul {margin:0;padding: 5px; list-style:none; }
div.team-data ul li ul li {font-style:normal;}
div.team-more {margin-top:50px; width:330px;}
div.team-more h3{border-right:1px solid #999}
div.team-more div {background:#ffff99; margin:10px auto; width:250px; height:100px; border:1px solid #999;}
div.team-more div img{margin:5px; float:left;}
div.team-more div p{margin:4px;}

div.albo-oro div.maschile{border:1px solid #666;margin-top:20px; margin-left:15px;  float:left;  width:42%; padding:4px; background:#ffff99}
div.albo-oro div.femminile{border:1px solid #666;margin-top:20px; margin-right:15px;  float:right;  width:42%; padding:4px; background:#ffff99}

/*Forms*/
form{width:520px;margin:5px auto;background: #f7ee88; border:1px solid #666;}
fieldset{float:left;width:520px;margin: 1em 0;padding: 0;border:1px solid #666;border-left: none;border-right: none;border-bottom:none;}
label{float:left;width:100px;display: inline;margin-left: 10px;line-height:23px}
fieldset div{float:left;width:100%;padding: 10px 0 12px;   }
legend{font-weight:bold;padding:2px;color: #333;}
input{width:150px;margin:1px;}
input,select,textarea{font-size: 10px;font-family: Verdana,sans-serif; background:#fff; border:1px solid #666;}
select#sex{width:100px;}
option{padding-right:20px;}
input.go, input#go {background:#ffffcc;border:1px solid #666; margin:5px; width:auto;}
form p{margin:0.5em 10px}

#form_error {border:1px solid #666;margin:5px auto;width:490px;background:#FF9999;text-align:center; }
#form_message {font-weight:700;text-transform:uppercase;}

/*Xfade*/
#rotator
{overflow: hidden;margin: 8px auto;	position: relative;	width: 150px;height: 150px;}
#rotator img{border: 0;width: 150px;height: 150px;margin: 0 auto;} 

#loading {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #loading { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
