/* Importo il CSS del network */
@import url('http://all.mrwebmaster.it/files/common.css');

/* Etichette Arrotondate */
div.eti { height: 35px; }
.eti li { padding: 4px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; background: #DDDDDD; }
.eti li.on { background: #1A4269; }
.eti a, .eti a:hover { color: #336699; text-decoration: none; }
.eti li.on a { color: #FFFFFF; }

/* Sotto-Etichette arrotondate */
div.sottoetibox { margin-bottom: 15px; padding: 15px 5px 10px 5px; background: url('../images/bg_etibox.gif') repeat-x; }
.sottoetibox div.focus { width: 334px; float: left; border-right: 1px solid #DDDDDD; }
.sottoetibox div.tools { width: 185px; float: left; }
.sottoetibox div.focus div { margin-right: 5px; }
.sottoetibox div.tools div { margin-left: 5px; }
.sottoetibox h2 { margin: 0px; }

/* Etichette verticali (Dynamic Box) */
div.dyntab { float: left; width: 120px; margin-right: 5px; border-right: 1px solid #DDDDDD; }
div.dynbox { float: left; width: 404px; }
.dyntab ul { margin-right: 5px; }
.dyntab li { font-size: 11px; margin-bottom: 5px; }
.dyntab li.on { background-image: url('../images/arr_right_blu.gif'); background-repeat: no-repeat; background-position: 108px 2px; }
.dyntab li a { display: block; text-decoration: none; }
.dyntab li.on a { font-weight: bold; }

/* Etichette semplici (colonna dx home-page) */
#easytab li { display: inline; margin: 0px; padding-right: 14px; background: url('../images/easy_grey.gif') no-repeat center right; }
#easytab li#tab_4_3 { background-image: none; padding: 0px; } 
#easytab li a { color: #999999; }
#easytab li.on a { color: #336699; font-weight: bold; }
div#easybox { margin: 5px 0px 15px 0px; }
#easybox a { font-weight: bold; }
#easybox span { color: #999999; }

/* Home-Page */
#homepage h2, #homepage h3 { margin: 0px; }
#homepage div.hpbox { margin-bottom: 15px; padding: 10px 0px; }

/* Menu drop down (colonna sx) */
#colsx .mrwmenu li { background: #DDDDDD; }
#colsx .mrwmenu a { color: #333333; }
#colsx .mrwmenu a:hover { color: #FF6600; text-decoration: none; }
#colsx .mrwmenu li ul { margin: 0px; }
#colsx .mrwmenu li li { background: #EFEFEF; }
#colsx .mrwmenu li.aperto, #colsx .mrwmenu li.chiuso { background-image: url('../images/arr_up.gif'); background-repeat: no-repeat; background-position: 144px 7px; }
#colsx .mrwmenu li.chiuso { background-image: url('../images/arr_down.gif'); }
#colsx .mrwmenu li.cur { font-weight: bold; }

/* Contenuto */
#centrale div.imgbox { margin: 12px 0px; text-align: center; }
#centrale pre, #centrale div.esempio { width: 530px; overflow: auto; background-color: #FFFFCC; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 2px 0px 2px 0px; font-family: 'courier new', courier, monospace; font-size: 11px; color: #474747; }
#centrale div.sx { float: left; width: 310px; }
#centrale div.dx { float: left; width: 220px; }
#centrale div.midbox { width: 530px; float: left; margin: 15px 0px; }
#centrale ul.elenco { margin-bottom: 10px; }

/* Icone particolari */
.elenco li.big-ico { min-height: 60px; background: url('../images/ico60/articoli.gif') no-repeat; padding: 0px 0px 0px 65px; margin-bottom: 10px; }
.elenco li.tools { min-height: 35px; background: url('../images/icotools/gbook.gif') no-repeat; padding: 5px 0px 0px 40px; font-size: 11px; }

/* Icone 16px */
.ico16 li { background-image:url('../images/ico16/folder.gif'); }
.ico16 li.home { background-image:url('../images/ico16/home.gif'); }
.ico16 li.script { background-image:url('../images/ico16/script.gif'); }
.ico16 li.software { background-image:url('../images/ico16/software.gif'); }
.ico16 li.flashmovies { background-image:url('../images/ico16/flash.gif'); }
.ico16 li.soundloops { background-image:url('../images/ico16/sound.gif'); }
.ico16 li.templates { background-image:url('../images/ico16/template.gif'); }
.ico16 li.font { background-image:url('../images/ico16/font.gif'); }
.ico16 li.forum { background-image:url('../images/ico16/forum.gif'); }
.ico16 li.blog { background-image:url('../images/ico16/blog.gif'); }
.ico16 li.softwaremania { background-image:url('../images/ico16/softwaremania.gif'); }
.ico16 li.devspy { background-image:url('../images/ico16/devspy.gif'); }

/* Icone 24px */
.ico24 li { background-image:url('../images/ico24/folder.gif'); }
.ico24 li.guide { background-image:url('../images/ico24/guide.gif'); }
.ico24 li.articoli { background-image:url('../images/ico24/articoli.gif'); }
.ico24 li.faq { background-image:url('../images/ico24/faq.gif'); }
.ico24 li.ref { background-image:url('../images/ico24/ref.gif'); }
.ico24 li.software { background-image:url('../images/ico24/software.gif'); }
.ico24 li.script { background-image:url('../images/ico24/script.gif'); }
.ico24 li.flashmovies { background-image:url('../images/ico24/flash.gif'); }
.ico24 li.soundloops { background-image:url('../images/ico24/sound.gif'); }
.ico24 li.forum { background-image:url('../images/ico24/forum.gif'); }
.ico24 li.blog { background-image:url('../images/ico24/blog.gif'); }
.ico24 li.link { background-image:url('../images/ico24/link.gif'); }

/* Icone varie nella scheda contenuti */
li.autore, li.preferiti, li.errore { height: 16px; background-image: url('../images/ico16/autore.gif'); background-repeat: no-repeat; padding-left: 20px; font-size: 12px; }
li.preferiti { background-image: url('../images/ico16/bookmark.gif'); }
li.errore { background-image: url('../images/ico16/errore.gif'); }

/* Social buttons in alto */
.socialbt { float: right; list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; }
.socialbt li { padding-bottom: 10px; }

/* Box RSS e Social Media */
div#social { position: relative; height: 40px; border-bottom: 3px solid #DDDDDD; margin-bottom: 10px; }
#social table { position: absolute; right: 0px; }

/* Box Permalink */
div#permalink { margin: 10px 0px; border: 1px solid #DDDDDD; padding: 7px 0px 0px 4px; background: #EEEEEE; }
#permalink span, #permalink input { font-size: 11px; }
#permalink input { width: 208px; margin: 7px 0px; border: 1px solid #DDDDDD; }

/* Bottoni */
div.bt, div.dlbt, div.prevbt { padding: 10px 0px; text-align: center; }
div.bt input, div.dlbt input, div.prevbt input { padding: 5px 10px; font-weight: bold; cursor: pointer; background: #336699; color: #FFFFFF; border: none; }
div.dlbt, div.prevbt { border: 1px solid #DDDDDD; background: #EEEEEE; }
div.dlbt input, div.prevbt input { width: 160px; background: #009900; }
div.prevbt { background: #EEEEEE; margin-top: 15px; }
div.prevbt input { background: #FF6600; }

/* Prev e Next */
div.prev, div.next { float: left; width: 50%; min-height: 40px; margin: 5px 0px 15px 0px; } 
div.prev { background: url('../images/freccia-sx.gif') no-repeat; }
div.next { background: url('../images/freccia-dx.gif') no-repeat top right; text-align: right; }
div.prev div { padding: 0px 10px 0px 30px; }
div.next div { padding: 0px 30px 0px 10px; }

/* Link di approfondimento */
div.gotolink, li.gotolink { text-align: right; font-size: 11px; color: #999999; }
div.gotolink { padding: 3px 0px; border-top: 1px dotted #DDDDDD; }

/* Font */
ul#fontalpha { width: 100%; text-align: center; margin: 0; padding: 0; list-style-type: none; }
#fontalpha li { display: inline; margin-right: 7px; }

/* News tags */
div.newstags { font-size: 11px; padding: 5px 0px; margin: 5px 0px; border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; }
.tagcloud span { margin-right: 3px; }

/* Varie (solo www) */
div.dd_header { margin-bottom: 15px; font-size: 12px; color: #999999; }
.dd_header a, small.lite { color: #999999; }
img.imgnews { width: 60px; height: 60px; float: left; margin: 0px 5px 5px 0px; }
p.preview { margin: 2px 0px 0px 0px; font-size: 11px; }
li div.dixit { min-height: 12px; background: url('../images/quot.gif') no-repeat 0px 2px; padding-left: 18px; }