/* 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('http://www.onepiececrew.com/cp_images/top.gif') repeat-x;}

div#right {background: right url('http://www.onepiececrew.com/cp_images/right.gif') repeat-y;}

div#bottom {background: bottom url('http://www.onepiececrew.com/cp_images/bottom.gif') repeat-x;}

div#left {background: left url('http://www.onepiececrew.com/cp_images/left.gif') repeat-y;}



div#icon1 {background: left top url('http://www.onepiececrew.com/cp_images/icon1.gif') no-repeat;}

div#icon2 {background: left bottom url('http://www.onepiececrew.com/cp_images/icon3.gif') no-repeat;}

div#icon3 {background: right bottom url('http://www.onepiececrew.com/cp_images/cp_images/icon4.gif') no-repeat;}

div#icon4 {background: right top url('http://www.onepiececrew.com/cp_images/cp_images/icon2.gif') no-repeat;}

/* Fine Gestione cornice di background per il box */



/*GENERAL NAVIGATION*/

ul.navigation {

	/* 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('http://www.onepiececrew.com/images/sx.jpg') no-repeat;



}

/*TRUE CONENTS*/

div#cp_content {

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

	height: auto !important; /*PER IL MENU*/

	height: 220px; /*PER IL MENU*/



	padding: 5px;

	padding-left: 150px;

	margin: 0;

	

	clear: left;

	/*border: 1px solid #000000;*/

	/* background-color: transparent; */

	



}



/* 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('http://www.onepiececrew.com/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('http://www.onepiececrew.com/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: #115098;

}

#msg_content{

	clear: left;

	padding: 3px;

	font-size: 11px;

	background-color: #F6F6F6;

	margin-top: 18px;

	width: 310px;

	height: 200px;

	border: #CCCCCC solid 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;

}



#menu_border {border-top: #bbbbbb solid 1px;}

.style3 {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}

div#msg {margin-top: 90px; margin-right:35px;}