/* SELETTORI GENERALI */
body { margin: 0; padding: 0; background: #F0F7FD url(images/body-bg.png) repeat-x; font: 10pt sans-serif; }
h2 { font-size: 13pt; margin: 0; }
a { color: #2562DF; }
img { border: 0; }
.textbox { font: 10pt Tahoma; border: 1px solid #C0C0C0; padding: 2px; }
.select { font-family: Tahoma; border: 1px solid #C0C0C0; padding: 1px; }

/* BOTTONI */
a.button { display: block; float: left; text-align: center; padding: 0; margin: 0; margin-right: 5px; cursor: pointer; text-decoration: none; }
a.button span { float: left; font: bold 12px/23px Verdana; white-space: nowrap; height: 23px; margin-left: 5px; padding: 0 10px 0 5px;}

/* BOTTONI ARANCIONI */
a.button.orange span { color: #924F4F; background: url(images/button-orange-right-bg.png) no-repeat right 0; }
a.button.orange { background: url(images/button-orange-left-bg.png) no-repeat 0 center; }
a.button.orange:hover span { color: #524F4F; background: url(images/button-orange-right-bg.png) no-repeat right 100%; }
a.button.orange:hover { background: url(images/button-orange-left-bg.png) no-repeat -255px center; }

/* BOTTONI AZZURRI */
a.button.lightblue span { color: #524F4F; background: url(images/button-lightblue-right-bg.png) no-repeat right 0; }
a.button.lightblue { background: url(images/button-lightblue-left-bg.png) no-repeat 0 center; }
a.button.lightblue:hover span { color: #666; background: url(images/button-lightblue-right-bg.png) no-repeat right 100%; }
a.button.lightblue:hover { background: url(images/button-lightblue-left-bg.png) no-repeat -255px center; }

/* BOTTONI BLU */
a.button.blue span { color: #FFF; background: url(images/button-blue-right-bg.png) no-repeat right 0; }
a.button.blue { background: url(images/button-blue-left-bg.png) no-repeat 0 center; }
a.button.blue:hover span { text-decoration: underline; background: url(images/button-blue-right-bg.png) no-repeat right 100%; }
a.button.blue:hover { background: url(images/button-blue-left-bg.png) no-repeat -255px center; }

/* PAGINA */
div#page { width: 800px; margin: 0 auto; }

/* HEADER */
div#header { background: url(images/books.png) no-repeat right bottom; margin-bottom: -15px; }
div#header h1 { background: url(images/logo.png) no-repeat; width: 410px; height: 116px; text-indent: -999px; }

/* OPZIONI (RICERCA E CARRELLO VIRTUALE) */
div#options { clear: both; }
div#options-top { background: url(images/options-top-bg.png) no-repeat; height: 5px; }
div#options-body { background: url(images/options-body-bg.png); height: 75px; }
div#search, div#cart { padding: 2px 10px; margin: 0; height: 67px; padding-left: 55px; }
div#search h2, div#cart h2 { height: 27px; width: 195px; text-indent: -999px; }

/* RICERCA */
div#search { float: left; width: 330px; border-right: 1px solid #C0C0C0; background: url(images/search.png) no-repeat 9px center; }
div#search h2 { background: url(images/search-h2-bg.png) no-repeat; }
div#search div { padding-left: 10px; margin-top: 10px; }
div#search label { display: none; }
div#search input.textbox { float: left; height: 17px; border: 1px solid #C0C0C0; width: 240px; padding: 2px; font-family: Verdana; margin-right: 5px; }

/* CARRELLO VIRTUALE */
div#cart { float: right; width: 338px; border-left: 1px solid #FFF; background: url(images/cart.png) no-repeat 7px center; }
div#cart h2 { background: url(images/cart-h2-bg.png) no-repeat; }
div#cart div { padding-left: 15px; color: #404040; }
div#cart a { margin-right: 3px; }

/* BOLLA TOOLTIP */
div#bubble { display: none; position: absolute; top: 190px; left: 850px; width: 350px; height: 150px; padding-top: 60px; background: url(images/balloon.png) no-repeat; z-index: 999; color: #AA2525; }
div#bubble p { margin: 0 0 10px 0; }
div#bubble a { margin-right: 3px; }

/* MENU */
div#menu { clear: both; position: relative; left: 2px; }
div#menu h2 { display: none; }
div#menu ul { display: inline; width: 800px; margin: 0; padding: 0; list-style-type: none; }
div#menu li { float: left; width: 150px; text-align: center; text-transform: uppercase; margin: 0; padding: 0 0 0 9px; }
div#menu a { display: block; line-height: 20px; color: #FFF; font-weight: bold; text-decoration: none; font-size: 10pt; padding: 4px 14px 4px 6px;  }
div#menu a.selected { line-height: 25px; }
div#menu li.first-item { background: url(images/first-tab-normal-left.png) no-repeat left bottom; border-top: 3px solid #9B0901; }
div#menu li.first-item a { background: url(images/first-tab-normal-right.png) no-repeat right bottom; }
div#menu li.second-item { background: url(images/second-tab-normal-left.png) no-repeat left bottom; border-top: 3px solid #447F11; }
div#menu li.second-item a { background: url(images/second-tab-normal-right.png) no-repeat right bottom; }
div#menu li.third-item { background: url(images/third-tab-normal-left.png) no-repeat left bottom; border-top: 3px solid #D06211; }
div#menu li.third-item a { background: url(images/third-tab-normal-right.png) no-repeat right bottom; }
div#menu li.fourth-item { background: url(images/fourth-tab-normal-left.png) no-repeat left bottom; border-top: 3px solid #193F8E; }
div#menu li.fourth-item a { background: url(images/fourth-tab-normal-right.png) no-repeat right bottom; }
div#menu li.fifth-item { background: url(images/fifth-tab-normal-left.png) no-repeat left bottom; border-top: 3px solid #B29E1C; width: 151px; }
div#menu li.fifth-item a { background: url(images/fifth-tab-normal-right.png) no-repeat right bottom; }

/* CONTENUTO */
div#content { clear: both; }

/* COLONNA SINISTRA */
div#left { float: left; width: 210px; margin-left: 5px; }

/*BOX */
div#authors, div#categories, div#informations, div#contests { margin-top: 15px; }
div#authors h2, div#categories h2, div#informations h2, div#contests h2 { display: none; }
div#authors li, div#categories li, div#informations li { list-style-type: square; line-height: 18px; }
div#authors li a, div#categories li a, div#informations li a { color: #FFF; }

/* BOX AUTORI */
div#authors-top { background: url(images/authors-top-bg.png) no-repeat; height: 34px; }
div#authors-body { background: url(images/authors-body-bg.png) repeat-y; padding: 8px; }
div#authors-bottom { background: url(images/authors-bottom-bg.png) no-repeat; height: 11px; }
div#authors-body div { height: 150px; overflow: auto; margin-right: 5px; }

/* BOX CATEGORIE */
div#categories-top { background: url(images/categories-top-bg.png) no-repeat; height: 34px; }
div#categories-body { background: url(images/categories-body-bg.png) repeat-y; padding: 5px; }
div#categories-bottom { background: url(images/categories-bottom-bg.png) no-repeat; height: 11px; }

/* BOX INFORMAZIONI */
div#informations-top { background: url(images/informations-top-bg.png) no-repeat; height: 34px; }
div#informations-body { background: url(images/informations-body-bg.png) repeat-y; padding: 5px; }
div#informations-bottom { background: url(images/informations-bottom-bg.png) no-repeat; height: 11px; }

/* BOX CONCORSI */
div#contests a { margin-left: -3px; margin-top: -4px; text-indent: -999px; display: block; width: 215px; height: 108px; background: url(images/contest-bg.png) no-repeat; }

/* COLONNA DESTRA */
div#right { float: right; width: 580px; margin-top: 15px; }

/* BOX PRINCIPALE */
div#main-top { background: url(images/main-top-bg.png) no-repeat; height: 36px; }
div#main-body{ background: url(images/main-body-bg.png) repeat-y; padding: 8px 12px 1px 8px; }
div#main-bottom { background: url(images/main-bottom-bg.png) no-repeat; height: 6px; }
div#main-top h2 { color: #1B4F9E; font-size: 16pt; position: relative; left: 15px; top: 5px; }

/* CORPO DEL BOX PRINCIPALE */
div#main-body p.error, div#main-body p.message { text-align: center; font-weight: bold; background-color: #F5F5F5; border: solid 1px #F0F0F0; padding: 5px; }
div#main-body p.error { color: red; }
div#main-body p.message { color: green; }
div#main-body h2 { background-color: #EEEEEE; border-top: 1px solid #CCCCCC; margin: 0 0 8px 0; padding: 2px; font-size: 13pt; color: #336699; }
div#main-body div.box { margin-bottom: 20px; }

/* TESTO PRINCIPALE */
div#main-body div.main-text { overflow: auto; width: 100%; margin-bottom: 10px; }
div#main-body div.main-text p { margin-top: 0; text-align: justify; }
div#main-body div.main-text img { float: left; margin: 0 5px 5px 0; }

/* TABELLA CATALOGO */
div#main-body table.catalog { clear: both; border-collapse: collapse; width: 100%; }
div#main-body table.catalog thead { display: none; }
div#main-body table.catalog tr { border-top: solid 1px #DADADA; }
div#main-body table.catalog tr:first-child { border-top: none; }
div#main-body table.catalog td { vertical-align: top; padding: 5px; }
div#main-body table.catalog h3 { margin: 0; font-size: 12pt; color: #2562DF; }
div#main-body table.catalog h3 a { color: #2562DF; }
div#main-body table.catalog img.offer { float: right; }
div#main-body table.catalog div.author { font-style: italic; font-size: 11pt; }
div#main-body table.catalog span.category, div#main table.catalog span.pages { color: #404040; }
div#main-body table.catalog span.price { color: #B82700; font-size: 11pt; font-weight: bold; }
div#main-body div.pager { font-weight: bold; text-align: right; padding: 3px; border-top: solid 1px #DADADA; background: url(images/pager-bg.png) repeat-x; color: #666666; }
div#main-body div.pager span, div#main div.pager a { font-weight: normal; }

/* TABELLA EXPLORER */
div#main table.explorer { border-collapse: collapse; width: 100%; }
div#main table.explorer thead { background-color: #D4D0C8; text-align: left; }
div#main table.explorer th { padding: 1px 5px; border-right: solid 1px #808080; border-bottom: solid 1px #808080; }
div#main table.explorer th.no-display { text-indent: -999px; }
div#main table.explorer tr { border-bottom: 1px solid #E9E9E9; }
div#main table.explorer tr.item-1 { background-color: #F4F4F4; }
div#main table.explorer tr.item-2 { background-color: #EBEBEB; }
div#main table.explorer td { padding: 5px; }
div#main table.explorer h3 { margin: 0; font-size: 11pt; }

/* RIEPILOGO DELL'ORDINE */
div#main-body div#total { border-bottom: solid 1px #808080; }
div#main-body div#total h3 { display: none; }
div#main-body div#total li { list-style-type: none; padding: 2px; }
div#main-body p#cart-options { text-align: center; }
div#main-body p#update-quantity { display: none; }

/* MODULO DI INSERIMENTO DATI */
div#main-body div.form div { margin-bottom: 10px; margin-left: 2px; }

/* BOTTONI DI CONFERMA */
div#main-body div.buttons { overflow: auto; width: 100%; padding-top: 5px; }

/* TOGGLE */
ul.toggle li { list-style-type: square; }
ul.toggle li div.summary { margin-bottom: 10px; }
ul.toggle li div.summary span { color: blue; text-decoration: underline; cursor: pointer; }

/* CONCORSI */
ul#contests li { list-style-type: square; margin: 0; border-top: solid 1px #DADADA; }
ul#contests li:first-child { border-top: none; }
ul#contests h3 { margin: 0; font-size: 12pt; color: #2562DF; }

/* PITTORI */
ul#painters li { list-style-type: square; }

/* MENU DI AMMINISTRAZIONE */
div#main-body div#admin-menu { overflow: auto; height: 100%; margin-bottom: 20px; }
div#main-body div#admin-menu ul { display: inline; width: 300px; margin: 0; padding: 0; list-style-type: none; }
div#main-body div#admin-menu li { float: left; text-align: center; margin: 0 6px 0 0; }

/* FOOTER */
div#footer { clear: both; background-color: #E9E9E9; border-top: 2px solid #C0C0C0; height: 50px; line-height: 50px; position: relative; top: 10px; font-size: 8pt; }
div#footer h2 { display: none; }
div#footer img { float: left; margin: 6px 15px 6px 6px; }
div#footer span#vivistats { display: block; position: relative; top: 12px; }
div#footer ul { display: inline; margin: 0; list-style-type: none; }
div#footer li { float: left; margin-right: 20px; }

/* EDITOR BBCODE */
div.editor .textbox { margin-top: -6px; }
div.editor-menu-bar { margin: 0!important; background-color: buttonface; border: 1px solid buttonshadow; padding: 2px; height: 23px; }
div.editor-menu-header { float: left; border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; padding: 0px; width: 1px; height: 21px; margin-right: 2px; }
div.editor-menu-button { float: left; width: 21px; height: 21px; text-align: center; border: 1px solid buttonface; margin: 0; padding: 0; background-color: buttonface; }
div.editor-menu-button img { position: relative; top: 2px; }
div.editor-menu-separator { float: left; border: 1px inset; border-left-color: buttonface; border-right-color: buttonhighlight; height: 21px; overflow: hidden; margin: 0 3px; }