html, body {background-color: white; margin: 0px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial"; color: #333;}
a {outline: none;}

.background-color {background-color: #EBEB65;}
.main-layout-colors {background-color: #FA7517; color: #333333;}
.strip-colors {background-color: #ED091C; color: #06118F;}
.heading-colors {color: #731625;}

#page{position: relative; width: 100%; height: 100%;}

#fixed-header {width: 960px; height: 20px; background-color: #001527; color: #fff; font-size: 14px; border-bottom: 1px solid #363636; line-height: 20px; padding: 0px 5px; z-index: 10000;}
#fixed-header.fixed {position: fixed; top: 0;}
#fixed-header a {color: inherit;}
#fixed-header div.left {float: left;}
#fixed-header div.right {float: right;}
#fixed-header div.login {position: relative;}
#fixed-header a.headerButton {background-color: #1a5a8c; padding: 0px 5px; display: inline-block;}
#fixed-header a.headerButton:hover {background-color: #3d83b9;}

#login-box {width: 208px; height: 189px; background-image: url('/imgs/layout/login.png'); position: absolute; top: 18px; left: -170px; display: none; padding: 27px 21px 21px 21px; font-size: 14px; color: #333333; font-weight: bold; z-index: 100;}
#login-box-close {display: block; width: 26px; height: 26px; background-image: url('/imgs/layout/chiudi.png'); position: absolute; top: 25px; right: 20px;}
#login-box div.fields {margin-top: 25px; width: 100%;}
#login-box div.fields label {font-size: 11px; vertical-align: middle;}
#login-box div.fields input.checkbox {vertical-align: middle;}
#login-box div.fields input {background-color: white; border: 1px solid #96846e; font-size: 12px;}
#login-box div.fields input.fields {width: 196px; margin-bottom: 10px; color: #999999; padding: 5px}
#login-box div.fields div.submit {width: 100%; text-align: right; margin: 5px 0px;}
#login-box div.fields div.submit input {color: #005890; padding: 3px 10px; border-radius: 5px; font-weight: bold;}
#login-box div.links {color: #005890; font-size: 11px; font-weight: normal; line-height: 20px;}
#login-box div.links a {margin: 0px; color: #333;}

#top-banner {height: 90px; text-align: center;}

#wrapper {width: 970px; background-color: white; margin: 0px auto; position: relative; padding-bottom: 0px; box-shadow: 0px 15px 35px black;}

#team-header {width: 100%; height: 315px; background-image: url('/uploaded/2014/10/3/49985/calcio_HD.jpg'); background-repeat: no-repeat; background-position: center center; position: relative;}
#flash-messages {position: absolute; bottom: 30px; right: 10px; width: 740px;}
#flash-messages div.flash-message,
#flash-messages div.flash-error {padding: 5px 30px 5px 10px; position: relative;}
#flash-messages div.flash-message a.close,
#flash-messages div.flash-error a.close {display: block; position: absolute; top: -2px; right: -3px; width: 35px; height: 34px; background-image: url('/imgs/fotogallery/close.png');}

#team-logo {width: 185px; height: 185px; position: absolute; bottom: 15px; left: 14px; border: 3px solid white; background-image: url('/uploaded/2014/10/3/49981/Rhodense1.jpg'); background-repeat: no-repeat; background-position: center center;}
#team-logo-link {display: block; height: 100%; width: 100%;}

#team-strip {width: 100%; height: 60px; position: relative;}
#team-strip  span {margin-left: 220px; line-height: 60px; font-size: 27px; text-transform: uppercase; font-weight: bold; text-shadow: 0px 2px 1px white; display: block; height: 60px; width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#banner300x250 {width: 300px; height: 250px; position: absolute; right: 0px; top: 15px; }
div.rightcolBanner {width: 300px; padding-left: 5px; padding-top: 5px; background-color: white;}

#cols {width: 100%; border: 0px; padding: 0px; border-collapse: collapse;}
#cols tbody {border: 0px; padding: 0px;}
#cols tbody tr {border: 0px; padding: 0px;}
#cols tbody tr td {vertical-align: top; border: 0px;}

#left-column {width: 205px; padding: 0px 0px 22px 0px;}
#left-column div.spacer {width: 100%; background-color: white; position: relative;}
#left-column div.spacer span.twitter {position: absolute; bottom: 0px; left: 1px;}
#left-column div.spacer span.facebook {position: absolute; bottom: 3px; left: 73px;}
#left-column div.spacer span.gplus {position: absolute; bottom: 0px; right: 0px;}

#right-column {width: 300px; max-width: 300px; padding: 5px 0px 22px 0px;}
#right-column div.negativeSpacer {position: relative; top: -50px;}
#right-column div.negativeSpacer div.negativeLeftSpacer{position: relative; left: -5px;}


#menu, #menu ul {list-style-type: none; padding: 0px; margin: 0px; font-size: 12px;}
#menu ul.closed {display: none;}
#menu li {line-height: 32px;}
#menu li.firstlevel {border-bottom: 1px solid white;}
#menu li a {display: block; height: 100%; width: 205px; text-decoration: none; color: #333333;}
#menu li a.active {background-color: #3AC43F; border-right: 8px solid #144009; width: 197px;}
#menu li a.admin {font-weight: bold;}
#menu li a:hover {background-color: #98E88E; border-right: 8px solid #0D520B; width: 197px;}
#menu li a span {padding-left: 5px;}
#menu ul li a span {padding-left: 15px;}
#menu ul ul li a span {padding-left: 25px;}
#menu ul ul ul li a span {padding-left: 35px;}
#menu ul ul ul ul li a span {padding-left: 45px;}
#menu ul ul ul ul ul li a span {padding-left: 55px;}
#menu ul ul ul ul ul ul li a span {padding-left: 65px;}
#menu ul ul ul ul ul ul ul li a span {padding-left: 75px;}
#menu span.togglable {padding-left: 5px;}


#content {background-color: white; padding: 5px 15px 22px 15px; font-size: 14px; overflow: hidden;}
#content-heading {background-image: url('/imgs/layout/heading_generica2.png'); background-repeat: no-repeat; height: 210px; width: 435px; margin-bottom: 15px; position: relative; text-align: left;}
#content-heading span.heading{position: absolute; bottom: 30px; font-size: 48px; line-height: 48px;}
#content-heading div.social-buttons{position: absolute; bottom: 0px; width: 100%; height: 20px;}
#content-heading div.social-buttons span.twitter {position: absolute; top: 0px; left: 0px;}
#content-heading div.social-buttons span.facebook {position: absolute; left: 125px;}
#content-heading div.social-buttons span.gplus {position: absolute; top: 0px; right: 0px;}
/*#content a:link, #content a:active, #content a:visited, #content a:hover {color: #960339;}*/
#content form {margin-top: 15px;}

a {color: #960339;}

#content div.pagination ul {list-style: none; padding-left: 0px; display: inline;}
#content div.pagination ul li {display: inline-block; width: 25px; height: 25px; background-color: #f5f5f5; line-height: 25px; text-align: center; margin: 2px; border: 1px solid #cacaca;}
#content div.pagination ul li.selected {width: 30px; height: 30px; line-height: 30px; font-weight: bold;}
#content div.pagination ul li:hover {background-color: #bbb;}
#content div.pagination ul li a {display: block; width: 100%; height: 100%; color: #333; text-decoration: none;}
#content div.pagination ul li.selected a {background-color: #a7a7a7; color: white;}
#content div.pagination ul li.sep-dots {border: 0px; background-color: white; margin: 0px; width: 20px;}

#footer-banner {margin-top: 15px;}
#footer-banner.rectangle {margin-left: 50px;}

#right-column {font-size: 14px;}
#right-column div.WIDGET {margin: 20px 10px 0px 10px; background-color: white;}
#right-column div.WIDGET > span.widget-box-title {display: block; padding: 5px 5px; font-weight: bold; font-size: 16px;}
#right-column div.WIDGET > span.widget-box-title > a {color: inherit;}
#right-column div.WIDGET > ul {margin: 0px 5px; padding: 5px 0px; list-style: none;}
#right-column div.WIDGET > ul > li {padding: 5px 0px; border-bottom: 1px dashed #ccc;}
#right-column div.WIDGET > ul.lista-sondaggi > li {border-bottom: none;}
#right-column div.WIDGET > ul.lista-sondaggi > li > div.domanda {font-weight: bold;}
#right-column div.WIDGET > ul.lista-sondaggi > li > ul.lista-risposte {list-style: none; padding-left: 5px; font-size: 13px;}
#right-column div.WIDGET > ul.lista-sondaggi > li > ul.lista-risposte div.bar {height: 10px; background-color: #f5f5f5; border: 1px solid #ccc; margin-top: 2px; margin-bottom: 5px;}
#right-column div.WIDGET > div.nav-sondaggi {border-top: 1px dashed #ccc; padding: 5px; text-align: right;}
#right-column div.WIDGET > ul.lista-sondaggi > li > div.vota {font-weight: bold; margin-top: 5px; text-align: center;}

#footer {width: 100%; position: relative; top: -7px; font-size: 14px; text-align: center; background-image: url('/imgs/layout/footer.png'); background-repeat: repeat-x;}
#footer div {background-color: #3d151a; min-height: 57px; padding-top: 10px; color: #eee; position: relative; top: 7px;}
#footer div a.promo-link { color: inherit; }

div.box-commenti {width: 100%; border: 1px solid #ccc; margin: 15px 0px; text-align: center; position: relative; line-height: 100%;}
div.box-commenti div.loading {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/imgs/shadow.png');}
div.box-commenti div.loading div {background-color: white; border: 1px solid #ccc; display: inline-block; width: 100px; height: 50px; margin-top: 20px;}
div.box-commenti div.intestazione {text-align: left;}
div.box-commenti div.intestazione span {background-color: #ddd; display: inline-block; padding: 3px 5px; border-bottom-right-radius: 5px;}
div.box-commenti div.intestazione div.opzioni-commenti {float: right; padding: 5px;}
div.box-commenti div.intestazione div.opzioni-commenti a {color: #333;}
div.box-commenti input, div.box-commenti textarea {
	width: 95%;
    margin: 2px 0px;
    padding: 5px 5px;
    font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial";
    border: 1px solid #888888;
    border-radius: 4px;
    background-color: #f9f9f9;
	resize: none;
}
div.box-commenti input:focus,
div.box-commenti textarea:focus {
    outline: none;
    background-color: #eee;
    border-color: #222;
}
div.box-commenti input.empty, div.box-commenti textarea.empty {color: #b0b0b0;}
div.box-commenti ul.lista-commenti {list-style: none; padding-left: 5px; padding-right: 5px; text-align: left; margin-top: 5px; margin-bottom: 0px; font-size: 12px; overflow: hidden; max-height: 150px;}
div.box-commenti ul.lista-commenti li {margin-bottom: 5px; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
div.box-commenti ul.lista-commenti li span.autore {font-weight: bold;}
div.box-commenti ul.lista-commenti li span.data {display: block; font-style: italic; font-size: 9px;}
div.box-commenti ul.lista-commenti li button {float: right;}

ul.adminmenu {list-style: none; border: 1px solid #ccc; padding: 5px; width: 202px; border-radius: 5px; display: none; background-color: white; position: absolute;}
ul.adminmenu li a, ul.adminmenu li button{color: #333; padding: 0px; margin: 1px;}
ul.adminmenu li a {width: 198px;}
ul.adminmenu li button {width: 200px;}

.tooltip-style{ border-color: #666;}

.no-data, 
#content div.pagination ul li.no-data,
#content div.pagination ul li.no-data:hover,
#content ul li.no-data,
#content ul li.no-data:hover {width: 100%; font-weight: bold; text-align: center; margin: 50px 0px; border: none; background-color: white;}

div.widget-box > ul.lista-sondaggi > li.sondaggio {display: none;}
div.widget-box > ul.lista-sondaggi > li.open {display: block;}

#cookieChoiceInfo {position:fixed; width:100%; background-color:#eee; color: #333; margin:0; left:0; bottom:0; padding:5px; z-index:1000; text-align:center; font-size:13px; border-top: 1px solid #ccc;}
#cookieChoiceInfo a {background-color: #bbb; color: #ffffff; padding: 5px; border: 1px solid #aaa; line-height: 25px; text-decoration: none;}
#cookieChoiceInfo a:hover {background-color: #aaa;}