@CHARSET "UTF-8";
/***************************/

body { font-family: /*Lucida Sans Unicode, Arial, Sans-Serif;*/ lucida grande, tahoma, verdana, arial, sans-serif;  font-size: 11px;  
    color: #333333;}

/* Structure #f0f7f9; */
#header { background-color:#FFFFFF; margin:10px 0px; padding:30px; border-bottom:1px solid #CCCCCC;}
#footer { background-color:#FFFFFF; margin:10px 0px; padding:30px; border-top:1px solid #CCCCCC;}
#content, #comments, #sidebar { background-color:#ffffff/*#f0f7f9*/; margin:5px 0px; border:1px solid #2A5DB0;
		 -moz-border-radius:5px;  -webkit-border-radius:5px; padding:30px;}

/* header */
#header h1 { float:right; margin: 1px 0 0 0; font-size:24px; font-weight:bold;}
#header h2 {font-size:16px; font-weight:normal; margin:0px; padding:0px;}
#header h4 { float:right; margin: 5px 0 0 0; font-size:10px; font-weight:bold;}
#header { width:900px; margin:0px auto;}
#header p {font: Verdana, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px; padding:0px;}

/* sidebar */
#sidebar a {font: Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
#sidebar p {font: Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0px; padding:0px;}

/* content */
#content p {font: Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0px; padding:0px;}

/* comment */
#comments p {font: Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0px; padding:0px;}


#main {width:964px; margin:0px auto; overflow:hidden;}
#toolbox { text-align:right; float:right;}
#content { width:540px; float:left;}
#comments { width:540px; float:left;}
#comments p span {display:block; font-size:16px; color:#B0232A;}
#sidebar { width:280px; margin-left:20px; float:right;}
#sidebar #ads { width:100%; overflow:hidden;}
#sidebar #ads img { float:left; margin:1px; display:block;}
#footer { width:900px; margin:0px auto; font: bold 80%/100% Verdana, Helvetica, sans-serif; color:darkgray;}

/* divs add-on */
#viewresult { background-color:#f0f7f9; border:1px solid #6b90da; margin: 5px 5px 5px 5px;/*-moz-border-radius:5px;  -webkit-border-radius:5px;*/}
#viewnews { background-color:#ffffff; border:1px solid #6b90da; margin: 5px 5px 5px 5px;/*-moz-border-radius:5px;  -webkit-border-radius:5px;*/}
#last5inBooks { background-color:#FFFFFF; border:1px solid #6b90da; -moz-border-radius:5px;  -webkit-border-radius:5px;}
#last5reBooks { background-color:#FFFFFF; border:1px solid #6b90da; -moz-border-radius:5px;  -webkit-border-radius:5px;}
#ucomments { background-color:#f0f7f9; border:1px solid #6b90da;}
#resarch { background-color:#FFFFFF; border:1px solid #6b90da;}
#toolsbox { background-color:#FFFFFF; border:1px solid #6b90da; /*-moz-border-radius:5px;  -webkit-border-radius:5px;*/}
#tbooks{ background-color:#FFFFFF; border:1px solid #6b90da;}
#droplist{ background-color:#6b90da; border:1px solid #6b90da;}
#pagination { background-color:#FFFFFF; border:1px solid #6b90da;}
#backto { background-color:#FFFFFF; border-top:1px solid #6b90da;}
#segnalazione { background-color:#FFFFFF; border-top:1px solid #6b90da;}
#loginbox { background:none repeat scroll 0 0 #FFFFCC; border:1px solid #6b90da;}
#avvisi { background:none repeat scroll 0 0 #FFFFCC; border:1px solid #6b90da;}

#livesearch { background:none repeat scroll 0 0 #FFFFFF;}

h3#last5Books { font-size:11px;
               font-weight:bold;
               color:#B0232A; 
               text-align: center; 
               /*background: transparent url('/images/skylight.jpg');*/
               background:#FFFFD1;
	           background-repeat: no-repeat;
	           background-position: 0% 0%;
	           font-stretch: expanded;
	           letter-spacing: 0.1em;
              }
              
/* Timestamp */
p#timestamp {font-size:10px; font-weight:normal; color: green;}
p#timestamp2 {font-size:10px; font-weight:normal; color: darkgrey;}

/* last5books title */
p#booktitle {font-size:9px; font-weight:bold;}

/* ToolsBox */
p#pad5{ font-size:10px; font-weight:normal; padding-left: 5px;}
p#pad5c{ font-size:10px; font-weight:bold; padding-left: 5px; text-align: center;}

/* Totalizzatore */
p#totalizzatore {font-size:10px; font-weight:bold; text-align: right; color:/*#2A5DB0*/#666666;}
p#mainbanner {font-size:10px; font-weight:bold; text-align: right; color:/*#2A5DB0*/#666666;}

/* Change view sprites */
.toolbox { float:right; margin-left:10px;}
.toolbox a { width:30px; height:20px; float:right; }

#wideView {background: transparent url(images/buttons.png) no-repeat scroll 0px 0px; }
#wideView:hover { background-position:-30px 0px; }
#wideView.wide {background-position:0px -20px; }
#wideView.wide:hover { background-position:-30px -20px; }

/* Different views */
#content.wide { width:900px;}
#toolbox.wide { width:960px;}
#content.compact, #comments.compact { width:690px;}
#sidebar.compact { width:130px;}

a { color:/*#0000ff*/ #3b5998; text-decoration: none;}
a:hover {
  text-decoration: underline; }
  
h3 { font-size:12px; font-weight:bold; padding:0; margin:0; color:#B0232A; margin-bottom: 2px;}
em { font-size:10px;}

/* Evita la sottolineatura nei link */
img{border: none; vertical-align: middle;}

/******* test *******/
h1{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #5f95ef;
	margin-bottom: 1em;
}
/******* logo *******/
#logo{
	margin-top: 1em;
	display: block;
}
/******* /logo  *******/

/* dropdown div */
p.msg_body_p {
	padding: 0 0 1em;
    color:#333333;
}
.msg_list {
	margin: 5px 5px 5px 5px ;
	padding: 0px;
	/*width: 700px;*/
    border-bottom: 1px solid #FFCC33;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	/*position: relative;*/
	background-color:#FFFFCC;
	/*margin:1px;*/
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#FFFFFF;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;
    border:0px;
}
th strong {
	color: #000000;
    font-size: 10px;
}
th {
	background: #CCCCCC;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	/*border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;*/
	font: bold 80%/100% Verdana, Helvetica, sans-serif;
}
th.books {
	background: #lightgrey;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-top: 1px solid #6b90da;
	border-left: 1px solid #6b90da;
	border-right: 1px solid #6b90da;
	border-bottom: 1px solid #6b90da;
	font: bold 80%/100% Verdana, Helvetica, sans-serif;
}
th.last5books {
	background: #5f95ef;
	/*height: 29px;
	padding-left: 12px;
	padding-right: 12px;*/
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
    font-weight: bold;
}
th.last5comm {
	background: #FFFFCC;
	/*height: 29px;
	padding-left: 12px;
	padding-right: 12px;*/
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
    font-weight: bold;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/*border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;*/
	font:  80%/100% Verdana, Helvetica, sans-serif;
}

td.prezzoven{
    color: red;
}

td.prezzomax{
    color: green;
}

td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #f0f7f9;
	border-bottom: solid 2px #darkgray;
}
tr.row-b {
	background: #EFEFEF;
	border-bottom: solid 1px #b0232a;
}
tr.row-c {
	background: #f0f7f9;
	border-bottom: solid 2px #6b90da;
	//border-left: solid 1px #6b90da;
	//border-right: solid 1px #6b90da;
}
tr.row-d {
	background: #f0f7f9;
	border-bottom: solid 2px #ffffff;
	//border-left: solid 1px #6b90da;
	//border-right: solid 1px #6b90da;
    font-size:10px;
}
/* end - table */

/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	/*width: 220px;
	padding: 6px;
	color: #000000;*/
    font-family:lucida grande,tahoma,verdana,arial,sans-serif;
    color:#666666;
	font-size: 11px;
	/*border: 1px solid #cecece;*/
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 400px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	/*background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;*/
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/

/* Ajax search box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:220px;	      /* Width of box */
		height:250px;	      /* Height of box */
		overflow:auto;	    /* Scrolling features */
		border:1px solid #CCCCCC;	/* border */
		background-color:#FFF;	  /* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#B0232A;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

/*** DISPLAY INFO ***/
div#info {
background:none repeat scroll 0 0 #FFFFCC;
border:1px solid #FFCC33;
font-weight:bold;
margin-top:5px;
padding:5px;
}

/*** DISPLAY ERROR ***/
div#error {
background:none repeat scroll 0 0 #EBC8C4;
border:1px solid #FF0000;
font-weight:bold;
margin-top:5px;
padding:5px;
color:#FF0000;
text-align: center;
font-size: 11px;
}

/*** DISPLAY LOGIN ERROR MESSAGES ***/
div#loginerror {
background:none repeat scroll 0 0 #FFFFCC;
border:1px solid #FFCC33;
font-weight:bold;
margin-top:5px;
margin-left:200px;
margin-right:200px;
padding:5px;
text-align: center;
font-size: 11px;
}

/*** DISPLAY TOGGLE SEARCH DIV ***/
div#infosearch {
background:none repeat scroll 0 0 #FFFFCC;
//border:1px solid #FFCC33;
font-weight:bold;
margin-top:5px;
padding-left:5px;
}

/* TEST */
div#headercontainer {
	width: 90%;
	/*border: 1px solid #000;*/
	text-align: center;
}
div.split2 div {
	float: left;
	width: 50%;
}
div.wide {
	clear: left;
}

/* grafica bottoni */
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(./images/button-bg.jpg) repeat-x 0 0;
	border: none;
}

input.button2 { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #cccccc /*url(./images/button-bg.jpg) repeat-x 0 0*/;
	border: none;
}

/* FADEINBOX */
@media all {
	.fadein	{ visibility:hidden; }
	.fadein	{ visibility:hidden; }
	#fade1	{ width:100%;
	          height:18px; position:absolute; left:0; top:0;
			  background:#EBC8C4; z-index:2000; text-align:center;
			  padding-top:10px;
			  border-bottom: 1px solid #FF0000;}

}
@media handheld {
	.fadein	{ visibility:visible; }
}

/* FB */
.fbbluebox  
{  
    background-color: #eceff6;  
    border: 1px solid #d4dae8;  
    color: #333333;  
    padding: 10px;  
    font-size: 13px;  
    font-weight: bold;  
}

/* Content Divider on White Background */  
.fbcontentdivider  
{  
    margin-top: 15px;  
    margin-bottom: 15px;  
    width: 520px;  
    height: 1px;  
    background-color: #d8dfea;  
}  

select {
  border:1px solid #BDC7D8;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:11px;
  padding:2px;
}

/* GeoLocation Autocomplete */
input#autocomplete {
		/*margin:200px;*/
	}
	.ui-widget {font-size: 62.5%;}

#passwordStrength
{
        height:10px;
        display:block;
        float:left;
}

.strength0
{
        width:250px;
        background:#cccccc;
}

.strength1
{
        width:50px;
        background:#ff0000;
}

.strength2
{
        width:100px;    
        background:#ff5f5f;
}

.strength3
{
        width:150px;
        background:#56e500;
}

.strength4
{
        background:#4dcd00;
        width:200px;
}

.strength5
{
        background:#399800;
        width:250px;
}