@import url(https://fonts.googleapis.com/css?family=Englebert);
@import url(https://fonts.googleapis.com/css?family=Macondo);
@import url(https://fonts.googleapis.com/css?family=Alef);

body {text-align:center;margin:0px auto;background-color: #351c17;background-position:right top;background-repeat:repeat;background-attachment:fixed;}
a {color: #0782C1;}
a img {border:0px;}

#container {margin-top:-290px; margin-left:-378px; width:754px;position:absolute; height:580px; top:50%; left:50%;text-align:left;}
#content {background: #F8F8F5 url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/content_bg_middle.jpg) repeat-y;width:650px; position:relative; margin:0px; padding:0px;}
#content-top {background:url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/content_bg_top.png)  no-repeat top; height:20px; width:650px;}
#content-bottom {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/content_bg_bottom.png)  no-repeat bottom; height:20px ; width:650px;line-height:0px;}

#fuori {width:257px; height:315px; position:absolute; float:right; text-align:center; right:20px; margin-top:10px;}
#polaroid {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/profeta.png) no-repeat; position:absolute;width:257px; height:315px;z-index:20;left:5px; top:0px;}
#avatar { width:200px; position: absolute;left:51px;top:82px;}

#segnalibro {width:91px; height:305px; position:absolute; float:left; text-align:center; margin-left:15px; margin-top:7px;}
#segnalibro img.scuola_segnalibro {position: absolute; top:-10px; left:9px;}

#interno {font:12px verdana;color:#000;text-align:justify; width:636px; height:540px; overflow-y:auto;  margin:0px 0px 0px 0px}
.modifica_info {overflow-y:hidden !important;}
.modifica_info_staffer {overflow-y:hidden !important;}
.modifica_info_staffer textarea {vertical-align:middle}
.modifica_info_staffer .mod_info {color:#003366; font:16px Englebert, Tahoma; margin:0px 0px}
#interno3 {font:12px verdana;color:#000;text-align:justify; width:645px; height:540px;  margin:0px 0px 0px 0px}
#interno h1 {font:18px Englebert, Tahoma; color:#800000; background: url(/mh/vis/profilo/immagini/hr-thin.jpg) repeat-x left bottom; padding:0px; margin:0px 0px 5px 0px;line-height: 1.2}
#interno2 { margin: 0px 0px 0px 25px;width:595px;}

.info {color:#7E354D; font:11pt Englebert, Tahoma;line-height:12pt}

#menu {left: 640px; position: absolute; top: 80px; width: 110px; z-index: 2;}
#menu ul {list-style-type: none;padding: 0px;margin: 0px 0px 0px 0px;}
#menu li {color:white; font:16px Macondo; text-align:left; margin:20px 0px 35px 2px;padding:0px;}
#menu li a {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/ling1.png) no-repeat right;text-decoration:none; color:#000; font: 16px Macondo; padding:20px 10px 20px 6px;text-shadow: 0px 0px 8px #fff; }
#menu li a:hover {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/ling2.png) no-repeat right;text-shadow: 0px 0px 8px #fff;padding-left:10px;}
#menu li input {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/ling2.png) no-repeat right;color:white; font: 16px Macondo; height:41px; border:0px; cursor:pointer;}
#menu li.mod {margin-top:60px;}
#menu li.mod a {background: url(https://www.mondohogwarts.com/mh/vis/profilo/immagini/ling2.png) no-repeat right; text-decoration:none; color:black; font: 16px Macondo; padding:20px 10px 20px 8px; text-shadow: 0px 0px 8px #fff;}
#menu li.mod a:hover {padding-left:10px;}


#swfproxy{display:none !important}
.ywp-container {display:none !important}

textarea.modifica {padding:5px; width:600px; height:150px; background:transparent; border:1px dotted black; font:12px Verdana; color:black;}

#info_ana {width:250px; text-align:left; margin-left:110px;  height:300px;}

.info_off {width:250px;}
.iconcine_off {float:right}
.iconcine_off img {vertical-align:top}

textarea #background {background:transparent; height:400px;}

.mod_info {color:#7E354D; margin:0px 0px;  font:11pt Englebert, Tahoma;line-height:12pt}
iframe {vertical-align:top}

table {border-collapse:collapse; font:12px Verdana}
.ultime_connessioni th {color:#7E354D; font:16px Englebert, Tahoma;}
.ultime_connessioni td {border:1px solid #003366;}

.pagella {width:240px; float:left; margin-left:40px;}
.pagella h2 {text-align:center;}
.pagella table {width:240px;}
.pagella table td {border:1px solid grey;}
a.pulsante {color: #003366; text-decoration:none; font:14px Englebert, Tahoma; }

.materia {font:14px Englebert, Tahoma; text-align:left; color:#7E354D; height:20px}
.voti_corso {width:600px;}
.voti_corso td {border:0px solid grey;color: #333;font:10px verdana;}
.voti_corso a {color: #003366; text-decoration:none; font:14px Englebert, Tahoma; }

.punti_corso th{font:14px Englebert, Tahoma; color:#7E354D; height:20px;}
.punti_corso {width:600px;}
.punti_corso td {border:0px solid grey;color: #333;font:10px verdana;}
.punti_corso a {color: #003366; text-decoration:none; font:14px Englebert, Tahoma; }

h2 {color: #003366; text-decoration:none; font:18px Englebert, Tahoma; padding:0px; margin:0px;height:20px;}

#interno_info {     color: #000000;     font: 12px verdana;     height: 540px;     text-align: justify;     width: 645px;}
#interno_sotto {height:240px; clear:both; margin:0px 10px 0px 25px; }
#interno_sotto2 {padding-right: 5px;height:240px;}
#interno_sotto h1, #info_ana h1 
{  color: #800000;    
  font: 18px Englebert, Tahoma; line-height:20px; margin:0px 0px 12px 0px;
  padding: 7px 0px 2px 0px; background: url(/mh/vis/profilo/immagini/hr-thin.jpg) repeat-x left bottom; }

.modifica_info { overflow-y: hidden !important;}
.audio_posta {float:right;  position:relative; margin: 0px 30px 0px 0px; padding:0px; }

#modifica_info {font:12px verdana;color:#000;text-align:justify; width:630px; height:540px; overflow-y:scroll;  margin:0px 0px 0px 0px}
#modifica_info_interno { margin: 0px 0px 0px 20px; width:575px;}
#modifica_info::-webkit-scrollbar {height:8px;	width:8px;background: transparent;}
#modifica_info::-webkit-scrollbar-corner{background: transparent;}
#modifica_info::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(150,150,150,.7);-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,.7);}
#modifica_info::-webkit-scrollbar-thumb:hover, .post::-webkit-scrollbar-thumb:active{background: rgba(150,150,150,.7);-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,.7);}	
#modifica_info::-webkit-scrollbar-track:hover, .post::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);	border: 1px solid rgba(0,0,0,0);	}

.scroll_profilo {scrollbar-color: rgb(230, 230, 230) rgba(117, 95, 95, 0); scrollbar-width: thin; overflow-y:auto;}

.scroll_profilo::-webkit-scrollbar {height:8px;	width:8px;background: transparent;}
.scroll_profilo::-webkit-scrollbar-corner{background: transparent;}
.scroll_profilo::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(230,230,230,.7);-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,.7);}
.scroll_profilo::-webkit-scrollbar-thumb:hover, 
.scroll_profilo::-webkit-scrollbar-thumb:active{background: rgba(230,230,230,.7);-webkit-box-shadow:inset 0 0 6px rgba(200,200,200,.7);}	
.scroll_profilo::-webkit-scrollbar-track:hover, 
.scroll_profilo::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.2);	border: 1px solid rgba(0,0,0,0);	}



.pesantezza img {margin-left:60px;}

.oblomdm {height:95px; position:relative; }
.oblo {position:absolute; z-index:1; width:100px; height:100px; background: url('/mh/elenchi/immagini/mdm/cornice.png');left:0px; top:0px;}
.oblomdm .avatar {position:absolute; width:60px; height:60px; top:25px; left:22px;}
.oblomdm .avatar img {width:60px; height:60px; border-radius:50px;}
.oblomdm .elimina {padding:20px 0px 0px 120px;} 
.avvertenza {background:white; border: 2px dashed #003366; font-size:13px; padding:5px;}

.baule { margin-top:5px;}
.children {  display: none;} 
.children:target {  display: table-row;} 
.riga_baule {width:100%; display: table;font:14px Macondo; }
.img_baule {width:100px; display: table-cell; text-align:center; padding:5px 0px;}
.desc_baule {display: table-cell;vertical-align: middle;}
.qta_baule{display: table-cell;vertical-align: middle;width:10px;padding-right:10px;}
.vendi{display: table-cell;vertical-align: middle; width:50px; } 
.titolo_negozio_baule {font:16px Englebert; color:#003366; height:20px; vertical-align:middle;}
.titolo_negozio_baule a {text-decoration:none; color:#003366; font:16px Englebert;} 

.aura {width:50px; height:12px; position:absolute; border: 1px solid #68616145; vertical-align:middle; margin: 1px 5px;  border-radius: 5px; }

.gilde {list-style: none; margin:0px; padding:0px;}
.gilde li {margin:8px 0px; padding:2px; clear:both; }
.gilde li img {margin-right: 10px; padding:-2px; float:left; width:32px; height:32px; }

.desc_cartella  {border-collapse:collapse; font:10pt Alef; padding:0px; margin:0px 0px 5px 0px; border:1px solid #003366;  }
.desc_cartella th {background:#68616145; color:#003366; font:  11pt Englebert ; height:24px;}
.desc_cartella td {border:1px solid #003366; padding:3px; border-collapse:collapse; vertical-align:top;}