@charset "utf-8";
/* reset.css: azzera i default su tutti i browser */
html { color:#000; /*background: #FFCC00 url(tpc/body_bg.png) center 150px repeat-y;*/ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset, img {	border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;	font-weight:normal; }
li { 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; font-variant:normal; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select {	*font-size:100%;}
legend { color:#000; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
hr { visibility: hidden; height: 1px; clear: both; margin: 0px; padding: 0px; overflow: hidden; }
figure, figcaption, header, hgroup, footer, aside, article { margin: 0px; padding: 0px; }
/* div.page div { overflow-x: hidden; } */
iframe { overflow: hidden; }
img { -ms-interpolation-mode:bicubic; }
sub, sup { font-size: 75%; }
/* Fine reset, inziio css vero e proprio */

/* Header & footer */
body, body#skinWallpaper { background: #FFCC00 url(tpc/body_bg.png) center 150px repeat-y; margin: 0px;
 font: normal 13px Arial, Helvetica, sans-serif; line-height: 1.19em; color: #333333;
}
div#all { width: 980px; margin: 0px auto; background: #FFFFFF; }
div#header_tpclogo { height: 100px; overflow: visible; position: relative; left: -2px; background-color: #FFCC00; width: 972px; padding-left: 10px; padding-top: 3px; }
div#header_tpclogo iframe { position: absolute; right: 5px; top: 5px; z-index: 2; zoom: 1; }
a#header_tpclogo_img { position: absolute; }
img#header_tpclogo_im { position: relative; z-index: 2; }

div#header_userbar { position: absolute; margin-top: 10px; margin-left: 650px; width: 320px; font-size: 11px; color: #000000; z-index: 1; text-align: right; overflow: hidden; line-height: 13px; }
div#header_userbar a { margin: 0px 5px; color: #000000; }

form#header_search { zoom: 1; margin-left: -2px; height: 20px; width:732px; padding: 8px 0px 7px 250px; background: url(tpc/header_bgnav.png) no-repeat top left; text-align:left; overflow: hidden; }
form#header_search input { vertical-align: middle; }
form#header_search input.search_q { border: 1px solid #acacac; padding: 1px; height: 20px; font-size: 12px; width: 100px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form#header_search input.submit_image { position: absolute; margin: 1px 5px 0px 5px; }

div#header_nav { height: 18px; padding: 10px; background: url(tpc/header_bgnav.png) no-repeat bottom left; color: #FFFFFF; font: 14px Arial, Helvetica, sans-serif; position: relative; }
div#header_nav.tabmenu { height: 43px; padding: 5px 0px 0px 5px; margin-bottom: 0px; background-position: left -37px; margin-bottom: 0px;  }
div#header_nav.tabmenu li, div#header_nav.tabmenu li a { display: inline; color: #FFFFFF; font: 14px Arial, Helvetica, sans-serif; word-spacing:-1px; padding:0px; }
div#header_nav.tabmenu li a:hover { text-decoration: none; color: #FFFC00; }
div#header_nav.tabmenu li img { vertical-align: middle; }
div#header_nav.tabmenu div { position: absolute; left: 0px; top: 30px; color: #424242}
div#header_nav.tabmenu div a { margin: 0px 5px; color: #424242; font-weight: bold; }
div#header_nav.tabmenu div a:hover { text-decoration: underline; color: #424242; }
div#header_nav.tabmenu li.active a { color: #FFFC00; }
div#header_nav.tabmenu li.active { background: url(tpc/header_tabmenu_ptr.png) no-repeat bottom center; padding-bottom:7px; }
div.ui-tabs-hide { display: none; }
div#footer { border-top: 1px dotted #c2c2c2; color: #584D4D; font-size: 10px; line-height: 16px; background: transparent url(tpc/audiweb.jpg) no-repeat 900px 20px; margin: 10px; padding: 15px; text-align: center; }
div#footer a { color: #584D4D; }

div#header_social { position: absolute; margin-top: 12px; margin-left: 570px; width: 410px; font-size: 11px; color: #000000; z-index: 1; line-height: 13px; }
div#header_social a { color: #000000; }
div.sociallink { position: absolute; right: 0px; height: 24px; width: 190px; zoom: 1; }
div.sociallink a { margin: 0px; background: url(tpc/sociallink.png) no-repeat center left; display: block; width: 25px; height: 24px; position: absolute; top: -5px; zoom: 1; }
div.sociallink a.facebook { background-position: left center; right: 125px; }
div.sociallink a.twitter { background-position: -25px center; right: 100px; }
div.sociallink a.youtube { background-position: -50px center; right: 75px; }
div.sociallink a.rss { background-position: -75px center; right: 50px; }
div.sociallink a.mlist { background-position: -99px center; right: 25px; }
div.sociallink a.appstore { background-position: -124px center; right: 0px; }
div#feedback_tab { position: absolute; width: auto; height: 29px; margin-left: -41px; border: 1px solid #f5cb05; border-bottom: 0px;
-webkit-transform: rotate(270deg); -webkit-transform-origin: 0% 0%; -moz-transform: rotate(270deg);  -moz-transform-origin: 0% 0%; -o-transform: rotate(270deg); -o-transform-origin: 0% 0%;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div#feedback_tab div.cnt { background: #FFFFFF; display: inline-block; padding: 7px 12px; width: auto; height: 17px; line-height: 17px; background-color: #FFFFFF; /*border: 2px solid #555555; border-bottom: 0px;*/ font: bold 13px TrebuchetMS,sans-serif; color: #555555; }
div#feedback_tab div.cnt:hover { background-color: #FFFFFF; }
div#feedback_tab a { width: auto; height: 17px; line-height: 17px; font: bold 13px TrebuchetMS,sans-serif; color: #555555; }
div#feedback_tab a:hover { text-decoration: none; color: #CC2026; }
div#feedback_tab div.strutture { background: url(poi/dormire.png) no-repeat 5px center; background-color: rgba(255,255,255,0.8); padding: 7px 0px 7px 30px; width: 100px; height: 17px; display: inline-block; border-left: 2px solid #f5cb05; }
div#feedback_tab div.strutture:hover { background-color: #FFFFFF; }
/* Fine header & footer */

/* Adv e trovaviaggi */
.trovaviaggi { border: 1px dotted #a5a5a5; padding: 5px; font: bold 12px Arial,sans-serif; margin-bottom: 10px; }
.trovaviaggi div.maintitle { text-decoration: underline; font-size: 11px; border-bottom: 1px dotted #a5a5a5; padding-bottom: 5px; margin-bottom: 5px; }
.trovaviaggi div.maintitle a { color: #333333; }
div.page div.annunciotv { float: left; width: 310px; }
div.page div.annunciotv:hover { background-color: #F2F2F2; }
div.page div.annunciotv img { display: none; }
div.page div.annunciotv div.date { display: none; }
div.page div.annunciotv h5 { color: #224580; font: bold 14px Arial,sans-serif; margin: 0px; }
div.page div.annunciotv a { display: block; text-decoration: underline; color: #224580; }
div.page div.annunciotv b { color: #224580; }
div.page div.annunciotv b { color: #555555; }
div.page div.annunciotv hr { display: none; }
div.trovaviaggi.images div.annunciotv img { display: block; width: 300px; height: 150px; float: none; margin: 2px auto; clear: both; }
/*div.page div.annunciotv.struttura, div.page div.annunciotv.struttura h5 { font-family: TrebuchetMS,Verdana,sans-serif; }*/

#trovaviaggi_proposte .intro { color: #797979; font: 14px Arial,sans-serif; }
#trovaviaggi_proposte .trovaviaggi { font-weight: normal; color: #000000; border: 1px solid #a5a5a5; padding: 10px; }
#trovaviaggi_proposte div.annunciotv { clear: both; font: normal 11px Arial,sans-serif; line-height: 14px; border-bottom: 1px dotted #a5a5a5; padding-bottom: 5px; margin-bottom: 10px; width: 280px; float: none; }
#trovaviaggi_proposte div.annunciotv h5 { margin-bottom: 5px; }
#trovaviaggi_proposte div.annunciotv div.date { display: block; }
#trovaviaggi_proposte div.annunciotv img { float: left; width: 100px; height: 80px; margin: 0px 10px 5px 0px; display: block; }
#trovaviaggi_proposte div.annunciotv hr { height: 1px; visibility: hidden; clear: both; margin: 0px; padding: 0px; display: block; }

/* emediate */
div.emediate { position: relative; }
iframe.emediate.invisible { position: absolute; left: 0px; bottom: 0px; }
#adv_leaderboard { width: 728px; height: 90px; position: absolute; right: 0px; }
#adv_mpu1, #adv_mpu2, #adv_mpu3 { min-width: 300px; min-height: 250px; }
#adv_interstitial, #adv_skin, #adv_overlayer { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; }
#adv_boxlink160x70 { min-width: 160px; min-height: 70px; }
#adv_strip { width: 980px; /*min-height: 25px;*/ margin-top: 5px; }
#adv_skyscraper { min-width:160px; min-height: 600px; }
#adv_utilink1, #adv_utilink2, #adv_utilink3, #adv_utilink4, #adv_utilink5, #adv_utilink6 { width: 140px; height: 45px; }

/* datepicker */
#ui-datepicker-div { background: #ffffff; padding:2px; border:1px solid #000000; font-size: 11px; }
img.ui-datepicker-trigger { position: absolute; margin: 2px 0px 0px 2px; }

div#partnership { position:relative; margin-bottom: 15px; border: 1px dotted #a5a5a5; border-left: 0px; border-right: 0px; }
li.adv { margin: 10px auto; }
#partner_fotoitalia { margin: 0px auto 15px 0px; border: 1px dotted #a5a5a5; border-left: 0px; border-right: 0px; padding: 10px 0px; }

div.adsense, .adsense { overflow: hidden; position: relative; background: #FFFFFF; margin-bottom: 5px; }
div.adsense .desc { color: #939598; font: normal 12px Arial, sans-serif; }
div.adsense a { color: #424242 !important; }
div.adsense a.link { color: #224580 !important; font-size: 11px; line-height: 12px; }
div.adsense div.advbox { float: left; text-align:left;width: 305px;height: 70px; overflow: hidden;margin: 4px 4px 0px 4px; padding-left: 3px; text-decoration: none; }
div.adsense div.advbox { float: left; text-align:left;width: 305px;height: 70px; overflow: hidden;margin: 4px 4px 0px 4px; padding-left: 3px; text-decoration: none; }
div.adsense a.title { text-decoration: none; color: #424242 !important; font: bold 16px Arial, sans-serif; }
div.adsense a.title:hover { color: #f00  !important; }
div.adsense .desc:hover { color: #333; }
div.adsense .google	{ width: 100px; font-size:11px; font-family: Arial; }
div.adsense .google a { text-decoration: underline; font-weight:bold; }


/* corpo pagina, regole generali */
.spaced { margin-bottom: 15px; }
.topspaced { margin-top: 15px; }
.bigspaced { margin-bottom: 40px !important; }
.topborder { border-top: 1px dotted #a5a5a5; }
.bottomborder { border-bottom: 1px dotted #a5a5a5; }
.center { text-align: center; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }
.big { font-size: 24px !important; line-height:25px; margin-bottom:5px; }
.onclick { cursor: pointer; }
b.numcomments { font-size: 90%; font-weight: normal;}
.truncatetext { text-overflow: ellipsis; overflow: hidden; }

a.clip { display: block; overflow: hidden; width: 50px; height: 50px; background: #FFFFFF url() no-repeat center center; }
div.page a.clip:hover { text-decoration: none; }
a.clip.left { margin-right: 8px; float: left; }
div.breadcrumb { font-weight: bold; border-bottom: 1px dotted #a5a5a5; margin-bottom: 10px; padding-bottom: 5px; }

div.page { padding: 10px; min-height: 400px; background-color: #FFFFFF; position: relative; }
div.page p { margin-bottom: 5px; }
div.page a, div.page a:visited { color: #224580; }
div.page a:hover { color: #CC2026; }
div.page a.active { font-weight: bold; text-decoration: underline; text-transform:uppercase; }
div.page h1 { font: normal 32px Georgia,Palatino,serif; margin: 0px; line-height: 1.1em; color: #28467f; }
div.page h1 a { color: #28467f; }
div.page h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.1em; }
div.page h3 { margin-bottom: 6px; }
div.page h4 { margin: 15px 0px 2px 0px; padding: 3px 0px 3px 20px; background: #e6e6e6 url(tpc/bullet_h4.png) no-repeat 2px center; font-size: 13px; font-weight: bold; color: #224580; min-height: 17px; }
div.page h4 a { color: #224580; }
div.page h5 { /*color: #8e9bad;*/ margin: 0px; }
div.page h6 { color: #797979; font-size: 11px; }
div.page a.block { display: block; overflow: hidden; }
div.page a.blockleft { display: block; overflow: hidden; float: left; }
div.page a.firma { color: #797979; font-size: 11px; display: block; margin-top: 3px; }
ul, ol { list-style-type: none; margin: 0px; padding: 0px; }
ul.lista_orizzontale li { float: left; width: 130px; margin: 10px 0px 0px 20px; }
ul.lista_orizzontale li:first-child { margin-left: 0px; }


div.page a.gotoright { display: block; text-align:right; border-top: 1px dotted #a5a5a5; margin: 8px 0px 15px 0px; padding-right: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; clear: both; text-decoration: underline; }
div.page a.gotored { font-size: 15px; clear: both; color: #AB4742; width: 100%; display: block; text-align: center; margin: 2px 0px 15px 0px; font-weight: bold; text-decoration: underline; }
div.page .gotoadd { border: 1px dotted #a5a5a5; border-left: 0px; border-right: 0px; padding: 5px; margin: 5px 0px; clear: both; text-align: center; }
.right { display: block; text-align: right; }
div.page div.rowed { border-top: 1px dotted #a5a5a5; padding: 10px 0px; margin-top: 15px; }
div.page div.dualrowed { border: 1px dotted #a5a5a5; border-left: 0px; border-right: 0px; padding: 10px 0px; margin: 12px 0px; }
div.page .orange { color: #FF4C00; }

/* Form */
fieldset { background-color: #FCFCFC; padding: 10px; border: 1px dotted #a5a5a5; boder-radius: 10px; -moz-border-radius: 10px; margin-bottom: 15px; }
div.formrow { margin-bottom: 15px; }
div.errors { padding: 5px; border: 2px dotted #CC2026; color: #CC2026; font-weight: bold; }
ul.errorlist li { color: #CC2026; font-weight: bold; display: block; float: none; width: auto; }
div.help_text { font: normal 10px Arial, sans-serif; color: #797979; }
div.page label { display: block; font-weight: bold; }
div.page label.required { color: #FF4C00;  }
input[type=submit].center { text-align: center; width: auto; margin: 10px auto; padding: 5px; }
div.col640 p { margin: 1em 0px; }
div.col640 input, div.col640 textarea { background: #FFFFFF url(tpc/inputbackgr.gif) no-repeat scroll left top transparent; }
div.regolamento_concorso { background-color: white; height: 120px; overflow: scroll; padding: 10px; border: 1px inset rgb(153, 153, 153); font-size: 10px; white-space: pre }

/* Box */
ul.forum li { color: #424242; font-size: 12px; margin-bottom: 10px; }
ul.forum li p { font-style: italic; }
div.col300 ul.forum a { text-decoration: underline; }
ul.guidepercaso { margin-top: 5px; }
ul.guidepercaso li { margin-bottom: 10px; color:#424242; font-family:Arial, Helvetica ,sans-serif; font-size:11px; height: 47px; overflow: hidden; }
ul.guidepercaso li a.avatar { width: 50px; height: 45px; margin: 0px 5px 5px 0px; float: left; }

ul.guidepercaso h5 { font-weight: bold; }
div.page li h5 { font-size: 15px; }
ul.metecercate { float: left; width:100px;  color: #224580; height: 260px; overflow: hidden; }
ul.metecercate li { margin-bottom: 0px; font-size: 12px; height: 16px; overflow: hidden; }

ul.fotopercaso { margin-bottom: 0px; }
ul.fotopercaso li { display: block; overflow: hidden; border: 1px solid #F2F2F2; width: 75px; height: 45px; margin: 2px 5px 2px 0px; float: left; }
ul.fotopercaso li:hover { border-color: #000000; }
ul.fotopercaso li:first-child { width: 158px; height: 100px; margin: 0px; }
ul.fotopercaso li:first-child a.clip { width: 158px; height: 100px; }
ul.fotopercaso li a.clip { width: 75px; height: 45px; }

ul.videopercaso li { width: 160; height: 90px; margin: 4px 0px; }
div.col300 ul.videopercaso li { width: 300; height: 220px; margin: 5px 0px; }
div.keywordcloud { margin: 10px 0px 15px 0px; padding: 5px; border: 3px #dfdfdf solid; font-size: 36px; font-family: Georgia, serif; line-height: 24px; }
div.keywordcloud a { margin: 0px 5px; }
h5.keywordcloud { font-size: 18px; color: #A5A5A5; margin-bottom:-11px; }

div.video_thumb { position: relative; overflow-x: hidden; }
div.video_thumb h5 { padding: 5px; width: 290px; position: absolute; color: #FFFFFF; background-color: #222222; bottom: 0px; opacity: 0.8; -moz-opacity: 0.8; font: bold 14px Georgia, sans-serif; z-index: 5; }
div.box_info { border: 1px solid #a5a5a5; background-color: #F2F2F2; padding: 10px; margin-bottom: 10px; font: normal 13px Arial,sans-serif; }
div.box_info h5 { font: bold 16px Arial,sans-serif; margin-bottom: 5px; }

/* Pagine articoli */
p.deck { color: #666666; font: normal 16px Arial,sans-serif; font-style: italic; }
div.article_text { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:23px; text-rendering: optimizeLegibility; }
div.article_text p { margin: 0px 0px 20px 0px; }
div.article_text h3 { display: block; clear: none; margin-top: 20px; font-weight: bold; text-transform: uppercase; }
div.article_text ul, div.article_text ol { padding-left: 25px; }
div.article_text li { list-style:disc outside none; padding: 5px 0px; }

p.trovaviaggi_inline { text-align: center; margin: 0px 0px 20px 0px; border: 1px dotted #a5a5a5; border-left: 0px; border-right: 0px; }
p.trovaviaggi_inline a { text-decoration: underline; }

.posta_question { font-family: Georgia, serif; }
div#id_text { margin: 5px 0px 16px 0px; }

h2.kwname { font-size: 18px; color: #fb4700; margin: 2px 0px; }
h2.kwname a { color: #fb4700 !important; }
.kwflag img { margin: 5px 0px; border: 1px solid #CCCCCC; clear: both; }
div.kwdatasheet { margin-bottom: 10px; }
div.kwdatasheet img { float: left; margin-right: 10px; }
dl.kw_datasheet { margin-bottom: 20px; font-size: 12px; clear: both; }
dl.kw_datasheet dt, dl.kw_datasheet dd { display: block; }
dl.kw_datasheet dt { font-weight: bold; }
dl.kw_datasheet dd { margin-bottom: 3px; }

ul.bullet { color: #224580; padding-left: 15px; margin-bottom: 10px; }
ul.bullet li { list-style-type: disc; padding-bottom: 5px; }
/*div.taglist { margin: 30px 0px 15px 0px; border-bottom: 1px dotted #a5a5a5; }*/
div.taglist a { text-decoration: underline; }

div.socialright form.star-rating { float: right; width: auto; margin-top: 2px; }
div.socialright div.num_views { padding-top: 3px; text-align: right; }
div.socialright { width: 150px; position: absolute; right: 0px; z-index: 10; }
div.socialbar { text-align: left; line-height: 30px; position: relative; border-bottom: 1px dotted #a5a5a5; clear: both; vertical-align: middle; }
div.socialshare { padding-bottom: 2px; border-bottom: 1px dotted #a5a5a5; }
ol.index div.socialbar { text-align: right;  }
div.socialbar a { line-height: 30px; padding: 2px 8px 1px 22px; background: url(tpc/socialbar.png) no-repeat left center; white-space: nowrap; vertical-align:baseline; display: inline-block; }
div.socialbar .friendfeed { background-position: 0px -270px; }

div.socialbar .friendfeed { background-position: 0px -270px; }
div.socialbar a.windowslive { background-position: 0px -30px; margin-right: 20px; }
div.socialbar a.google-buzz-button { background: #FFFFFF; padding: 2px 0px 1px 0px; margin: 0px 35px; height: 16px; display: block; display: inline-block; }
div.socialbar iframe { vertical-align:middle; display: block; display: inline-block; }

/* gallerie */
ul.gallery li { float: left; width: 129px; height: 85px; border: 1px solid #eaebec; margin-right: 5px; display: block; position: relative; overflow: hidden; zoom: 1; }
ul.gallery li img { width: 130px; }
ul.gallery li.first { width: 220px; height: 177px; margin-right: 5px !important; margin-left: 3px; }
ul.gallery li.first img { width: 240px; }
ul.gallery li:hover { border-color: #000000; }

#arturo_galleries h5 { width: auto; font-weight: bold; padding: 2px 20px 2px 30px; position: absolute; margin-top: -20px;
background: #eaebec url(poi/tab_foto.png) no-repeat 5px center; border-radius: 8px; -moz-border-radius: 8px; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; }
#arturo_galleries a { color: #333333; }
#arturo_galleries { background: #eaebec; border-radius: 10px; margin: 25px 0px 0px 0px; padding: 5px 0px 0px 0px; border-radius: 8px; -moz-border-radius: 8px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; }


/* Utente */
fieldset.quickuser { margin-top: 35px; background-color: #e0e4e6; padding: 20px 10px 10px 10px; border: 0px;
  color: #333333; border-radius: 10px; -moz-border-radius: 10px; clear: both; margin-bottom: 15px;
  background: -moz-linear-gradient(top, #e0e4e6, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e4e6), to(#eeeeee));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e0e4e6', EndColorStr='#eeeeee', GradientType=0);
}
fieldset.quickuser legend { font-size: 14px; background: #e0e4e6 url(poi/tab_user.png) no-repeat 5px 5px; font-weight: bold; color: #000000; padding: 6px 15px 10px 25px; border-radius: 10px; -moz-border-radius: 10px;
position: absolute; left: 0px; margin-top: -35px; }
fieldset.quickuser div.formrow { width: 305px; float: left; min-height: 40px; margin-bottom: 5px; display: block; display: inline-block; }
fieldset.quickuser #id_row_gender li { width: 80px; float: left; }
fieldset.quickuser input, fieldset.quickuser select { width: 280px; }
fieldset.quickuser input[type=checkbox], fieldset.quickuser input[type=radio] { width: auto; }
#id_quickuser-birthday_day, #id_quickuser-birthday_month, #id_quickuser-birthday_year { width: auto !important; }
fieldset.quickuser h6 { font: bold 15px Helvetica,Arial,sans-serif; color: #f17b0f; }

form.quickcomment { background-color: #eaeaea; color: #5f5f5f; border-radius: 8px; -moz-border-radius: 8px; padding: 10px; font-size: 12px;}
form.quickcomment input, form.quickcomment textarea { display: block; padding: 2px; background-color: #FFFFFF; border: 1px solid #b2b2b2; border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 12px; clear: both; width: 96%; }
form.quickcomment label { font-weight: normal !important; }
div.quicklogin { margin-bottom: 15px; height: 120px; color: #5f5f5f; font-size: 12px; }
div.quicklogin div { padding: 15px 8px; width: 120px; height: 65px; float: left; border-left: 1px dotted #a5a5a5; display: block; font: normal 14px Arial,sans-serif; color: #333333 !important; }
div.quicklogin div img { margin-top: 15px; width: 120px; }
div.col640 div.quicklogin div { text-align: center; padding: 10px 6px; width: 200px; }
div.col640 div.quicklogin div img { width: 200px; }


/* indici */
div.page h2.intro { color:#797979; font: normal 19px Arial,Helvetica,sans-serif; min-height: 120px; margin-bottom: 5px; }
div.page h2.intro img { float: right; width: 200px; }
div.page .boxed  { border: 1px solid #a5a5a5; border-top: 0px; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
div.page .boxed p, div.page .boxed a.firma { margin-top: 0px; }

ul.sitipercaso h5, ul.utilink h5 { font-weight: bold; margin-bottom: 5px; }
ul.sitipercaso li { margin: 6px 0px; }
ul.utilink li { border: 1px solid #CCCCCC; margin: 5px 0px; color: #797979; width: 140px; height: 46px; overflow: hidden; padding: 5px 10px;  }
ul.utilink li:hover { border-color: #333333; }
div.col300 ul.utilink li { float: left; margin: 5px 15px 5px 0px; padding: 0px; }
div.col160 #sanibelli { display: none; }

ol.index { margin: 10px 0px; }
ol.index li { border-top: 1px dotted #a5a5a5; padding: 10px 0px; clear: both; font-size: 11px; }
ol.index p { font-size: 13px; margin-top: 1px; }
ol.index h2 { font-size: 19px; line-height: 1.2em; }
ol.index h5 { color: #224580; text-transform: uppercase; font-size: 12px; margin: 5px 0px 0px 0px; }
ol.index h6 { color: #224580; margin-bottom: 5px; }
ol.index div.socialbar { text-align: right; color: #224580; margin: 10px 0px; }
ul.rowed_index { margin-top: -5px; margin-bottom: 10px; }
ul.rowed_index li { border-bottom: 1px dotted #a5a5a5; padding: 6px 0px; clear: both; font: bold 12px Arial, Helvetica, sans-serif; }

ol.index_diari h2 { margin-bottom: 1px; font-size: 17px; }
ol.index_diari h6 { color:#797979; line-height:12px; margin-bottom: 3px; }
ol.index_diari { padding-top: 0px; margin-top: 0px; }
ol.index_diari li { border-top: 1px dotted #a5a5a5; padding: 10px 0px 8px; font-size: 11px; position: relative; padding-left: 110px; clear: both; }
ol.index_diari li a.clip { position: absolute; left: 0px; }
/*ol.index_diari li form.star-rating { position: absolute; right: 0px; margin-top: 0px; }*/
ol.index_diari li p { margin: 0px 0px 5px 0px; font-size: 13px; }
ol.index_diari li.top { border: 0px; float: left; width: 300px; height: 280px; padding-left: 15px; clear: none; overflow: hidden; }
ol.index_diari li.top a.clip { position: static; }
ol.index_diari li.top form.star-rating  { left: 0px; }

/* Indici immagini e video */
ul.image_index li { color: #797979; margin: 5px 15px; width: 180px; height: 220px; float: left; overflow: hidden; }
ul.image_index li div.snap { width: 170px; background-color: #f3f3f3; padding: 6px 4px; border: 1px solid #a3a3a3; margin-bottom: 3px; -moz-box-shadow:2px 2px 2px #888888; box-shadow: 2px 2px 2px #888888; }
ul.image_index li div.snap:hover { border-color: #000000; }
ul.image_index p { clear: both; }
ul.video_index li { float: left; position: relative; padding-left: 130px; width: 170px; margin: 5px 10px; height: 130px; }
ul.video_index li a.thumb { display: block; width: 120px; height: 90px; overflow: hidden; position: absolute; left: 0px; top: 0px; border: 1px solid #F2F2F2; }
ul.video_index p, ul.image_index p { margin: 0px !important; }

div.video_player div.status_msg { position: absolute; left: 0px; width: 100%; background: url(velina.png); height: 14px; line-height: 14px; padding: 2px 0px 2px 0px; display: none; margin-top: -18px; font: bold 11px Arial,sans-serif; color: #FFFFFF; text-align: right; width: auto; z-index: 50; }
div.video_player_cnt { height: auto; min-height: auto; margin: 0px; padding: 0px; display: inline; }
iframe.video_player_embedded { position: relative; background-color: #000000; -moz-box-shadow:0 4px 8px #2E333C; }
div.video_player { background: #000000; position: relative; clear: both; width: auto; overflow: visible; -moz-box-shadow:0 4px 8px #2E333C; border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 20px; }
div.video_player.embedded {  -moz-box-shadow:none; border-radius: 0px; -moz-border-radius: 0px; margin-bottom: 0px; }
div.video_player div.title {
  position: absolute; width: 100%; text-align: left; width: 100%; min-height: 44px; z-index: 10; background: url(velina.png);
  border-bottom: 2px solid #F7CC31; color: #FFFFFF; overflow: hidden;
}
div.video_player h1 { min-height: 32px; line-height: 32px; font: bold 18px/32px Verdana, sans-serif; padding: 0px 10px; margin: 6px 0px; overflow: hidden; }
div.video_player h1 a, div.video_player h1 a:hover { color: #FFFFFF !important; text-decoration: none; }
div.video_player div.loading { background: #000000 url(loading128.gif) no-repeat center center; }
div.video_player div.btn_play { position: absolute; width: 100%; height: 75%; cursor: pointer; display: none; background: url(video_play.png) no-repeat center center; }
div.video_player a.VASTclick { position: absolute; width: 100%; height: 100%; z-index: 100; display: none; }
div.video_player div.status_msg { position: absolute; left: 0px; width: 100%; background: url(velina.png); height: 18px; padding: 4px 0px; display: none; margin-top: -26px; font: bold 14px Verdana,sans-serif; color: #FFFFFF; text-align: right; width: auto; z-index: 50; }
div.videomenu { border-top: 2px solid #F7CC31; background-color: #F2F2F2; color: #333333; position: relative; height: 50px; text-align: right; margin: 0px; width: 100%; padding: 5px 0px 0px 0px; }
div.videomenu div.social { position: absolute; left: 5px; top: 5px; text-align: left; }
div.videomenu div.social form { margin-top: 0px; }
div.videomenu div.social iframe { vertical-align: top; }
div.videomenu div.menu { border: 1px solid #F7CC31; border-radius: 5px; -moz-border-radius: 5px; font: bold 13px Arial,sans-serif; background: #53a1ff; float: right; width: auto; margin-right: 10px; padding: 1px; }
div.videomenu div.menu a { padding: 1px 5px; text-align: center; color: #FFFFFF; background: #53a1ff; border-radius: 5px; -moz-border-radius: 5px; cursor:pointer; }
div.videomenu div.menu a:hover, div.videomenu div.menu:hover, div.videomenu div.menu a.active { color: #111111; background-color: #F7CC31; text-decoration: none; }


/* Forum */
div.page h2.forum { color:#797979; font: normal 18px Arial,HElvetica,sans-serif; min-height: 160px; margin-bottom: 10px; }
div.page .forum > li { position: relative; }
div.page ol.forum > li { padding: 10px 5px 10px 60px; border-top: 1px dotted #a5a5a5; background: url() no-repeat 5px 15px; clear: both; }
div.page ol.forum > li h2 { font: normal 22px Georgia, sans-serif; margin-bottom: 1px; }
div.page div.col300 ol.forum > li h2 { font-size: 16px; }
div.page ol.forum > li h5 { font-size: 11px; color: #797979; line-height: 1.2em; margin-bottom: 6px; }
div.page ol.forum > li p { font: normal 13px Georgia, serif; line-height: 1.4em; }
div.page ol.forum > li.board { padding-left: 0px; border-bottom: 1px dotted #a5a5a5; border-top: 0px; }
div.page ol.forum > li.board h2 { font-size: 26px; }

div.alfabetical { margin-bottom: 15px; border-bottom: 1px dotted #a5a5a5; text-align: center; font-size: 13px; font-weight: bold; padding-bottom: 3px;}
div.alfabetical a { margin-right: 8px; text-decoration: underline; }
a.avatar { width: 50px; border: 1px solid #F2F2F2; height: 50px; overflow: hidden; background: url() no-repeat center center; display: block; }
a.avatar:hover { border-color: #000000; }
a.avatar.hidden { border: 0px; }
.forum a.avatar { position: absolute; left: 0px; top: 15px; }

.forum_admin { display: none; cursor: pointer; }
ul.forum_reply_bar { text-align:right; height: 16px;  }
ul.forum_reply_bar li { float: right; height: 16px; width: auto; padding-right: 10px;  }
ul.forum_reply_bar li a { padding-left: 18px; }
ul.forum_reply_bar li a.reply { background: url(forum/reply.png) no-repeat top left; }
ul.forum_reply_bar li a.warn { background: url(forum/warn.png) no-repeat top left; }
ul.forum_reply_bar li a.edit { background: url(forum/edit.png) no-repeat top left; }

div.page div.forum_text { color:#424242; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; }
div.page div.forum_text p { margin-bottom: 15px; }
div.bookmark { clear: both; margin: 10px 0px; }

/* layout */
div.col400 { position: relative; float: left; width: 430px; padding-right: 14px; min-height: 400px; background-color: #FFFFFF; }
div.col160 { position: relative; float: left; width: 160px; padding: 0px 19px; border-left: 1px dotted #a5a5a5; min-height: 400px; background-color: #FFFFFF; }
div.col300 { position: relative; float: left; width: 300px; padding-left: 9px; border-left: 1px dotted #a5a5a5; min-height: 400px; background-color: #FFFFFF; }
div.col300large { position: relative; float: left; width: 300px; padding: 0px 20px; border-left: 1px dotted #a5a5a5; min-height: 400px; }
div.col640 { position: relative; float: left; width: 640px; padding-right: 10px; min-height: 400px; background-color: #FFFFFF; }


/* Header con sfondo colorato - usa uno sprite css */
.giallo640, .giallo430, .giallo300, .giallo205, .giallo160, .blu640, .blu430, .blu300, .blu160, .verde640, .verde430,
.verde300, .verde160, .arancio640, .arancio430, .arancio300, .arancio160 { position: relative; background: url(tpc/h3_bg.png) no-repeat top left; height: 23px; line-height: 23px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: 700; margin: 5px, 0px; padding-left: 10px; margin-bottom: 10px; color: #FFFFFF; position: relative; }
.blu640 a,  .blu430 a, .blu300 a, .blu160 a, .verde640 a, .verde430 a, .verde300 a, .verde160 a, .arancio640 a, .arancio430 a, .arancio300 a, .arancio160 a { color: #FFFFFF; }
.giallo640, .giallo430, .giallo300, .giallo205, .giallo160, .giallo640 a, .giallo430 a, .giallo300 a, .giallo205 a, .giallo160 a { color: #000000 !important; }

.giallo300 { background-position: 0px -23px; }
.giallo160 { background-position: 0px -46px; }
.arancio430 { background-position: 0px -69px; }
.arancio300 { background-position: 0px -92px; }
.arancio160 { background-position: 0px -115px; }
.blu430 { background-position: 0px -138px; }
.blu300 { background-position: 0px -161px; }
.blu160 { background-position: 0px -184px; }
.verde430 { background-position: 0px -207px; }
.verde300 { background-position: 0px -230px; }
.verde160 { background-position: 0px -253px; }
.giallo640 { background-position: 0px -276px; margin-bottom: 0px; }
.arancio640 { background-position: 0px -299px; margin-bottom: 0px; }
.blu640 { background-position: 0px -322px; margin-bottom: 0px; }
.verde640 { background-position: 0px -345px; margin-bottom: 0px; }
.giallo205 { background-position: 0px -368px; }

/* Login, overlay vari, contenuti attivi di arturo */
div#ArturoOverlay { position: fixed; z-index: 10000; background: url(velina.png); top: 0px; left: 0px; }
#ArturoOverlayIframe, #ArturoOverlayMsg { position: fixed; z-index: 10001; overflow: hidden; }
img#ArturoOverlayClose { position: fixed; cursor:pointer; z-index: 10002; }

div#editable_text { border: 2px inset #F0F0F0; width: 430px; border-style:inset; cursor: text; visibility: hidden; }
.editable {}
div.editing { border-color: #999999; }
div.editing_cmdbar { width: 432px; background-color: #F2F2F2; }
div.editing_cmdbar img { cursor: pointer; margin: 2px 3px; }
div#mappamondo_flash { display: block; position: absolute; z-index: -1; visibility: hidden; border: 1px dotted #a5a5a5; background-color: #FFFFFF; }
div#mappamondo_flash #popupchiudi { font-weight: bold; position: absolute; margin-top: -28px; padding: 5px; right: -1px; z-index: 101; display: block; color: #FF0000; background-color: #FFFFFF; border: 1px dotted #a5a5a5; }


/* Paginatore */
div.page .paginator { clear: both; padding:10px 0px; font:normal 1em Arial, Helvetica, sans-serif; margin: 0px auto 15px; margin-right: auto; width: auto; }
div.page .paginator ol { margin-top: 25px; }
div.page .paginator li { list-style-type: none; display: inline; width: auto; }
div.page .paginator a.prev-na, div.page .paginator a.next-na { color: #A9A9A9 !important; -opacity: 0.8; -moz-opacity: 0.8; }
div.page .paginator a.prev, div.page .paginator a.next { background: url(tpc/nextprev.png) no-repeat top left; height: 16px; padding:12px 20px 12px 35px; color: #000000; margin-right: 5px; }
div.page .paginator a.next { background: url(tpc/nextprev.png) no-repeat top right; padding: 12px 35px 12px 20px; margin-left: 5px; }

div.page .paginator .page a, div.page .paginator .page a:visited, div.page .paginator .curr { padding:8px;  color: #A9A9A9; }
div.page .paginator .curr { color:#000000; font-weight: bold; }
div.page .paginator a:hover { text-decoration: underline; color: #000000; }
div.col160 .paginator a.next, div.col160 .paginator a.prev { display: none; }
div.col160 .paginator ol { margin-top:0px; }
select#page_set { margin: 10px 0px 0px 0px; }

/* arturo */
#arturo-staff-link { width: 135px; position: fixed; top: 0px; right: 0px; font: bold 13px Candara, sans-serif; color: #FFFFFF; background-color: #000000; opacity: .8; -moz-opacity: .8; padding: 5px; text-align: right; z-index: 10000; }
#arturo-staff-link a { color: #FFFFFF !important; }
.ArturoManageMedia { cursor: pointer; }
.ArturoManageMedia.active { border-color: #FF0000; }
.ui-autocomplete-loading { background: #FFFFFF url(/arturo/static/arturo/loading16.gif) no-repeat center right; }
.registered_only { display: none; }
.unregistered_only { display: block; }
a.AUserAdmin { display: none; }


/* star rating */
form.star-rating { position: relative; line-height: 12px; height: 12px; margin-top: 5px; width: 150px; float: left; text-align: left !important; overflow: hidden; }
form.star-rating img { vertical-align: middle; }
form.star-rating div { border-bottom: 0px !important; }
div.rating-cancel, div.star-rating{ float:left;width:13px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel, div.rating-cancel a { background:url(delete.png) no-repeat 0 -16px; }
div.star-rating,div.star-rating a { background:url(tpc/star.png) no-repeat 0 0px; }
div.rating-cancel a, div.star-rating a { display:block;width:12px;height:12px;background-position:0 0px;border:0; }
div.star-rating-on a { background-position:0 -12px!important; }
div.star-rating-hover a { background-position:0 -24px; }
/*span.star-rating-control { position: absolute; left: 0px; }*/
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}


/* Tab menu */
ul.tabsmenu { height: 25px; margin: 5px 0px 20px; border-bottom: 5px solid #FFCC00; clear: both; }
ul.tabsmenu li { float: left; width: auto; font-weight: bold; font: bold 14px Arial,sans-serif; color: #8e9bad; height: 25px; margin-right: 5px;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}
ul.tabsmenu li a { color: #8e9bad;  font-weight: bold; padding: 5px 15px 5px 25px; display: block; background: url() no-repeat 4px center;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}
ul.tabsmenu li a:hover, ul.tabsmenu li.ui-tabs-selected a { background-color: #FFCC00; color: #303030; }
ul.tabsmenu li a:hover { text-decoration: none; color: #303030; }

ul.video_index li { height:110px; }
ul.image_index li { color:#797979; margin:5px 15px 5px 0px; width:180px; height: 180px;  }
ul.image_index li div.snap { width:170px; padding: 4px; background-color: #F6F6F6; }


div.box {
  background: #eeeeee; padding: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  position: relative; color: #41546d; font: bold 13px Arial,sans-serif; margin-bottom: 15px; zoom:1;
}
div.box img.baloon { width: 13px; height: 20px; position: absolute; left: -13px; top: 20px; }
div.box i { color: #94a0b1; }
/*div.box a { color: #ff7800; }*/

dl.user {  }
dl.user dt, dl.user dd { display: inline-block; }
dl.user dt { width: 100px; padding: 5px 20px 5px 0px; text-align: right; color: #8e9bad; font: normal 13px serif; font-style: italic; }
dl.user dd { font: bold 13px Arial,sans-serif; color: #41546d; width: 400px; }

a.gotoread { display: block; font: bold 12px sans-serif; color: #303030; padding: 5px 5px 5px 30px; position: absolute; bottom: 0px; right: 5px; background: #FFFFFF url(tpc/freccia.png) no-repeat 15px center;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}

ul.userstream li { border-bottom: 2px dotted #FFFFFF; padding: 10px 0px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; }
ul.userstream p { margin: 0px; }
ul.userstream h3, ul.userstream h3 a { font: normal 15px Georgia,serif; }
ul.userstream i { color: #8e9bad; font-size: 11px; }

ul.poi { background: #eeeeee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.poi li { border-bottom: 3px dotted #FFFFFF; padding: 10px 10px 10px 55px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; zoom:1; }
ul.poi .poiicon { position: absolute; left: 10px; top: 10px;  }
ul.poi p { margin: 0px; color: #8e9bad; }
ul.poi h3 { font: normal 18px Georgia,serif; margin: 0px; }
ul.poi i, ul.poi h6 { color: #8e9bad; font-size: 11px; margin: 0px; }
ul.poi h5 { color: #41546D; font-size: 12px !important; margin: 0px; }
ul.poi li:hover { background-color: #FFCC00; color: #303030 !important; }
ul.poi div.thumb { position: absolute; right: 0px; width: 75px; text-align: right; }
ul.poi div.leftthumb { position: absolute; left: 9px; top: 48px; width: 32px; height: 32px; }
ul.poi a.clip  { border: 1px solid #8e9bad; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px; }

ol.poi { padding-top: 15px; }
ol.poi li { padding-left: 85px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; zoom:1; }
ol.poi div.box { padding: 12px 45px 12px 12px; margin-bottom: 5px; }
ol.poi div.thumb { position: absolute; right: 12px; top: 12px; width: 32px; text-align: right; }
ol.poi div.thumb div { margin-bottom: 5px; }
ol.poi p { margin: 5px 0px 0px 0px; color: #8e9bad; }
ol.poi h3 { font: normal 18px Georgia,serif; margin: 0px; }
ol.poi h6 { color: #8e9bad; font: bold 12px Arial,sans-serif; margin: 0px; color: #41546d; }
ol.poi i { font-style: italic; color: #8e9bad; font-size: 12px !important;  }
ol.poi h5 { color: #8e9bad; font-size: 12px !important; margin: 0px; }
ol.poi .icon { position: absolute; left: 5px; background-color: #F2F2F2; border: 1px solid #8e9bad; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px; }
ol.poi .icon.noimage { border-color: #F2F2F2; }
ol.poi .icon:hover { border-color: #333333 !important; }
ol.poi img.baloon { top: 20px; }

.poiicon { display: block; width: 32px; height: 32px; background: #eeeeee url() no-repeat center center;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eeeeee; /*cursor: pointer; */}
.poiicon.size50, .poiicon.big { width: 52px; height: 52px; margin-bottom: 10px; }
.poiicon.small { width: 24px; height: 24px; margin-bottom: 10px; }
/*.poiicon:hover, */.poiicon.active { background-color: #FFCC00 !important; border: 1px solid #666666; }
/*.poiicon.active:hover { background-color: #eeeeee !important; }*/

div.page input.hidden { width: 1px; height: 1px; visibility: hidden; position: absolute; }

.btn_poiadd { float: right; display: block; width: 148px; height: 70px; margin-top: 25px; background: url(poi/btn_poiadd.png) no-repeat 0px -70px; }
.btn_poiadd:hover { background-position: 0px -140px; }
.btn_poiadd:active { background-position: 0px 0px; }



/* Pagine articoli */

ul.datasheet { padding-top: 10px; border-top: 4px solid #f7cc31; width: 100%; display: block; margin-top: -5px; height: 40px; }
ul.datasheet li { float: left; height: 32px; width: 145px; padding-left: 35px; font-size: 12px; background: url() no-repeat center left; position: relative; overflow: hidden; }
ul.datasheet li.user { background-image: url(tpc/datasheet_user.png); }
ul.datasheet li.user a { color: #ff9c00; font-weight: bold; }
ul.datasheet li.travel { background-image: url(tpc/datasheet_travel.png); }
ul.datasheet li.price { background-image: url(tpc/datasheet_price.png); }
div.datasheet_social { position: absolute; margin-top: 2px; right: 0px; width: 115px; }
div.datasheet_social iframe { width: 115px; height: 20px; border:none; overflow:hidden; }

ul.socialbar { width: 100%; height: auto; margin-bottom: 15px; }
ul.socialbar li { display: block; float: left; height: 28px; line-height: 25px; padding-right: 10px; vertical-align: top; width: auto; min-width: 100px; }
ul.socialbar iframe, ul.socialbar img { vertical-align:middle; display: inline-block; }
div.col640 ul.socialbar { height: 80px; }


div.social_votes { width: auto; text-align: left; float: left; font-weight: bold; }
div.fulltaglist { background: #eaebec; border-radius: 10px; padding: 12px 10px 5px 10px; margin: 0px 0px 15px 0px; }
div.fulltaglist a { text-decoration: none; font-weight: bold; }
div.fulltaglist h5 { width: auto; height: 20px; font-weight: bold; padding: 3px 15px 0px 25px; position: absolute;
    margin: -23px 0px 0px -10px; background: #eaebec url(poi/tab_keywords.png) no-repeat 5px center; border-radius: 8px; -moz-border-radius: 8px; }

ul.related { background: #eaebec; border-radius: 8px; -moz-border-radius: 8px; width: 310px; margin-bottom: 15px; overflow: hidden; }
ul.related a { font-weight: bold; }
ul.related li { padding: 5px 5px 5px 50px; border-top: 2px dotted #FFFFFF; position: relative; min-height: 40px; }
ul.related li:hover { background-color: #FFCC00; color: #303030 !important; }
ul.related li.first { background: #f7cc31 url(poi/tab_diari.png) no-repeat 10px center; border-top: 0px; color: #0a0d4a; font-weight: bold; padding: 12px 5px 12px 50px; min-height: 10px; }
ul.related img.thumb { position: absolute; top: 5px; left: 5px; width: 40px; height: 32px; }
ul.related.user li.first { background-image: url(poi/tab_userrelated.png); }
ul.related.poi li { border-bottom: 0px; min-height: 40px; }
ul.related.poi li.first { background-image: url(poi/tab_poi.png); min-height: 10px; }
ul.related h2 { margin:0px; padding: 0px; }
ul.related h2 a { margin:0px; padding: 0px; font: bold 12px Arial,sans-serif; color: #224580; }

h5.comments { background: #f7cc31 url(forum/ico_reply.png) no-repeat 10px center; font-weight: bold; width: 100px; border-radius: 8px; -moz-border-radius: 8px; padding: 5px 15px 10px 32px; margin: 0px; }
ol.comments { border-top: 5px solid #f7cc31; width: 100%; position: relative; margin-top: -5px; margin-bottom: 15px; }
ol.comments li { position: relative; padding-left: 75px; margin: 8px 0px; zoom:1; }
ol.comments li.empty { padding: 5px; }
ol.comments a.avatar { position: absolute; top: 0px; left: 5px; }
ol.comments div.comment { background-color: #eeeeee; padding: 10px; border-radius: 8px; -moz-border-radius: 8px; padding-bottom: 10px; position: relative; }
ol.comments div.reply_bar { position: absolute; bottom: -5px; right: 10px; }
ol.comments div.reply_bar a { float: left; font-size: 12px; line-height: 15px; padding: 3px 10px 5px 30px; border-radius: 5px; -moz-border-radius: 5px; margin-right: 10px; color: #0a0d4a; background: #FFFFFF url() no-repeat 5px 2px; }
ol.comments div.reply_bar a.reply { background-image: url(forum/ico_reply.png); }
ol.comments div.reply_bar a.warn { background-image: url(forum/ico_warn.png); }
ol.comments h5 { font: bold 12px Arial,sans-serif; font-size: 12px !important; margin-bottom: 5px; }
ol.comments p { margin: 0px 0px 15px 0px; }
img.baloon { position: absolute; width: 13px; height: 20px; left: 63px; top: 20px; }


div.thumb_caption { /*display: none; */}
div.thumb_info { position: absolute; padding: 23px 0px 0px 23px; background: transparent url(infobutton.png) no-repeat top left; width: 1px; height: 1px;
border-radius: 3px; -moz-border-radius: 3px; font-size: 11px; margin-top: -25px; overflow: hidden; line-height: 12px; right: 0px; bottom: 5px; z-index: 10; }
div.thumb_info img { margin-left: 1px; vertical-align: middle; border: 0px; }
div.thumb_info:hover { width: auto; height: auto; padding: 5px 32px 5px 5px; min-height:2em;
background: #F2F2F2 url(infobutton.png) no-repeat bottom right; background-color: rgba(242,242,242,0.8); }


/* Form utenti vari */
#form_user p { float: left; width: 305px; height: 25px; }
#form_user input, #form_user select { width: 210px; }


/* da base2.css */
div.page h1 { margin-bottom: 5px; }
/*div.page h5 { font-weight: normal !important; color: #8e9bad; margin-bottom: 15px; }*/
a.AUserAdmin { display: none; }

ul.tabsmenu { height: 25px; margin: 5px 0px 20px; border-bottom: 5px solid #FFCC00; clear: both; }
ul.tabsmenu li { float: left; width: auto; font-weight: bold; font: bold 14px Arial,sans-serif; color: #8e9bad; height: 25px; margin-right: 5px;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}
ul.tabsmenu li a { color: #8e9bad;  font-weight: bold; padding: 5px 15px 5px 25px; display: block; background: url() no-repeat 4px center;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}
ul.tabsmenu li a:hover, ul.tabsmenu li.ui-tabs-selected a { background-color: #FFCC00; color: #303030; }
ul.tabsmenu li a:hover { text-decoration: none; color: #303030; }

ul.video_index li { height:110px; }
ul.image_index li { color:#797979; margin:5px 15px 5px 0px; width:180px; height: 180px;  }
ul.image_index li div.snap { width:170px; padding: 4px; background-color: #F6F6F6; }

p.deck { color: #666666; }

div.box {
  background: #eeeeee; padding: 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  position: relative; color: #41546d; font: bold 13px Arial,sans-serif; margin-bottom: 15px; zoom:1;
}
div.box img.baloon { width: 13px; height: 20px; position: absolute; left: -13px; top: 20px; }
div.box i { color: #94a0b1; }
/*div.box a { color: #ff7800; }*/

dl.user {  }
dl.user dt, dl.user dd { display: inline-block; }
dl.user dt { width: 100px; padding: 5px 20px 5px 0px; text-align: right; color: #8e9bad; font: normal 13px serif; font-style: italic; }
dl.user dd { font: bold 13px Arial,sans-serif; color: #41546d; width: 400px; }

a.gotoread { display: block; font: bold 12px sans-serif; color: #303030; padding: 5px 5px 5px 30px; position: absolute; bottom: 0px; right: 5px; background: #FFFFFF url(tpc/freccia.png) no-repeat 15px center;
  border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
}

ul.userstream li { border-bottom: 2px dotted #FFFFFF; padding: 10px 0px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; }
ul.userstream p { margin: 0px; }
ul.userstream h3, ul.userstream h3 a { font: normal 15px Georgia,serif; }
ul.userstream i { color: #8e9bad; font-size: 11px; }

ul.poi { background: #eeeeee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.poi li { border-bottom: 3px dotted #FFFFFF; padding: 10px 10px 10px 55px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; zoom:1; }
ul.poi .poiicon { position: absolute; left: 10px; top: 10px;  }
ul.poi p { margin: 0px; color: #8e9bad; }
ul.poi h3 { font: normal 18px Georgia,serif; margin: 0px; }
ul.poi i, ul.poi h6 { color: #8e9bad; font-size: 11px; margin: 0px; }
ul.poi h5 { color: #41546D; font-size: 12px !important; margin: 0px; }
ul.poi li:hover { background-color: #FFCC00; color: #303030 !important; }
ul.poi div.thumb { position: absolute; right: 0px; width: 75px; text-align: right; }
ul.poi div.leftthumb { position: absolute; left: 9px; top: 48px; width: 32px; height: 32px; }
ul.poi a.clip  { border: 1px solid #8e9bad; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px; }

ol.poi { padding-top: 15px; }
ol.poi li { padding-left: 85px; color: #303030; font: normal 13px Arial,sans-serif; position: relative; zoom:1; }
ol.poi div.box { padding: 12px 45px 12px 12px; margin-bottom: 5px; }
ol.poi div.thumb { position: absolute; right: 12px; top: 12px; width: 32px; text-align: right; }
ol.poi div.thumb div { margin-bottom: 5px; }
ol.poi p { margin: 5px 0px 0px 0px; color: #8e9bad; }
ol.poi h3 { font: normal 18px Georgia,serif; margin: 0px; }
ol.poi h6 { color: #8e9bad; font: bold 12px Arial,sans-serif; margin: 0px; color: #41546d; }
ol.poi i { font-style: italic; color: #8e9bad; font-size: 12px !important;  }
ol.poi h5 { color: #8e9bad; font-size: 12px !important; margin: 0px; }
ol.poi .icon { position: absolute; left: 5px; background-color: #F2F2F2; border: 1px solid #8e9bad; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 5px; }
ol.poi .icon.noimage { border-color: #F2F2F2; }
ol.poi .icon:hover { border-color: #333333 !important; }
ol.poi img.baloon { top: 20px; }

.poiicon { display: block; width: 32px; height: 32px; background: #eeeeee url() no-repeat center center;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eeeeee; /*cursor: pointer; */}
.poiicon.size50, .poiicon.big { width: 52px; height: 52px; margin-bottom: 10px; }
.poiicon.small { width: 24px; height: 24px; margin-bottom: 10px; }
/*.poiicon:hover, */.poiicon.active { background-color: #FFCC00 !important; border: 1px solid #666666; }
/*.poiicon.active:hover { background-color: #eeeeee !important; }*/

div.page input.hidden { width: 1px; height: 1px; visibility: hidden; position: absolute; }

.btn_poiadd { float: right; display: block; width: 148px; height: 70px; margin-top: 25px; background: url(poi/btn_poiadd.png) no-repeat 0px -70px; }
.btn_poiadd:hover { background-position: 0px -140px; }
.btn_poiadd:active { background-position: 0px 0px; }
