/*  CSS level 2 StyleSheet   */
/* style.css - version 1.1.0 */


/* ################## DEFAULT STYLES - NON ELIMINARE! ################# */


/* =============== PAGINA PRINCIPALE ================*/


/* body */
.global
{
        border: none;
        overflow: auto;
        background: #CCCCCC; /*url('body_bg.gif');*/
}


/* TABELLA PRINCIPALE */
.main
{
	background: #FFFFFF;
	border-left: dashed #0000FF 1px;
	border-right: dashed #0000FF 1px;
	/*border-left: solid #808080 1px;
	border-right: solid #808080 1px;*/
	width: 802px;
	/*width:  100%;*/
	height: 100%;
}


/* Banner */
.banner
{
	border-bottom: dashed #0000FF 1px;
	/*border-bottom: solid #808080 1px;*/
	height: 1px;
	width: 100%;
}


/* spazio principale della pagina */
.page
{
	/*border-top: solid #000000 1px;*/
	/*background: #FFFFFF;*/
	/*width: 65%;*/
}

/* Credits (fondo pagina, se esistenti) */
.credits
{
	font: normal 8pt Verdana, Arial, Helvetica;
	text-align: center;
	color: #000000;
	background: url('credits_bg.gif');
	border-top: dashed #0000FF 1px;
	/*border-top: solid #808080 1px;*/
	height: 23px;
}

.credits A:LINK    { text-decoration: none; color: #000000; }
.credits A:VISITED { text-decoration: none; color: #000000; }
.credits A:HOVER   { text-decoration: none; color:#FFFFFF; }


/* Barra del percorso corrente */
.path
{
	font: normal bold 8pt Verdana, Arial, Helvetica;
	vertical-align: middle;
	color: #000000;
	background: url('path_bg.gif');
	white-space: nowrap;
	border-bottom: dashed #0000FF 1px;
	/*border-bottom: solid #808080 1px;*/
	padding: 0 0 0 3;
	height: 23px;
}

.path A:LINK    { text-decoration: none; color: #000000; }
.path A:VISITED { text-decoration: none; color: #000000; }
.path A:HOVER   { text-decoration: none; color: #FFFFFF; }


/* =================== BARRA: SINISTRA (MENU) ==================== */

.menubar
{
	width: 120px;
	height: 100%;
	/*background: #FFFFFF url('menu_bg.jpg') repeat-x;*/
	background: #9DBAFF;
	border-right: dashed #0000FF 1px;
	/*border-right: solid #808080 1px;*/
}

.menubar_v_open
{
	height: 20px;
	/*border-right: solid #7C6400 1px;*/
	border-bottom: solid #83A9FF 1px;
}

.menubar_v_close
{
	border-top: solid #CDDBFF 1px;
	/*border-right: solid #000000 1px;*/
}


/* Definisce area sensibile/imposta dimens. reale casella cliccabile */
.menuitem_v_sens
{
	padding: 7px 4px 6px 0px;
	/*border: solid #000000 1px;*/
}


/* Voce attiva del menu */
.menuitem_v_off
{
	font: normal bold 8pt Verdana, Arial, Helvetica;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	/*background: url('menuitem_off.gif') no-repeat;*/
	padding: 0px 0px 0px 0px;
	border-top: solid #CDDBFF 1px;
	/*border-left: solid #FFD097 1px;
	border-right: solid #7C6400 1px;*/
	border-bottom: solid #83A9FF 1px;
	height: 30px;
}
.menuitem_v_off A:LINK    { text-decoration: none; color: #000000; }
.menuitem_v_off A:VISITED { text-decoration: none; color: #000000; }


.menuitem_v_on
{
	font: normal bold 8pt Verdana, Arial, Helvetica;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #2965F5;
	background: #CDD4E8;
	padding: 0px 0px 0px 0px;
	border-top: solid #CDD4E8 1px;
	/*border-left: solid #FFFFFF 1px;
	border-right: solid #808080 1px;*/
	border-bottom: solid #CDD4E8 1px;
	height: 30px;
}
.menuitem_v_on A:LINK    { text-decoration: none; color: #2965F5; }
.menuitem_v_on A:VISITED { text-decoration: none; color: #2965F5; }


.menuitem_v_hover
{
	font: normal bold 8pt Verdana, Arial, Helvetica;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #FFFFFF;
	background: none;
	padding: 0px 0px 0px 0px;
	border-top: solid #9DBAFF 1px;
	/*border-left: solid #000000 1px;
	border-right: solid #000000 1px;*/
	border-bottom: solid #9DBAFF 1px;
	height: 30px;
	cursor: pointer;
}
.menuitem_v_hover A:LINK    { text-decoration: none; color: #FFFFFF; }
.menuitem_v_hover A:VISITED { text-decoration: none; color: #FFFFFF; }




/* =================== BARRA: ORIZZONTALE (MENU) ==================== */

.menubar_h
{
	/*width: 1%;*/
	height: 22px;
	background: #FFFFFF url('menubar_h_bg.gif');
	/*border-right: dashed #000000 1px;*/
}

.menubar_h_open
{
	width: 1px;
	height: 22px;
}

.menubar_h_close
{
}


/* Crea la zona sensibile al click e definisce la dim. effettiva della casella cliccabile */
.menuitem_h_sens
{
	width: 120px;
	cursor: pointer;
}

/* Voce attiva del menu */
.menuitem_h
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #FFFFFF;
	background: #9C9C9C url('menuitem_h.gif') no-repeat;
	cursor: pointer;
	width: 120px;
	height: 22px;
}

.menuitem_h_on
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #FFFFFF;
	background: #1B278A url('menuitem_h_on.gif') no-repeat;
	width: 120px;
	height: 22px;
}

/* Non usata. Si usano invce le classi hover qua sotto */
/* Per ripristinare il comportamento precedente modificare libinc/interface.inc.php */
.menuitem_h_hover
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	background: #1B278A url('menuitem_h_on.gif') no-repeat;
	width: 120px;
	height: 22px;
}


.menuitem_h    A:LINK    { text-decoration: none; color: #000000; }
.menuitem_h    A:VISITED { text-decoration: none; color: #000000; }
.menuitem_h    A:HOVER   { text-decoration: none; color: #FFFFFF; }
.menuitem_h_on A:LINK    { text-decoration: none; color: #FFFFFF; }
.menuitem_h_on A:VISITED { text-decoration: none; color: #FFFFFF; }
.menuitem_h_on A:HOVER   { text-decoration: none; color: #5386FF; }

.menuitem_h_hover A:LINK    { text-decoration: none; color: #FFFFFF; }
.menuitem_h_hover A:VISITED { text-decoration: none; color: #FFFFFF; }



/* ====================== BARRA: DESTRA (GENERAL PURPOSE) ===================== */

.utilbar
{
	width: 120px;
	height: 100%;
	/*background: #FFFFFF url('util_bg.jpg') repeat-x;*/
	background: #9DBAFF;
	border-left: dashed #0000FF 1px;
	/*border-left: solid #808080 1px;*/
}

.utilbar_open
{
	height: 20px;
	border-bottom: solid #83A9FF 1px;
}

.utilbar_content
{
	border-top: solid #CDDBFF 1px;
	border-bottom: solid #83A9FF 1px;
}

.utilbar_close
{
	border-top: solid #CDDBFF 1px;
}



/* #################### PAGINE SECONDARIE (./static/) #################### */

.sitedown_container
{
	font: normal 8pt Verdana, Arial, Helvetica;
	color: #000000;
	/*background: #F3F3F3;*/
	background: #D7D7D7;
	/*border-top: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;*/
	padding: 10px 0px 10px 0px;
}


.sitedown_text
{
	font: normal 8pt Verdana, Arial, Helvetica;
	text-align: justify;
	color: #000000;
	width: 50%;
}


/* #################### PAGINE DELLA GUIDA (./guides/) #################### */


.help_main
{
}



/* ######################### USER STYLES ######################### */


.banner_left
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	color: #808080;
	/*filter: alpha(opacity=50);
	-moz-opacity: 0.5;*/
}

.banner_center
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
}

.banner800
{
	text-align: center;
	background: url('banner.jpg');
	width: 800px;
	height: 70px;
}


/* Homepage styles */

.homepage
{
	font: normal 8pt Verdana, Arial, Helvetica;
	/*text-align: justify;*/
	color: #000000;
	background: url('hp_bg_6c.jpg') no-repeat top left;
	width: 100%;
	height: 100%;
}

hp_text
{
	font: normal 20pt Verdana, Arial, Helvetica;
	text-align: center;
	color: #000080;
}