/* RESET.CSS serve a rimuovere tutte le personalizzazioni CSS dei vari browser di modo che le pagine
	del sito appaiano allo stesso modo su tutti i client. Ogni browser, infatti, ha i suoi margini,
	padding, ecc. per ogni elemento HTML che spesso sono diverso fra loro. Con reset.css tutto
	questo viene azzerato. */
@import url("reset.css");

html {
	background-color: #41636B;
}

body {
	font-family: Arial,Helvetica,Sans,"Nimbus Sans",sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #41636B;
}

sup {
	vertical-align: top;
	position: relative;
	top: -0.5em;
	font-size: 0.6em;
}

#body {
	width: 80%;
	margin: auto;
	border: 1px solid;
	box-shadow: 5px 5px 25px black;
	margin-top: 1em;
	background-color: white;
	min-width: 900px;
}

#bodyContent {
	margin: 0;
	padding: 0;
}

.pb {
	background-image: url("../images/pb.png");
	background-repeat: no-repeat;
	background-position: top right;
}

#headerimg {
	float: right;
}

#header {
	 padding: 15px;
}

#titoloForum {
	text-decoration: none;
	color: white;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	box-shadow: 0 0 8px #0A78FF;
}

h1 {
	margin: 0.1em 0.2em;
	font-variant: small-caps;
	text-shadow: 3px 3px 5px black;
	font-weight: normal;
	font-family: 'Frijole', cursive;
	font-size: 240%;
}

#nav {
	border-top: 4px solid #93998E;
	padding: 5px 10px;
	background-color: #FFFFFF;
	z-index: 99;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li a {
	color: #007BDF;
}

#nav li a:visited {
	color: #007BDF;
}

#nav li a:hover {
	color: Blue;
}

#nav li a.selected {
	font-weight: bold;
	color: Blue;
}

#main {
	float: left;
	width: 68%;
	padding: 0px;
	margin-left: 5px;
}

h2 {
	margin: 0 0 1em;
}

#sidebarSmall {
	float: left;
	width: 10px;
	height: 100%;
	background: #D6D6D6;
	padding: 5px;
}

#sidebar {
	background: none repeat scroll 0 0 #D6D6D6;
	float: left;
	padding: 10px;
	width: 22%;
	font-size: 95%;
	overflow: hidden;
	white-space: nowrap;
}

#sidebar ul {
	list-style-image: url(../images/forum.gif);
	list-style-position : inside;
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style: inherit;
}

#sidebar ul li a {
	text-decoration: none;
	color: Blue;
}

#sidebar ul li a:hover {
	color: MediumBlue;
	text-transform: uppercase;
	margin-left: 0.5em;
}

#sidebar ul li a:visited {
	color: Blue;
}

span.openCloseSidebar {
	float: right;
	background: #EEEEEE;
	padding: 2px;
	border: 1px outset black;
}

#footer {
	clear: both;
	padding: 5px 10px;
	background: #B9C1B1;
}

#footer p {
	margin: 0;
}

div.msgEven {
	background-color: #FFFFFF;
}

div.msgOdd {
	background-color: #F6F6F6;
}

div.msgVisible {
	display:block;
	padding: 5px;
}

div.threadInvisible {
	padding: 5px;
	display: none;
}

div.threadVisible {
	padding: 5px;
	display: block;
}

div.msgInvisible {
	padding: 5px;
	display:none;
}

div.msgOptMaxHeight {
   max-height: 500px;
   overflow: auto;
}

div.msgInfo {
	width: 150px;
	margin: 5px 5px 10px 5px;
	float: right;
	text-align: center;
	display: table;
	background-color: lightGray;
	padding: 0.5em 0;
	box-shadow: 0px 0px 4px gray;
}

img.avatarImg {
	border: 2px groove white;
	padding: 3px;
	border-radius: 5px;
}

img.avatarImgThreadlist {
	height: 42px;
	padding: 3px;
	border: 1px solid;
	margin: 3px;
	max-width: 42px; 
}

img.avatarImgLinkable:hover {
	box-shadow: 0 0 8px #0A78FF;
	border: 2px solid lightGray;
}

div.msgForum {
	color: DarkRed;
	font-weight: bold;
}

div.msgDetails {
	padding: 0.2em;
	font-size: 90%;
}

div.msgDate {
	font-size: 70%;
	padding: inherit;
}

div.msgTotalMsg {
	font-size: 70%;
}

.navigationMessageINFO {
	margin: 0.2em 0;
	font-weight: bold;
}

.navigationMessageWARN {
	margin: 0.2em 0;
	font-weight: bold;
	color: #DAA520
}

.navigationMessageERROR {
	margin: 0.2em 0;
	font-weight: bold;
	color: #B22222
}

#preview {
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
}

div.rankingClassPositive {
    display: block;
    background-image: url("../images/emoextended/emoji.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    float: right;
    vertical-align: bottom;
    border-style: none;
    background-position: -236px -44px;
    padding-left: 2px;
}

div.rankingClassNegative {
    display: block;
    background-image: url("../images/emoextended/emoji.png");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    float: right;
    vertical-align: bottom;
    border-style: none;
    background-position: -122px -62px;
    padding-left: 2px;
}

div.message {
	font-size: 16px;
	line-height: 20px;
}

#quoteForum {
	font-style: italic;
	color: white;
	margin: 0 3em;
	background-image: url('../images/pB40.png');
	display: inline;
	padding: 0 0.5em;
	box-shadow: 0px 0px 5px black;
	text-shadow: 1px 1px 2px black;
	font-size: 85%;
	font-weight: bold;
	float:right;
}

#quoteForum.quoteForumSmall {
	background-color: white;
	color: black;
	box-shadow: none;
	text-shadow: none;
	background-image: none;
}
.messagesButtonBarLeft {
	float: left;
	background: #D6D6D6;
	height: 21px;
	display: box;
	border-top-right-radius: 3px;
	padding-right: 2px;
	clear: left;
}
.messagesButtonBar {
	float: right;
	background: #D6D6D6;
	height: 21px;
	display: box;
	border-top-left-radius: 3px;
	padding-right: 2px;
	clear: right;
}

div.buttonBarButton {
	float: left;
	margin: 3px 0px 0px 3px;
	border-radius: 3px 3px 0px 0px;
	background: #F6F6F6;
	padding: 1px 5px 0px 0px;
	height: 16px;
}

div.buttonBarButtonAdmin {
	display: none;
}

a.buttonBarLink {
	text-decoration: none;
	text-align:left;
	font-size: 0.8em;
	vertical-align: top;
}

a.buttonBarLink:visited {
	color:blue;
}

span.buttonBarImg {
	display: block;
	background-image: url("images/ui-icons_222222_256x240.png");
	width: 16px;
	height: 14px;
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
	border-style: none;
}

span.buttonBarImgAdmin {
	display: block;
	background-image: url("images/ui-icons_ef8c08_256x240.png");
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
}

span.buttonBarImgOpenMod {
	background-position: -174px -114px;
}

span.buttonBarImgModerazione {
	background-position: -144px -130px;
}

span.buttonBarImgPedonize {
	background-position: -176px -98px;
}

span.buttonBarImgHide {
	background-position: -192px -98px;
}

span.buttonBarImgReveal {
	background-position: -208px -98px;
}

span.buttonBarImgNotifica {
	background-position: -144px -98px;
}

span.buttonBarImgRispondi {
	background-position: -32px -98px;
}

span.buttonBarImgQuota {
	background-position: -128px -98px;
}

span.buttonBarImgModifica {
	background-position: -64px -114px;
}

span.buttonBarImgBookmark {
	background-position: -144px -144px;
}
span.buttonBarImgParent {
	width: 12px;
	background-position: 0px -48px;
}
span.buttonBarImgUpvote {
	width: 12px;
	background-position: 0px -48px;
}
span.buttonBarImgDownvote {
	width: 12px;
	background-position: -64px -48px;
}

span.ranking {
	font-size: .8em;
	vertical-align: top;
	text-align: center;
	padding-left: 5px;
}

#sidebarSearchForm {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

#sidebarSearchForm input {
	width: 55%;
	border: 1px solid gray;
	margin-right: 3px;
	box-shadow: 0px 0px 2px black;
}

#sidebarSearchForm input:hover, #sidebarSearchForm input:focus {
	box-shadow: 0px 0px 4px darkRed;
}

#sidebarSearchForm input[type="submit"] {
	width: 30%;
	background-color: transparent;
	font-variant: small-caps;
	border: none;
	cursor: pointer;
	text-shadow: 1px 1px 2px black;
	color: black;
	font-size: 95%;
}

#sidebarSearchForm input[type="submit"]:hover {
	box-shadow: 0px 0px 4px darkRed;
}

#bottomLine {
	text-align: center;
	font-size: 80%;
	color: lightGray;
	margin: 1em;
	font-style: italic;
}

#genTime {
	font-size: 90%;
}

span.tagForum {
	background-color: darkRed;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	font-size: 70%;
	padding: 0.1em 0.5em;
}

div.threadBox {
	border: none;
	border-bottom: 1px dotted gray;
	padding-top: 3px;
	padding-bottom: 3px;
}

span.threadTitle {
	font-weight: bold;
}

span.threadTitle a {
	text-decoration: none;
}

span.threadTitle a:hover {
	text-decoration: underline;
}

div.threadDetail {
	font-size: 90%;
}

span.msgAuthor, div.msgAuthor {
	font-style: italic;
	font-weight: bold;
}

span.msgAuthor a, div.msgAuthor a {
	text-decoration: none;
	color: Blue;
}

span.msgAuthor a:visited, div.msgAuthor a:visited {
	color: Blue;
}

div.msgAction a {
	text-decoration: none;
	font-size: 95%;
}

div.msgReply {
	clear: both;
	background-color: #D6D6D6;
	padding: 5px;
	margin: 10px 5px;
	box-shadow: 0px 0px 4px gray;
}

div.msgReply input {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #7BAAE7;
	padding: 0 5px;
}

div.msgReply div.emotibox {
	background-color: white;
	width: 98%;
	border: 1px solid #7BAAE7;
	padding: 5px;
	margin-bottom: 5px;
}

div.msgReply .msgButton {
	padding: 5px;
	cursor: pointer;
	font-size: 90%;
	font-weight: bold;
	text-shadow: 1px 1px 1px gray;
}

div.msgReply a.msgButton {
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
}

div.msgReply .btnBold {
	font-weight: bolder;
}

div.msgReply .btnUnderline {
	text-decoration: underline;
}

div.msgReply .btnStrike {
	text-decoration: line-through;
}

div.msgReply .btnItalic {
	font-style: italic;
}

div.msgReply label {
	font-weight: bold;
}

input.msgReplyObj {
	width: 98%;
  	font-size: 16px;
  	border: 1px solid #7BAAE7;
  	padding: 5px;
	margin-bottom: 5px;
}

textarea.msgReplyTxt {
	width: 98%;
  	font-size: 14px;
  	border: 1px solid #7BAAE7;
  	padding: 5px;
	margin-bottom: 5px;
	font-family: monospace;
}

div.msgReplyTxt {
	background-color: #F6F6F6;
	display: none;
	overflow: auto;
	font-size: 16px;
	border: 1px solid #7BAAE7;
	padding: 5px 6px;
	margin-bottom: 10px;
}

input.msgSendButton {
	float: right;
	width: 8em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
}

div.msgAnonBox {
	margin: 5px 0;
}

div.msgCaptcha {
	padding: 5px;
	margin: 5px 0;
	height: 50px;
}

div.msgCaptcha div {
	float: left;
	margin-right: 10px;
	text-align: center;
}

div.msgCaptcha div img {
	border: 1px solid #7BAAE7;
}

div.msgCaptcha div input {
	width: 8em;
	text-align: center;
	float: left;
}

div.msgCaptcha div div.msgCaptchaInput {
	float: none;
	margin: 0;
	font-size: 75%;
	font-style: italic;
	text-align: left;
}

div.messagesBox {
	border: 1px solid lightGray;
	margin: 8px 5px;
	width: 99%;
	box-shadow: 2px 2px 3px gray;
	height: auto !important;
	overflow: hidden;
}

div.messagesBoxInvisible {
	margin: 8px 5px;
	width: 99%;
	box-shadow: 3px 3px 5px darkred;
	height: auto !important;
	overflow: hidden;
}

pre.code, div.code {
	padding: 0.4em 0;
	clear: both;
	border: 1px dotted black;
	overflow: auto;
	font-size: 80% !important;
}

img.userPostedImage {
	max-width: 150px;
}

img.signatureImage {
	max-width: 530px;
	max-height: 180px;
}

div.loginForm {
	clear: both;
	background-color: #D6D6D6;
	padding: 5px;
	margin: 5px;
	box-shadow: 0px 0px 4px gray;
	width: 25em;
}

div.loginForm > form > div {
	margin-top: 5px;
}

div.loginForm label {
	font-weight: bold;
}

div.loginForm div.lblLoginForm {
	width: 9em;
	float: left;
}

div.loginForm div.inputLoginForm {
	float: right;
}

div.loginForm div.inputLoginForm input {
	border: 1px solid #7BAAE7;
	width: 15em;
	padding: 0 5px;
}

div.loginForm input.sendLoginForm {
	float: right;
	width: 8em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin-top: 5px;
}

div.loginFormCaption {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #7BAAE7;
	margin-bottom: 1em;
	font-variant: small-caps;
	text-shadow: 1px 1px 2px gray;
}

div.registrationForm {
	clear: both;
	background-color: #D6D6D6;
	padding: 5px;
	margin: 5px;
	box-shadow: 0px 0px 4px gray;
	width: 25em;
}

div.registrationForm > form > div {
	margin-top: 5px;
}

div.registrationForm label {
	font-weight: bold;
}

div.registrationForm div.lblRegistrationForm {
	width: 9em;
	float: left;
}

div.registrationForm div.inputRegistrationForm {
	float: right;
}

div.registrationForm div.inputRegistrationForm input {
	border: 1px solid #7BAAE7;
	width: 15em;
	padding: 0 5px;
}

div.registrationForm input.sendRegistrationForm {
	float: right;
	width: 8em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin-top: 5px;
}

div.registrationFormCaption {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #7BAAE7;
	margin-bottom: 1em;
	font-variant: small-caps;
	text-shadow: 1px 1px 2px gray;
}

div.registrationCaptcha {
	padding: 5px;
	margin: 5px 0;
	height: 50px;
}

div.registrationCaptcha div {
	float: left;
	margin-right: 10px;
	text-align: center;
}

div.registrationCaptcha div img {
	border: 1px solid #7BAAE7;
}

div.registrationCaptcha div input {
	width: 8em;
	text-align: center;
	border: 1px solid #7BAAE7;
}

div.registrationCaptcha div div.registrationCaptchaInput {
	float: none;
	margin: 0;
	width: 10em;
	font-size: 75%;
	font-style: italic;
	text-align: left;
}

img.emoticon {
	border: none;
	vertical-align: bottom;
}

span.quoteLvl4 {
	color: #AF6F00;
}

span.quoteLvl3 {
	color: #9A00EF;
}

span.quoteLvl2 {
	color: #00AF59;
}

span.quoteLvl1 {
	color: #007BDF;
}

div.quote-container {
	height: 16px;
	background-image: url(../images/plus_sign.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.quote-container:after {
	content: "clicca per aprire";
	margin-left: 25px;
}
div.quote-container * {
	display: none;
}

div.quote-closer {
	background-color: transparent;
	background-image: url(../images/minus_sign.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	padding-top: 11px;
}

div.userPanelCaption, div.modInfoPanel h2 {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #7BAAE7;
	margin-bottom: 0.5em;
	font-variant: small-caps;
	text-shadow: 1px 1px 2px gray;
}

div.userPanel, div.modInfoPanel {
	clear: both;
	background-color: #D6D6D6;
	padding: 5px;
	margin: 5px;
	box-shadow: 0px 0px 4px gray;
}

div.userPanel > table th {
	width: auto;
	background-color: #D6D6D6;
	font-weight: bold;
}

div.userPanelContent, div.modInfoPanelContent {
	padding: 0.5em;
}

div.userPanelSection, div.modInfoPanelSection {
	background-color: white;
	padding: 10px;
	box-shadow: 2px 2px 4px gray;
	border: 1px solid lightGray;
	margin-bottom: 8px;
}

div.userPanelSection .lbl, div.modInfoPanelSection .lbl {
	font-weight: bold;
}

div.userPanelContent img.avatar {
	border: 1px solid black;
	max-height: 100px;
	max-width: 100px;
	margin-right: 8px;
	box-shadow: 2px 2px 2px black;
	float: left;
}

div.userPanelContent h3, div.modInfoPanelContent h3 {
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px dotted #7BAAE7;
	margin-bottom: 0.3em;
	font-size: 110%;
}

div.userPanelContent h3:before, div.modInfoPanelContent h3:before {
	content: "‣ ";
}

div.userPanelSection > form > div {
	margin-bottom: 5px;
}

div.userPanelSection div.lblUserPanel {
	width: auto;
	float: left;
}

div.userPanelSection div.inputUserPanel {
	float: right;
}

div.userPanelSection input {
	border: 1px solid #7BAAE7;
	width: 20em;
	padding: 0 5px;
}

div.userPanelSection select {
	width: 15em;
}

div.userPanelSection input.file {
	border: 1px solid #7BAAE7;
	width: 100%;
	padding: 0 5px;
}

div.userPanelSection textarea {
	border: 1px solid #7BAAE7;
	width: 20em;
	height: 4em;
	padding: 0 5px;
}

div.userPanelSection input.sendUserPanel {
	border-radius: 3px 3px 3px 3px;
	float: right;
	width: 8em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin: 5px 0px 0px 5px;
}

div.userPanelSection a.userPanelButton, div.modInfoPanelSection a.modInfoPanelButton {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	padding: 0.2em;
	text-decoration: none;
	color: black;
	width: 8em;
	display: block;
	float: left;
	background-color: white;
	text-align: center;
	margin-right: 0.5em;
}

div.userPanelSection a.userPanelButton:hover, div.modInfoPanelSection a.modInfoPanelButton:hover {
	box-shadow: 0 0 8px #0A78FF;
}

div.userPanelSection a.deleteFraseCelebreUserPanel {
	text-decoration: none;
}

div.userPanelSection div.fraseCelebreUserPanel img {
	vertical-align: sub;
}

div.userPanelSection div.fraseCelebreUserPanel input.fraseCelebreUserPanel {
	border: 1px solid #7BAAE7;
	width: 25em;
	padding: 0 5px;
}

div.userPanelSection div.fraseCelebreUserPanel input.sendFraseCelebreUserPanel {
	border-radius: 3px 3px 3px 3px;
	width: 5em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin-left: 0.1em;
}

div.userPanelSection ul.fraseCelebreUserPanel {
	list-style: square inside;
	padding-left: 1em;
}

div.userPanelSection li.fraseCelebreUserPanel {
	list-style: inherit;
	font-style: italic;
}

a.pvt img, a.faq img {
	vertical-align: text-bottom;
}

div.userPanelSection form.pvtSendMessage label {
	font-weight: bold;
}

div.userPanelSection form.pvtSendMessage input {
	width: 97%;
	border: 1px solid #7BAAE7;
	padding: 0 5px;
}

div.userPanelSection form.pvtSendMessage textarea {
	width: 97%;
	border: 1px solid #7BAAE7;
	padding: 0 5px;
	height: 27em;
}

div.userPanelSection form.pvtSendMessage input.sendPvt {
	border-radius: 3px 3px 3px 3px;
	width: 5em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin-left: 0.1em;
	float: right;
}

input.pvtButton {
	width: 5em;
	border: 1px solid #7BAAE7;
	font-size: 90%;
	margin-left: 0.1em;
	float: right;
}

div.userPanelSection table.pvtMessages {
	width: 100%;
	margin-bottom: 8px;
}

div.userPanelSection table.pvtMessages tr {
	font-weight: bold;
}

div.userPanelSection table.pvtMessages tr:hover {
	background-color: #FFE5E5;
}

div.userPanelSection table.pvtMessages tr.pvtRead {
	font-weight: normal;
}

div.userPanelSection table.pvtMessages tr td {
	vertical-align: middle;
}

div.userPanelSection table.pvtMessages tr td a {
	text-decoration: none;
	color: black;
}

div.userPanelSection table.pvtMessages tr td.pvtAction, div.userPanelSection table.pvtMessages tr td.pvtStatus {
	width: 30px;
	text-align: center;
}

div.userPanelSection table.pvtMessages tr td.pvtNickname, div.userPanelSection table.pvtMessages tr td.pvtSubject {
	text-align: left;
}

div.userPanelSection table.pvtMessages tr td.pvtNickname a {
	width: 8em;
	color: blue;
	font-style: italic;
}

div.userPanelSection table.pvtMessages tr td.pvtDate {
	text-align: center;
	width: 6em;
	font-size: 90%;
}

div.userPanelSection table.pvtMessages tr td img {
	vertical-align: middle;
}

div.userPanelSection div.pvtTextMessage {
	padding: 0.2em 1em;
	font-size: 16px;
	border: 1px dashed gray;
	background-color: cornsilk;
	margin: 0.2em;
	overflow: auto;
}

div.userPanelSection a.pvtNickname {
	color: blue;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

div.userPanelSection a.pvtRispondiBtn {
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	padding: 0.2em;
	text-decoration: none;
	color: black;
	width: 8em;
	float: right;
	background-color: white;
	text-align: center;
	margin-top: 0.2em;
	margin-right: 0.5em;
}

div.userPanelSection a.pvtRispondiBtn:hover {
	box-shadow: 0 0 8px #0A78FF;
}

div.threadTreeEntries {
	font-size: 90%;
	margin-left: 1em;
}

ul.pager {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline !important;
}

ul.pager>li {
	display: inline !important;
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
	padding-left: 0.2em !important;
	padding-right: 0.2em !important;
}

div.counter-container {
	color: darkGrey;
	font-size: 90%;
	float: right;
	border: 1px solid #7BAAE7;
	padding: 1px 4px;
}
div.counter-container>input {
	text-align: right;
	width: 40px;
}
input.counter {
	width: 40px;
}

#recipientsDiv span {
	display:block;
	margin:0 3px 3px 0;
	padding:1px 20px 1px 5px;
	position:relative;
	float:left;
	background-color:#eee;
	border:1px solid #333;
	border-radius:4px; color:#333;
}

#recipientsDiv span a {
	position:absolute;
	right:8px;
	top:2px;
	color:#7BAAE7;
	font:bold 12px Verdana, Sans-serif;
	text-decoration:none;
}

#recipientsDiv span a:hover {
	color:#ff0000;
}

/* Sovrascriviamo il CSS di default che IMHO fa cacare */
.ui-menu .ui-menu-item {
	white-space:nowrap;
	padding:0 10px 0 0;
}
.ui-widget {
	font-size: 1.1em;
}
.ui-corner-all .ui-state-hover {
	background: white;
   	/*border: 1px solid #0A78FF;*/
   	border: none;
   	color: #0A78FF;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: bold;
	cursor: pointer;
}

.ui-state-focus {
	font:bold 12px Verdana, Sans-serif;
}

.ui-widget-content {
	padding: 3px;
	box-shadow: 0 0 8px #0A78FF;
	background: white;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

#addQuestion:hover {
	cursor: pointer;
}

form#poll label {
	font-weight: bold;
}

form#poll input {
	border: 1px solid #7BAAE7;
	font-size: 16px;
	margin-bottom: 5px;
	padding: 0 5px;
	width: auto;
}

form#poll textarea {
	border: 1px solid #7BAAE7;
	font-family: monospace;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px;
	width: 98%;
}

form#poll input[type="submit"] {
	border-radius: 3px 3px 3px 3px;
	float: right;
	width: 8em;
	border: 1px solid #7BAAE7;
	font-weight: bold;
	font-size: 90%;
	margin-top: 5px;
}

div.pollBox {
	border: none;
	border-bottom: 1px dotted gray;
}

div.pollEven {
	padding: 5px;
	background-color: #FFFFFF;
}

div.pollOdd {
	padding: 5px;
	background-color: #F6F6F6;
}

span.pollTitle a {
	text-decoration: none;
	font-weight: bold;
}

span.pollTitle a:hover {
	text-decoration: underline;
}

div.pollDetail {
	font-size: 90%;
	margin-left: 5px;
}

img.pollPie {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}

p.pollTitle {
	font-size: 120%;
	font-weight: bold;
	margin: 5px;
	text-align: center;
}

img.threadMessageClosed {
}

img.threadMessageOpen {
	display: none;
}

div.threadMessage {
	margin: .3em .3em .3em 1.4em;
	padding: 0.4em;
	border: 1px solid lightgray;
	border-radius: 5px 5px 5px 5px;
}

div.msgOdd div.threadMessage {
	background-color: White;
}

div.msgEven div.threadMessage {
	background-color: #F6F6F6;
}

ul.threadlist {
	list-style: none;
	border: 0;
	border-left: 5px solid gray;
	padding: 0;
}

ul.largerspacing {
	border-left: 10px solid gray;
}

ul.dl0 {
	border-color: #FFFFFF;
}

ul.dl1 {
	border-color: #EEEEEE;
}

ul.dl2 {
	border-color: #DDDDDD;
}

ul.dl3 {
	border-color: #CCCCCC;
}

ul.dl4 {
	border-color: #BBBBBB;
}

ul.dl5 {
	border-color: #AAAAAA;
}

ul.dl6 {
	border-color: #999999;
}

ul.dl7 {
	border-color: #888888;
}

ul.dl8 {
	border-color: #777777;
}

ul.dl9 {
	border-color: #666666;
}

ul.dl10 {
	border-color: #555555;
}

ul.dl11 {
	border-color: #444444;
}

ul.dl12 {
	border-color: #333333;
}

ul.dl13 {
	border-color: #222222;
}

ul.dl14 {
	border-color: #111111;
}

ul.dl15 {
	border-color: #000000;
}

ul.threadlist li {
	padding: 0;
}

div.threadTreeEntries ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.threadTreeEntries ul li {
	padding-left: 10px;
}

div.msgReply ul.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.msgReply ul.tabs li {
	display: inline;
	border: 1px solid #7BAAE7;
	border-radius: 2px 2px 2px 2px;
	border-bottom-width: 0;
	margin: 0 0.3em 0 0;
	background-color: #F6F6F6;
}

div.msgReply ul.tabs li.selectedTab {
	border-radius: 3px 3px 0px 0px;
	padding-bottom: 1px;
	background: white;
}

div.msgReply ul.tabs li a {
	border-radius: 3px 3px 0px 0px;
	padding: 0 1em;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
}

div#questionsDiv label {
	display:block;
}

div.spoiler {
	background-color: black !important;
	color: black !important;
	display: inline;
	cursor: help;
}
div.spoiler > * {
	visibility: hidden;
}

span.spoilerWarning {
	display: none;
	font-size: 24px;
	font-weight: bold;
}

div.spoiler:hover {
	background-color: transparent !important;
	color: inherit !important;
}

div.spoiler:hover > span.spoilerWarning {
	display: inline;
}

div.spoiler:hover > * {
	visibility: visible;
}

div#geoIpContainer {
	display: none;
	position: absolute;
	border:1px solid black;
	background: #FFFFBF;
	padding: 3px;
	font-family: monospace;
	z-index: 1;
}

div.searchInfo {
	background: #FFBABA;
	padding: 2px;
	color: #D8000C;
	margin: 5px 5px 5px 5px;
	font-size: 80%;
	box-shadow: 0 0 4px #D8000C;
}

span.searchHighlight {
	background-color: yellow;
	border-bottom: 1px solid goldenrod;
	border-radius: 3px 3px 3px 3px;
	border-right: 1px solid goldenrod;
	padding: 0 3px;
}

div.notifications {
	background: #FFBABA;
	margin: 5px 0px 5px 30px;
	padding: 5px;
	width: 350px;
	font-size: 80%;
	box-shadow: 0 0 4px #D8000C;
}

input.notifyInput {
	border: 1px solid #7BAAE7;
	padding: 0 5px;
	font-size: 11px;
	display: none;
	vertical-align: top;
}

div.firma {
	font-size: 0.8em;
	font-style: italic;
	padding: 10px 10px 10px 30px;
	margin: 10px;
	clear: both;
	border-top: 1px dotted gray;
    text-align: right;
}

div.firmaCompatta {
	font-size: 0.8em;
	font-style: italic;
	clear: both;
    text-align: right;
    position: absolute;
    bottom: 18px;
    right: 0;
}

span.fakeLink {
	color: #0000ee;
	cursor: pointer;
}

#loading {
	font-weight: bold;
}

div.articleBox {
	border: 1px solid lightGray;
	margin: 8px 5px;
	box-shadow: 2px 2px 3px gray;
	overflow: auto;
	padding: 8px;
	clear: none;
}

div.articleContainer.vertical {
	float: right;
	width: 33%;
}

div.articleContainer.horizontal {
	float: left;
	width: 66.5%;
}

div.articleBox.vertical {
	margin-right: 15px;
}

div.articleBox>b {
	padding: 8px 5px;
}

div.articleBox>a>img.avatar {
	width: 32px;
	height: 32px;
}

p.digestTitle {
	font-family: Garamond, Times, serif;
	font-size: 32pt;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 5pt;
}

p.digestSubtitle {
	font-family: Garamond, Times, serif;
	font-size: 18pt;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 5pt;
}

.favicon {
	width: 16px;
	height: 16px;
	margin-right: 6px;
}

span.add-tag {
	display: inline;
	background-image: url("images/ui-icons_222222_256x240.png");
	background-position: -144px 0px;
	width: 16px;
	height: 14px;
	background-repeat: no-repeat;
	vertical-align: middle;
	border-style: none;
	cursor: pointer;
}

span.tag {
	background-color: #CFA;
	color: #222;
	border-radius: 3px;
	padding: 2px;
}

span.tag>a {
	text-decoration: none;
	color: black;
}

span.del-tag {
	display: inline;
	background-image: url("images/ui-icons_222222_256x240.png");
	background-position: -80px -128px;
	width: 16px;
	height: 14px;
	background-repeat: no-repeat;
	vertical-align: middle;
	border-style: none;
	cursor: pointer;
}

div.buttonBarRispondi {
	position: relative;
}

ul.replyMenu {
	z-index: 9999;
	display: none;
	position: absolute;
	top: -80px;
	left: -20px;
	width: 100px;
}
ul.replyMenu>li.ui-menu-item {
	height: 16px;
	padding: 0;
}
ul.replyMenu>li>a {
	font-size: 0.8em;
	text-decoration: none;
}

div.fakeAdContainer {
	border: 1px solid lightgray;
	margin: 8px 5px;
	padding: 3px;
}

h3.fakeAdTitle {
	font-size: 18px !important;
	font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 18px;
    font-family: arial,sans-serif;
}

a.fakeAdLink {
	color: #1E0FBE;
	text-decoration: none;
	cursor: pointer;
	font-size: 18px !important;
    font-weight: normal;
    line-height: 18px;
    font-family: arial,sans-serif;

}

span.fdtAd {
	background-color: #EDB802;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	margin-right: 7px;
	padding: 0px 3px;
	vertical-align: baseline;
	font-family: arial,sans-serif;
}

div.fakeAdVisurl {
	color: #006621;
	white-space: nowrap;
	font-size: 13px;
	white-space: nowrap;
	font-family: arial,sans-serif;
	font-style: normal;
}

cite.fakeAdUrl {
	font-style: normal;
}

div.fakeAdContent {
	line-height: 1.2;
	color: #373737;
	font-size: small;
	font-family: arial,sans-serif;
}

div.softvMsg {
	font-family: monospace;
}

.softvSelected {
	font-weight: bold;
}

.softvMsg a:link {
	color: green !important;
}

.pvt-notification-enhancer {
	float: right;
	clear: both;
	padding-right: 80px;
	color: red;
	font-weight: bold;
}


/* suoranciata's dead simple grid layout
   riportato da versione mobile
   modificati i col- per dividere in 12 invece di 6
 */
.row {
	width: 100%;
	margin: 0 auto;
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}

.row.sep {
	height: 1px;
}

.row > .col-1 {
  width: 8.333333333333334%;
}
.row > .col-2 {
  width: 16.666666666666668%;
}
.row > .col-3 {
  width: 25%;
}
.row > .col-4 {
  width: 33.333333333333336%;
}
.row > .col-5 {
  width: 41.66666666666667%;
}
.row > .col-6 {
  width: 50%;
}
.row > .col-7 {
  width: 58.333333333333336%;
}
.row > .col-8 {
  width: 66.66666666666667%;
}
.row > .col-9 {
  width: 75%;
}
.row > .col-10 {
  width: 83.33333333333334%;
}
.row > .col-11 {
  width: 91.66666666666667%;
}
.row > .col-12 {
  width: 100%;
}

.row > [class^='col-'] {
	margin: 0;
	padding: 0;
	float: left;
}
.row > [class^='col']:last-child {
	float: right;
}

.row > [class^='col']:first-child {
	float: left;
}

.row > [class^='col-'].pull-right {
	text-align:right;
}

.youtube-video-box {
	width: 480px;
	height: 360px;
	background-repeat: no-repeat;
	clear: right;
}

.youtube-video-title {
	background-color: black;
	color: white;
	font-weight: bold;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
}

.youtube-buttons {
	top: 280px;
	height: 40px;
	position: relative;
	background-color: black;
	left: 0;
	width: 100%;
}

.youtube-buttons > a {
	text-decoration: none;
	color: white !important;
	font-weight: bold;
}

#fakeAdForm input,textarea,label {
	display:block;
	margin-top:5px;
}

#fakeAdForm .field{
	width:98%;
}

.fakeAdsInsertionBox{
	background-color:#D6D6D6;
	padding:10px;
	margin:5px;
}

#fakeAdForm .msgCaptcha, .msgSendButton{
	margin-top:30px !important;
	padding:0px;
}