/* ================================ */
/* project specific overrides and styles */

html{ overflow: scroll; }

body{
    background:         url("../img/libfund/stripes-fill.gif");
    background-repeat:  repeat;
    font-family:        verdana, sans-serif;
}

.stripes-fill{
    height:             15px;
    background:         url("../img/libfund/stripes-fill.gif");
    background-repeat:  repeat;
}

.masthead{
    height: 95px;
    background-color: #ffffff;
}

.debug .masthead{ background-color: transparent; }

.flag{
    font-size:          14px;
    line-height:        14px;
    padding-top:        4px;
    padding-bottom:     4px;
    padding-left:       8px;
    padding-right:      8px;
}

.portrait{ margin-bottom: 30px; }
.portrait img{ display: block; }
.portrait p{ margin: 0; }

.address{ height: 150px; }

.bottomnav .address{
    position: absolute;
    margin-top: -162px;
}

/* ================================ */
/* main navigation */

.topnav{
    width:      100%;
    overflow:   hidden;
}

.topnav .button{}

.topnav .button .stripes{ padding-top: 4px; }

.topnav .button .field{
    padding-top:        10px;
    padding-bottom:     10px;
}

.topnav .button .label{
    color:              #ffffff;
    font-size:          12px;
    padding-left:       23px;
    padding-right:      23px;
    border-left:        1px solid #bbcdd7;
    border-right:       1px solid #bbcdd7;
}

.topnav .button .on .label{
    border-left:        1px solid #7e95a4;
    border-right:       1px solid #7e95a4;
}

.topnav .button .divide-right .label{
    border-left:        none;
    border-right:       1px solid #bbcdd7;
}
.topnav .button .divide-left .label{
    border-left:        1px solid #bbcdd7;
    border-right:       none;
}

/* ================================ */
/* secondary navigation */

.sidenav{ width: 190px; margin-bottom: 150px; }

.sidenav ul{
    list-style-type:    none;
    margin:             0;
    padding-left:       0;
    cursor:             pointer;
}

.sidenav li{ margin: 0; }

.sidenav li.button{ padding-top: 3px; }

.sidenav h6{
    margin-left:    4px;
    padding-left:   11px;
    padding-right:  11px;
    padding-top:    4px;
    padding-bottom: 4px;
}

.sidenav .submenu h6{ padding-left: 19px; }

.sidenav .toggler h6{
    background-color:       transparent;
    background:             url("../img/libfund/sidenav-toggle-open.gif");
    background-repeat:      no-repeat;
    background-position:    center right;
}

.sidenav .open .toggler h6{
    background-color:       transparent;
    background:             url("../img/libfund/sidenav-toggle-close.gif");
    background-repeat:      no-repeat;
    background-position:    center right;
}

/* ================================ */
/* author index */

ul.imenu{
    list-style-type:    none;
    margin:             0;
    padding-left:       0;
    cursor:             pointer;
    margin-bottom:      8px;
}

ul.imenu li{
    display: inline;
    padding: 4px;
}

/* ================================ */
/* footer navigation */

.bottomnav{
    padding-top:    8px;
    padding-bottom: 8px;
}

.bottomnav a{ text-decoration: none; }
.bottomnav a:hover{ text-decoration: underline; }

/* ================================ */
/* dynamic lists */

ul.fancy{
    list-style-type:    none;
    margin-left:        0;
    padding-left:       0;
}

ul.fancy li{
    padding-top:    4px;
    padding-bottom: 4px;
    margin:         0;
    margin-bottom:  0px;
}

ul.fancy li.head{
    background-image:   none;
    margin-bottom:      8px;
    padding-left:   8px;
    padding-right:  8px;
}

ul.fancy .book{
    width:          100%;
    overflow:       hidden;
    margin-bottom:  8px;
}

ul.fancy .book .thumbnail{
    float:          left;
    width:          58px;
}

ul.fancy .book .info{
    float: left;
    width:  117px;
}

ul.pager{
    list-style-type:    none;
    margin-left:        0;
    padding-left:       0;
    cursor:             pointer;
}

ul.pager li{
    display:        inline;
    margin:         0;
    border-left:    1px solid #333333;
    padding-left:   .5em;
}

ul.pager .first{
    border-left:    none;
    padding-left:   0;
}

ul.pager a{ text-decoration: none; }
ul.pager a:hover{ text-decoration: underline; }

/* ================================ */
/* links */

div.arrowlink{
    margin-left:    0px;
    padding-left:   .9em;
    text-indent:    -.9em;
}

div.arrowlink div.text,
span.arrowlink div.text{
    display: inline;
    cursor: pointer;
}

div.arrowlink a,
span.arrowlink a,
div.arrowlink div.text,
span.arrowlink div.text{
    text-decoration: none;
    margin-left: .1em;
}

div.arrowlink a:hover,
span.arrowlink a:hover,
div.arrowlink div.text:hover,
span.arrowlink div.text:hover{
    text-decoration: underline;
    margin-left: .1em;
}

div.titlelink a{ text-decoration: none; }
div.titlelink a:hover{ text-decoration: underline; }
div.titlelink h1, div.titlelink h2 { display: inline; }

/* ================================ */
/* forms */

form .checkbox{
    overflow:   hidden;
    width:      100%;
}

form .checkbox input{ float: left; }
form .checkbox .label{
    float: left;
    padding-top: .2em;
}

form .input .label{ padding-bottom: 2px; }
form .input .note{ padding-top: 2px; }

/* ================================ */
/* buttons */

.button{ cursor: pointer; }

.view-book, .view-book .off, .view-book .on{ width:81px; height:22px; }

.view-book .on{
    background:             url("../img/libfund/button-view-on.gif");
    background-repeat:      no-repeat;
}

.view-book .off{
    background:             url("../img/libfund/button-view-off.gif");
    background-repeat:      no-repeat;
}

.add-cart, .add-cart .off, .add-cart .on{ width:81px; height:22px; }

.add-cart .on{
    background:             url("../img/libfund/button-add-on.gif");
    background-repeat:      no-repeat;
}

.add-cart .off{
    background:             url("../img/libfund/button-add-off.gif");
    background-repeat:      no-repeat;
}

.search, .search .off, .search .on{ width:87px; height:28px; }

.light-blue-fill .search .on{
    background:             url("../img/libfund/button-search-on.gif");
    background-repeat:      no-repeat;
}

.light-blue-fill .search .off{
    background:             url("../img/libfund/button-search-off.gif");
    background-repeat:      no-repeat;
}

.send, .send .off, .send .on{ width:87px; height:28px; }

.light-blue-fill .send .on{
    background:             url("../img/libfund/button-send-on.gif");
    background-repeat:      no-repeat;
}

.light-blue-fill .send .off{
    background:             url("../img/libfund/button-send-off.gif");
    background-repeat:      no-repeat;
}

.cart, .cart .on, .cart .off{ width:104px; height:26px; }

.cart .on{
    background:             url("../img/libfund/button-cart-on.gif");
    background-repeat:      no-repeat;
}

.cart .off{
    background:             url("../img/libfund/button-cart-off.gif");
    background-repeat:      no-repeat;
}

.catalog, .catalog .on, .catalog .off{ width:104px; height:26px; }

.catalog .on{
    background:             url("../img/libfund/button-catalog-on.gif");
    background-repeat:      no-repeat;
}

.catalog .off{
    background:             url("../img/libfund/button-catalog-off.gif");
    background-repeat:      no-repeat;
}

/* ================================ */
/* books */

/* table adds a drop shadow */
table.dropshadow img{ padding:0; margin:0; display:block; }

table.dropshadow td{
    background:             url("../img/books/dropshadow-white.gif");
    background-repeat:      no-repeat;
}

.light-blue-fill table.dropshadow td{
    background:             url("../img/books/dropshadow-light-blue.gif");
    background-repeat:      no-repeat;
}

table.dropshadow td.top-right{ background-position: top right; }

table.dropshadow td.bottom-left{ background-position: bottom left; }

table.dropshadow td.bottom-right{
    height:                 8px;
    width:                  8px;
    background-repeat:      no-repeat;
    background-position:    bottom right;
}

.thumbnail { width: 50px; }
.thumbnail img{ width: 50px; }

table.books .title{padding-right:15px;}
table.books .pub{ width: 70px; padding-left: 0; padding-right: 0; }
table.books .size{ width: 90px; padding-left: 0; padding-right: 0; }
table.books .format{ width: 75px; padding-left: 0; padding-right: 0; }
table.books .isbn{ width: 140px; padding-left: 0; padding-right: 0; }
table.books .price{ width: 80px; padding-left: 0; padding-right: 0; }
table.books .addcart{ width: 81px; padding-left: 0; padding-right: 0; }

/* ================================ */
/* typical tables */

table.typical{}

table.typical th.first{padding-left: 4px;}
table.typical th.last{padding-right: 4px;}

table.typical th,
table.typical td{
    font-weight:    normal;
    padding-right:  8px;
    padding-top:    4px;
    padding-bottom: 4px;
}

table.typical td,
table.typical tr.last td{
    background-position:    bottom;
    padding-bottom:         8px;
}

table.typical td.last, table.typical th.last{ padding-right: 0; }

table.typical td.nested{ padding: 0; }
table.typical td.nested td{
    background: none;
    border-bottom: 1px solid #c9d9e1;
}

table.typical tr.grouphead td{ padding-top: 30px; }

td.nested tr.last td{ border: none; }

table.simple{ 
    margin-top: 1px;
    border-bottom: 1px solid #c9d9e1;
}

table.simple td{
    border-top:     1px solid #c9d9e1;
    padding-top:    .2em;
    padding-bottom: .2em;
    padding-right:  .4em;
}

table.simple td.last{ padding-right: 0; }