/*********************************************************************************
 * Analisi e Sviluppo di Davide Gullo.
 * Copyright © 2007 Tutti i diritti riservati.
 * 
 * $Author$
 * $Id$
 * $Revision$ 
 * 
 ********************************************************************************/
/* Style form, input, fieldset, ecc. */
@import url(/css/form.css);
 
/*stili per il layout dinamico*/
html, body{margin: 0;padding:0; height: 100%;}

body{
	background: #fc6;
	text-align: left;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #600;
	margin: 0;
	padding: 0;
/*	border: 3px solid #f00; */
}

div, p, img { border: 0; margin: 0; padding: 0; }

/* cosi' il clear (left, right, both) lo posso impostare nel codice a seconda delle esigenze */
div.my_clear { margin: 0; padding: 0; line-height: 0; height: 0;  }

div#container{ 
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
}

div#right_side {
	float: right; 
	width: 5%;
	height: 100%;	
	margin: 0; 
	padding: 0;  
	background: #fc6 url(/images/sfondo-right.png) no-repeat top left;
}

/*
	content centrale
*/
div#content {
/*	background-color: #FD7813; */
	margin: 0;
	margin-left: 150px;
	padding: 0;
}

div#header {
	height: 60px; 
	margin: 0; 
	padding: 0;
	background-color: #fffee0;
	border-bottom: 10px solid #fc6;
}
div#header .header-sett { float: left; }
div#header .data_right { float: right; height: 55px; background-color: #fffee0; padding: 5px 0 0 10px; }
div#sub_header {
	height: 182px;
	margin: 0;
	padding: 0;
	border-bottom: 10px solid #fc6;
/*	border-right: 10px solid #fc6; */
/*	border-color:#fff; */
}
div#sub_header #foto { margin-left: 198px; height: 182px; }

#colonna_destra {float: right; width: 58%;}
#colonna_sinistra {width: 35%;width: 36%;width: 35%;}

#home_left {
	position:absolute;
	top: 70px;
	left: 150px;
}
#home_right {
	margin-left: 198px;
	min-height: 100px;
}

/* Navigation menu */
#menu {
/*	border: 1px solid #f00; */
	float: left;
/* implementazione min-height per Explorer */
	min-height: 182px;
	height: auto !important; 
	height: 182px;
/* implementazione min-height su Explorer */
	background-color: #FD7813;
	width: 188px;
}
#menu h4 {  
	margin: 0; 
	padding: 5px; 
	padding-left: 16px; 
	border-top: 10px solid #fc6; 
}

a.menu, a.menu:visited , a.menu:link, .menu_selected {
	display: block;
	color: #fff;
	background-color: #FD7813;
	padding: 4px 3px 4px 16px;
	margin: 0;
	text-decoration: none;
	overflow: hidden;
}
a.menu:hover { background-color: #fff; color: #FD7813; }
a.menu:active { background-color: #fff; color: #660000; }
.menu_selected {
	background-color: #FFFEE0;
	color: #600;
	font-weight: bold;
}

/* NEWS */
#last_news {
	margin: 15px 0 0 0; /*	border: 1px solid #4A884A; */
}
#last_news div.box_news { /* border-top: 10px solid #fc6; */ padding: 10px 0 0 0; margin: 5px 0 5px 0;}
#last_news div.box_news img { border-color: #FFFEE0; }
#last_news div.box_news em.data { color: #fc6; }

/* FOOTER */
div#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	display: block;
	color: #bbb;
	font-size: 11px;
	padding: 5px 0 10px 5px;
	margin: 15px 0 0 0;
	border-top: 1px solid #4A884A;
}

/*
	classi generali
*/
.box_bordo {
	background-color: #FD7813;   
	height: 1%; /*risolve il peekaboo bug*/
	margin: 0;	
	padding: 10px;
	border-bottom: 10px solid #fc6;
/*	border-right: 10px solid #fc6; */
/*	border-color: #fff; */
}

.box_bordo img { 	
	border: 1px solid #fff;
	padding: 0;
	margin: 10px;
}
.bordo_bottom {
	margin: 0;	
	padding: 0;
	border-bottom: 10px solid #fc6;
}

h1 {
	font-size: medium;
	color: #fff;
	padding: 0;
	margin: 3px 3px 10px 0;
	border-bottom: 1px solid #fff;
}
h2 {
	color: #FFFEE0;
	font-size: medium;
	padding: 3px 6px 3px 0;
	margin: 10px 0 10px 0;
}
h3 {
	color: #600;
	font-size: medium;
	padding: 3px 6px 3px 0;
	margin: 10px 0 10px 0;
}
h4 {
	color: #600;
	font-size: small;
	padding: 3px 6px 3px 0;
	margin: 10px 0 10px 0;
}
h5 {
	color: #fc6;
	font-size: small;
	padding: 3px 6px 3px 0;
	margin: 10px 0 10px 0;
}

h6 {
	color: #fff;
	font-size: x-small;
	padding: 3px 6px 3px 6px;
	margin: 10px 0 10px 0;
}

p.separa { border-top: 2px solid #600;  padding:5px 2px 2px 14px; margin: 15px 0 0 0;}
p.extend { padding:2px 2px 2px 0; margin: 15px 0 0 0;}
.on_left { float: left; /* border: 1px solid #4A884A; */ }
.on_right { float: right;  /* border: 1px solid #4A884A; */ }

img.icona { border: 1px solid #060; margin: 5px 5px 5px 0; }

.white {	color : #ffffff; }
.arancio { color : #FD7813; }
.box_yellow { border: 2px solid #FFDA33; padding: 5px; height: 1%;/*risolve il peekaboo bug*/ }
.box_red { border: 2px solid #CB2700; padding: 5px; height: 1%;/*risolve il peekaboo bug*/ }
.green { background-color: #060; }
.alert {	font-weight : bold; color: #FF2222; }

.citazione{
	background-color: #090;
	color: #fff;
	margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #FF2222;
	font-size: 12px;
	font-style: italic;
}

/* feedback giocatori */
ul {
	padding : 0px 0px 0px 0px;
	margin : 5px 0px 5px 25px;
}
li {
	padding : 3px 0px 0px 0px;;
}





/*
	link style generale
*/
a, a:visited, a:link, a:active {
	color: #600;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color : #FFFFFF;
}

a.borded:visited, a.borded:link, a.borded:active, a.borded:hover  {	border: 1px solid #4A884A; padding: 3px; display: block; }
a.white:visited , a.white:link , a.white:active { color : #FFFFFF; }
a.white:hover { color : #600; }
a.arancio:visited , a.arancio:link , a.arancio:active { color : #FFFFFF; }
a.arancio:hover { color : #000066; text-decoration : underline; }


/*
* Classi per il paging, navigazione su piu' pagine 
*/
.pager_numon  {
	color : #FD7813;
	font-weight : bold;
}
a.pager_num:visited , a.pager_num:link , a.pager_num:active { color : #fff; }
a.pager_num:hover { color : #999; text-decoration : underline; }
/* a.pager_numon:visited , a.pager_numon:link , a.pager_numon:active, a.pager_numon:hover { color : #FD7813; } */


/*
	Style TABLE
*/
table {
	table-layout: fixed; 
	border-collapse: separate;
	border-spacing: 2px;
	caption-side: top;
	margin: 2px 0 10px 0;
	padding: 0;
	width: 100%;
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table.free { margin: 0;  padding: 0;}
tr { color : #666666; }
th { background-color: #006600; color: #fff; padding: 5px; font-weight: normal; text-align: left; }
td { color : #ddd; padding: 2px; }
td.scuro { background-color: #004400; }

/*
* Tabella del calendario
*/
table.calendar { text-align: center; }
td.month { background-color: #040; }
td.selected-day { background-color: #FFFFE2; }
td.day { background-color: #040; }