/*
-------------------------------------------------------------------

		LIFE stylesheet

		verde pieno: 	#6C6
		verde sfondo:	#ADE3AC
		rosso (cat1):	#C00
		blu (cat2):		#09C
		arancio (cat3):	#F93
		fuxia (cat4):	#C0C

-------------------------------------------------------------------
*/
body, html {
	margin: 0px 10px 0 10px;
	padding: 10px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

/*
-------------------------------------------------------------------
					TYPOGRAPHY
-------------------------------------------------------------------
*/

ul, ol {
	margin: 10px 50px 10px 20px;
	padding: 0 25px;
}

li {
	margin: 0;
	padding: 3px 0;
}

ul li {
	list-style-type: square;
}

hr {
	border: 0px solid #ccffcc;
	/*background: url("images/patternHR.gif")repeat-x;*/
	height : 1px;
	background : #ccffcc;
}

i{
	color : #090;
}

b{
	color : #006600;
}

legend
{
	font-size: 12px;
	font-weight: bold;
	margin-left : 4px;
}

h1 {
	color: #006600;
	font-size: 14pt;
	text-align: left;
	margin: 0;
	padding: 3px 0 10px 0;
}

h2 {
	color: #006600;
	font-size: 12pt;
	padding: 3px 0 10px 0;
	margin: 0;
	
}

h3 {
	color: #006600;
	font-size: 11pt;
	font-weight: normal;
	padding: 3px 0 6px 0;
}

h4{
	font-size : 9pt;
	color : #006600;
	padding: 0 0 4px 0;
}

/*
-------------------------------------------------------------------
					BACKGROUNDS, BORDER, HOVERS
-------------------------------------------------------------------
*/

.lightBorder{
	border-color : #ccffcc !important;/* ### tint-lightBKG ### */
}

.middleBorder{
	border-color : #66cc66!important;/* ### tint-middleBKG ### */
}

.strongBorder{
	border-color : #006600 !important;/* ### tint-strongBKG ### */
}

.whiteBorder{
	border-color : #ffffff !important;
}


.whiteBKG{
	background-color : #ffffff;
}

.whiteBKG_bordered{
	background-color : #ffffff !important;
	border : 1px solid #ccffcc !important;
}

.lightBKG{
	background-color : #ccffcc;
}

.middleBKG{
	background-color : #66CC66;
	color : #ffffff;
}

.strongBKG{
	background-color : #006600;
	color : #ffffff;
}

.middleBKG_hover:hover{
	color:#fff;
	background-color:#696;
}


/*
-------------------------------------------------------------------
					FORM
-------------------------------------------------------------------
*/
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

label {
	display: block;
	margin: 0 0 10px 0;
}

label:hover {
	color: #6C6;
}

input, select, textarea {
	margin: 0px;
	padding: 2px;
	width: 140px;
	border: 1px solid #ddd;
	background-color: #eee;
	font-size: 8pt;
}

textarea {
	width: 200px;
	margin : 0 0 10px 0;
}

input:focus, select:focus {
	background-color: white;
}

.buttonstyle {
	width : auto;
	background-color : #66cc66;
	color : #fff;
	border : 1px solid #ade3ac;
	padding : 3px 10px 4px 10px;
}

.buttonstyle:hover {
	background-color : #ccffcc;
	color : #009933;	
	border : 1px solid;
	cursor : pointer;
}

input.buttonstyle_red {
	width : auto;
	background-color : #990000;
	color : #fff;
	border : 1px solid #fff;
	float : right;
	margin : 20px 4px 0 4px;
	padding : 3px 10px 4px 10px;
}

input.buttonstyle_red:hover {
	background-color : #fff;
	color : #990000;	
	border : 1px solid;
	cursor : hand;
}

input.checkboxstyle, input.radiostyle, input.filebutton {
	width: auto;
	background-color : #66cc66;
	vertical-align : middle;
}

.checkbox{
	width:10px !important;
	padding-top:2px;
	vertical-align : middle;
}

.checkbox td{
	width:10px !important;
	padding-top:2px;
	vertical-align : middle;
}

input.checkbox{
	width:12px !important;
	margin : 0px;
	vertical-align : middle;
}


#form1, .form1{	
	/*border : 1px solid black;
	border-bottom : 2px solid #ade3ac;*/
	background-color : #66cc66;
	-moz-border-radius : 5px;
	text-align : left;
	padding : 9px 10px 10px 10px;
	margin : 0 0 10px 0;
	color : #fff;
	font-size : 8pt;
}

#form1 a, .form1 a{
	color : #fff;
}

#form1 a:hover, .form1 a:hover{
	color : #cfc;
}

#form1 h1, .form1 h1, #form1 h2, .form1 h2,#form1 h3, .form1 h3,#form1 h4, .form1 h4{
	color : #ccffcc;	
}

.formRegisterInputnormal {
  color:#933;
	border-spacing : 0px;	
 	line-height: 15px;
 	border : 0px solid;
}

.formRegisterInputnormal_leftAlign{
  color:#933;
	border-spacing : 0px;	
 	line-height: 15px;
 	border : 0px solid;
}


.formRegisterline{
	font-size : 8pt;	
	border-spacing : 0px;
	width : 60%;
}


.selectBox{
	border : 0px solid #000;
	margin : 0 auto;
	color : #060;
	font-size : 10px;
}

/*
-------------------------------------------------------------------
					POSTIT
-------------------------------------------------------------------
*/

.controller { 
position:absolute;
cursor:pointer; 
top:0px;
left:0px;
width:auto;
height:auto;
}

.postIt{
	
width:210px;
overflow:none;
height:220px;
z-index:5000;
background-attachment: fixed;
background: url('images/postit_sf.png');
background-repeat: repeat-x;	
}

.postItNotes{
overflow:hidden;
}

.closer {
	
margin:25px 0px 10px 10px;
color: #666;
font-size:14px;
cursor:pointer;
width:20px;
height:auto;
}

/*
-------------------------------------------------------------------
					CHAT
-------------------------------------------------------------------
*/

.layerContentChat{
   position:fixed;
   display: block;
   height: 30px;
   bottom:0px;
   left: 0px;
}
.layerChat {
   z-index:10;
   height: 30px;
   border-top: 1px solid gray;
   background-image: url(../../images/menuShadow.png);
   background-repeat: repeat-x;
   background-position: bottom;
/*    filter:alpha(opacity=30);
   -moz-opacity:0.3;
   opacity:0.3;
*/
}
.usersChat{
   background-image: url(../../images/chat.png);
   margin-right:3px;
   height: 40px;
   float:right;
   width:30px;
   font-size:18px;
   text-align:center;
   cursor:pointer;

}

.messaggioChat {
   font-size: x-small;
   padding-left:5px;

}
.utenteChatNew{
   color:#666600;
   font-size: small;
   font-style: italic;
   font-weight: bold;
   background-color: #ddeedd;
   width:98%;
   margin-top:5px;
   padding-left:5px;
}
.messaggioChatNew {
   font-size: small;
   background-color: #ddeedd;
   width:98%;
   padding-left:5px;

}
.bodyChat {
   text-align: left;
   height: 240px;
   width: 482px;
   overflow: auto;
   background-color: #eeffee;
   margin-top:8px;
   padding: 10px 5px 5px 5px;
}

.chatContent{
   margin-left:10px;
   margin-top:-278px;
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   background-color:#fff;
   width:250px;
   height:350px;
   float:left;
   text-align:left;
}

.chatContent textarea {
   width:239px;
   height:65px;
}
.chatHeader {
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
   height:20px;
   padding:5px;
   font-size:14px;
   cursor:pointer;
}
.chatBody {
   padding:5px;
   height:180px;
   overflow: auto;
   color:#000;
   }
.chatControll {
   border-top:2px solid gray;
   padding:2px;
   padding-top:5px;}
/*
-------------------------------------------------------------------
					COUNTDOWN
-------------------------------------------------------------------
*/

#overlay{
    
	display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
		height: 100%;
    z-index:5000;   
    background-color:#030;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    text-align:  center;
    }

#divlay {
	margin : 0 auto;
	position:relative;
	top: 50px;
	background-color:#fff;
  width:350px;
  height:150px;
  z-index:6000;
	-moz-border-radius : 10px;
	border : 1px solid #060; 
  text-align: center;	
}    

#countDown{
	/*display: none;*/
	background-color : #6C6 ;
	border : 1px solid #6c6;
	-moz-border-radius-topright : 10px;
	-moz-border-radius-topleft : 10px;
	-moz-border-radius-bottomright : 10px;
	margin : 5px auto;
	padding: 10px 0px 0px 10px;
	width : 108px;
	height : 20px;
	color : #fff;
	font-size : 8pt;
	/*float : left;*/
}

#countDownIn {
	
	display: none;
	background-color : #339933 ;
	border : 1px solid #6c6;
	-moz-border-radius-topright : 10px;
	-moz-border-radius-topleft : 10px;
	-moz-border-radius-bottomright : 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	width : 80px;
	text-align: center;
	font-size: 12pt;
	color: #ADE3AC;
	position: relative;
	left: 120px;
	top: 0px;
}


/*
-------------------------------------------------------------------
					LAYOUT
-------------------------------------------------------------------
*/

#main {
	width: 90%;
	min-width: 950px;
	max-width: 1000px;
	width: expression(document.body.clientWidth > 1100? "1000px" : (document.body.clientWidth < 800? "720px": "90%" )); 	
	text-align: left;
	margin: 0 auto;
}
.closediv {
	clear: both;
}


/*
-------------------------------------------------------------------
					TABLE
-------------------------------------------------------------------
*/

table {
	width: 100%;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 8pt;
	padding: 1px 3px;
}


.odd, tr.odd, .pari, tr.pari, .MacroAree-ColonnePari, .TabellaDatiRipetuti-ColonnePari, .TabellaDatiRipetuti-LineePari {
	vertical-align: top; 
	background-color: rgb(204, 255, 204); 
}

.even, tr.even, .dispari, tr.dispari, .MacroAree-ColonneDispari, .TabellaDatiRipetuti-ColonneDispari, .TabellaDatiRipetuti-LineeDispari {
	vertical-align: top; 
	background-color: #CCFFCC; 
}

.odd:hover, tr.odd:hover, .pari:hover, tr.pari:hover {
	vertical-align: top; 
	background-color: #99cc99; 
}

.even:hover, tr.even:hover, .dispari:hover, tr.dispari:hover {
	vertical-align: top; 
	background-color: #99cc99; 
}

.odd a:hover, tr.odd a:hover, .pari a:hover, tr.pari a:hover {
	color: #fff; 
}

.even a:hover, tr.even a:hover, .dispari a:hover, tr.dispari a:hover {
	color: #fff; 
}

.emptyRow{
	height : 20px;
}

.emptyRow hr {
	border: 1px solid #ccffcc;
	margin-top : 25px;
}

tr.head td {
	font-weight: bold;
}

.head td{
	background-color : #006600;
	padding : 2px 5px 3px 5px;
	color : #ccffcc;
	width : auto;
}

.head{
	background-color : #006600;
	padding : 2px 5px 3px 5px;
	color : #ccffcc;
	width : auto;
}

.head_light td, .MacroAree-macroAreaDes td{
	background-color: #66CC66;
	padding : 2px 2px 3px 4px;
	color : #fff;
	width : auto;
}

.head_light, .MacroAree-macroAreaDes{
	background-color: #66CC66;
	padding : 2px 2px 3px 4px;
	color : #fff;
	width : auto;
}

tr.head a{
	color : #fff !important;
}

tr.head_light a, head_light a, .head_light td a, td.head_light a, tr.MacroAree-macroAreaDes a, MacroAree-macroAreaDes a, .MacroAree-macroAreaDes td a, td.MacroAree-macroAreaDes a{
	color : #fff !important;
}

tr.head_light a:hover, head_light a:hover, tr.head a:hover, head a :hover, .head_light td a:hover, td.head_light a:hover, tr.MacroAree-macroAreaDes a:hover, MacroAree-macroAreaDes a:hover, .MacroAree-macroAreaDes td a:hover, td.MacroAree-macroAreaDes a:hover{
	color : #ccffcc !important;
}

.head_light_div{
	background-color: #66CC66;
	padding : 2px 2px 3px 4px;
	color : #ccffcc;
	width : auto;
	
}


.head_lightSelected td{
	background-color: #ccffcc !important;
	padding : 2px 2px 3px 4px;
	color : #006600 !important;
	width : auto;
}

.head_lightSelected{
	background-color: #ccffcc !important;
	padding : 2px 2px 3px 4px;
	color : #006600 !important;
	width : auto;
}


/*.odd td{
	background-color : #99ff99;	
}

.even td{
	background-color : #ccffcc;
}
.pari td{
	background-color : #99ff99;	
}

.dispari td{
	background-color : #ccffcc;
}*/

.personalDataTable{
	background-color : #ccffcc;
	-moz-border-radius : 10px;
	padding : 20px 10px 25px 10px;
}


/*
-------------------------------------------------------------------
					FIELDSET
-------------------------------------------------------------------
*/

fieldset{
	border : 1px solid #ccffcc;
	padding : 6px 2px;
	margin : 0 0 10px 0;
	-moz-border-radius : 10px;
}

fieldset h3{
	font-size : 14px;
	line-height : 5px;
	color : #006600;
}

fieldset h4{
	font-size : 12px;
	line-height : 5px;
	color : #006600;
}

legend {
	font-size : 12px;
	color : #006600;
	margin : 0 0 0 0px;
}

legend h3{
	font-size : 14px;
	line-height : 5px;
	color : #006600;
}


/*
-------------------------------------------------------------------
					DASHBOARD MENU
-------------------------------------------------------------------
*/

#mainmenu.dashboardmenu {
	height: 240px;
	border : 0px solid black;
	padding: 0 0 25px 0;
}
#mainmenu .mainmenugroup {
	width: 160px;
	position: absolute;
}
#mainmenu #msg-alert {
	padding: 80px 0 0 0;
	float:left;
}
#mainmenu #msg-alert a {
	background: url("./images/msg-alerticon.gif") no-repeat left;
	width: 49px;
	height: 55px;
	display: block;
}
#mainmenu .mainmenugroup h3 {
	text-align: right;
	font-size: 10pt;
	/*color: #6C6;*/
	margin: 0 0 5px 5px;
	padding: 0 5px 0 0;
}

#mainmenu .mainmenubox {
	width: 3px;
	height: 218px;
	border-right: 2px solid #6c6;	
	margin: 0 0 0 152px;
	position: absolute;
}
#mainmenu .even0, #mainmenu .even1, #mainmenu .even2, #mainmenu .odd0, #mainmenu .odd1, #mainmenu .odd2 {
	height: 22px;
	width: 155px;
}
#mainmenu .even0, #mainmenu .even1, #mainmenu .even2 {
	margin: 0 0 0 157px;
}
#mainmenu .odd0, #mainmenu .odd1, #mainmenu .odd2 {
}
#mainmenu .mainmenugroup a {
	font-size: 8pt;
	height: 24px;
	display: block;
	text-align: right;
}
#mainmenu .even0 a, #mainmenu .even1 a, #mainmenu .even2 a {
	float: left;
	padding: 0 0 0 24px;
}
#mainmenu .odd0 a, #mainmenu .odd1 a, #mainmenu .odd2 a {
	float: right;
	padding: 0 24px 0 0;
}
#mainmenu .even2 a, #mainmenu .odd2 a {
	font-weight: bold;
}
#mainmenu .even2 a {
	padding: 0 0 0 30px;
}
#mainmenu .odd2 a {
	padding: 0 30px 0 0;
}
#mainmenu #menucat1 {
	left: 2%;
	z-index: 4;
}
#menucat1 h3{
	color : #c00;
}
#mainmenu #menucat1 .even0 a {
	background: url("images/menu-cat1-even0.png") no-repeat left;
}
#mainmenu #menucat1 .even1 a {
	background: url("images/menu-cat1-even1.png") no-repeat left;
}
#mainmenu #menucat1 .even2 a {
	background: url("images/menu-cat1-even2.png") no-repeat left;
}
#mainmenu #menucat1 .odd0 a {
	background: url("images/menu-cat1-odd0.png") no-repeat right;
}
#mainmenu #menucat1 .odd1 a {
	background: url("images/menu-cat1-odd1.png") no-repeat right;
}
#mainmenu #menucat1 .odd2 a {
	background: url("images/menu-cat1-odd2.png") no-repeat right;
}
#mainmenu #menucat1 a:hover {
	color: #c00;
}
#mainmenu #menucat2 {
	left: 24%;
	z-index: 3;
}
#menucat2 h3{
	color : #09c;
}
#mainmenu #menucat2 .even0 a {
	background: url("images/menu-cat2-even0.png") no-repeat left;
}
#mainmenu #menucat2 .even1 a {
	background: url("images/menu-cat2-even1.png") no-repeat left;
}
#mainmenu #menucat2 .even2 a {
	background: url("images/menu-cat2-even2.png") no-repeat left;
}
#mainmenu #menucat2 .odd0 a {
	background: url("images/menu-cat2-odd0.png") no-repeat right;
}
#mainmenu #menucat2 .odd1 a {
	background: url("images/menu-cat2-odd1.png") no-repeat right;
}
#mainmenu #menucat2 .odd2 a {
	background: url("images/menu-cat2-odd2.png") no-repeat right;
}
#mainmenu #menucat2 a:hover {
	color: #09c;
}
#mainmenu #menucat3 {
	left: 46%;
	z-index: 2;
}
#menucat3 h3{
	color : #f93;
}
#mainmenu #menucat3 .even0 a {
	background: url("images/menu-cat3-even0.png") no-repeat left;
}
#mainmenu #menucat3 .even1 a {
	background: url("images/menu-cat3-even1.png") no-repeat left;
}
#mainmenu #menucat3 .even2 a {
	background: url("images/menu-cat3-even2.png") no-repeat left;
}
#mainmenu #menucat3 .odd0 a {
	background: url("images/menu-cat3-odd0.png") no-repeat right;
}
#mainmenu #menucat3 .odd1 a {
	background: url("images/menu-cat3-odd1.png") no-repeat right;
}
#mainmenu #menucat3 .odd2 a {
	background: url("images/menu-cat3-odd2.png") no-repeat right;
}
#mainmenu #menucat3 a:hover {
	color: #f93;
}
#mainmenu #menucat4 {
	left: 68%;
	z-index: 1;
}
#menucat4 h3{
	color : #c0c;
}

#mainmenu #menucat4 .even0 a {
	background: url("images/menu-cat4-even0.png") no-repeat left;
}
#mainmenu #menucat4 .even1 a {
	background: url("images/menu-cat4-even1.png") no-repeat left;
}
#mainmenu #menucat4 .even2 a {
	background: url("images/menu-cat4-even2.png") no-repeat left;
}
#mainmenu #menucat4 .odd0 a {
	background: url("images/menu-cat4-odd0.png") no-repeat right;
}
#mainmenu #menucat4 .odd1 a {
	background: url("images/menu-cat4-odd1.png") no-repeat right;
}
#mainmenu #menucat4 .odd2 a {
	background: url("images/menu-cat4-odd2.png") no-repeat right;
}
#mainmenu #menucat4 a:hover {
	color: #c0c;
}

#changeLanguageBar{
	border : 0px solid #ff0000;
	padding : 0px 10px 0 0;
	position : relative;
	top : 240px;
	float : right;
	z-index: 2;
}

/*
-------------------------------------------------------------------
					DASHBOARD CENTRAL AREA
-------------------------------------------------------------------
*/

#ID_area{
	border : 0px solid white;
	padding-top:5px;
	color : white;
	font-size : 9pt;
	line-height : 0.8;
	width : 100%;
}

#ID_area h1 {
	color: #ADE3AC;
	font-size: 18pt;
	padding-bottom : 3px;
}

#welcome{
	float : left;
	width : 83%;
	border : 0px solid yellow;
	
	
}

#ID_school{
	float : right;
	width :15%;
	margin : 10px 0;
	border : 0px solid yellow;
}

#dashboarduser {
	float: left;
	width : 22%;;
	text-align: left;
	border : 0px solid black;
	padding : 10px 0;
	margin : 0px 0;
}



#leftDashboard{
	border : 0px solid red;
	float : left;
	width : 73%;
	margin : 0px auto 0 auto;
}
#dashboardtools {
	padding: 10px 0;
	width : 100%;
	border : 0px solid gray;
	margin : 0 auto;
	text-align : left;
}
#dashboardtools td{
	padding: 0px;
	margin : 0px;

}

#dashboardmenu {
	width : 100%;
	border-bottom : 0px solid #339933;
	/*height : 24px !important;*/
	margin : 0px;
}

.menuItem, .menuItem_sel{
	padding : 1px 2px 2px 4px !important;
}

.dashboardmenuTableEmptyCell{
	width:2px !important;
	border-bottom:1px solid #339933;
}


.menuItem {
	width : auto;
	/*float:left;*/
	border : 1px solid #339933;
	-moz-border-radius-topleft: 5px;
	background-image : url('images/menuShadow.png');
	background-position : bottom left;
	background-repeat : repeat-x;
}

.menuItem_sel {
	width : auto;
	/*float:left;*/
	border-right : 1px solid #339933;
	border-top : 1px solid #339933;
	border-left : 1px solid #339933;
	border-bottom : 1px solid #ccffcc;
	-moz-border-radius-topleft: 5px;
	z-index : 1000;
	color : #339933 !important;
}

.menuItem_sel a, .menuItem_sel a:link{
	color : #339933 !important;
}


#dashboardmenu a {
	color: #ccffcc;
	font-size: 9pt;
	padding: 0px 0px 0px 17px;
	margin : 0 0 0 0px;
	background: url("images/dashboard-ding-hover.png") no-repeat left;
}

#dashboardmenu a:link {
	color: #ccffcc;
	font-size: 9pt;
	padding: 0px 0px 0px 17px;
	margin : 0 0 0 0px;
	background: url("images/dashboard-ding-hover.png") no-repeat left;
}

#dashboardmenu a:hover {
	color: #fff;
	background: url("images/dashboard-ding.png") no-repeat left;
}

#dashboardmenu a:focus,a:active {
	color: #339933;
	background: url("images/dashboard-ding-hover.png") no-repeat left;
	text-decoration : none;
}

/* SUBMENU DASHBOARD */

#dashboardsubmenu {
	/*border: 1px solid #339933;*/
	font-size:  small;
	color : #cfc;
	padding :  0 4px 2px 4px;
	background-color : #6C6;
}
#dashboardsubmenu_on {
	border-top : 1px solid #339933;
	border-left : 1px solid #339933;
	border-right : 1px solid #339933;
	padding :  0 0 3px 0;
	background-color : #fff;
}

#dashboardsubmenu a {
	color: #ccffcc;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 5px 5px 17px;
	margin : 0 0 0 8px;
	background: url("images/dashboard-ding-hover.png") no-repeat left;
}
#dashboardsubmenu a:hover {
	color: #fff;
	background: url("images/dashboard-ding.png") no-repeat left;
}
#dashboardsubmenu a:focus,#dashboardsubmenu a:active {
	color: #ccffcc;
	background: url("images/dashboard-ding.png") no-repeat left;
	text-decoration : none;
}
.layerFeed {	
	/*border-bottom : 1px solid #339933;
	border-left : 1px solid #339933;
	border-right : 1px solid #339933;*/
	padding: 5px 5px 5px 10px;
}

/* FINE SUBMENU DASHBOARD */

#dashboardcore {
	position : relative;
	padding : 5px 7px 10px 7px;
	min-height: 146px;
	height: auto !important;
	height: 146px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-left : 1px solid #339933;
	border-right : 1px solid #339933;
	border-bottom : 1px solid #339933;
}

.layer {
	border : 0px solid green;
	color : #009933;
}

#dashboardcore p{
	padding : 0 0 20px 0;
	color : #339933;
	font-size : 6pt;
}


#dashboardcore h3{
	font-size : 12pt;
	color : #339933;
	margin : 0 0 0 0;
	border-bottom : 1px solid #6c6;
}

#dashboardcore hr{
	background : #ade3ac;
	color : #ade3ac;
}

#dashboardtools p {
	font-size: 10pt;
	padding-top: 20px;
}


/*
-------------------------------------------------------------------
					AVATAR
-------------------------------------------------------------------
*/

.avatar {
	width: 120px;
	height: 116px;
	margin: auto;
	background-color : #6C6;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;	
	text-align: left;	
	border : 1px solid #339933;
	padding-right : 0px;
}
.avatar.on {
	background: url("images/avatar-bg-on.gif") no-repeat top left;
}
.userName {
	margin: 3px 0 0 0;
	font-size: 14px;
	width: 120px;
	height: 18px;
	font-weight: bold;
	text-align: center;
	float: left;
	color : #ade3ac;
}

.userName b{
	color : #ccffcc !important;
}

.avatArea{
	background : #ade3ac;
	float: left;
	margin-top : 2px;
	-moz-border-radius-bottomright: 10px;
}


.avatar img {
	margin : 0 auto;
	border: 0;
}
.avataricons {
	float: right;
	text-align: left;
	width : 20px;
	height : 90px;
	-moz-border-radius-bottomright: 6px;
	border : 0px solid #339933;
	padding-left : 6px;
	background-color : #fff;
	margin : 0px;
}
.avataricons img {
	margin: 6px 0 0 0;
	display: block;
}

.courseSelectAvatar{
	width: 120px;
	height: 31px;
	margin: 3px auto 0 auto;
	background-color : #6c6;
	-moz-border-radius-topright: 10px;	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	text-align: center;	
	border : 0px solid #ade3ac;
	padding-left : 0px;
	color : #ccffcc;
	font-size: 9px;
}

.courseSelectAvatar select{
	margin : 5px auto;
	width: 100px;
}

.overAvatar{
	background-repeat : no-repeat !important;
	border : 0px solid #ff0000;
	height : 80px !important;
	padding-top : 40px;
}


/*
-------------------------------------------------------------------
					MAINMENU
-------------------------------------------------------------------
*/

#mainmenu {
	height: 106px;	
	background-color:transparent;
	position: relative;
	border : 0px solid yellow;
	background: url("./images/life-topbar_03.png") no-repeat bottom left;
}

#mainmenu select {
	margin: 0 8px;
	width: 100px;
	border: 1px solid #6c6;
	background-color: #ccffcc;
	font-size: 8pt;
}

#smartmenu{
 	width : auto;
 	top : 20px;
	position : relative;
	border : 0px solid green;
	float : right;
	height : auto; 
}

#smartmenu a{
	border : 0px solid black;
	float : right;
	margin : 0 5px;
}

#smartmenu .smartmenublock{
	height : 53px;
	top : 6px;
	position : relative;
	border-left : 2px solid #6c6;  	
	/*border : 1px solid green;*/
	width : 115px;
	padding : 0 0 0 15px;	
	float : right;
}

#smartmenublock3{
	background: url("images/menu-cat4-even1.gif") no-repeat top left;	
}

#smartmenublock2{
	background: url("images/menu-cat3-even1.gif") no-repeat top left;	
}

#smartmenublock1{
	background: url("images/menu-cat2-even1.gif") no-repeat top left;	
}

#smartmenublock0{
	background: url("images/menu-cat1-even1.gif") no-repeat top left;	
}

#mainlink{
	height : 30px;	
	border : 0px solid green;
	width : 100%;	
	float : right;
	top : 20px;
	position : relative;
}


#mainlink .courseName{	
	float : right;
	font-size : 11px;
	color : #fff;
	border : 0px solid #fff;
	height : 22px;
	padding-top : 10px;
}

#mainlink .imgLinks{	
	margin-right : 15px;
	font-size : 11px;
	float : right;
	color : #fff;
	border : 0px solid #fff;
	height : 50px;

}

#mainlink .imgLinks .separator{
	border:0px solid red;
}

.imgLinksGuess{
	width : 100px;
	position : relative;
	float:right;
	
}

#guessBackFlower{
	width : 45px;
	padding-top : 20px;
	position : relative;
	float:right;
}

#IADLink_guesspage{
	margin-top : 15px;
	margin-right : 5px;
	position : relative;
	float:right;
}

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

#content {
	padding: 5px 0px 0px 0px;
	background: url("images/content.gif") repeat-x;
	background-color: #339933;
	text-align: left;	
	border-top : 1px solid #ADE3AC;
	float: left;
	width : 100%;
}

.box {
	background-color: white;
	margin: 10px 0 20px 0;
	padding: 20px;
	-moz-border-radius: 10px;
	text-align: left;
}

.login {
	width: 270px;
	margin: auto;
}

#content p {
	padding: 0;
	margin: 5px 0;
}

#content h1 {
	color: #ADE3AC;
	font-size: 14pt;
	text-align: left;
	margin: 0;
	padding: 3px 0 10px 0;
}

#content.cat1 h1, #content.cat2 h1, #content.cat3 h1, #content.cat4 h1 {
	padding: 3px 0 0 48px;
}

#content.cat1 h1 {
	background: url("images/title-cat1.gif") no-repeat left;
}

#content.cat2 h1 {
	background: url("images/title-cat2.gif") no-repeat left;
}

#content.cat3 h1 {
	background: url("images/title-cat3.gif") no-repeat left;
}

#content.cat4 h1 {
	background: url("images/title-cat4.gif") no-repeat left;
}

#content h2 {
	color: #6C6;
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

#content h3 {
	color: #6c6;
	font-size: 10pt;
	padding: 0;
}

#content h4{
	font-size : 9pt;
	color : #006600;
}


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

#contentPage {
	padding: 0px 20px 10px 20px;
	background: url("images/content.gif") repeat-x;
	background-color: #339933;
	text-align: left;	
	border-top : 1px solid #ADE3AC;
}

#module {
	/*float: left;*/
	text-align: left;
	border : 0px solid black;
	margin-top:15px;
	/*padding : 0px 0;*/
	width : 100%;
}

#module h2{
	color : #009933;
	font-weight : bold;
	font-size : 18pt;
	margin : 5px 0 8px 0;
}

#module.guess_module{	
	margin-top : 15px;
}

#module_content{
	position : relative;
	padding-top : 5px;
	padding-left : 17px;
	padding-bottom : 10px;
	padding-right : 17px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	background-color: #fff;
	-moz-border-radius: 10px;
	border : 1px solid #339933;
	font-size : 8pt;
	overflow-x : hidden !important;
}

.module_content_Header{
	background-color: #ccffcc;
}

.module_content_menuItem{
	background-color: #ccffcc;
}

.module_content_menuItem:hover{
	background-color: #99cc99;
}

.module_content_menuItem:hover a{
	color: #ffffff;
}

.module_content_menu a{
	/*color: #fff;*/
}

.module_content_menu a:hover{
	/*color: #fff;*/
}

.module_content h2 {
	color: #6C6;
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

.linkSelected
{
	color: #66CC66;
}



/*
-------------------------------------------------------------------
					#FOOTER
-------------------------------------------------------------------
*/
#footer {
	clear : both;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	background-color: #339933;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border : 0px solid black;
	/*border-top : 1px solid #6C6;*/
}
#footer p {
	color: white;
	font-size: 8pt;
	padding: 0;
	margin: 0;
}
#footer a {
	color: white;
	padding: 0 5px;
}
#footer a:hover {
	color: #ff6;
	text-decoration: underline;
}


/*
-------------------------------------------------------------------
					#POP-UP
-------------------------------------------------------------------
*/

.life_popup{
	background: url("images/content.gif") repeat-x;
	background-color: #339933;
	padding : 10px;
}

.popup_content{
	background-color : #fff;
	border : 0px solid #339933;
	-moz-border-radius : 20px;
	padding : 10px;
	font-size: 12px;
}

.popup_content .install_bar{
	
	height : 55px;
	width: 496px;
}

.popup_content h3{
	font-size : 11pt;
	color : #339933;
	margin-bottom : 5px;
}

.popup_content h4{
	font-size : 10pt;
	line-height : 14px;
	color : #006600;
}

.popup_content TD{
	padding : 3px;
}

.popup_content a{
	text-decoration : none;
	color : #030;
}

.popup_content a:hover{
	color : #6c6;
}



/*
---------------------------------------------------------------------------------------
                              LOGIN
--------------------------------------------------------------------------------------
*/


.loginPage body, html {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background: #ade3ac;
	background-image: url("images/life_sfondo.gif");
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#main_login {
	width: 780px;
	text-align: left;
	margin: 65px auto;
	border : 0px solid yellow; 
}
#main_login a {
	text-decoration: none;
	color: #666;
}
#main_login a:hover {
	color: #6C6;
}

#main_login p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
#main_login ul, #main_login ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	margin: 10px 50px 10px 140px;
	padding: 0 25px;
}
#main_login li {
	margin: 0;
	padding: 3px 0;
}
#main_login ul, #main_login li {
	list-style-type: square;
}
#main_login hr {
	border: 0px solid #ddd;
}

#mainmenu_login {
	position: relative;
	width: 780px;
	height: 95px;
	background: url("images/life-topbar_03_day.gif") no-repeat bottom left;
	border : 0px solid red;
	
}

#mainmenu_login.openingmenu {
	/*padding: 40px 0 25px 40px;*/
}

#flag_login{
 background-color:transparent;
 width:400px;
 height:25px;
 border : 0px solid black;
 float : right;
 position:relative;
 top : 70px; 
 z-index : 11;
 margin-right:5px;
}

#logo_iad_login{ 
	float : right;
 	width: 100px;
 	z-index : 10;
 	border : 0px solid blue;
 	margin-top : 10px;
}

#content_login {
	padding: 5px 20px;
	background: url("images/content.gif") repeat-x;
	background-color: #339933;
	text-align: center;
	/*position: absolute;*/
	width: 740px;
	height : 300px;
	border-top : 1px solid #ADE3AC;
}

#ID_area_login{
	/*border-top : 1px solid white;
	border-bottom : 1px solid white;
	border : 1px solid white;*/
	padding : 0 0 0 0;
}

.box_login {
	background-color: white;
	margin: 10px auto 20px auto;
	padding: 20px;
	-moz-border-radius: 10px;
	text-align: left;
	position: relative;
	border : 1px solid #339933;
	width: 290px; 
}


.box_login img{
	border : 0px solid red;
	position : relative;
	top : 5px;
}

#content_login p {
	padding: 0;
	margin: 5px 0;
}

#content_login h1 {
	color: #ADE3AC;
	font-size: 26px;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 0;
}

#content_login h2 {
	color: #6C6;
	font-size: 23px;
	padding: 0;
	margin: 0;
}

#content_login h3 {
	color: #666;
	font-size: 19px;
	font-weight: normal;
	padding: 0;
}

.closediv {
	/*clear: both;*/
	height : 40px;
	border : 0px solid white;
}

#footer_login {
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	text-align: center;
	background-color: #339933;
	/*position: absolute;
	top: 538px;*/
	width: 780px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top : 0px solid #ADE3AC;
}

#footer_login p {
	color: white;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#footer_login a {
	color: white;
	padding: 0 5px;
}

#footer_login a:hover {
	color: #ff6;
	text-decoration: underline;
}

.login_login form {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.login_login label {
	display: block;
	margin: 0 0 10px 0;
}

.login_login label:hover {
	color: #6C6;
}

.login_login input, .login_login select, .login_login textarea {
	margin: 0 8px;
	padding: 2px;
	width: 140px;
	border: 1px solid #ddd;
	background-color: #eee;
	font-size: 11px;
}

.login_login textarea {
	width: 200px;
}

.login_login input:focus, .login_login select:focus {
	background-color: white;
}

input.pulsante_login {
	border: 0;
	background-color: #aaa;
	color: white;
	width: 80px;
	padding: 3px;
	margin: 3px 8px;
	font-size: 10px;
}

input.pulsante_login:hover {
	background-color: #6C6;
}

/*
---------------------------------------------------------------------------------------
                              FORUM
--------------------------------------------------------------------------------------
*/

/*.MacroAree-ColonnePari {
        background-color: #D9F3D6;
}
.MacroAree-ColonneDispari {
        background-color: #F1FBF0;
}

.TabellaDatiRipetuti-ColonneDispari {
	background-color: #F7F7F7;
}

.TabellaDatiRipetuti-ColonnePari {
        background-color: #CCCCCC;
}
.TabellaDatiRipetuti-LineeDispari {
	background-color: #F1FBF0;
}
.TabellaDatiRipetuti-LineePari {
        background-color: #D9F3D6;
}*/

.commentedText, .commentedText a{
	/*color : #999;*/
}

/*.mceToolbar{	
	background-color : #ccffcc !important;
	border : 0px solid #000000 !important;
}*/

.trans_icon{
	background-image: url('images/modTextDB.gif');
	display:inline-block;
	width:7px;
	height:8px;
	margin-left:2px;
}