/* main stylings */

html, body, #map
{
    width:  100%;
    height: 100%;
}

/* hide scrollbars */
html {overflow: hidden;}

body
{
    margin: 0px 0px 0px 0px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;    
    font-weight: bold;
}

div#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    background: url(images/hawaii6.jpg);
    background-repeat: no-repeat;
    height: 78px;
    width: 100%;
    font-size: 2.5em;
    border-style: solid;
    border-bottom-color: #E0B53D;
    border-width: 0px;
    border-bottom-width: 1px;
}

#headerimage
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
/*     padding: 18px 25px; */
    color:#E0B53D;
    font-size: .75em;
    font-weight: bold;
}

#headertext
{
    position: absolute;
    text-decoration: none;
    margin: 18px 25px; 
    color: #E0B53D;
    font-size: .75em;
    font-weight: bold;
}

/* color: #438737; dark green in the stripe */

/* Table stylings */
table { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }

td
{
    color: #CCCD76; 
    font-weight: bold;
}

a 
{ 
    color:  #E0B53D
}

a.separator 
{
    color: #b0d1fb; 
}

a.control
{
    color: #E0B53D;
    margin:0 0 0 0px;
}

a.breadcrumb
{
    color: #b0d1fb;
}

a.control_paging
{
    color:#E0B53D;
    margin:0 0 0 6px;
}

a.control_paging_italic
{
    font-style: italic;
    color:#E0B53D;
    margin:0 0 0 6px;
}

a.author {color: #27639d;}

/* Trickys for floating book cover images */
a.title, a.title:visited 
{
    color: #CCCD75;
    position:relative;
    z-index:1;
}

a.title b 
{
    position:absolute;
    visibility:hidden; /* hide the image */
    width:200px; /* give it a width */
    height:0; /* no height to solve an Opera bug that
              makes it selectable when hidden */
    border:2px solid #000; /* add a border */
    left:0; /* position:the image */
    top:-150px;
}

a.title:hover
{
    text-decoration:none; 
    z-index:1000;
}

a.title:hover b 
{
    visibility:visible; /* make the image visible */
    height:0px; /* now give it a height - this was 10 - made is zero to clear it*/
    cursor:pointer; /* for IE */
    border:0px solid black; /* this was not here */
    vertical-align:text-top;
    left:10%;
    opacity: 1.0;
    -moz-opacity:1.0;
    z-index:500; 
}

a.title:hover b img 
{
    position:relative;
    vertical-align:text-top;
    right:-125px;
    top:50%;
}

table.paging_sort
{
    width: 220px;
    border-width: 0px 0px 0px 0px;
    border-spacing: 0px;
}
table.paging_sort td
{
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Book table */
td.title  {color: red; width: 220px}
/* td.title  {color: #CCCD75; width: 220px} */
td.author {color: #27639d; width: 220px; padding-left: 1em;}
td.tags {color: #b0d1fb; width: 30%}
th {color: #E0B53D}
tr.odd td{}
tr.even td{background-color: #0B0F00}

ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none; 
}
li.odd td{}
li.even td{background-color: #0B0F00 }

#breadcrumb
{
    position: absolute;
    left: 35px; 
    top: 53px;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: .75em;
    color: #BBB5A2;
}

#registration {
    float:right; 
/*     background: url(images/green_stripe300.gif); */
    padding: 1px 1px 1px 1px;
    border:1px solid #CCCD76; 
    background-color:black;
}

#searchinput
{
/*    background: url(images/green_stripe150.gif);  */
    position: absolute;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;    
/*    font-size: 1.25em; */
/*    color: #E0B53D; */
    top:84px;
    left:255px;
    width:200px;
    height: 22px;
    background-color:white;
    border: 1px solid black;
}

#searchbutton
{
    position: absolute;
    top: 92px;
    left: 155px;
}

ul.autocompleter
{ 
/*     padding: 3px; */
    background: url(images/green_stripe300.gif);
    list-style-type: none; 
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;    
    font-size: .75em;
    margin: 0px 0 0 0;
    width: 220px;
    border:2px solid black;
}

li.autocompleter { margin: 0 0 0px 0; color: #b0d1fb;}
li.selected.autocompleter {background-color: #27639d;}
li:hover.autocompleter { background-color: #27639d;}
ul.autocompleter li.autocompleter {display:block;margin:0;cursor:pointer;}

/* container for table */
#results_table
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#results
{
    background: url(images/green_stripe300.gif);
    position: absolute;
    right: 235px; top: 115px;
    width: 220px; 
    height: 400px;
    border:1px solid #CCCD76;
    padding: 0px 0px 0px 0px;
    background-color:#EEE;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: .75em;
    color: #BBB5A2;
/*    filter:alpha(opacity=85); */
    opacity: 1.0;
    -moz-opacity:1.0;
} 

#mapfilter
{
/*     background: url(images/green_stripe150.gif); */
    top:85px;
    left: 80px;
    height: 16px;
    position:absolute;
    padding: 1px 5px 1px 5px;
    border:1px solid #CCCD76; 
    font-weight: bold;
    background-color:black;
    font-size: .75em;
}

#menus
{
/*     background: url(images/green_stripe300.gif); */
    top:85px;
    right:225px;
    width:318px;
    height: 16px;
    position:absolute;
    padding: 1px 1px 1px 1px;
    border:1px solid #CCCD76;
    background-color:black;

    font-size: .75em;
}


/* Tagcloud CSS Styles */

#tagcloud
{
    background: url(images/green_stripe300.gif);
    position: absolute;
    right: 2px; top: 115px;
    width: 220px; 
    height: 400px;
    border:1px solid #CCCD76; 
    padding: 0px 0px 0px 0px;
    background-color:#EEE;
    margin: 0 auto 0 auto;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: .75em;
    color: #BBB5A2;
    z-index: 100;
 
/*    filter:alpha(opacity=85); */
    opacity: 1.0;
    -moz-opacity:1.0;
}

a.tagcloud1:link {  line-height: 25px; font-size: 11px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud1:visited { line-height: 25px; font-size: 11px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud1:hover { line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud2:link {  line-height: 25px; font-size: 12px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud2:visited { line-height: 25px; font-size: 12px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud2:hover { line-height: 25px; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud3:link {  line-height: 25px; font-size: 13px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud3:visited { line-height: 25px; font-size: 13px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud3:hover { line-height: 25px; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud4:link {  line-height: 25px; font-size: 14px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud4:visited { line-height: 25px; font-size: 14px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud4:hover { line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud5:link {  line-height: 25px; font-size: 16px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud5:visited { line-height: 25px; font-size: 16px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud5:hover { line-height: 25px; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud6:link {  line-height: 25px; font-size: 18px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud6:visited { line-height: 25px; font-size: 18px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud6:hover { line-height: 25px; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tagcloud7:link {  line-height: 25px; font-size: 22px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud7:visited { line-height: 25px; font-size: 22px; color: #b0d1fb; text-decoration: none; font-weight: bold}
a.tagcloud7:hover { line-height: 25px; font-size: 22px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}


#TV
{
/*     background: url(images/green_stripe300.gif); */
display: none;
    position: absolute;
    left: 80px; top: 115px;
    width: 100px; 
    height: 400px;
    border:1px solid #CCCD76; 
    padding: 1px 1px 1px 1px;
    background-color: black;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: .75em;
    color: #BBB5A2;
}

div.TVdiv {
    float: left;
    margin: 5px;
    clear:right;
}
 
img.TVimg {
    vertical-align: text-top;

}

a.TVtext {
    font-size: 11px;
    text-align: left;
}