/* 
    Document   : index.css
    Created on : 20-nov-2009, 19:53:19
    Author     : Maghiel Dijksman <mail@mdijksman.nl>
    Description:
        CSS for Legaldownload index page
*/

div.index h2
{
}

div.leftBox
{   
    float           : left;
    width           : 460px;
    height          : 50px;
    border          : 1px solid #87AFD6;
    margin          : 10px;    
    margin-right    : 5px;
    padding         : 0px;
       
    _margin         : 0;
    _margin-left    : 3px;
}

div.rightBox
{    
    float           : right;
    width           : 460px;
    height          : 30px;
    border          : 1px solid #87AFD6;
    margin          : 10px;
    margin-left     : 5px;    
    padding         : 10px;

    _margin         : 0;
    _margin-right   : 3px;
    
}

div.box
{
    display         : block;
    float           : left;
    margin-bottom   : 10px;
    padding         : 10px;
    border          : 1px solid #DEDEDE;
    border-top      : none;

    _margin         : 5px;

    width           : 738px;
    
}

div.banner 
{
    width           : 728px;    
    margin-left     : auto;
    margin-right    : auto;
}

/**
 * MiniGuide
 */
div.miniGuide
{
    padding         : 0px;
    margin          : 0px;
    border          : 1px solid #DEDEDE;
}

div.miniGuide h2
{   
}

div.miniGuide div.needles
{
    margin          : 5px;
    padding         : 10px;
    margin-left     : auto;
    margin-right    : auto;
}

/**
 * QuickSearch
 */

div.quickSearch
{
    width           : 650px;
    margin-left     : auto;
    margin-right    : auto;
    margin-top      : 71px; /* (header2 height - quickSearch height) / 2 = margin-top */
}

div.quickSearch dl.zend_form input#postterms
{
    border              : none;
    background-image    : url('/images/layout/header-search.png');
    background-repeat   : no-repeat;
    padding-left        : 10px;
    width               : 478px;
    height              : 54px;

}

div.quickSearch dl.zend_form input#submit
{
    border              : none;
    background-image    : url('/images/buttons/header-search.png');
    width               : 150px;
    height              : 46px;
    color               : #FFFFFF;
    font-size           : 16px;
    font-weight         : bold;
    
}

div.quickSearch dl.zend_form input#submit:hover
{
    background-image    : url('/images/buttons/header-search-hover.png');
    cursor              : pointer;
}

div.quickSearch dl.zend_form
{
    padding     : 0px;
    margin      : 0px;
}

/* GENRES */
div.leftColumn div.genres
{
    border          : 1px solid #DEDEDE;
    border-top      : none;
    padding         : 8px;
}

div.leftColumn div.genres h3
{
    text-transform  : uppercase;
    color           : #919293;
    font-size       : 14px;
}

div.leftColumn div.genres ul
{    
    list-style-type : disc;
    color           : #669ACC;
    padding         : 0px;
    padding-left    : 25px;
    margin          : 0px;
}

div.leftColumn div.genres ul li
{
    line-height     : 20px;
    padding         : 0px;
    margin          : 0px;
    font-size       : 11px;
}

div.leftColumn div.genres a
{
    color           : #000000;
    font-weight     : normal;
    width           : 100%;
    height          : 20px;
    display         : block;
    float           : left;
}

div.leftColumn div.genres a:hover
{    
    font-weight       : normal;
    text-decoration   : none;
    background-color  : #DEDEDE;
    background-image  : url('/images/layout/genre-background-hover.png');
    background-repeat : repeat-x;
    width             : 100%;
    height            : 20px;
    display           : block;
    float             : left;
}

div.leftColumn div.genres li.active a
{
    font-weight       : normal;
    text-decoration   : none;
    background-color  : #DEDEDE;
    background-image  : url('/images/layout/genre-background-hover.png');
    background-repeat : repeat-x;
    width             : 100%;
    height            : 20px;
    display           : block;
    float             : left;
}

/* TEASER */
div.leftColumn ul.teaser
{
    list-style-type : none;
    padding         : 0px;
    margin          : 0px;
}

div.leftColumn ul.teaser li
{
    font-size           : 10px;
    font-weight         : bold;
    background-image    : url('/images/buttons/tick.png');
    background-position : left;
    background-repeat   : no-repeat;
    line-height         : 20px;
    padding             : 0px;    
    margin              : 0px;
    margin-top          : 5px;
    padding-left        : 18px;
}