/* metalGrey Style Sheet
-------------------------------------------------
	Author: Omar Chelos
	Version: 26 May 2008

	Copyright 2008 phpCMS Core
-------------------------------------------------*/

body {
	font: 9px verdena,arial,sans-serif;
	color: #ababab;
	text-align: center;
}
body>#box {
	height: auto;
	width: auto;
}
/*CONTAINER*/
div#box {
	font: 9px verdena,arial,sans-serif;
	text-align: center;
	margin: 0 auto;
	padding: 0;

	text-align: left;

	width: 520px;

	/* ******** */

	position: relative;	/*border: 1px solid #FF0000;*/
}

/* Inizio Gestione cornice di background per il box */
div#top {background: top url('../cp_images/top.gif') repeat-x;}
div#right {background: right url('../cp_images/right.gif') repeat-y;}
div#bottom {background: bottom url('../cp_images/bottom.gif') repeat-x;}
div#left {background: left url('../cp_images/left.gif') repeat-y;}

div#icon1 {background: left top url('../cp_images/icon1.gif') no-repeat;}
div#icon2 {background: left bottom url('../cp_images/icon3.gif') no-repeat;}
div#icon3 {background: right bottom url('../cp_images/icon4.gif') no-repeat;}
div#icon4 {background: right top url('../cp_images/icon2.gif') no-repeat;}
/* Fine Gestione cornice di background per il box */

/*GENERAL NAVIGATION*/
ulnavigation {
	/* Elimina lo stile lista */
	list-style: none;
	/* Dichiara l'elemento lista come elemento di blocco */
	/* Per i browser diversi da IE6 */
	/*display: block;*/
	/* Dichiara un padding dal basso di 13px */
	/* Per i browser diversi da IE6 */
	padding-bottom: 13px !important;
	/* Reimposta il padding dal basso a 0px */
	/* Per i browser diversi da IE6 */
	padding-bottom: 2px;
	
	margin-left: 5px;
	padding-left: 5px;

	min-width: 100%;
	width: auto !important;
	width: 100%;

	margin: 0;
	height: 10px;
	/*border: 1px solid #0099FF;*/

	/* Per il description */
	position: relative;
}
/*INSIDE CONTAINER*/
div#cp_container {
	text-align: center;
	margin: 0;
	padding: 0;

	min-height: 220px; /*PER IL MENU*/
	height: auto !important; /*PER IL MENU*/
	height: 220px; /*PER IL MENU*/

	/* ******* */
	width: auto !important;
	width: 100%;
	/*border: 1px solid #006699;*/
	/* ******* */
}
/*INSIDE MENU*/
#int_navigation{
	position: absolute;
	top: 65px;
	left: 15px;
	width: 124px;
	height: 176px;
	border-right: #bbbbbb solid 1px;
}
#toggle {
	position: absolute;
	margin-left: 115px;
	margin-top: 42px;
	width : 18px;
	height: 23px;
}

#toggle_int{
	position: absolute;
	width : 18px;
	height: 23px;
	background : url('../images/sx.jpg') no-repeat;

}
/*TRUE CONENTS*/
div#cp_content {
	min-height: 220px; /*PER IL MENU*/
	height: auto !important; /*PER IL MENU*/
	height: 220px !important; /*PER IL MENU*/

	padding-left: 0px;
	margin: 0;
	
	clear: left; text-align:center; padding-right:5px; padding-top:5px; padding-bottom:5px
	

}
div#cp_content form {
	background:rgba(0,0,0,.3);
}
/* Sistema di navigazione del MENU a schede */
menu {
	/* Dichiara l'elemento come elemento floattante */
	float:left;
	/* Centra il testo all'interno delle schede */
	text-align: center;
	/* Margine sinistro dalla quale parte il sistema di navigazione */
	margin-left:6px;
	/* Altezza e larghezza di ogni pulsante della scheda */
	height: 21px;
	width: 78px;
	/* Immagine di sfondo associata al pulsante della scheda */
	background-image: url('../cp_images/button_off.gif');
	/* Da eliminare se inutile => display: inline; padding-top:10px;
	border-bottom: none; padding: 0; z-index: 2; */
	
	/* Determina l'altezza dell'area occupata dai link */
	height: 2.2em;
	line-height: 2.2em;

	position: relative;
	top: 3px;
}
menu.selected {
	/* Setta i riferimenti relativi */
	position: relative;
	/* Fa scendere la scheda di 2 pixel */
	top: 3px;
	float: left;
	text-align: center;
	height: 21px;
	width: 78px;
	background-image: url('../cp_images/button_on.gif');
}
menu a, .menu a:link {
	text-align: center;
	text-decoration: none;
	color: #999;
}
menu a:hover, .menu a:active {
	text-align: center;
	text-decoration: none;
	color: #d02433;
}
menu.selected a, .menu.selected a:link {
	text-align: center;
	text-decoration: none;
	color: #000;
}

#msg_content_2{
	clear: left;
	padding: 0px;
	font-size: 11px;
	margin-top: 10px;
	width: 0px;
	height: 18px;
	border: #b73e36 dotted 1px;
}

#msg_content{
	clear: left;
	padding: 3px;
	font-size: 11px;
	margin-top: 10px;
	width: 605px;
	border: #ff4442 dotted 1px;
}
#msg_content:hover{
	color: #ff4442;
	clear: left;
	padding: 3px;
	font-size: 11px;
	margin-top: 10px;
	width: 605px;
	border: #ffffff dotted 1px;
}
.description {
	border: 1px solid rgb(204, 204, 204);
	background: #eeeeee;
	color:#aaaaaa;
	padding:2px;
	height:50px;
	width: 90px;
	position: absolute;
	top: -60px;
	left: -20px;
	border-collapse: separate;
	visibility:hidden;
}

a {text-decoration: none; color: #ababab;}
a:link {color: #ababab;}
a:hover {color: #ababab;}

#menu_border {border-top: #bbbbbb solid 0px;}
.style3 {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#msg {margin-top: 90px; margin-right:35px;}