/*inizio_css_generale*/

/* COLOR BASE: #A1C436  ***** DARK RED ***** */

#utente{
position: absolute;
top:0px;
left:130px;
}
#utente p{
color: #083372;
margin: 0px;
}
#utente b{
font-style: italic;
margin-left: 5px;
color: #083372;
}
#utente a{
color: black;
margin-left: 3px;
}
.header{
position: relative;
}
.header h2{
font-size: 15px;
margin: 0px;
position: absolute;
font-weight: 200;
margin-left: 10px;
padding: 2px;
color: black;
}
.ui-layout-north{
background-image: url(../immagini/back_north.png);
background-repeat: no-repeat;
background-position: top right;
}
.ui-state-highlight 
{
    height:25px;
    margin:5px;
}
h2{
font-size: 16px;
color: #083372;
margin-left: 10px;
}
/*fine_css_generale*/

/*inizio_css_testo*/
body{
font-family: Arial;

}
p{
font-family: Arial;
font-size: 13px;
color: #333;
}
#tabs p{
/*margin-left: 2%;*/
margin-bottom: 2px;
margin-top: 0px;
}
/*fine_css_generale*/


/*inizio_css_layout*/
.ui-layout-pane-north{
z-index:9999;
}


/*fine_css_layout*/
.content{
position: absolute;
top:90px;
left: 49px;

}
.content .breadcrumb{
color: #083372;
font-weight: bold;
font-size: 13px;
margin: 5px;
border-top: 2px solid #ddd;
width: 1300px;
padding-top: 3px;

}

/*inizio_css_menu_icone*/
.ui-tabs .ui-tabs-panel{
padding: 0px;
}

.toolbar {
background-color: #727272;
padding-top:5px;
padding-left:5px;
margin-left:2px;
}

.toolbar ul
{
    margin-top:0px;
}

.toolbar li{
float: left;
margin-left: 3px;

}
li{
list-style: none;
}
.nuovo{
background-image: url(../immagini/nuovo.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;

}
.toolbar button span{
float: left;
margin-right: 5px;
}

.toolbar .ui-button-text-only .ui-button-text{
padding: 3px;
}
.nuovo:hover{
background-image: url(../immagini/nuovo_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.chiudi{
background-image: url(../immagini/chiudi.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.chiudi:hover{
background-image: url(../immagini/chiudi_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.elimina{
background-image: url(../immagini/elimina.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.elimina:hover{
background-image: url(../immagini/elimina_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.modifica{
background-image: url(../immagini/modifica.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.modifica:hover{
background-image: url(../immagini/modifica_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.salva{
background-image: url(../immagini/salva.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.salva:hover{
background-image: url(../immagini/salva_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}
.stampa{
background-image: url(../immagini/stampa.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}

.stampa:hover{
background-image: url(../immagini/stampa_hover.png);
background-repeat: no-repeat;
display: block;
height: 25px;
width: 30px;
}

.bottone_cerca{
background-image: url(../immagini/bottone_cerca.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
}
#toolbar .ui-widget-header{
padding: 6px 10px;
}
.bottone_creanuovo{
background-image: url(../immagini/bottone_creanuovo.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_duplica{
background-image: url(../immagini/bottone_duplica.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
}
.bottone_elimina{
background-image: url(../immagini/bottone_elimina.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
}
.bottone_modifica{
background-image: url(../immagini/bottone_modifica.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -1px;
}
.bottone_salva{
background-image: url(../immagini/bottone_salva.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
}
.bottone_stampa{
background-image: url(../immagini/bottone_stampa.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
}
.bottone_salva_chiudi{
background-image: url(../immagini/bottone_salva_chiudi.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_invia{
background-image: url(../immagini/invia_mail.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_invia_test{
background-image: url(../immagini/invia_mail_test.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_espandi{
background-image: url(../immagini/bottone_espandi.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_comprimi{
background-image: url(../immagini/bottone_comprimi.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}
.bottone_sposta{
background-image: url(../immagini/bottone_sposta.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 20px;
margin-top: -2px;
}

/*fine_css_menu_icone*/


/*inizio_css_spallasx*/

.ui-layout-west{padding: 0px 5px;} 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ddd; background: #A1C436;font-family: Arial; font-weight: normal; font-size: 12px; color: #083372;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #083372; text-decoration: none; }
-ui-state-active thead { color: white;}
.ui-state-hover a, .ui-state-hover a:hover { color: #083372; text-decoration: none; }

.ui-accordion .ui-accordion-content {padding-left: 30px; padding-right: 15px;}
#spallasx .ui-widget-content { border: 1px solid #aaaaaa; background: #f2f2f2 url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #DDDDDD; background: #A1C436 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #083372; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ font-family: Arial; font-size: 14px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ background-color:#A1C436;}

li.menuLi
{
    width:100%;
}
#albero_classificatori ul{
background-color: white;
padding: 2px;
}

/*fine_css_spallasx*/

/*inizio_css_ui-layout-center*/

#tabs .ui-widget-header.ui-widget-header { border: none; background: transparent;}
#tab2 p{
margin-left: 10px;
}

.ui-layout-center 
{
    background-color:#DDDDDD;
    padding: 10px;
    
}
.ui-layout-center #contenitore{
    background-color: white;
    padding: 10px;
    overflow:auto;
    min-height: 590px;
}
.ui-layout-center .toolbar{
background-color: #A1C436;
position: relative;
height: 30px;
}
.ui-layout-center .toolbar #str_cerca{
float: left;
margin-top: 5px;
}
.ui-layout-center .toolbar button{
float: left;
margin-right: 15px;
}
/*inizio_tables */

table.tablesorter {
	font-family:arial;
	margin:10px 0px 0px 2px;
	font-size: 11px;
	text-align: left;
	width:100%;
	background-color: transparent;
	border: 1px solid #afafaf;
	}
table.tablesorter thead {
background-color: #DDDDDD;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ddd;
	border:none;
	font-size: 12px;
	color: #083372;
	border-bottom: 2px solid white;
	border-top:none;
	border-left:none;
	border-right:none;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #e6e6e6;
color: #000000;
}
table.tablesorter tbody td {
background-color: #F2F2F2;	
}

/*fine_tables */

/*inizio_modale
.ui-widget { font-family: Arial; font-size: 1.1em; }
.ui-widget-header { border: 1px solid #aaaaaa; background-color: #727272; }
.ui-widget-header .ui-icon { display: block; background-position: center; height: 16px; width: 16px; }
#tab3 p a{padding: 2px 5px;}
/*fine_modale*/

.ui-icon 
{
    display:inline-block;
}
/*inizio_form*/
fieldset{
float: left;	
}
.f_uno{
width: 97%;
border: none;
background-color: #f2f2f2;
padding: 1%;
border: 1px solid #afafaf;
margin-top: 10px;
position: relative;
}
.f_due{
width: 47%;
border: none;
background-color: #f2f2f2;
padding: 1%;
border: 1px solid #afafaf;
margin-top: 10px;
position: relative;
}
.f_tre{
width: 29%;
border: none;
background-color: #f2f2f2;
padding: 1%;
border: 1px solid #afafaf;
margin-top: 10px;
position: relative;
}
.contenitore_interno{
position: relative;
}
.immagini_fieldset{
position: absolute;
top:-37px;
left:70px;
width: 100px;
}

input{
padding: 3px 6px;
border: 1px solid #dadada;
}
select{
padding: 3px 6px;
border: 1px solid #dadada;
}
textarea{
padding: 3px 6px;
border: 1px solid #dadada;
}

.bottone{
padding: 8px 15px;
background-color: #f2f2f2;
border: 1px solid #ddd;
margin: 10px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
font-family: Arial;
font-size: 14px;
}
legend{
font-family: Arial;
font-size: 16px;
color: #333;
}

/* inizio modifica */
br {
	clear: both; height: 1px
}

.modulo20 {
	width: 775px
}
.modulo19 {
	width: 735px
}

.modulo18 {
	width: 695px
}
.modulo17 {
	width: 655px
}
.modulo16 {
	width: 615px
}
.modulo15 {
	width: 575px
}
.modulo14 {
	width: 535px
}
.modulo13 {
	width: 495px
}
.modulo12 {
	width: 455px
}
.modulo11 {
	width: 415px
}
.modulo10 {
	width: 375px
}
.modulo9 {
	width: 335px
}
.modulo8 {
	width: 295px
}
.modulo7 {
	width: 265px
}
.modulo6 {
	width: 225px
}
.modulo5 {
	width: 185px
}
.modulo4 {
	width: 165px
}
.modulo3 {
	width: 105px
}
.modulo2 {
	width: 75px
}
.modulo1 {
	width: 45px
}
.campi label {
	display: block;
	font-family:Arial;
	font-size:13px;
}
.campi {
	margin-top: 5px;  margin-right: 5px; display: inline;float: left;
}

.chkbox
{
    float:left;
    border:none;
}

label.error
{
    color:Red;
}

/*fine modifica */

.aggiungi{
padding: 5px;
border-bottom: 1px solid #ddd;
}

.azioni img{
margin-right: 5px;
padding: 2px;
border: 1px solid #ddd;

}
.azioni img:hover{
background-color: #fff;
border: 1px solid #ddd;
}
table{
width: 98%;
}
table td{
padding: 5px 0px;
}
table label{
font-size: 13px;
}
table input{
border: 1px solid #DADADA;
}


/*fine_form*/
/*inizio_toolbar2*/

#toolbar2{
height: 25px;
margin-bottom: 20px;
padding: 2px;
border-bottom: 2px solid #DBDBDB;
}
#toolbar2 li{
float: left;
margin-left: 3px;
border: 1px solid #DBDBDB;
background-color: #f2f2f2;
padding: 3px;

}
#toolbar2 li:hover{
background-color: #f2f2f2;
}
.nuovo2{
background-image: url(../immagini/nuovo_p.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}

.chiudi2{
background-image: url(../immagini/chiudi_p.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}

.elimina2{
background-image: url(../immagini/elimina_p.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}
.modifica2{
background-image: url(../immagini/modifica_p.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}

.salva2{
background-image: url(../immagini/salva_p.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}
.azione_p{
text-align: right;
margin: 0px;
margin-top: -10px;
}

/*fine_toolbar2*/

/*fine_css_ui-layout-center*/
/*inizio_css_ui-layout-east*/

#albero{
margin-top: 20px;
}
#albero li, #albero span{
font-family: Arial;
font-size: 13px;

}


/*inizio_css_ui-layout-east*/

/*inizio_css_ui-layout-south*/

.ui-layout-pane-south p{
margin: 0px;
padding-right:30px;
font-family: Arial;
font-size: 12px;
text-align: right;
}
/*fine_css_ui-layout-south*/

/*inizio_css_resizer*/

.ui-layout-resizer{
background-color: #afafaf;
}
.ui-layout-toggler{
background-color: #083372;
}

/*fine_css_resizer*/

/* DROPPABLE */
.box_dashboard 
{
    width:400px;
    border:1px #F9A253 solid;
    height:400px;
    float:left;
    margin:5px;
    padding:5px;
}
/* FINE DROPPABLE */

/*STRUTTURA CORSI*/
.struttura_corsi
{
    padding:5px;border:1px #000 solid;
}
.anno_corso
{
    border-top:1px #000 solid;
    border-right:1px #000 solid;
    border-left:1px #000 solid;
    margin-bottom:0px;
    padding:5px 5px 0px;
    color: #00478E;
    font-size: 15px;
}

.corso
{
    border-bottom:1px #444 solid;
    border-right:1px #444 solid;
    border-left:1px #444 solid;
    border-top: 2px solid #444;
    margin-top:0px;
    padding:5px 5px 0px;
    background-color: #f2f2f2;

}
.moduli
{
    border-bottom:1px #BCBCBC solid;
    padding: 4px;
    position: relative;
}
.moduli .titolo_corso{
border-bottom: 1px solid #333;
margin-bottom: 2px;
}
.moduli .titolo_corso a{
color: #03417F;
text-decoration: none;
}
.moduli .titolo_corso a:hover{
color: #7F033B;

}

.moduli .titolo_corso .icona_azioni{
background-image: url(../immagini/icona_azioni.png);
background-repeat: no-repeat;
display: block;
height: 18px;
width: 18px;
float: right;
margin-left: 5px;
}
.moduli p{
margin: 2px;
display: inline-block;
}
.moduli strong{
color: #05336B;
font-size: 14px;
}
.moduli div{
padding-left: 60px;
background-color: #f9f9f9;
margin-top: 2px;
}
.moduli div p{
font-size: 12px;
}
.moduli div p a{
text-decoration: none;
color: #03417F;
}
.moduli div p a:hover{
color: #7F033B;
}
.moduli div strong{
color: #444;
font-size: 12px;
}
.moduli div p .icona_azioni{
background-image: url(../immagini/icona_azioni.png);
background-repeat: no-repeat;
display: block;
height: 18px;
width: 18px;
float: right;
margin-left: 5px;
}


/*#lista_azioni ul{
margin: 0px;

}
.qtip-content ul{
margin: 0px;
padding: 5px;
}
.qtip-content ul li{
list-style: none;
margin-left: 5px;
margin-right: 5px;
}
.qtip-content ul li a{
font-size: 12px;
color: #01770A;
}
.qtip-content ul li a:hover{
color: #770131;
}*/






/*FINE STRUTTURA CORSI*/
/*LOGIN*/
body{

background:#eee;
}

div.login{
margin-top:80px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
width: 255px;
border: 1px solid #5d5d5d;
background-color: #f2f2f2;
height: 300px;
background-repeat: no-repeat;
background-position: 1px 2px;
text-align:center;
}

/*FINE LOGIN*/

.puntatore{ cursor:pointer; }

/* TABELLE CON NTESTAZIONI FISSA */
/* 
	 *	STRUCTURAL STYLES - *REQUIRED*
	 *
	 *	Just set table-layout:fixed and add scrollbar to data-wrapper
	 */
	
	div.tableWrapper {
		/* could pad table wrappers if desired */
		padding:		0;
		overflow:		hidden;
		}
	table {
		table-layout:	fixed;
		}
	div.dati { /* <div class="data tableWrapper"> */
		overflow-y:		scroll; /* FORCE a scrollbar */ 
		}
	.dati .innerWrapper {
		/* must contain table so doesn't extend *under* tableWrapper scrollbar */
		position:	relative;
		overflow:	hidden;
		}


	/*
	 *	CELL PADDING & ALIGNMENT
	 *
	 *	To ensure perfect header/data column alignment in all browsers
	 *	use the same left/right padding (and border-width) in the header & data.
	 *	Each column can be customized as long as the header/data columns match
	 */
	/* vertical padding */
	.tableheader td ,
	.footer td {
		padding-top:	7px;
		padding-bottom:	6px;
	}
	.dati td {
		padding-top:	4px;
		padding-bottom:	4px;
	}
	/* left-aligned cells (default) */
	.tableWrapper td {
		text-align:		left; /* for reference */
		padding-left:	10px;
		padding-right:	4px;
	}
	/* right-aligned cells */
	.tableWrapper .c2 , /* Date  */
	.tableWrapper .c3 { /* Price */
		text-align:		left;
		padding-left:	4px;
		padding-right:	10px;
	}
	/* center-aligned cells */
	.tableWrapper .c1 { /* icons */
		text-align:		left;
		padding-left:	7px;
		padding-right:	0;
	}
	/* header/footer alignment tweaking */
	.tableheader .c2 , /* Date  */
	.tableheader .c3, .tableheader .c1{ /* Price */
		text-align:		left; /* data is right-aligned, but center the headings */
		/* retain same *total padding* as data-columns to assure aligment */
		padding-left:	7px;
		padding-right:	7px; /* 7 + 7 = 14px total - same as data-columns */
	}
	
	/*
	 *	COSMETIC FORMATTING
	 *
	 *	Customize the header/footer/data appearance however you like,
	 *	just remember to match border-widths for matching columns
	 */
	div.tableheader {
		background:		#ddd;
		margin-left: 2px;
		margin-top: 10px;
		border-top: 1px solid #AFAFAF;
		border-left: 1px solid #AFAFAF;
		border-right: 1px solid #AFAFAF; 
	}
	div.footer {
		background:		#FED362;
		border-top:		1px solid #999;
		}
	.tableheader table td , .footer table td {
		border-left:	1px solid #FFF;
	}
	.tableheader table td {
		color: #083372;
	}
	div.dati {
		margin-left: 2px;
		border-left: 1px solid #afafaf;
		border-bottom: 1px solid #afafaf;
    }
	.dati table tr {
		background:		#F2F2F2;
	}
	.dati table tr.alt {
		background:		#f2f2f2;
		}
	.dati table td {
		border-bottom:	3px solid white;
		vertical-align:	top;
		font-size: 12px;
	}
	.dati table td a{
	color: #3D6602;
	}
	.dati table td a:hover{
	color: #A1C436;
	}
	.tableWrapper table .c1 { /* need sufficient specificity here */
		border-left:	0; /* no left-border on first cell - all tables */
	}
	
/* FINE TABELLE CON INTESTAZIONE FISSA */

/*inizio_menu_blu*/
#d_menu{
height: 31px;
background-color: #083372;

margin-top: 10px;
}
#menu{
height: 30px;

}
#menu p, #menu a, #menu li{
font-size: 14px;
}
#menu li a{
height: 10px;
}
/*fine_menu_blu*/
/*inizio_bottoni*/
#btn_chiudi, #ContentPlaceHolder1_btn_elimina, #ContentPlaceHolder1_btn_salva, #btn_cerca, #ContentPlaceHolder1_btn_nuovo, #esci, #ContentPlaceHolder1_btn_aggiorna, .toolbar .stile_bottone {
background-color: #ccc; border: 1px solid lightGrey; color: #555; font-weight: normal;
}
#esci{
background-color: #ccc; border: 1px solid lightGrey; font-weight: normal; height: 25px; padding: 2px 10px; width: 60px; margin-top: 8px;
}
#esci span{
padding: 0px;
}
#esci a{
color:#083372;
font-size: 11px;
}

/*fine_bottoni*/
/*inizio_testa_nuova*/
#profili{

margin-left:48px;
background-color: white;
border: 1px solid #ddd;
height: 45px;
width: 50px;
margin-top: 10px;
}
#progettinrete{
background-image: url(../immagini/logo_progettinrete.png);
background-repeat: no-repeat;
display: block;
height: 30px;
width: 86px;
position: absolute;
top: 25px;
left: 1260px;
}
/*fine_testa_nuova*/

.jstree-default.jstree-focused ul{
background-color: white;
padding: 3px;
}