@charset "utf-8";
/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS iebook v2 Created by Chialab.it

http://www.chialab.it 2012

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/

/*...........................................    

   Fulls before ALL!

...........................................*/
/*
BODY.Xfull {
	color:#000;
	background: #fff none;
}
*/
.full #header {
	opacity:0.1
}

.full #detail {
	/*background: transparent none;*/
}

.full footer {
	display:none;
}

.full #user,.full #menu, .full .pagefooter ,.full #footercontainer, .full .modal, .full #fastclassmessage  {
	display:none !important;
}

.full .cover,.full .index, .full .nofull  {
	display:none !important;
}

.stayonfull #menu  {
	display:block !important;
}

.onlyfull  {
	display:none;
}

.full .onlyfull  {
	display:block ;
}


/*...........................................    

	Reset

...........................................*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0;outline:0}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/*...........................................    

	General, elements

...........................................*/

BODY {
	color:#000;
	background-color: #303847;
	overflow-x:hidden!important;
}

HTML {overflow-x:hidden!important;}

P {margin-bottom:0.5em;}


CODE {color:#FF4500;}

A {text-decoration:none; color:#000}

H1 A, H2 A {color:inherit;}

A {outline:0; }
:focus {outline: 0;} 

HR {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:1px solid #666}

.text HR {border-top:1px solid #999}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:0.8em;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

sup.aligned {
	left: -1ex;
	margin-right:-0.75ex;
}

UL.normal {
	list-style-type:disc;
	padding-left:15px;
	margin-bottom:10px;
}

/*...........................................    

	Typography

...........................................*/

/* 
html {text-rendering: optimizeLegibility;} 
* kerning and ligatures // disabled causing errors in win+Chrome hyphenation 
*/

BODY {font:14px/1.313em "Verdana","Helvetica neue","Helvetica","Arial", sans-serif;}

table {font:14px/1.313em}

H1 	{font-weight: normal; font-size:1.313em; line-height:1em}

H2 {font-weight: normal; font-size:1.25em}

H3 {font-weight: bold; font-size:1em;}

.pubname H1 {
	font-family: "Helvetica neue","Helvetica","Arial", sans-serif;
}

.xlarge {
	font-size:2em;
}

.large {
	/*font-size:1.5em;*/ /* TODO conflict with maultimedia custm props */
}

.small {
	/*
font-size:0.9em;
*/
}

.xsmall {
	font-size:0.85em;
}


/*...........................................    

	Structure

...........................................*/

.col {float:left; background-color:transparent;}

.mod1 {width:80px;}

.mod2 {width:160px;}

.mod3 {width:240px;}

.mod4 {width:320px;}

.mod5 {width:400px;}
.mod5b {width:440px;}

.mod6 {width:480px;}
.mod6b {width:520px;}

.mod7 {width:560px;}
.mod7b {width:600px;}

.mod8 {width:640px;}

.mod9 {width:720px;}

.mod10 {width:820px;}

.mod11 {width:910px;}
.mod11gb {width:910px;} /* used in GianniBox*/

.mod12 {width:960px;}

#menu {background:transparent url('../img/sfo_menu.png') top right repeat-y; position:absolute; z-index:20;}
#detail {clear:both; background:transparent url('../img/sfo_detail.png') repeat-y; position:absolute; top:60px; z-index:30; margin-left:80px;}
#user {background:transparent url('../img/sfo_user.png') top left repeat-y; position:absolute; top:70px; z-index:10; width:220px; margin-left:742px; padding-left:8px;}
#accessories {background:transparent url('../img/sfo_user.png') top left repeat-y; top:700px; position:fixed; z-index:10; width:210px; margin-left:742px; padding-left:8px;}

#detail.mod9 {
	margin-left:120px !important;
}

#detail.mod10 {
	margin-left:75px !important;
}

#detail.mod11, #detail.mod11gb {
	margin-left:25px !important;
}

/*#pagetools {white-space:nowrap;text-align:right;	background-color:pink;	position:relative; right:0px; top:0px; z-index:10;}*/

/*
#footercontainer {
	clear:both;
	background:transparent url('../img/sfo_detail.png') repeat-y; 
	margin:0 auto;
}
*/

.main {
	clear:both;
	margin: 0px auto;
}

.clear {
	height:0px; 
	clear:both;
	line-height:0;
	margin:0px; 
	padding:0px;
}


.col div {
	/*margin:10px;*/
}


.scheda {
	cursor:pointer;
}


/*...........................................    

	index / home

...........................................*/

.cover {
	margin-top:-12px;
	background: transparent url(../img/sfo_index.png) right repeat-y;
	padding-right:10px;
	position:relative;
	z-index:20;
}

.home {
	overflow:hidden;
	/*min-height:780px;
	border-bottom:10px solid red*/
}

.home.mod12 {width:970px;}

.home .close {
	background: transparent url(../img/ico_close.png) no-repeat;
	vertical-align:sub;
	width:25px; height:25px;
	position:absolute; top:-10px; left:450px;
	z-index:500;
}

.slideshow {
	display:none; 
	width:470px; 
	height:585px; 
	overflow:hidden; 
	position:absolute; 
	top:0px; 
	background:#FFF;
}
.slideshow .panelcontainer {
	width:2410px;
}
.slideshow .panel {
	width:470px; float:left; font-size:0.9em; color:#666;
	height:585px;
}

.slideshow .panel .panelcontent {
	margin:10px 20px;
}

.slideshow .panel .panelcontent H1 {
	margin:0 0 10px 0
 }
	 
.index {
	background-color:transparent; 
	color:#000;
	left:-10px;
	top:-5px;
	position:relative;
	z-index:10;
}

.coverflip {
	min-height:590px; overflow:auto; background-color:#000; color:#FFF;
}

.coverflip .promo {
	display:none;
}
.coverflip .promo:first-child {
	display:block;
}

/*...........................................    

   index home guest la prima home che apre

...........................................*/

.guest {
	margin-top:-7px;
	/*
min-height:630px;
*/
}

.guest.index {
	background-color:#a6967c;
}

.guest .promofigure {
	width:480px; height:140px;
	position:relative;
	/*background: transparent url('../img/xelim.jpg') right no-repeat; */
}


.doorcontainer {
	display:block;
	padding-bottom:15px;
	background:transparent url('../img/subtriangle.png') bottom right no-repeat;
	margin-right:-15px;
	margin-bottom:-15px;
}

.door {
	position:relative;
	z-index:10;
	padding:20px 110px 20px 20px; 
	width:365px; height:65px;
	-moz-box-shadow: 0px 0px 7px #333;
	-webkit-box-shadow: 0px 0px 7px #333;
	box-shadow: 0px 0px 7px #333;
	font-size:0.85em;
}

A.door {
	cursor:pointer;
	text-decoration:none !important;
	display:block;
	font-size:1em;
	margin-left:-30px;
	padding:20px 0px 20px 20px; 
	width:460px; 
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;
}	
	
.door H1 {
	font-weight:bold;
	font-size:1.1em;
}

.door.logged {
	background:#f7de51 url('../img/door_private.png') right no-repeat;
}	

.door.free {
	background:#9dd4f9 url('../img/door_public.png') right no-repeat;
}	

.door.demo {
	background:#f99dcd none right no-repeat;
}	

.door.offline {
	background:#bbf99d none right no-repeat;
}	
	
.door.intro {
	min-height:65px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px; 
}	

/*...........................................    

	retrocompatibilità vecchia home guest

...........................................*/

.guest .welcome {
	padding:20px;
	font-size:0.9em;
}

/*...........................................    

	index / home / logged

...........................................*/

.firstalert {
	position:absolute;
	left:0px; top:0px;
	z-index:200;
	width:100%;
	height:100%;
}

.firstalert Div {
	background-color:#fff;
	padding:20px !important;
	font-size:0.9em;
	z-index:200;
	width:320px;
	margin:60px auto;
	border:20px solid #dedede;
}

.firstalert UL {
	margin-left:15px !important;
	list-style:disc;
}

.firstalert LI {
	padding:0px !important; margin:0px !important;
}

.firstalert A {
	color:blue;;
}

.homeitem {
	width:72px;
	height:55px;
	padding:7px;
	margin:0px 0px 0px 0px;
	font-size:0.8em;
	line-height:1.05em;
	float:left;
	background-color:#ccc;
	border:0px solid #FFF;
	border-left:15px solid #FFF;
}

.homeitem.shadow {
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}

.homeitem.shadow:first-child {
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
}

.homeitem.on {
	background-image: url('../img/sfofrecchomeup.png');
	background-position: center bottom;
	background-repeat:no-repeat;
}

.homeitem.loading {
	background: #FFF url('../img/loadingAnimation.gif') center no-repeat;
}

.homeitemDesc {
	position:relative;
	z-index:2;
	margin:0px;
	display:none;
	background-color:#FFF;
	padding:5px 10px 5px 20px;
	width:378px;
	text-align:right;
	font-size:0.8em;
}

.homeitemDesc UL, .homeitemDesc table {
	border:0px solid red;
	margin:0px;
}
.homeitemDesc table {
	width:100%;
}


.homeitemDesc LI, .homeitemDesc TR {
	list-style:none; margin:0px; padding:0 0 0 0px;
	border-top:1px solid #b5a996;
}

.homeitemDesc TD {
	padding-right:10px;
}

.homeitemDesc LI:hover, .homeitemDesc TR:hover {
	background: transparent;
}

.homeitemDesc LI:first-child, .homeitemDesc TR:first-child {
	border:0px solid #ccc;
}

.homeitem:not(.on):hover {
	background-color:#FFF !important;
}

.row, .row0, .row1, .row2, .row3, .row4, .row5, .row6 {
	margin:0px 0px 0px -30px; padding-left:0px;
	border-left:30px solid #FFF;
}

.row0 .homeitem {
	
}

.row1 .homeitem {
	background-color:#ff6600;
}

.row2 .homeitem {
	background-color:#ffcc00;
} 
.row3 .homeitem {
	background-color:#CCCC00;
} 
.row4 .homeitem {
	background-color:#cc66cc;
} 
.row5 .homeitem {
	background-color:#99cc99;
} 
.row6 .homeitem {
	background-color:#6699cc;
} 
 

#teachernews LI {
	padding:5px 0px 5px 5px !important;
	border:0px !important;
}
				

.indexchapters {
	display:none; 
	position:absolute; 
	z-index:19; 
	top:48px; 
	margin-left:470px; 
	padding:20px 20px 20px 0px; 
	background:#dedede url('../img/sfo_01_light.jpg'); 
	width:440px; 
	overflow:auto; 
	min-height:580px;
}

.indexchapters.IE {
	margin-left:-10px; 
	left:50%; 
	height:620px;
}

.indexchapters .pclose {
	display:block; margin-top:-10px; margin-right:-10px; text-align:right;
}

.indexchapters .unityhead {
	border-bottom:1px solid #888 !important;
}

.indexchapters .unityhead H1 {
	float:left; text-align:center; font-size:1.5em; min-height:25px; width:20px; padding:10px;
}

.indexchapters .unityhead H2 {
	padding-top:15px; margin-left:10px; cursor:pointer;
}

.indexchapters .chapterBlock {
	clear:both; margin:0px; border:0px; border-left:38px solid #CCC; padding:0px 0px 0px 8px;
}

.indexchapters .chapterBlock .description {
	font-size:0.9em; padding:0px 0px 20px 0px; display:none; color:#333;
}

.indexchapters .chapterBlock LI {
	border-bottom:1px dotted #333; padding:4px 0px 4px 0px;
}

.indexchapters .chapterBlock LI:last-child {
	border-bottom:0px;
}

.indexchapters .chapterBlock LI A:hover, .indexchapters .chapterBlock LI A:active {
	color: #FFF
}

.indexchapters .paragraphs {
	display:none; list-style:none; margin-left:10px
}

.indexchapters .paragraphs LI {
	padding-bottom:0px; margin-bottom:5px; font-size:0.9em; border:0px;
	clear:both;
}

.indexchapters .paragraphs LI .numb {
	display:block; min-width:15px; float:left;
}

.indexchapters .paragraphs LI A {
	display:block;
	line-height:1.1em;
	padding-top:3px;
}

/*...........................................    

   index home promo

...........................................*/

.indexelement {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:0px solid #666;
	clear:both;
}


.indexelement A {
	color:#FFF;
}


.promocontainer {
	padding:0px 0px 10px 0px; 
	border-bottom:0px solid #666; 
	border-top:0px solid #666; 
	font-size:0.9em; line-height:1.35em;
}

.promo {
	clear:both;

}

.promo H1 {
	margin:0px 0px 5px 0px;
	color:#FFF;
	padding-top:0px;
}

.promoimage {
	float:left; border:5px solid #FFF; margin: 0px 10px 0px 10px; padding:0px !important;
	background-color:#fff; height:80px;
}


.promocover {
	position:absolute;
	top:50px;
	z-index:400;
	display:none;
	width:100%;
}

.promoinside {
	width:920px; 
	background-color:#000;
	margin:0px auto;
	padding:20px;
}

#promoplayer {
}

.getmediapromo {
	margin:20px auto; 
	width:720px; 
	height:545px;
}

.promodida {
	font-size:0.85em;
	clear:both; margin:20px 80px 20px 80px; color:#FFF

}

.promodida A {
	color:#FFF !important;
}

.player2 {
	display:block; background-color:#000; margin:0px auto; width:720px; height:405px;
}


div.videoentries {
	width:620px;
	margin:20px auto;
}

div.videoentries a {
	display:block;
	color:#666;
	float:left;
	margin:10px 5px 10px 5px !important;
	border-top:1px solid #FFCC00;
	padding:5px 5px 45px 5px;
	text-decoration:none;
	width:100px;
	font-size:0.85em; 
	line-height:1.15em;
	background:transparent;
	min-height:50px;
	
}

div.videoentries a:hover {
	background-color:#FFCC00 !important;
	color:#000;
}

div.videoentries a.playing {
	color:#000;
	background:#FFCC00 url('../img/ico_pause2.png') no-repeat center bottom;
}

div.videoentries a.paused {
	color:#000;
	background:#FFCC00 url('../img/ico_play2.png') no-repeat center bottom;
	opacity:0.5;
}

div.videoentries a.progress {
	background:#FFCC00 none !important;
	background:#FFCC00 url('../img/ico_incorso_3.png') no-repeat center bottom;
	opacity:0.8;
}


/*...........................................    

	pagetools defaults

...........................................*/

#pagetools {
	display:none;
}

.full #pagetools {
	display:block;
}

#pagetools  {
	width:970px;
	margin:0 auto;
	border:0px solid gold;
}

.pagetools {
	margin:0px 0px 20px 0px;
	text-align:right;
}

.full .pagetools {
	width:970px;
	position:fixed;
}


.full .pagetools.leftp {
	text-align:left;
}

.pagetools .ico {
	width:16px;
	margin:0px 0px 0px 0px;

}

.pagetools .onlyfull {
	margin-top:195px;
}

.pagetools .onlyfull img {
	cursor:pointer;
	margin-bottom:5px;
}



/*...........................................    

  icons and UI images

...........................................*/

.ico {
	vertical-align:text-bottom;
	cursor:pointer;
}

.ico.small {
	width:15px;
}

.ico.medium {
	width:20px;
}


/*...........................................    

	.detail Chapter block

...........................................*/


.detail hgroup {
	margin-left:-40px; 
	margin-top:-40px !important; 
	width:750px;
	padding:10px 10px 10px 40px; 
	background-color:#dedede; 
	color:#FFF !important;
	text-align:left !important;
	font-size:1em;
}


.detail hgroup H1, .detail hgroup H2 {
	color:#FFF !important;
	margin:0px; padding:0px;
}

.detail hgroup H2 {
	font-size:1em;	
}

.detail .chapter .numb {
	background-color:transparent;
}


.detail .chapterBlock {
	text-align:left;
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:0px 0px 20px 5px; 
	margin:0px 0px 20px 0px; 
}

.detail .chapterBlock H1 {
	text-align:left !important;
	margin:0px 0 0px -5px !important;
	font-size:1.7em;
	width:510px;
}

.detail .chapterBlock .chapternumb {
	display:block;
	font-size:3em!important;
	padding:10px 0 10px 0; 
	margin-left:-5px;
}

.chapterBlock .intro {
	text-align:justify;
	line-height:1.35em;
	margin-left:-5px!important;
}

/*...........................................    

	intro chapter page

...........................................*/

.chapterintro .head {
	clear:both;
	padding:40px 20px 0px 40px;
	margin:-40px -40px 0 -40px;
	font-size:1.2em;
	position:relative; z-index:3;
}

.chapterintro .chaptercover {
	max-height:240px; 
	overflow:hidden; 
	margin: 0px -40px 0px -40px; 
	background-color:#CCC;
	position:relative; z-index:2;
}

.chapterintro .body {
	margin-top:10px; padding-bottom:10px; border-bottom:5px solid #CCC;
 }

.chapterintro .head H1 {
	color:#FFF;
}
		
.chapterintro .numb {
	background-color:transparent;
}	

.chapterintro .colonnino {
	padding-top:12px;
}

/*...........................................    

	Menu numbers

...........................................*/

.numb {
	padding:1px 2px 3px 5px; 
	margin:0px 5px 0px -2px;
	font-weight:normal;
	text-align:center;
	background-color:#b5a996
}

.on.numb {
	color:#FFF;
}

/*...........................................    

   categories &  object_type(s)
	
...........................................*/

.detail.cat {
	border-style:solid;
	border-top-width:20px;
	border-left-width:20px;
	border-right-width:20px;
	border-bottom-width:20px;
	border-color:#CCC;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.detail.cat .catlabel {
	color:#FFF; 
	margin:-40px 0px 20px 0px; 
	height:20px; 
	font-weight:bold; 
	font-size:11px; 
	text-transform:uppercase;
}

.Questionnaire.detail {
	border:20px solid;
	border-color: #fff;
	padding:20px;
	background-color: #ffff99;
}

.Questionnaire.result.detail {
	border-color: #ffff99;
	background-color: #fff;
}

.Questionnaire li.fill { display: inline; padding: 0 2px 0 0; text-indent: 0; margin: 0;}

.detail.cat .body H1:first-child {
	
}

.detail.cat .dida H1 {
	display:block !important;
}

/*...........................................    

   I level menu: Menu

...........................................*/

.menu {
	background-color:#a6967c; 
	font-size:0.9em; 
	overflow: auto;
	border:0px solid red;
	margin-right:10px;
	margin-top:-12px;
	padding-top:9px;
	padding-bottom:80px;
}

.menu UL, .menu OL {
	margin:10px 0px 0px 10px;
	display:none;
	border:1px solid transparent; /* trick*/
}

.menu H1 {
	padding:10px 0px 5px 10px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #666 !important;
}

.menu DIV:first-child H1 {
	/*border-top:1px solid #666*/
}

.menu .l div {
	border-left-width:10px;
	border-left-style: solid;	
	border-left-color: #666;	
	padding-bottom:0px;
}


.menu LI {
	line-height:1.15em;
	margin:0px 0px 10px 30px;
	text-indent:-30px;
}

.menu LI A {
	color:#000;
	font-weight:normal;
}


/*...........................................    

	II level menu: SUBMenu

...........................................*/

UL.submenu {
	margin:5px 5px 0px 25px;
	padding:0px 0px 0px 0px;
	display:none;
	border:0px solid #C8B495;
}

.submenu LI {
	margin-bottom:5px;
	margin-left:0px;
	/*padding:2px 10px 2px 15px;*/
	text-indent:-25px;
}


.submenu LI A {
	display:block;
	font-weight:normal;
	padding:2px 5px 3px 2px;
	background-color:transparent;
}


.submenu LI.over A {
	/*background:#C8B495 url(../img/li_on_arrow_right_light.png) bottom right no-repeat; */
}

.submenu LI.on A {
	background-position:center right;
	background-repeat:no-repeat;
}

.submenu LI.Questionnaire.on A {
	color:white;
}

.submenu LI.apertura.on A {
	color:white;
}



/*...........................................    

	III level menu: SUBparMenu

...........................................*/


UL.subparmenu {
	display:none;
	margin:0px 0px 0px 0px !important; 
	font-size:0.95em;
	border-left:0px solid #666;
}

.subparmenu LI {
	margin:1px 0px 0px -5px;
	text-indent:-20px;
	padding:4px 0px 3px 5px;
	list-style-image:url('../img/menu_arrow.png');
	list-style-type:disc;
	list-style-position:inside;
	cursor:pointer;
}

.subparmenu LI ::selection {
	background:transparent !important; /* Safari */
}
.subparmenu LI ::-moz-selection {
	background:transparent !important; /* Firefox */
}
.subparmenu LI ::-op-selection {
	background:transparent !important; /* Opera? */
}

.subparmenu LI.hasmultimedia {
	list-style-image: url('../img/menu_arrow_hasmultimedia.png');
	margin-left: -20px;
	text-indent:-35px;
	padding-left:20px;
}

.subparmenu LI.hasmultimedia.hascat {
	list-style-image: url('../img/menu_arrow_hascatmultimedia.png');
}

.subparmenu LI.hasmultimedia.hascat.on {
	list-style-image: url('../img/menu_arrow_hascatmultimedia_on.png');
}

.subparmenu LI.hascat {
	list-style-image: url('../img/menu_arrow_hascat.png');
}

.subparmenu LI.Questionnaire {
	list-style-image: url('../img/menu_arrow_quest.png');
}

.subparmenu LI.Questionnaire.on {
	list-style-image: url('../img/menu_arrow_quest_on.png');
}

.subparmenu LI A {
	font-weight:normal;
	display:inline;
	color:#000  !important;
	background-color:transparent !important;
}

.subparmenu LI.on A {
	color:#FFF  !important;
}

.subparmenu LI.over {
	/*background:#b5a996 url(../img/li_on_arrow_right_light.png) bottom right no-repeat;*/
	color:#FFF;
	background-color:#b5a996;
}

.subparmenu LI.on {
	list-style-image:url('../img/menu_arrow_on.png');
	color:#FFF;
}

.subparmenu LI.hasmultimedia.on {
	list-style-image:url('../img/menu_arrow_hasmultimedia_on.png');
}

.subparmenu LI.hascat.on {
	list-style-image:url('../img/menu_arrow_hascat_on.png');
}


/*...........................................    

	Menus list-index view

...........................................*/

.indexlist {
	background-color:#FFF !important;
	padding-left:10px;
}

.indexlist .cnumb {
	font-weight:bold !important;
	font-size:1em;
}

.indexlist LI {
	text-indent:0px;
	margin-left:0px;
}

.indexlist .submenu LI {
	margin-left:40px;
	text-indent:-20px;
}

.indexlist H1 {
	border-width:10px;
	border-bottom-style:solid;
	border-color:#666;
	margin-right:0px;
	padding-left:0px;
}


.unityblock UL.s {
	display:block;
	margin-left:0px;
	padding-right:10px;
}

.unityblock LI A:Hover {
	color:#FF3300;
}

.unityblock .s2:Hover .numb {
	color:#FFF;
}

/* warning: local PUBs overrides  for width */	
.unityblock {
	width:310px; margin:0px; padding-left:0px; float:left;
	background-color:#FFF !important;
}

.unityblock UL, .unityblock LI {
	background-color:#FFF;
}

.unityblock LI.ss {
	border-bottom:1px solid silver;
	padding-bottom:5px;
}

.unityblock .submenu {
	margin-left:0px !important;
	margin-top:10px !important;
	padding-left:0px;
}

.unityblock .cnumb {
	padding-right:5px !important;
}

.unityblock .subparmenu LI {
	margin-left:0px !important;
}

.unityblock A.capitolo {
	font-size:1.1em;
}


/*...........................................    

   user

...........................................*/

.user {
	padding-top:10px; 
	margin-left:0px; 
	font-size:0.8em; 
	line-height:1.15em; 
	background-color:#a6967c; 
	text-align:right;
	padding-bottom:20px;
	}

.user.accessories {
	
	margin-top:30px;
	
}

.user H1 {
	padding:0px 10px 0px 60px;
	margin:0px 0px 10px 0px;
	background-color:transparent;
	text-align:right;
}

.userblock {
	padding-right:10px;;
}

.userelement {
	padding:5px 10px 5px 0px;
	border-top:1px solid #666;
}

.userelement H2 {
	font-size:1.1em;
}

.userelement A {
	color:#FFF;
}

.userelement UL {

}

.userelement LI {
	margin-right:-10px;
	padding:3px 10px 3px 0px;
}

.userelement LI:hover {
	background-color:#b5a996;
}

#verifiche, #notes, #comments, #online, #search, #tools {
	display:none;
}
 

 
H2.trigger {
	/*background: transparent url('../img/ico_comments.gif') top right no-repeat;*/
	padding-right:0px;
	margin-right:0px;
	margin-bottom:5px;
 }
 
 .trigger {}
 
 
 /*...........................................    

   Classe

...........................................*/

.classe.detail {
	border-color: #fff !important;
	border-bottom-width:0px;
	overflow:auto; 
	padding:20px 0px 20px 10px;
}

.classe .head {
	background:#cccc00 url('../img/sfo_detail_horizontal.png') no-repeat center bottom; 
	margin:-20px 0px 10px -20px; 
	padding:20px 20px 10px 30px;
}

.classe .head P {
	display:inline;
}

.classe .head table {
	font-size:0.9em;
}

.classe .head TD {
	padding:0px 10px 0px 0px;
	font-weight:bold;
}

.classe .head TH {
	padding:0px 5px 0px 0px;
	font-weight:normal;
}

.classe .col  {
/*
	background-color: #cccc99;
*/
	padding-right:0px;
	margin-right:10px;
}

.classe H2  {
	background-color: #ccc;
	color:#000;
	font-size:0.9em;
	font-weight:normal;
	padding:2px 2px 2px 10px;
	margin-top:5px;
}

.classe .toolbar  {
	margin-top:125px;
	font-size:0.85em;
	text-align:center;
	padding-right:10px;
}

.classe hr  {
	margin:0px;
}


.classe .online {
	color:#999;
	font-size:0.9em;
}

.classe .online .on {
	color:#000;
}

.profmessages .info {
	text-align:right; font-size:0.85em; margin-top:10px;
}

.profmessage {
	font-size:0.9em;
	line-height:1.3;
	padding:10px 0px 10px 0px;
	border-top:0px solid #ccc;
	padding:10px;
	margin-top:10px;
}

.profmessage:first-child {
	border-top:0px solid #ccc;
}

#newprofmsg input[type=text]{
	border:1px solid #ccc;
	width:418px;
	font-size:1.35em; 
	margin:10px 0px 10px 0px; 
	padding:5px 10px 5px 10px;
}

#newprofmsg textarea {
	border:1px solid #ccc;
	min-height:120px; 
	padding:10px;
	width:418px;
}

#contributesContainer {
	margin-top:10px
}

.userlist LI {
	float:left;
	display:inline;
	padding-top:0px;
}

.userlist LI .textdata {
	display:none;
}

.userlist UL {
	margin-top:5px;
}

.userlist UL.simplelist {
	margin-top:0px;
	font-size:0.9em;
}

.userlist .simplelist LI {
	display:list-item;
	border-top:1px solid silver;
	float:none;
	padding-top:2px;
	text-transform:capitalize;
	padding-left:10px;
}

.userlist .simplelist LI.first-child {
	border-top:0px solid silver;
}


.userlist .simplelist IMG {
	display:none;
}

.userlist .simplelist .textdata {
	display:block;
}

.userlist img.portrait {
	background-color:#CCC !important; 
	margin: 0px 5px 0px 0px !important;
}

.uswitch {
	cursor:pointer;
	display:block;
	width:40px;
	height:18px;
	background:transparent url('../img/switcher_list.png') no-repeat;
}

.uswitch.simplelist {	
	background-image: url('../img/switcher_box.png');
}



.classe .dashboard {
	display:none;
	clear:both;
	padding-bottom:10px;
	color:#333;
	width:100%;
}

.classe .dashboard .studentdetail LI {
	font-size:0.85em; line-height:1.15em; 
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #ccc;
}


img.portrait {
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
}

.studentmenu {
	font-size:0.75em; 
	margin-top:10px;
	border-bottom:1px solid #ccc;
}

.studentmenu img {
	vertical-align:middle;
}

.studentmenu A {
	text-decoration:none !important;
	display:block;
	margin-bottom:5px;
}

.studentmenu A:hover {
	text-decoration:none !important;
}

.studentdetail {
	margin-top:-10px;
	font-size:0.9em;
	padding:0px 10px 0px 10px;
}

 /*...........................................    

   chat

...........................................*/


#fastclassmessage {
	display:none;
	position:absolute;
	z-index:900;
	top:56px;
	left:700px;
	
	/*
width:260px;
	padding:0px 10px 10px 10px;
*/

}

.chat {
	background-color:#ccc;
	-moz-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
}


.chat H2 {
	background-color:#dedede;
	color:#000;
	font-size:0.9em;
	font-weight:normal;
	padding:2px 2px 2px 10px;
	margin-top:5px;
}


.chat textarea {
	border:0px dashed silver; 
	background-color:#FFF;
	height:70px; width:220px; 
	margin:10px; 
	padding:0px 0px 0px 0px;
}

.chat LI {
	padding:5px 0px 5px 0px;
	border-bottom:1px solid silver;
	line-height:1.2em;
}

.chat LI:nth-child(even) {
	/*background-color:#dedede;*/
}



table.chatmenu {
	width:100%;
	border-bottom:0px solid #dedede;
}

.chatmenu td {
	font-size:0.75em;
	text-align:center;
	background-color:#dedede;
	color:#666;
}

.chatmenu td A {
	color:#666;
}

.chatmenu td.on {
	background-color:#ccc;
}

.chatmenu td.on A {
	color:#000;
}

.chatMainContainer {
	font-size:0.9em;
}

.chatContainer {
	min-height:320px;
	overflow:auto; margin:10px;
	font-size:0.9em;
}

.chatContainer A {
	color:#006699;
}


/*...........................................    

   header + Footer

...........................................*/

header {
	clear:both;
	/*background-color:#006666;*/
	height:60px!important;

	color:#FFF;
}

header .pubname {
	height:50px; padding:10px 0px 0px 20px;
}

header H1 {
	font-size:1.85em;
}

header H1 A {
	color:#FFF;
}

header .authors {
	color:silver; font-weight:normal; font-size:0.65em;
}


/*
#footercontainer footer {
	margin:0px 10px 0px 10px;
}

*/

footer {
	font-size:0.8em;
	text-align:center;
	background-color:#000;
	color:#FFF;
	margin:0px 10px 0px 10px;
	height:20px;
	padding:10px; 
}

footer + footer {
	border-top:1px dotted #666; padding:10px; background-color:#000; 
}

footer LI {
	display:inline;
	border-right:1px solid #666;
	padding-right:10px;
	padding-left:10px;
}

footer A, footer LI A {
color:#FFF !important;
}

footer LI:last-child {
	border-right:0px solid #666;
}

/*...........................................    

	default page
	
...........................................*/

.head {
	background:#ccc url('../img/sfo_detail_horizontal.png') no-repeat center bottom; 
	margin:-20px -20px 10px -20px; 
	padding:20px 20px 10px 20px;
}

.head H1 {
	border:0px !important; margin:0px !important;
}

/*...........................................    

	text main area
	
...........................................*/

.hyphenate {
	text-align:justify;
}

.hyphenate H1 {
	text-align:left;
}

.donthyphenate {
	text-align:left;
}

.withplaceholder + p {text-indent:0em !important;}

.centerplaceholder img { margin: auto }

.detail {
	margin:0px 10px 0px 10px; 
	padding:40px 40px 20px 40px; background-color:#FFF;
	line-height:1.45em;
	color:#333;
	min-height: 380px;
	/*
min-height:480px;
*/
}

.detail P:first-child {
	text-indent:0em;
}


.detail P {
	text-indent:1em;
}

.detail UL + P, .detail OL + P, .detail DL + P, H1 + P, H2 + P, H3 + P, .definizione + P, .formula + P, 
.formula, .multimediacontainer + P, table + P, DD P
 { text-indent:0em !important} 

.detail P.definizione {
	text-indent:0em;
	background-color:#ffffcc;
	padding:5px;
	overflow:hidden;
}

.detail A {
	/*
color:#3333ff;
*/
	/* color:#ff6600; */
	color:#006699;
}
.detail A:hover {
	text-decoration:underline;
}

.detail H1 {
	margin-top:20px;
	margin-bottom:10px;
	color:#000;
	line-height:1.35em;
}

.detail H1:first-child {
	margin-top:0;
}

.text {
	min-height:380px;	
}

.text UL {
	margin-bottom:10px;
	list-style-type:disc;
}

.text OL {
	margin-bottom:10px;
}

.text LI {
	margin-top:0.5em;
	margin-left:24px;
	
}

.text dl {

}

.text dt {
	font-weight:bold;
}

.text dd {
	padding:0px 0px 10px 20px;
}


/*...........................................    

  text trittici e dittici

...........................................*/

.dittico {
	overflow:hidden;
	margin:10px 0px 5px 0px;
	padding-top:10px; 
	clear:both; 
}

.dittico LI {
	/*display:block;
	width:250px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px; 
	float:left;*/
}

.dittico LI img {
	width:250px;
}

.dittico LI .dida {
	display:none;
}


.dittico LI:nth-child(odd) {
	margin-left:0px;
}

.dittico LI:before {
	/*padding-right: 5px;
	content: url(../img/menu_arrow_on.png);*/
}


/*...........................................    

	TABLES

...........................................*/

.text table {
	margin:10px 0px 10px 0px;
}
.text table TD {
	border:1px solid #666;
	padding:2px 4px 2px 4px;
}

.text table.noborder TD {
	border:0px solid silver;
}

table.vmiddle TD {
	vertical-align:middle;
}


/*...........................................    

	bordered tables

...........................................*/

table.bordered TD {
	border:1px solid #ccc;
	padding:2px 8px 2px 4px;
	vertical-align:top !important;
}


table.linebordered TD {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 8px 2px 4px;
	vertical-align:top !important;
}


/*...........................................    

	detail modal tables

...........................................*/

.multimediaGianniBox TABLE {
	/* cfr. below in gianniBox section */
}


/*...........................................    

	tex elements... microformat?

...........................................*/

.formula {
	color:#ff6600;
	margin-bottom:10px;
	white-space: nowrap;
}

.formula.big img {
	width:100%;
}

.formula.large img {
	width:75%
}

.formula.medium.large img {
	width:66%
}

.formula.medium img {
	width:50%
}

.formula.small.medium img {
	width:33%
}
.formula.small img {
	width:25%
}
.formula.xsmall.medium img {
	width:10%
}
.formula.xsmall img {
	width:6%;
	margin-bottom: -4px;
}
.formula.xxsmall img {
	width:5%;
	margin-bottom: -3px;
}


table.formula TD, table.formula TR {
	border:0px;	
}

.formula .number {
	display:block; text-align:right; margin-top:-20px;	
}

.text .blocklabel {
	display:none; /* innesto preso dal title del P che via js diventa un titoletto, di defult spento */
}

/*...........................................    

	pagefooter
	
...........................................*/

.nav {font-size:0.9em}
.nav H3 {line-height:1.1em; font-weight:normal !important}
.nav TD {width:48%; vertical-align:top; }
.nav TD.middle {width:4%}
.nav .arrow, .nav .numb, .nav .hasmultimedia {display:none}
.nav A {text-decoration:none;}

/*...........................................    

	multimedia

...........................................*/

.multimediaitem {
	/*
	display:block;
	float:left;
	width:130px;
	background-color:#cccccc;
	color:#000 !important;
	margin:0px 10px 10px 0px;
	padding:5px;
	font-size:0.85em;
	line-height:1.1em;
	overflow:hidden;
	border:5px solid #FFF;
	*/
}

	
.multimediaitem.flash {
	margin:0px !important;
}

.multimediaitem A {
	color:#FFF; text-decoration:none !important;
}


.multimediaitem:hover {
	/*
	background-color:#A6967C;
	color:#FFF !important;
	*/
	border-top-color:#cc0000 !important;
	
}

.multimediaitem A:hover, .multimedia .multimediaitem:hover A {
	text-decoration:none !important;
	color:#000 !important;
}
		
		
.wimage {
	color:#FFF !important; text-decoration:none !important;
}

.wimage img {
	margin-top:10px;
}

.multimediacontainer {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}

.multimediacontainer.bigger {
	
}

table.bigger {
	width: 720px;
}

.multimediacontainer.big {
	
}
.multimediacontainer.large {
	
}
.multimediacontainer.medium {
	
}
.multimediacontainer.small {
	
}

.dida {
	margin:10px 0px 0px 0px;
	font-size:0.9em;
	line-height:1.25em;
	color:#666;
	text-indent:0px !important;
	text-align:left;
}

.dida H1 {
	margin:0px;
	font-size:1em; line-height:1.25em;
	color:#333; display:inline; 
	font-weight:bold;
}

.colonnino A {
	color:#333 !important;
}

.dida table {
	display:none !important;
}

.didanumb {
	font-weight:bold;
	font-style:normal;
	color:#333;
	padding-right:5px;
}		

.medianumber {
	padding-right:5px;
}	

.medianumber:empty {
	padding-right:0px;
}

.multimediaGianniBox {
	min-height:500px;
	border-bottom: 0px solid gray;
	padding-bottom:20px;
	margin-bottom:80px;
}

.multimediaGianniBox .dida {
	border:0px solid #CCC !important;
	padding-left:0px;
}

.multimediaGianniBox TABLE {
	width:100%;
	margin-top:10px;
}

.multimediaGianniBox TH, .multimediaGianniBox TD {
	border:1px solid #FFF;
	padding:4px;
	background-color:#ffff99;
	font-size:1em;
	vertical-align:top;
}

.multimediaGianniBox TH {
	font-weight:bold;
	vertical-align:middle;
	background-color:#ccc;
}

.multimediaGianniBox TD UL {
	margin-left:10px;
}

.zoomable {
	cursor: -moz-zoom-in !important;
}


.gallitem:first-child {
	margin-left:0px !important;
}

/*...........................................    

   multimedia spreadsheet 

...........................................*/


.dida.spreadsheet {
	background-color:#dedede; 
	padding:10px !important; text-align:left;
	border:0px solid #CCC !important;
}

.spreadsheet TABLE {
	width:100%;
}

.spreadsheet TH, .spreadsheet TD {
	border:1px solid #FFF !important;
	padding:4px !important;
	vertical-align:top;
	background-color:#dedede;
	font-size:0.9em !important;
	line-height:1.3em;
	text-align:left;
	
}


.spreadsheet TH {
	font-weight:bold;
	background-color:#dedede;
}

.spreadsheet TD UL {
	margin-left:10px;
}


/*...........................................    

   multimedia list e gallery / to merge w/above

...........................................*/

.multimedia H1 {
	clear:both; padding-bottom:2px; border-bottom:1px solid #999;
}
.multimedia OL {
	padding-left:0px !important;
}

.multimedia .multimediaitem {
	width:130px; 
	background-repeat: no-repeat; 
	background-position: 150px top; 
	height:70px;
	margin:10px 20px 0px 0px;
	font-size:0.85em; line-height:1.3em; 
	padding-top:5px;
}

multimedia .multimediaitem.thumb {

}


.multimedia .multimediaitem .ico {
	width:30px; margin:0px 5px 5px 0px;	
}



/*...........................................    

   modal e mini modal

...........................................*/

.modal {
	position:absolute; 
	width:100%;
	top:90px;
	z-index:500;
}


.minimodal {
	position:absolute; 
	left:-30px;
	top:100px;
	z-index:500;
	width:320px;
	background: transparent url('../img/sfo_modal_mini.png') center 20px no-repeat;
	font-weight: 200;
}
	
.modal .modalcontent {
	width:570px;
	min-height:260px;
	background-color: #fff;
	font-size:0.9em; 
	line-height:1.35em;
	padding:20px;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	margin:0 auto;
	border:20px solid #ff3300;;
	
}

.minimodal .modalcontent {
	min-height:60px;
	border:1px solid #cccccc;
	background-color: #fff;
	font-size:0.9em; 
	line-height:1.35em;
	padding:20px;
	margin:0px 20px 0px 20px;
/*
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
*/
}

.modalcontent H1 {
	padding-bottom:5px;
	border-bottom:0px solid #999;
	margin-bottom:10px;
	cursor:move;
	/*
font-style:italic;
*/
}

.minimodal .close {
	cursor:pointer;
	color:#333;
	text-align:right;
	display:block;
	margin-top:20px;
	border-top:1px solid #999;
}

.minimodal .xclose {
	cursor:pointer;
	display:block;
	position:relative;
	background: transparent url('../img/ico_close.png') no-repeat right;
	top:20px;
	right:12px;
	height:25px;
}

/*...........................................    

  notes

...........................................*/

.notes.detail {
	border:20px solid;
	border-color: #dedede !important;
	border-bottom-width:0px;
	padding:20px;
}

.noteList {
	font-size:0.85em;
}

.noteList TD {
	vertical-align:top;
	padding:0px 5px 20px 0px;
	width:33%;

}

.noteList UL {
	padding-left:15px;
	margin-top:10px;
	list-style-type:disc;
}


.noteList LI {
	line-height:1.2em;
	padding-bottom:5px;
}

.noteList H2 {
	line-height:1.1em;
}


.notesContainer {
	z-index:600; 
	position:absolute; 
	top:10px; 
	margin-left:620px; 	
}


.note {
	z-index:600; 
	position:absolute;
	top:0px
}

.stickynote {
	width:60px; height:60px; 
	background: transparent url('../img/stickynote.png') top left no-repeat;
	cursor:move;
	position:relative;
	z-index:601; 
}

.editorial .stickynote {
	background: transparent url('../img/stickyeditorialnote.png') top left no-repeat;
}

.stickynote div {
	margin:5px; text-align:center;
	padding-top:10px;
}


.noteDetail {
	width:315px;
	margin-left:-260px;
	top:-30px;
	/*background:transparent url('../img/sfo_modal_mini.png') 1px top no-repeat;*/
	display:none;
	position:relative;
	z-index:599;
}

.editorial .noteDetail {
	margin-left:20px;
}

.noteDetailcontent {
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
		
	border:2px solid #ffcc66;
	background-color:#fbe45e;
	font-size:0.9em;
	line-height:1.35em;
	padding:20px 20px 10px 20px;
	margin:0px 20px 0px 20px;		
}

.editorial .noteDetailcontent {
	border:0px solid #0099cc;
	background-color:#dedede;
	padding:10px 10px 10px 15px;
}

.noteDetailcontent H3 {
	padding-bottom:5px;
	border-bottom:0px solid #666;
	margin-bottom:0px;
	margin-top:-10px;
	cursor:move;
}

.noteDetail .close {
	cursor:pointer;
	color:#333;
	text-align:right;
	display:block;
	margin-top:20px;
	border-top:1px solid #666;
}

.noteDetail textarea {
	font-size:1em;
	line-height:1.35em;
	height:110px;
	padding:0px;
	border:0px;
	background-color:#fbe45e; border:1px solid #fff;
	width:100%;
	overflow:auto;
}

.noteDetail TABLE.toolbar {
	/*background-color: #ffcc66;*/
	width:100%;
	margin:10px 0px -5px 0px;
}
.noteDetail .toolbar TD {
	font-size:0.85em !important;
	border-width:0px;
}

.noteDetail .toolbar TD A {
	text-decoration:none; color:inherit;
}

A.newnotebutton {
	/*
color:#000;
*/
}

#newnote {
	z-index:2500;
}
/*........................................    

	forms

...........................................*/

textarea {
	border: 1px solid #999; padding:10px;
	font-size:0.9em;
	line-height:1.313em;
}

/* per visualizzare l'encrypt della password in IE*/
input[type=password] {
	font-family:"Lucida Grande","Lucida Sans Unicode", "Verdana", sans-serif!important;
}


/*........................................    

	buttons

...........................................*/

.button, button, input[type=submit], input[type=button], input[type=reset] {

	/* background:#F2F2F2 url(../images/BEbutton_dark.gif) repeat-x scroll left top; */
	background-color:#F2F2F2;
	line-height:1.2em;
	border-color:#BBBBBB;
	color:#333;
	
	-moz-border-radius:9px;
	border-radius : 9px; 
	-webkit-border-radius : 9px;
	-khtml-border-radius: 9px;
	-moz-box-sizing:content-box;
	
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	line-height:16px;
	padding:2px 5px;
	text-decoration:none;
}

input[type=submit]:hover, input[type=button]:hover, .button:hover, input[type=reset] {
	background-color:#666;
	color:#FFF;
	outline:0px;
}

/*...........................................    

	Glossary

...........................................*/

DFN.glossario, A.glossario {
	color:#336633;
	font-weight:bold;
	font-style:inherit;
}

DFN {
	color:#333;
	font-weight:bold;
	font-style:inherit;
}


.glossary dl {
	line-height:1.2em;
	margin-top:10px;
	margin-bottom:10px;
}

.glossary dt {
	font-weight:bold;
}

.glossary dd {
	padding:0px 0px 10px 0px;
	font-style:normal;
	color: #666;
}

.glossary H1 {
	padding-bottom:2px; border-bottom:1px solid #666;
	margin:0px;
}

.glossary H2 {
	margin-top:20px; padding:10px; text-align:center; width:40px; font-weight:bold; font-size:3em; line-height:1em;
	background-color:#99cc66;
	color:#FFF;
}

.modalcontent.glossario {
	border:10px solid #99cc66;
}

.modalcontent.glossario H1 {
	margin-top:0px;
}

.alphabet {
	float:right;
}

.alphabet A {
	text-decoration:none;
	color:#336633;
}

.alphabet A.on {
	border-top:4px solid #666;
}

/*...........................................    

	colonnino

...........................................*/


.colonnino {
	width:180px; float:right;
	overflow:hidden;
	background-color:#FFF;
	padding:0px 0px 10px 10px;
}

.colonnino .wimage img {
	max-width:180px;
}

.colonnino .multimediacontainer {
	width:180px !important;
}

aside {
	margin-bottom:0px; 
	clear:both;
}

aside H3 {
	padding-top:20px;
}

.colonnino .spreadsheet {
	border-top:10px solid #CCC;
}


.colonnino .spreadsheet TH, .colonnino .spreadsheet TD {
	line-height:1.1em;
	font-size:0.8em !important;
}

.colonnino .block {
	font-size:0.9em; line-height:1.3em; width:180px; margin:5px 10px 0px 0px;
	border-top:10px solid #CCC;
	padding-top:5px;
	text-align:left;
}

/* qualora l'elemnto nel colonnino viene spostato via jquery per allinarsi con un lelemento del testo, allora prende la classe .refplaced */
.colonnino .refplaced {
	
}

.block OL LI {
	list-style-type:upper-alpha;
}

.colonnino .block H1 {
	display:none
}

.colonnino .block H1.asideslink {
	display:block;
}

.block P {
	padding:0px;
	text-indent:0px;
}

.block H4 {
	font-weight:bold;
}

.see_also .block {
	border-top:10px solid #f4b17b;
}

.multimedia .block {
	border-top:10px solid #ff8181;
}

.link .block, .download .block {
	border-top:10px solid #0099cc;
}

.question .block {
	border-top:10px solid #660000;
}




/*...........................................    

   innesti nel testo (box block) i multimedia sono solo "multimediacontainer block"
   lo stile specifico (colore) è definito nel css specifico di pubblicazione
   sono blockquote se nel flusso del testo, .block.box se innestati con placeholder

...........................................*/


.text blockquote, .box.block {
	margin:20px; font-size:0.95em;
}

.text blockquote H1,
.box.block H1,
.text blockquote H4,
.box.block H4 {
	font-family: "Droid Sans", "Helvetica Neue", "Arial", sans-serif;
}

.text blockquote H4, 
.box.block H4 {
	border-bottom:10px solid #ccc;
	margin-bottom:5px;
	width:auto;
	display:inline-block;
	min-width:180px;
	padding-bottom:2px;
	font-weight:bold;
}

.text blockquote H1, 
.box.block H1 {
	margin:5px 0px 5px 0px;
}


/*...........................................    

	accessories

...........................................*/


HR.divider {
	height:15px; border:0px; margin:5px 0px 5px 0px; background:transparent url('../img/divider.png') center no-repeat;
}

HR.pageDivider {
	border-top:1px solid #999;
	margin:20px -40px 20px -40px;
}

.appicon {
	vertical-align:middle;
}

#bookpagenumber {
	display:inline; text-align:center; 
	width:40px; 
	border:1px solid transparent; 
	background-color:transparent; 
	/*letter-spacing:-0.1em;*/
	font-size:1.28em;
}

#bookpagenumber.focus {
	border:1px solid #CCC;
	background-color:#FFF;
	color:#666;
}

.shadow {
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}

.shadow20 {
	-moz-box-shadow: 0px 0px 20px #888;
	-webkit-box-shadow: 0px 0px 20px #888;
	box-shadow: 0px 0px 20px #888;
}

	
/*...........................................    

	comments

...........................................*/

.comments {
	/*font-size:0.9em;*/
}

.commentContainer {
	padding:10px;
	line-height:1.4em;
	border-bottom: 0px solid #dedede;
	background-color:#dedede;
	margin-top:10px;
}

.commentContainer.editor {
	background-color:#b2cfe0;
}

.commentContainer P {
	font-size:0.9em;
	text-indent:0px; padding-top:5px;
}

.comments UL.attach {
	margin-left:20px; padding-left:0px; margin-bottom:5px;
}

.comments UL.attach LI {
	padding-bottom:5px; list-style-type:none;
}

.commentsmenu {font-size:0.9em; line-height:1.35em;}

.commentsmenu LI {
	line-height:1em;
	margin-bottom:5px;
	/*
list-style-type:disc;
	list-style-position:outside;
*/
}

.commentform {
	
/*	
	position:absolute;
	top:500px;
	width:700px;
	margin-left:0px; 
	z-index:500;
	background: transparent url('../img/sfo_modal_mini_horizontal.png') top center no-repeat; 
	margin:20px -20px 0px -20px;
*/
	display:none;
	margin:10px 0px 10px 0px;
	padding:10px 20px 10px 20px;
	background-color: #dedede;
}


.commentform textarea {
	width:660px;
	height:120px;
	font-size:0.9em;
	padding:0px;
	border:0px;
	background-color:#fff;
}

.commentform fieldset {
/*	width:260px;
	
font-size:0.9em;
*/
}
		
/*...........................................    

   profile

...........................................*/

.profile.detail {
	border-color: #ccc !important;
	border-width:0px;
	padding:20px;
}

.profile .head {
	background:#ccc url('../img/sfo_detail_horizontal.png') no-repeat center bottom; 
	margin:-20px -20px 10px -20px; 
	padding:20px 20px 10px 30px;
}
.profile h1  {
	display:inline;
}

.profile h2  {
	background-color: #ccc;
	color:#000;
	font-size:1.2em;
	font-weight:normal;
	padding:4px 4px 4px 10px;
	margin-top:5px;
	margin-bottom:5px;
}


/*...........................................    

   aiuto

...........................................*/

.aiuto .head {
	background:#6699cc url('../img/sfo_detail_horizontal.png') no-repeat center bottom; 
	margin:-20px 0px 10px -20px; 
	padding:20px 20px 10px 20px;
}

.aiuto .head A {
	color:#FFF;
}


.aiuto .sidecol {
	font-size:0.85em; line-height:1.25em;
	/*background: transparent url(../img/angolofiller_aiuto.png) top left no-repeat;*/
	margin-top:-38px;

}

.aiuto .sidecol div.menu2 {
	font-size:0.85em; line-height:1.25em;
}

.aiuto P {
	text-indent:0px
}

.aiuto .col {
	font-size:0.9em; line-height:1.3em;
}

/*...........................................    

   teacher room

...........................................*/

.datestring {
	font-size:0.85em;

}


.teacher_room .head {
	background:#9dd4f9 url('../img/sfo_detail_horizontal.png') no-repeat center bottom; 
	margin:-20px 0px 10px -20px; 
	padding:20px 20px 10px 20px;
}

.teacher_room .ShortNews {

}

.teacher_room .col.center {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	min-height:480px;
}			


.teacher_room .col {
	font-size:0.9em; line-height:1.3em;
}

.teacher_room .materiali {
	font-size:0.85em; line-height:1.25em;
}

.teacher_room P {
	text-indent:0px
}

.teacher_room .sidecol {
	font-size:0.85em; line-height:1.25em;
	background: transparent url(../img/angolofiller_teacherroom.png) top left no-repeat;
	margin-top:-39px;

}

.sidecol DIV {
	 margin:40px 0px 0px 40px;
}

.teacher_room .materiali {
	font-size:0.85em; line-height:1.25em;
}

.teacher_room .temi {
	font-size:0.85em; line-height:1.25em;
}

/*...........................................    

	errors / warning / notice

...........................................*/

.alert {
	padding:20px;
	font-size:0.85em;
}

.alert.error {
	color:#FF3300;
}

/*...........................................    

   question & answers & results

...........................................*/



.appendedresult {
/*
	display:none;
*/
	font-weight:normal;
	font-style:italic;
	margin-left:40px;
	padding-left:20px;
}

.questionSwitcher img {
	padding:0px 5px 0px 5px;
}

.questions {
	margin:0px 0px 0px 0px !important;
	padding:0px !important;
	font-size:0.9em;

}

.questions P {
	text-indent:0px !important;
	line-height:1.35em;
}

.question {
	margin:0px !important;
	
}

.question H2 .qnumb{
	padding-right:2px; 
	font-weight:bold;
	font-size:1.3em;
}

.question H2 {
	cursor:pointer; margin-top:10px; padding:5px 0px 5px 10px; 
	background: #FFF none center right no-repeat;
	font-size:1em;
	padding-left:20px; text-indent:-17px;
	line-height:1.25em;
	
}

.result .question H2 {
	background-color:#ffff99 !important;
}

.result .resume {
	font-size:0.85em
}

.question H2.incorso {
	background-image: url("../img/ico_incorso.png");
}

.question H2.completed {
	background-image: url("../img/ico_completed.png");
}

.question H2.uncorrect {
	background-image: url("../img/ico_uncorrect.png");
}

.question H2.correct {
	background-image: url("../img/ico_correct.png");
}

.ncorrect {
	color:green;
}
.nuncorrect {
	color:red;
}


.question table {
	margin-top:0px;
	/*
display:none;
*/

}

.question table TD {
	padding:5px;
	vertical-align:top;
	border:0;
}

UL.answers {
	/*padding-left:20px;*/
	
}

.answers LI {
	padding:2px 0px 2px 0px; 
	text-indent:-20px;
	list-style:none;
}

.answers LI INPUT {
	vertical-align:middle;
}

.answers.result LI {
	color:#666;
}

.answers.result LI.on {
	/*background-color:#cc9999;*/
	border-bottom: 0px solid #ff3333;
	color:#ff3333;
}
.answers.result LI.on.correct {
	background: transparent none !important;
	border-bottom: 0px solid #009900;
	color:#009900 !important;
}

.answers.result LI.correct {
	color:#009900;
}

.answers input[type="text"] {border:1px solid silver; height:15px;}


.freetext, .freetext P {
	padding-left:0px;
	text-indent:0px !important;
}

.freetext textarea {
	width:98%;
	padding:10px;
	margin-left:-10px;
	height:120px;
	font-size:1em;
	line-height:1.3em;
	color:#3333ff;
	background-color:transparent;
	border:0px;
	border-left:1px dashed #FF6600;

}

.freetext .subanswer {
	margin-bottom:10px; border-bottom:1px solid #ccc; color:#000; font-style:italic;
}

.freetext .subanswer:last-child {
	border-bottom:0px solid #ccc;
}


input.qsubmit {
	padding:10px; font-size:1em; margin:20px 0px 20px 0px;
}

.fillcontainer {
/*
	background-color:white;	
	padding:10px; border:0px solid gray
	*/
}

.fill {
	/*
	margin-bottom:10px;
	margin-left:-10px;
	padding:0px 0px 0px 10px;*/
	text-indent:0px !important;
}

.fill input[type=text] {
	border:0px solid #999;
	border-bottom:1px dotted #333;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	color:#3333ff;
	font-size:1.1em;
	background-color:transparent;
	vertical-align:text-bottom;
}

.fill input[placeholder] {
	font-size:0.9em;
	text-align:center;
}

.fill select {
	margin-left:5px;
}

/*...........................................    

   email

...........................................*/

.mailonly {margin:0px!important; padding:0px!important;}


.mailonly H2 {cursor:auto;}

.mailform {
	position:relative;
	left:-20px;
	top:-20px;
	padding:20px 20px 20px 20px;
	width:740px;
	min-height:50px;
	font-size:0.9em;
}

.mailform label {
	display:block;
}

.mailform input[type=text], .mailform textarea {
	width:380px;
}

.mailform textarea {
	width:360px;
}

/*...........................................    

   virtual labs

...........................................*/

.vlab P {
	text-indent:0px;	
}

.vlab .video {
	color:#666;
	font-size:0.9em;
}

.vlab .video P, .vlab .video UL, .vlab .video OL {
	line-height:1.2em;
	padding-left:50px;
}
	
.vlab .video H2 {
	font-size:1em;
	/*text-transform:lowercase;*/
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	width:600px;
}

UL.vlabmenu {
	list-style:none; padding:0px; clear:both; font-size:0.85em; overflow:auto; border-bottom:0px solid silver;
	margin-left:-10px;
}

.vlabmenu LI {
	float:left; 
	background-color:#dedede;
	border:0px solid silver; 
	margin:0px;
	padding:5px;
	margin:0px 5px 5px 0px !important;
}

.vlabmenu LI.on {
	background-color:#333; 
}

.vlabmenu LI A {
	color:#000;
	text-decoration:none;
}

.vlabmenu LI.on A {
	color:white;
}

.vlabmenu LI A:hover {
	text-decoration:none;
}

iframe.vlabframe {
	display:none; margin-left:-20px; vertical-align:top; height:820px; width:820px; border:0px solid silver;
}

div#vlabframe {
	border:0px solid silver;
}

.vlab .multimediaitem {
	padding:10px; width:115px; height:85px;
}

/*...........................................    

   search results

...........................................*/

.searchresult .abstract {
	margin-top:0px; margin-left:0px; font-size:0.9em; line-height:1.2em;  color:#666; padding-top:0px; margin-bottom:5px;
	text-indent:0px;
}

.searchresult OL {
	line-height:1.2em; list-style-type:none;
}

.results .snumb {

	font-size:0.85em;
}


/*...........................................    

   highlight

...........................................*/

.highlight { background-color: #ffff66; text-decoration: none;}

/*
.selectable ::selection {
	background: #ffff66; 
	}
.selectable ::-moz-selection {
	background: #ffff66;
}
.selectable ::-op-selection {
	background: #ffff66; 
}
*/
.selectable U {
	text-decoration:none;
}

#rightclickmenu, .rightclickmenu {
	display:none; 
	position:absolute; 
	z-index:999; 
	background-color:#FFF;
	font-size:10px;
	padding:0px;
	text-align:center;
	border:5px solid #ffff00;
	-moz-box-shadow: 0px 0px 20px #666;
	-webkit-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666;

}

#rightclickmenu A, .rightclickmenu A {
	color:#006699;
	cursor:pointer;
	padding-left:3px;
}

.cancelHighlight,.removeHighlight {
	background-color:#999;
	padding:3px;
	text-align:center;
	color:#FFF !important;
	margin-left:5px;
}

.removeHighlight {margin-left:0px;}

.xunbindkey {
	/*background-color:red;*/
}


/*...........................................    

   sliding pages

...........................................*/

.navigator LI {
	text-align:center;
	color:#888;
	font-size:25px;
	padding:5px 0px 5px 0px;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.navigator LI.mon {
	color:#888;
}

.navigator LI.current {
	color:#fff;
}

.slidingmenu {
	position:fixed; z-index:580; top:180px;
	margin-left:-95px; 
}	

div.prevpage, div.nextpage {
	position:absolute; 
	top:0px; 
	width:30px; 
	height:100%;
	min-height:600px;
	cursor:pointer;
	opacity:0.5;
	z-index: 4; /*Per coprire .head in base.css; se lì non serve eliminare anche qui */
	filter:alpha(opacity=50);
	display: none;
}
.current div.prevpage, .current div.nextpage {
	display: block;
}

div.nextpage:hover {
	background:transparent url('../img/ico_arrow_nextpage.png') left 60px no-repeat;
}

div.prevpage:hover {
	background: transparent url('../img/ico_arrow_prevpage.png') right 60px no-repeat;
}


div.nextpage {
	margin-left:730px;
}

.Gallery div.nextpage {
	margin-left:830px;
}

div.prevpage {
	margin-left:-40px; 
	height:600px;
}

.detail.current {

}

.nextP.last {
	
}

.prevP.first {
	
}


.detail.loading {
	min-height:400px;
	background: #FFF url('../img/loadingAnimation.gif') center no-repeat;
}

.wait.loading {
	background: #FFF url('../img/loadingAnimation.gif') center 50px no-repeat;
	padding-bottom:200px; padding-top:150px; text-align:center;
	min-height:300px;
}

.wait .numb {
	background: none;
	font-size:1.7em;
	display:block;
	margin-top:0.5em;
}

.wait b {
	font-size:1.2em;
	font-weight:normal;
}

/*...........................................    

   credits

...........................................*/

.credits P {
	text-indent:0px;
}

.credits H2 {
	margin:10px 0 5px 0;
}

/*...........................................    

   unlogged menu Left

...........................................*/

.unlogged A.bollone {
	display:block;
	margin-left:130px;
	background: transparent url('../img/bollone_accedi.png') no-repeat;
	min-width:110px; min-height:110px;
}
		

/*...........................................    

  main bookProject page

...........................................*/

	.pub_column {
		float:left; 
		border-left:1px solid silver; 
		width:320px; min-height:520px; 
		background-color:#FFF
	}

	.pub_column:first-child {
		border-left:0px solid silver; 
	}
	
	.pub_cover {
		height:400px; 
		overflow:hidden;
	}
	
	.pub_snodo table {
		width:100%;
	}
	.pub_snodo TD {
		width:50%;
		padding:20px 20px 20px 20px;
		background-color:#ccc;
		min-height:90px;
	}
	.pub_info {
		 padding:20px;
		 color:#444;
	}
	
	.pub_info .creator, .pub_info .abstract {
		white-space:wrap; 
		font-size:0.9em;
		line-height:1.2em;
	}
	
	.pub_info H1 {
		font-weight:bold;
		color:#000;
		margin:5px 0 5px 0;
	}

	.pub_info H1 .description {
		display:inline;
		font-weight:normal;
		color:#000;
		font-size:0.7em;
		color:#444;
	}
	
	.pub_info .abstract {
		padding-top:10px;
		border-top:1px solid #ccc
		
	}
	.pub_column {
		background-color:#dedede
	}
	
	.pub_column.publication {
		background-color:#fff;
		position:relative;
		z-index:10;
	}

	
	.pub_door A {
		display:block;
		margin-right:40px;
		font-size:0.7em;
		text-transform:lowercase;
	}








/*...........................................    

   staging grid & BODY and design aids

...........................................*/


BODY.gridy {
	/*background-image: url('../img/staging_sfo_grid.png') !important;
	background-repeat:repeat;*/
}


BODY.gridy .detail {
	background-image: url('../img/staging_sfo_grid.png') !important;
	background-repeat:repeat;
}

BODY.gridy .detail.cat {
	background-position:-20px top;
}

/*
ol {color:red !important; font-size:28px;}
ol li span {color:black; font-size:14px; line-height:20px;}
*/

.staging.gridy a.placeref {
padding:2px; background-color:red;
}

.staging.gridy a.placeref:before {
content: "H";
}

/*...........................................    

   just for bugs

...........................................*/


a[title="print"] {
	display:none;
}


/*...........................................    

   zantip

...........................................*/

.modal.zantip {
	width:500px;
	top:140px;
	/*position:fixed*/
	background:none;
}

.modal.zantip .modalcontent {
	width:420px;
	border: 20px solid white;
	padding:0px;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}


.modal.zantip header {
	margin:20px 10px 10px 0px  !important;
	padding:0px !important;
	background-color:#000;
	font-size:1.2em;
	background: white url('../img/dizionari-zanichelli') right no-repeat;
	height:20px !important;
}


.modal.zantip cit {
	border-bottom:10px solid #CCC;
	display:block;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:bold;
}

.modal.zantip cit A {
	display:block; 
	min-height:20px;
	min-width:200px;
	color:rgb(255, 51, 0);
	margin-bottom:5px;
}

.modal.zantip cit A.loZingarelli {
	background: white url('../img/dizionari-zanichelli-loZingarelli.png') left center no-repeat;
}

.modal.zantip cit A.ilRagazzini {
	background: white url('../img/dizionari-zanichelli-ilRagazzini.png') left center no-repeat;
}

.modal.zantip cit A.ilMorandini {
	background: white url('../img/dizionari-zanichelli-ilMorandini.png') left center no-repeat;
}

.modal.zantip cit A.medicina {
	min-height:30px;
	background: white url('../img/dizionari-zanichelli-medicina.png') left center no-repeat;
}

.modal.zantip .modalcontent section {
	margin-bottom:10px; 
	padding:0px 10px 10px 10px;
}

.modal.zantip .modalcontent section .entry {
	color: #666;
}

.modal.zantip .modalcontent section .entry * {
	font-size:14px !important;
	line-height:16px !important;
}

.modal.zantip .modalcontent section + section {
	/*padding-top:10px;
	border-top:0px solid #CCC;*/
}

.modal.zantip .modalcontent .close {
	cursor:pointer;
	background: transparent url('../img/ico_close.png') no-repeat;
	display:block; position:absolute; width:25px; height:25px;
	margin-top:-15px;
	margin-left:410px;
}

.modal.zantip .modalcontent .entry + .entry {
	padding-top:0px;
	border-top:1px solid #CCC !important;
	margin-top:20px;
}




/* Lavagna */

.chalkboard {
	position: relative;
	top: 0;
	left: 0;
	margin: -40px;
	z-index: 100;
	pointer-events: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chalkboard.canDraw {
	pointer-events: all;
}

/* Tag immagini */

.taggedImage {
	position: relative;

}
.taggedImage img {
	margin: 0;
	padding: 0;
}
.imageTarget {
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent url('../img/imageTarget.empty.png');
	opacity:0.3;
	filter:alpha(opacity=30);
}
.imageTarget.visible,
.imageTarget:hover {
	cursor: pointer;
	opacity: 1;
	filter:alpha(opacity=100);
}
.imageTarget.dotted {
	background: transparent url('../img/imageTarget.dotted.png') center center no-repeat;
}
.imageTarget.dotted.visible {
	background: transparent url('../img/imageTarget.dotted.visible.png') center center no-repeat;
}
.imageTarget.bordered {
	border: 3px solid #066;
}
.imageTarget.filled {
	background: #066;
}
.imageText {
	position: absolute;
	padding: 10px;
	background: white;
	border: 1px solid #066;
	display: none;
	cursor: auto;
}
.imageText p {
	text-indent: 0;
}
.imageText .imageTitle {
	font-size: 1.1em;
	font-weight: bold;
}
.imageText .imageDescription {
	font-size: 0.9em;
}
.imageText .closeText {
	cursor:pointer;
	display:block;
	position:absolute;
	background: transparent url('../img/ico_close.png') no-repeat right;
	top:-12px;
	right:-12px;
	width:25px;
	height:25px;
}
.imageText.modal {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 300px;
	padding: 10px;
	margin-left: -160px;
	background: white;
	border: 1px solid #066;
}
.imageText .closeTextModal {
	text-align: right;
}
.imageText.tooltip {
	width: 180px;
	margin-left: -100px;
	left: 50%;
	right: 50%;
}
.imageText.tooltip img {
	width: 100%;
}
.imageText.postit {
	margin: -3px;
	min-width: 100%;
	min-height: 100%;
}

.imageText.top {
	top: 0;
}
.imageText.bottom {
	bottom: 0;
}
.imageText.left {
	left: 0;
}
.imageText.right {
	right: 0;
}
/* Parte sinistra della freccia */
.imageText.tooltip.bottom::before {
	content:'';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-right: 10px solid #066;
	border-bottom: 10px solid transparent;
}
/* Parte destra della freccia */
.imageText.tooltip.bottom::after {
	content:'';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: -10px;
	left: 50%;
	margin-left: 0px;
	border-left: 10px solid #066;
	border-bottom: 10px solid transparent;
}
/* Parte sinistra della freccia */
.imageText.tooltip.top {
	margin-top: 10px;
}
.imageText.tooltip.bottom {
	margin-bottom: 10px;
}
.imageText.tooltip.top::before {
	content:'';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-right: 10px solid #066;
	border-top: 10px solid transparent;
}
/* Parte destra della freccia */
.imageText.tooltip.top::after {
	content:'';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: -10px;
	left: 50%;
	margin-left: 0px;
	border-left: 10px solid #066;
	border-top: 10px solid transparent;
}
.imageLine {
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #066;
	top: 0px;
	left: 0px;
}

/* Audio player - audiojs - http://kolber.github.com/audiojs */

.audiojs audio {
	position: absolute; left: -1px;
}
.audiojs {
	width: 100%;
	height: 24px;
	background: #dddddd;
	overflow: hidden;
	/*font-family: monospace;*/
	font-size: 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #ccc));
	background-image: -moz-linear-gradient(center top, #eee 0%, #ccc 100%);
	/*-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);*/
}
.audiojs .controls {
	width: 24px;
	margin-left: -100%;
	height: 24px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.audiojs .controls:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.audiojs p {
	display: none;
	width: 100%;
	height: 20px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}
.audiojs .play {
	display: block;
}
.audiojs .infos {
	float: left;
	width: 100%;
	margin-bottom: -100%;
}
.audiojs .barHolder {
	margin-left: 24px;
	margin-right: 3px;
}
.audiojs .scrubber {
	position: relative;
	width: 100%;
	background: #eeeeee;
	height: 6px;
	border-radius: 3px;
	margin-top: 8px;
	overflow: hidden;
}
.audiojs .progress {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 6px;
	width: 0px;
	background: #999999;
	z-index: 1;
	border-radius: 3px;
}
.audiojs .loaded {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 6px;
	width: 0px;
	border-radius: 3px;
	background: #ccc;
}
.audiojs .time {
	width: 100%;
	height: 8px;
	line-height: 8px;
	margin-top: 2px;
	padding: 0;
	color: #333;
	font-weight: bold;
}
.audiojs .time .played {
	float: left;
}
.audiojs .time .duration {
	float: right;
}
.audiojs .error-message {
	float: left;
	display: none;
	margin: 0px 10px;
	height: 36px;
	width: 100%;
	margin-left: 24px;
	overflow: hidden;
	line-height: 36px;
	white-space: nowrap;
	color: #333;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.audiojs .error-message a {
	color: #eee;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
	white-space: wrap;
}
.audiojs .play,
.audiojs .loading,
.audiojs .error,
.audiojs .pause {
	background-image: url('../img/audiojs.png');
	background-repeat: no-repeat;
}
.audiojs .play {
	background-position: -2px -0px;
}
.audiojs .pause {
	background-position: -2px -25px;
}
.audiojs .loading {
	background-position: -2px -50px;
}
.audiojs .error {
	background-position: -2px -75px;
}
.playing .play,
.playing .loading,
.playing .error {
	display: none;
}
.playing .pause {
	display: block; 
}
.loading .play,
.loading .pause,
.loading .error {
	display: none;
}
.loading .loading {
	display: block;
}
.error .time,
.error .play,
.error .pause,
.error .scrubber,
.error .loading {
	display: none;
}
.error .error {
	display: block;
}
.error .play-pause p {
	cursor: auto;
}
.error .error-message {
	display: block;
}

/* snodo */

.pub_snodo .pub_door.logged {
		background: #f7de51 url('../img/door_private_small.png') right no-repeat;
}	

.pub_snodo .pub_door.free {
	background: #9dd4f9 url('../img/door_public_small.png') right no-repeat;
}	

/* Fix per Webkit (Chrome 20 - Safari 5.1) per conflitto con Giannibox (mistero) */
.drawing:before, .image:before {
    content: '' !important;
    display: block !important;
}
/* nasconde il form dei numeri di pagina */
.userblock form {display:none;}