body { width:1050px; margin:10px auto; font-size:0.8em; line-height:20px; font-family: "Trebuchet MS", Arial; background: url(livros.gif) #fff;background-repeat:repeat-x;}
a { color:#018BC1;}
a:hover { color:#333;}
#header { background-color:#ADDFFF;}
#logo { height:65px; color:#fff;}
#logo a{ color:#01b0f0; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; }
#menu { background:#01b0f0; height:30px; border-bottom:1px solid #000; border-top:1px solid #e8e8e8; }
#menu ul { margin:0; padding:0;}
#menu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center;}
#menu a { display:block; float:left; width:104px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; border-right:1px solid #59d2fe; }
#menu a:hover{padding-top:4px; height:22px; border-bottom: 4px solid #ADDFFF;}

#text { margin: 0 305px 0 20px; }
#text p { padding:10px; border:1px solid #d7d7d7; background-color: #f5f5f5; overflow:auto;}
#sidebar { float:right; width:235px; padding: 0 20px 0 10px; }
h1 { margin:0; padding:0; text-transform:uppercase; font-size:1.8em; color:#000;}

#main 
{ 
    background: #fff; 
    padding:20px 0 0 0; 
    width:100%;
    height:100%;
    float:left;
    border:1px solid #00b2f7;   
}

form.login {background-color:#00b2f7;}
form.login {color:#fff}

#footer {background:#ADDFFF; height:102px; clear:both;  }
#left_footer { float:left; padding:40px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}


#menu form 
{
    float:right;
    border:0px;
}

/* Custom */

table.book {
    padding:10px; border:1px solid #d7d7d7; background-color: #f5f5f5;
}

table.book td {
    vertical-align:top;
}

img.image {
    float:left;
    margin-right:10px;
}

form.fast_search {
    padding-top:4px;
    padding-bottom:4px;
    padding-right:20px;        
}

form.fast_search label {
    color:white;
    font-weight:bold;
}

span.break {
    clear:both;
}

/* CSS For the pagination system */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: black;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #2b66a5;
}

.pagination a.currentpage{
background-color: blue;
color: #FFF !important;
border-color: blue;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

/* CSS for the rating system */
.rating {     				
}

.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.cancel,
.cancel a {background: url(/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(/star.gif) no-repeat 0 0px;}

.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}

form.sendtoafriend label {
    margin-left:10px;
    margin-right:10px;
    color:#000;
    font-weight:bold;
}