/*
 * CSS comune a tutti i progetti Serena.
 * Ogni applicazione parte da questo css per poi cambiare le parti
 * a esso piu' specifiche.
 * Inoltre ogni metaambiente puo' a sua volta sovrascrivere altri punti.
 */
/* IMPOSTAZIONI GENERALI
 ------------------------------------------------------------------------ */
body
{
    margin: 0;
    padding: 0;
	font-size: 90%;
  	font-family: Arial,Verdana,sans-serif;
}

body.grande {
    font-size: 100%;
}

body.molto_grande {
    font-size: 110%;
}

body.grande textarea{
    font-size: 110%;
}

body.molto_grande textarea{
    font-size: 120%;
}


A IMG {
    border: none;
}

/* Le misure dei seguenti elementi sono fatte in modo da creare degli standard per tutti i browser */

H1
{
	padding: 0px;
	margin: 19px 0;
	font-size: 1.7em;
}

H2
{
	padding: 0px;
	margin: 17px 0;
	font-size: 1.4em;
}

H3
{
	padding: 0px;
	margin: 16px 0;
	font-size: 1.1em;
}

H4
{
	padding: 0px;
	margin: 5px 0;
	font-size: 1em;
}

A
{
	color: #C10000;
}

/* LAYOUT GENERALE - DEFINIZIONE STRUTTURA
 ----------------------------------------------------------------------- */
#wrap {
    margin: 0 auto;
	width: 96%;
	min-width: 960px;
	max-width: 1000px;
	margin: 0 auto;
	border-left: 10px solid #487C94;
	border-right: 10px solid #487C94;
	border-top: 0px solid #487C94;
	height: 500px;
	text-align: left;
	height: 100%;
}

#head {
    margin: 0 auto;
	background: #F8D45A url(common_img/head-pattern.gif) repeat-x top;
	height: 91px;
}

#main
{
    width:100%;
}


/* HEAD
 ----------------------------------------------------------------------- */

#headwrap {
	background: #fff;
	width: 96%;
	min-width: 960px;
	max-width: 1000px;
	margin: 0 auto;
	border-left: 10px solid #487C94;
	border-right: 10px solid #487C94;
	border-top: 8px solid #487C94;
	height: 500px;
	text-align: left;
	height: 100%;
}

#head H1 {
	float: left;
	margin:0;
	padding:0;
}

#head H1 A {
	display: block;
	width: 405px;
	height: 91px;
	background: url(common_img/head-sx.gif) no-repeat 0 0;
	text-decoration: none;
}

#head H1 A STRONG {
	display: none;
}

/* HEAD NAV - MENU IN ALTO A DESTRA
 ----------------------------------------------------------------------------*/

#headnav {
	float: right;
	background: url(common_img/head-dx.gif) no-repeat 100% 0;
	height: 91px;
	width:40%;
}

#nav .menubox{
  padding: 0;
  border-bottom:none;

}

#nav .menubox A {
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 30px;
	text-decoration: none;
	font-size: 0.9em;
}

#nav .menubox A:hover {
	text-decoration: underline;
}

#nav {
	margin: 0;
	background: #DAA026 url(common_img/head-topdx.gif) no-repeat 100% 0;
	padding: 0.1em 0 0.1em 1em;
	float:right;
}

#nav H2{
    display: none;
}

#nav UL {
    float: right;
    margin:0px;
    padding:0px;
}

#nav UL LI {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	background:none;
}

#utility {
	text-align: right;
	font-size: 0.9em;
	padding: 45px 10px 0 0;
	float:right;
	width:80%;
}

#utility A {
	border: 1px solid #AA903B;
	background: #FDF4DC;
	padding: 0 2px;
	color: #625322;
	text-decoration: none;
	margin-left: 5px;
}

#utility A:hover {
	background: #fff;
}



/* CONTENT
 ------------------------------------------------------------------------- */

/* La classe testo e' un wrapper del body dei _system_cms_node */

#content .testo {
	clear: left;
}

#content .testo table {
    border: 1px #ccc dashed;
}

#content .testo td {
    border: 1px #ccc dashed;
    padding: 3px;
}

#content .testo th {
    border: 1px #ccc dashed;
    padding: 3px;
}

#content .testo A {
    text-decoration: underline;
}

/* CONTENT: INSERTO */

#content .inserto
{
    float: right;
	margin-top:4px;
	background-color: #fff;
	width: 16%;
}


#content .inserto H3 {
	font-size: 1.1em;
    color: #000000;
    padding: 0 10px 0 0px;
}

#content .inserto P {
    font-size: 0.9em;
    padding: 0 10px 0 0px;
}

#content .inserto UL {
    padding: 0 5px 0 0px;
    border: none;
    list-style: none;
}

#content .inserto UL LI {
    margin-bottom: 4px;
    list-style: none;
    float: left;
    background: transparent none no-repeat scroll 0pt 5px;
}

#content .inserto A
{
    font-size: 0.9em;
	text-decoration: none;
}

/* TOOLBAR */

/* CONTENT:TOOLBAR */

ul#toolbar,
ul#toolbar2 {
	margin: 0;
    padding: 0;
    border-bottom: 2px solid #ccc;
}

#toolbar li,
#toolbar2 li {
    background: none;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#toolbar li a,
#toolbar2 li a
{
	border-bottom: 4px solid #ccc;
    padding: 0 5px 5px 5px;
    height: 16px;
}

#toolbar li a:hover,
#toolbar2 li a:hover {
	border-bottom: 4px solid #f50;
}

/* CONTENT: SPLASH (INTESTAZIONI)*/

#splash {
    margin-bottom: 5px;
    padding: 0;
}
/*
#splash H1 {
    padding: 50px 10px 8px;
}

#splash H2 {
    padding: 0px 0 5px 5px;
	margin:0;
}

#splash H3 {
	padding: 5px 0 5px 8px;
	margin:0;
}

#splash P {
    font-size: 0.8em;
}

#splash .classe_oggetto
{
	font-size:1.1em;
	font-style:italic;
	padding-left:7px;
}
*/
/* CONTENT: BREADCRUMBS */

#trails {
	font-size:0.8em;
	/*padding:5px 0 0 0;
	margin:0px 0 0 8px;*/
	border-bottom:2px dotted #DBDBDB;
	color:#487C94;
	font-weight:normal;
	/*letter-spacing:0.4em;*/
	margin:0;
	padding:0.9em 0 0 0;
	text-transform:uppercase;
	line-height: 160%;
}

#trails a
{
	color: /*#487C94; */ #004B80;
	text-decoration: none;
}

/*-- SIDEBAR ---------------------------------------------------------------------- */


#sidebar H2 {
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 5px 5px 3px;
    line-height: 2em;
    margin-bottom: 0.8em;
	margin-top:0;
}

#sidebar .searchbox,
#sidebar .loginbox,
#sidebar .loginbox_failed,
#sidebar .menubox,
#sidebar .calendario {
    margin-bottom: 0px;
	padding:10px 2px 8px 0;
}

#sidebar .searchbox A:hover,
#sidebar .loginbox A:hover,
#sidebar .loginbox_failed A:hover,
#sidebar .menubox A:hover,
#children_menu A:hover {
	text-decoration: underline;
}

#sidebar FORM {
    padding: 0 0 0px 8px;
    margin: 0;
}

#sidebar UL, #children_menu UL {
	margin:0px;
  	padding:0px;
	line-height: 100%;
}

#sidebar UL LI, #children_menu UL LI{
	list-style-type: none;
	background:url(common_img/minidot.gif) no-repeat 0px 0.5em;
	margin:0 0 0.2em 0.3em;
	padding:0 0 0 0.8em;
}

#sidebar UL LI A, #children_menu UL LI A
{
	text-decoration: none;
	font-size:0.9em;
	color:#333;
	letter-spacing:0;
	font-family:Verdana,Arial,Helvetica;

}

#sidebar LI UL {
  margin:0px 5px 0px 10px;
}


/*-- SIDEBAR:SEARCHBOX --*/

#sidebar .searchbox P {
    margin: 0;
    padding: 0;
}

#sidebar .searchbox INPUT.campo {

}

/* SIDEBAR:LOGIN */

#sidebar .loginbox H3 {
	font-size: 1em;
    margin: 5px 10px;
    padding: 0;
}

#sidebar .loginbox P {
    margin: 5px 10px;
    padding: 0 0 0 12px;
}

#sidebar .loginbox .tab-sx {
    width: 30%;
    float: left
}

#sidebar .loginbox .tab-dx {
    width: 69%;
    float: left;
    margin-bottom: 1px
}

#sidebar .loginbox label {
    display:inline;
    clear:left;
	  margin:2px 2px 0px 2px;
	  float: left;
	  width: 35%;
}

#sidebar .loginbox INPUT.campo {
    border: 1px solid #ccc;
		width: 60%;
		margin: 2px 4px 3px 2px;
		display:inline;
}


/* SIDEBAR:LOGIN_FAILED */

#sidebar .loginbox_failed .tab-sx {
    width: 30%;
    float: left
}

#sidebar .loginbox_failed .tab-dx {
    width: 69%;
    float: left;
    margin-bottom: 1px
}

#sidebar .loginbox_failed FORM {
    border: 2px solid red;
}

#sidebar .loginbox_failed label {
    display:inline;
    clear:left;
    margin:2px 2px 0px 2px;
    float: left;
    width: 35%;
}

#sidebar .loginbox_failed INPUT.campo {
    border: 1px solid #ccc;
    width: 60%;
    margin: 2px 4px 3px 2px;
    display:inline;
}


/* SIDEBAR:CALENDARIO */

#sidebar .calendario .box {
		margin:0 auto;
		padding:3px;
		text-align:center;
		width:90%;
}

#sidebar .calendario .box table {
    width: 100%;
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}

#sidebar .calendario .box TR {
    padding: 0px;
    margin: 0px;
}

#sidebar .calendario .box TR A {
    padding: 0;
    margin: 0 0 0;
}

#sidebar .calendario .box TD {
    text-decoration: none;
    padding: 0px;
    border:1px solid #CCCCCC;
    font-size: 0.9em;
}

#sidebar .calendario .box TD A {
    color: #005BA9;
    text-decoration: none;
    font-weight: bold;
}

#sidebar .calendario .box TD .today {
    color: #f00;
}

#sidebar .calendario .box TD .today A {
    font-weight: bold;
    color: #f00;
}

#sidebar .calendario .box TD A:hover {
    color: #f00;
    text-decoration: underline;
}
/*
 IMPOSTAZIONI MODULO MENU
 */
.selected_menu_item {
/*    font-weight: bold;*/
}

.menu_item {
    font-weight: normal;
}
/* FORM STYLES
 -------------------------------------------------------------------------- */
/* BOX DEI FORM DI RICHIESTA */
div.form-container form {
    margin: 3px 0px;
}

div.form-container form p.note {
    font-size: 0.8em;
    margin-left: 140px;
}

div.form-container form fieldset {
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 5px;
    display: block;
}

div.form-container form legend {
    font-size: 0.8em;
    text-transform: uppercase;
    color: #999;
}

div.form-container .memorandum
{
	margin-bottom: 10px;
	font-size: 0.9em;
}

div.form-container .label,
div.form-container label,
div.form-container span.label {
    clear: left;
    display: block;
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 7px 5px 8px 2px;
    text-align: right;
    width: 25%;
}

div.form-container .object-help {
    clear: both;
    color: #555;
    margin-left: 21%;
    padding: 5px 0 5px 0px;
    font-size: 0.9em;
    border-bottom: #555 1px dashed;
    width: 75%
}

div.form-container label.error,
div.form-container span.error {
    color: #C00;
}

div.form-container label em,
div.form-container span.label em {
    position: absolute;
    right: 0;
    font-style: normal;
    color: #555;
}

div.form-container input.error {
    border-color: #C00;
    background-color: #FEF;
}

div.form-container input.error:focus,
div.form-container input {
    display: inline;
    font-size: 0.9em;
    margin: 2px;
    width: 30%;
	float: left;
}

div.form-container input.error:focus,
div.form-container input[type=checkbox] {
    clear: right;
    float: left;
    font-size: 0.9em;
    margin: 4px 2px 2px;
    width: 15px;
	text-align:left;
}

div.form-container input.error:focus,
div.form-container input[type=radio] {
    clear: right;
    display: block;
    float: left;
    font-size: 0.9em;
    margin: 2px 2px 2px;
    width: 15px;
}

div.form-container input.error:focus,
div.form-container input[type=hidden] {
    display: none;
}

div.form-container input.input_date,
div.form-container input.input_date:focus {
    width: 6em;
    margin: 1px 0px 5px;
}

div.form-container select,
div.form-container div.bsmContainer {
    font-size: 0.9em;
    margin: 6px 2px 2px 2px;
    vertical-align: top;
    width: 60%;
	float: left;
}

div.form-container select.bsmSelect
{
	font-size: 1em;
    margin: 6px 2px 2px 2px;   
    width: 66%;
	float: none;
}

div.form-container textarea {
    width: 300px;
    height: 100px;
    margin: 2px;
}

div.form-container textarea:focus {
    background-color: #FFC;
    border-color: #FC6;
}

div.form-container div.controlset label,
div.form-container div.controlset input {
    display: inline;
    float: none;
}

div.form-container div.controlset div {
    margin-left: 140px;
}

div.form-container div.buttonrow input {
    width: auto;
    margin-left: 22%;
}

div.form-container .object-link {
    background: url(common_img/freccina-dx.gif) no-repeat;
    margin: 0 10px 0 140px;
    border: #D8D8D8 1px dashed;
    padding: 4px
}

div.form-container ul {
    font-size: 0.9em;
    margin: 0 10px 0 22%;
    border: #D8D8D8 1px dashed;
    padding: 4px;
    list-style: none;
    display: block;
}

div.form-container .linkN-1 ul,div.form-container .link1-N ul
{
	float: left;
	width: 73%;
}

div.form-container .linkN-1 select
{
	float: none;
}

div.form-container .object-data {
    /*display: inline;
    margin: 2px;
    width: 30%;*/
}

div.form-container .object-label {
    clear: left;
    color: #494949;
    display: block;
    font-size: 0.9em;
/*
	float: left;
    margin: 0px 4px 0px 0px;
    padding: 2px 5px 8px 2px;
    text-align: right;
    width: 20%;
    */
}

div.form-container li {
    background: url(common_img/freccina-dx.gif) 0 5px no-repeat;
    padding: 0 0 5px 10px;
    list-style: none;
}

div.form-container table {
    width: 99%
}

div.form-container table input {
    font-size: 0.9em;
    width: 75%;
    text-align: center
}

div.form-container table input:focus {
    font-size: 0.8em;
    width: 75%;
    text-align: center
}

div.form-container td {

    border:none;
    text-align: center
}

div.form-container .error {
    border: 1px solid #FF0000;
}

/********* relazioni filtrate **************/
div.form-container .relationship_selection {
    float: left;
    width: 70%;
}

div.form-container .relationship_selector {
    float: right;
    width: 47%;
    margin-left: 2%;
}

div.form-container .relationship_target {
    float: right;
    width: 30%;
    margin-left: 2%;
    margin-right: 9%
}

div.form-container .relationship_selector .button, .relationship_target .button {
    border: 1px solid #999999;
    font-weight: normal;
    margin: 3px auto;
    width: 10em;
}

div.form-container .relationship_selection .button {
    float: right;
    display: block;
    border: 1px solid #999999;
    font-weight: normal;
    margin: 10px 10px 0px;
    width: 10em;
}

div.form-container .relationship_selection .select_relazione_filtrata {
    float: left;
    width: 67%;
}

div.form-container .relationship_target .select_relazione_filtrata {
    width: 100%;
    margin-top: 16px;
}

div.form-container .relationship_target .select_relazione_filtrata select {
    width: 100%;
    overflow: auto;
}

div.form-container .relationship_selector .filtra {
    border: 1px solid #999999;
    font-weight: normal;
    margin: 3px 20px 3px 3px;
    width: 10em;
    float: right;
}

div.form-container .relationship_selector ul {
    font-size: 0.9em;
    margin: 0 10px 0 22%;
    border: #D8D8D8 1px dashed;
    padding: 4px;
    list-style: none;
    display: block;
}

div.form-container .relationship_selector li {
    background: none;
    padding: 0 0 5px 0px;
    list-style: none;
}

div.form-container .relationship_selector ul label {
    clear: none;
    display: inline;
    float: none;
    font-size: 0.9em;
    margin: 0px 4px 0px 0px;
    padding: 2px 5px 8px 2px;
    text-align: right;
    width: 20%;
}

div.form-container .relationship_selector input[type = "checkbox"] {
    clear: none;
    display: inline;
    float: none;
    font-size: 0.9em;
    margin: 4px 2px 2px;
    width: 15px;
}

div.form-container .relationship_selector input {
    width: 60%;
}

div.form-container .relationship_selector  .selector
{
	float: left;
	width: 98%;
}

div.form-container .relationship_selector  .selector ul
{
	margin-left: 0px;
	float: left;
}

div.form-container .relationship_selector  .selector li
{
	float: left;
	width: 47%;
}

div.form-container .relationship_selector  .selector .tag_radice
{
	float: left;
}

.filtered_linkN-M {
    display: block;
    float: left;
    background-color: #f2f2f2;
    margin: 5px 0px;
	width:100%;
}

div.form-container .div_date_time
{
	float: left;
}

div.form-container .div_date_time select
{
	margin: 2px;
	width: 20%;
	float: none;
}


div.captcha-help
{
	color:#555555;
	font-size:0.9em;
	padding:0px 0 5px 0;
}

#content .domanda_captcha p
{
	margin-top: 5px;
}

/*********** filter ************/
#filter h1 {
    margin-bottom: -30px
}

#filter {
    margin-top: 20px;
}

/* LISTA RISULTATI - TABELLA */
#list TABLE
{
    /*margin-top: 5px;*/
	border-bottom:2px solid #D4E4E9;
	border-collapse:collapse;
}

#list TH {
	font-size: 0.9em;
    padding: 5px;
/*    text-transform: capitalize;*/
    border-bottom:#D4E4E9 2px solid;
}

#list TH A {
    text-decoration: none;
}

#list TH A:hover {

}

#list TD {
    padding: 5px 4px 2px 4px;
    font-size: 0.9em;
    border-bottom:1px dashed #DDD;
}


#list .pagine {
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding-top: 0.5em;
}

#list .pagine ul {
    text-align: right;
	margin-right:25%;
}

#list .pagine ul li {
    display: inline;
	margin-right: 9px;
}

#list .lista_linea_pari {
    background: #F3F3EB
}

#list .lista_linea_dispari {
    background: #FFFFFF
}

/*********** detail ************/

#object-body,
#object-system,
#object-body-links,
#object-body-nav {
    margin-top: 5px;
	padding: 8px 0;
	clear: both;
}

#object-body TH,
#object-system TH,
#object-body-links TH,
#object-body-nav TH {
    font-size: 0.8em;
    padding: 2px;
    font-weight: bold;
    padding: 4px 10px 6px 2px;
	border:none;
}

#object-body TD,
#object-system TD,
#object-body-links TD,
#object-body-nav TD {
    padding: 4px 2px 6px 2px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 0.9em;
	border-top:none;
	border-left:none;
	/* text-align: left; */
}

#object-body {
	background:none;
	margin: 0px;
	padding: 0px;
}

#object-body .label,
#object-system .label,
#object-body-links .label,
#object-body-nav .label
{
	border-bottom:2px dotted #C6DAE1;
	color:#487C94;
	font-weight:normal;
	margin:0;
	padding:0.5em 0;
	text-transform:uppercase;
}

#object-body .preloaded_instance .label
{
	display: inline;
	font-size: 1.1em;
	padding-right: 20px;
	border: none;
	color: #000;
	font-weight: bold;
}

#object-body .preloaded_instance .data
{
	display: inline;
}

#object-body H5{
  margin:10px 0 5px;
}

#object-body-nav
{
 	background:none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#object-body-nav .label
{
	border-bottom: none;
	display: inline;
	padding-right: 20px;
}

#object-body-nav .deco
{
	display: inline;
	padding-right: 10px;
}

/*

 DETTAGLIO RISULTATO - DATI PRINCIPALI - TABELLA

#object-body {
	background: url(common_img/object-body.png) 1% 3% no-repeat;
}

#object-body TD.tabsezione {
    border-bottom:2px solid #D8D8D8;
    font-weight: bold;
    font-size: 1em;
    color: #333;
    padding: 8px 4px 4px;
    text-transform: uppercase;
	line-height: 150%;
}

 DETTAGLIO RISULTATO - DATI DI SISTEMA - TABELLA


#object-system {
    background: url(common_img/object-system.png) 1% 3% no-repeat #FDF9F4;
}

#object-system TD A {
    text-decoration: underline;
    font-weight: bold;
}


 DETTAGLIO RISULTATO - OBJECT-BODY-LINKS

#object-body-links {
  background: url(common_img/object-body-links.png) 1% 3% no-repeat #f6fdf5;
}

#object-body-links TD A {
  text-decoration: underline;
}


 DETTAGLIO RISULTATO - OBJECT-BODY-NAV

#object-body-nav {
  background: url(common_img/object-body-nav.png) 2% 50% no-repeat #f8f0f0;
}

#object-body-nav TD A {
  text-decoration: underline;
}

#object-body-nav TD A:hover {
  color: #000;
}


 DETTAGLIO RISULTATO - DATI SPECIFICI
.object-title {
    margin-top: 10px;
}

.object-title table {
    margin: 0;
    padding: 0 5px 2px 3px;
    font-size: 1.5em;
	border:none;
}

.object-title table td {
    margin: 0;
    padding: 0 100px 2px 3px;
    letter-spacing: -0.02em;
	border:none;
}

.object-title table th {
    display: none;
	border:none;
}

.object-heading {
    float: left;
    width: 60%;
}

.object-body {
    float: left;
    width: 36%;
    padding: 5px 5px 5px 5px;
}


*/


.object-section {
    font-weight: bold;
    font-size: 1em;
    padding: 4px;
    width: 70%
}

#breadcrumb-map h4
{
	margin-bottom: 0px;
}

div.form-container .object-section {
    background: #555555;
    text-transform: uppercase;
}

.object-new {
    font-weight: bolder;
    padding: 10px 10px 10px 10px;
}

.object-needed {
    padding-left: 5px;
}

.object-optional {
    padding-left: 5px;
}

.object-legenda {
    font-size: 0.8em
}

.selected-object {
    margin-left: 20px;
    font-size: 0.9em;
    line-height: 0.9em;
}

.object-title .object-link em {
	display:none;
}
.object-link-noactive {
}

.navigation-options li {
    list-style: none;
    font-size: 1.05em;
    font-weight: bolder;
    padding: 4px;
    text-decoration: none;
}

.list-cell-title {
    font-weight: bold;
    font-size: 1em;
    padding: 2px 2px 2px 10px;
    margin-top: 20px;
}

.list-cell {
    float: left;
}

.list-row {
    float: left;
    width: 40%;
    margin-bottom: 10px;
}

.selector li {
    list-style: none;
    padding: 2px 20px;
}

/* COMPLEX DETAIL EDIT
 ----------------------------------------------- */
.detail-body {
    margin: 5px;
}

.detail-body .container
{
	padding: 0.4em 0;
}

.detail-edit .add-attivo, .detail-edit .add-disattivo, .detail-edit .del-attivo, .detail-edit .del-disattivo {
    background-repeat: no-repeat;
    display: block;
    margin: 0px;
    text-decoration: none;
    height: 16px;
    padding-left: 25px;
}

.detail-edit .add-attivo {
    background-image: url('common_img/icon-add.gif');
}

.detail-edit .add-disattivo {
    background-image: url('common_img/icon-add_dis.gif');
    color: #bbbbbb;
    cursor: default;
}

.detail-edit .del-attivo {
    background-image: url('common_img/icon-delete.gif');
}

.detail-edit .del-disattivo {
    background-image: url('common_img/icon-delete_dis.gif');
}

.detail-edit .container .complex_detail_instance {
    margin: 1em;
}

.detail-edit-system {
    background: #F3F3EB;
}

div.form-container form fieldset .detail-edit-system
{
	padding: 0px;
}

div.form-container div.detail-component {
    clear: both;
    padding: 0.25em 0;
}

.complex_sub_form {
    margin-top: 0.5em;
}

.complex_sub_form p, .complex_sub_form div, .complex_sub_form img, .complex_sub_form h4 {
    padding: 2px 5px;
}
/* RELATION */
.relation-item {
    float: left;
    width: 47%;
    border-bottom: 1px #ccc solid;
    padding: 8px;
    color: #494949;
}

.relation-item .relation_title {
    font-weight: bolder;
}

.relation-item .relation_description {
    font-size: 0.9em;
}
/* REPORT */
.report {
    border-bottom: 2px solid #999;
    background: #fff url(common_img/sfondo-report.jpg) repeat-x top;
    float: left;
    padding: 8px 8px 15px 8px;
    width: 68%;
    margin: 5px;
}

.report H2 {
    padding: 2px;
    letter-spacing: 2px;
    margin: 2px 5px;
    color: #390090;
}

.report A {
    background: transparent url(common_img/freccina-dx.gif) no-repeat scroll 0pt 50%;
    list-style-type: none;
    padding: 0px 0px 5px 10px;
    font-weight: bold;
    margin: 2px 5px;
}
/* MESSAGGI DI SISTEMA */
.system-message-success {
    font-size: 1.1em;
    font-weight: bolder;
    padding: 4px;
    color: #00c000;
	clear: left;
}

.system-message-error {
    font-size: 1.1em;
    padding: 4px;
    color: #cc0000;
	clear: left;
}
.error {
    font-size: 1.1em;
    font-weight: bolder;
    padding: 4px;
    color: #cc0000;
}
/*********** DETTAGLIO RISULTATO - ALLEGATI ************/
.object-attachment {
    border: #ddd 1px solid;
    padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
}

.object-attachment .object-needed {
    margin-left: 3px
}

.object-attachment .object-optional {
    margin-left: 3px
}

div.form-container .object-attachment .object-label {
    font-weight: bolder;
	text-align: left;
	font-size: 0.8em;
	text-transform: uppercase;
}

.contenitore_progressbar {
    line-height: 120%;
    border: 1px solid #333;
    background-color: #eeeeee;
    width: 150px;
}

.indicatore_progressbar {
    text-align: center;
    background-color: #f60;
}
/* STD STATS */
.stat-distribution .detail-body {
    margin: 0px;
    float: left;
    width: 100%;
    display: block;
}

.stat-distribution-build table {
    border-collapse: collapse;
    background-color: #fff;
    margin: 5px;
    width: 650px;
    border: solid 1px #fc9;
}

.stat-distribution-build td {
    padding: 3px;
    text-align: left;
    border-right: solid 1px #fc9;
	border-top:none;
	border-left:none;
	border-bottom:none;
}

.stat-distribution-build th {
    padding: 3px;
    text-align: left;
    font-weight: bold;
    background-color: #fc9;
    border-bottom: solid 1px #fc9;
	border-top:none;
	border-left:none;
	border-right:none;
}

.stat-distribution {
    margin: 0px;
    float: left;
    width: 100%;
    display: block;
}

.stat-distribution-field {
	clear: both;
}

/* MAPPA
 ----------------------------------------------------------------------- */


div#container_sitemap {
	background: none;
	overflow: auto;
	padding-bottom: 10px;
	height:100%;
}

div#contain_sitemap {
	background: none;
	font-size: 0.8em;
	margin:0.5em auto;
}


#contain_sitemap ul {
	padding: 5px 0 0 20px;
	margin:0;
}

#contain_sitemap ul li {
    font-size: 0.95em;
    list-style-position: outside;
    list-style-type: square;
    margin: 5px 25px;
    padding: 2px;
}

#contain_sitemap li.sitemap_element {
	list-style-type:none;
	margin:0 0 10px 0px;
	padding:0 0 0px 20px;
}

#contain_sitemap ul li ul {
	padding: 5px 0 0 20px;
	background: url(common_img/ul.gif) repeat-y 10px top;
	margin:0;
}

#contain_sitemap ul li ul li.sitemap_element {
	background: url(common_img/li.gif) no-repeat left 20px;
	list-style-type:none;
	margin:0 0 10px 0px;
	padding:0 0 0px 20px;
}

#contain_sitemap div {
}


#contain_sitemap a {
	display: inline;
	background: #eee;
	padding: 2px;
	color: #222;
	text-decoration: none;
	line-height: 2em;
	text-align: center;
	font-size: 1.2em;
}
#contain_sitemap a:hover {
	background: #fff;
}


#contain_sitemap li.sitemap_element div.intorno_tutto
{
	background-color: #eee;
	margin: 0px;
	padding:1px 3px 1px 3px;
	width:auto;
}

div.name_class
{
	display:inline;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}
div.description
{	display:inline;
	text-align: center;
	margin: 2px;
}

#contain_sitemap a.link_map
{

}
#contain_sitemap .descrizione_map
{	display:inline;
	margin: 5px 2px;
}
#contain_sitemap .bottoni_map
{	display:inline;
	text-align: center;
	margin: 2px;
}

/* FOOTER
 --------------------------------------------------------------------- */
#footer {
	width:100%;
	background: #487C94;
	padding: 5px 0 10px 0;
	color: #fff;
	font-size: 0.8em;
}
#footer A{
  color: #fff;
}

P#credits {
    text-align: center;
    clear: both;
    margin: 0;
}

/* VIDEO PLAYER
 --------------------------------------------------------------------- */
 .videoplayer
{
	/*border: 2px solid #444444;*/
}

.videoplayer_commands
{
	width:422px;
	height: 33px;
	border: 2px solid #444444;
	margin-top: 3px;
}

.videoplayer_commands a
{
	display: block;
	float: left;
	margin-left: 2px;
	width: 32%;
	text-align: center;
}

.videoplayer_commands a img
{
	border: 0px;
}


.videoplayer_commands a.pause
{
	border-right: 1px solid #444444;
}

.videoplayer_commands a.play
{
	border-right: 1px solid #444444;
}

.videoplayer_commands a.stop
{
	/*border-right: 2px solid #444444;*/
}



/* UTILITY
 ----------------------------------------------------------------------- */
.bottone,
.button {
    cursor: pointer;
    margin: 5px 0;
}

.clearBoth {
    clear: both
}

.spaced-clear-both {
    clear: both;
    margin-top: 2px
}

.clearfix:after {
    /*
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	*/
}

.clearfix {
    /*display: block;*/
}

.NoDisplay {
    display: none
}

.NoVisibility {
    height: 0px;
    width: 0px;
    position: absolute;
    top: -10000px;
    left: -10000px;
}

/* OVERRIDE JQUERY
 ----------------------------------------------------------------------- */
.bsmListItemRemove
{
	background: transparent url('img/icon-delete-small.gif') no-repeat center center;
	font-size: 0px;
	width: 15px;
}