/* **************************************************************************
 * SCREEN
 * ************************************************************************** */
@media screen {
    
    .clear {
        clear: both;
    }
    
    img {
        border: 0px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
    }
    
    h1.bright, h2.bright, h3.bright, h4.bright, h5.bright, h6.bright {
        color: white;
    }
    
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none;
    }
    
    h1 {
        font-size: 195%;
    }
    
    h2 {
        font-size: 150%;
    }
    
    h3 {
        font-size: 135%;
    }
    
    h4 {
        font-size: 120%;
    }
    
    h5 {
        font-size: 105%;
    }
    
    h6 {
        font-size: 100%;
    }
    
    p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
    }
    
    button.download
    {
        cursor: pointer;
    }
    
    /* base class for all navs */
    ul.nav {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    
    /* base class for horizontal navs */
    ul.hNav {
        
    }
    
    ul.hNav li {
        float: left;
    }
    
    div#hint {
        position: absolute;
        display: none;
        padding: 10px;
    }
    
    /* body */
    body#layout, body#layout-subNav {
        margin: 0px;
        padding: 0px;
        background-repeat: repeat-y;
        background-position: center;
    }
    
    /* main */
    div#main {
        width: 838px;
        margin: 0px auto 0px auto;
        padding: 0px 0px 15px 0px;
    }
    
    /* header */
    div#header-print {
        display: none;
    }
    
    div#header
    {
        background-color: white;
        position: relative;
        width: 838px;
        height: 93px;
    }
    
        /* language chooser */
        div#headerInfo {
            position: absolute;
            top: 8px;
            width: 798px;
            font-size: 85%;
            padding: 0px 20px 0px 20px;
        }
        
            div#headerInfo a {
                text-decoration: none;
            }
            
            div#headerInfo a.current {
                font-weight: bold;
            }
        
        /* header nav */
        ul#headerNav {
            position: absolute;
            bottom: 31px;
            width: 595px;
            font-size: 100%;
            padding: 0px 20px 0px 17px;
            overflow: hidden;
        }
        
        ul#headerNav li {
            font-weight: bold;
        }
        
        ul#headerNav li a {
            font-weight: bold;
            text-decoration: none;
            padding: 0px 3px 0px 3px;
        }
        
        /* logo */
        div#logo {
            position: absolute;
            bottom: 23px;
            left: 635px;
            width: 206px;
            margin-bottom: 8px;
        }
        
        /* main nav */
        ul#mainNav {
            position: absolute;
            bottom: 0px;
            padding: 0px 30px 0px 10px;
            height: 25px;
            width: 798px;
            font-size: 95%;
        }
        
        ul#mainNav li {
            color: white;
            font-weight: bold;
        }
        
        ul#mainNav li a {
            line-height: 25px;
            height: 25px;
            padding: 0px 10px 0px 10px;
            color: white;
            font-weight: bold;
            text-decoration: none;
        }
    
    div#body
    {
        clear: both;
    }
        
        div#sideBar {
            float: left;
            width: 185px;
            padding: 0px 0px 0px 20px;
        }
        
            /* sub nav */
            ul#subNav {
                padding: 20px 20px 0px 0px;
                width: 165px;
                font-size: 105%;
                overflow: hidden;
                line-height: 15px;
            }
            
            ul#subNav li ul {
                margin: 0px 0px 0px 10px;
            }
            
            /*  BEGIN DIRT: ie6 does not support > selector */
            ul#subNav li {
                margin: 0px 0px 10px 0px;
                padding: 0px 0px 10px 0px;
            }
            
            ul#subNav li ul li {
                border: none;
                margin: 0px;
                padding: 0px;
            }
            /*
            clean solution would be:
            ul#subNav >li {
                border-bottom: 1px solid #B2101F;
                margin: 0px 0px 10px 0px;
                padding: 0px 0px 10px 0px;
            }
            END DIRT */
            
            ul#subNav li a {
                font-weight: bold;
                text-decoration: none;
            }
            
            /* search bar */
            #searchBar {
                margin: 0px 0px 0px -22px;
                padding: 5px 20px 10px 22px;
                width: 165px;
                overflow: hidden;
            }
            
                #searchBar h6 {
                    clear: both;
                    padding-bottom: 0px;
                }
                
                #searchBar .byDimension {
                    display: block;
                    float: left;
                    width: 55px;
                    margin: 3px 0px 0px 0px;
                    padding: 0px;
                    font-size: 85%;
                }
                
                #searchBar .byName, #searchBar .byQuery {
                    width: 165px;
                    margin: 3px 0px 0px 0px;
                    padding: 0px;
                    font-size: 85%;
                }
                
                #searchBar .byQuery {
                    width: 161px;
                    padding: 2px;
                }
                
                #searchBar button {
                    font-size: 85%;
                }
        
        /* content */
        div#content-subNav {
            float: left;
            width: 633px;
            overflow: hidden;
        }
        
        div#content {
            width: 838px;
            overflow: hidden;
        }
        
            /* breadcrumb */
            div#breadcrumb {
                padding: 0px 0px 0px 20px;
                font-size: 85%;
                height: 20px;
                overflow: hidden;
            }
            
            div#breadcrumb a {
                line-height: 20px;
                text-decoration: none;
            }
            
            div#contentBody {
                padding: 0px 20px 0px 20px;
                overflow: hidden;
            }
            
            /* footer nav */
            div#footerNav {
                clear: both;
                padding-top: 20px;
            }
            
            ul.footerNav {
                clear: both;
                font-size: 85%;
                padding: 0px 0px 0px 17px;
                margin: 0px;
            }
            
            ul.footerNav li {
                
            }
            
            ul.footerNav li a {
                text-decoration: none;
                padding: 0px 3px 0px 3px;
            }
    
    /* footer */
    div#footer {
        clear: both;
    }
    
    /* partner search */
    div#partnerSearchCriteria {
        padding: 10px 5px 10px 5px;
        margin-top: 10px;
        font-size: 90%;
        height: 30px;
    }
    
    div#partnerSearchCriteria div {
        float: left;
    }
    
    div#partnerSearchCriteria div input, div#partnerSearchCriteria div select {
        width: 150px;
    }
    
    div#partnerSearchCriteria div.inner {
        width: 165px;
    }
    
    div#partnerSearchCriteria label {
        font-weight: bold;
    }
    
    div#partnerSearchPager {
        clear: both;
        padding: 10px 5px 10px 5px;
        margin-top: 20px;
        position: relative;
        height: 15px;
    }
    
    div#partnerSearchPagerDisplay {
        position: absolute;
    }
    
    div#partnerSearchPagerControl {
        position: absolute;
        right: 5px;
    }
    
    div#partnerSearchPager a {
        color: white;
        text-decoration: none;
    }
    
    table#partnerSearch {
        font-size: 90%;
    }
    
    table#partnerSearch th, table#partnerSearch td {
        padding: 5px 5px 5px 5px;
    }
    
    table#partnerSearch th {
        text-align: left;
        font-weight: normal;
    }
    
    table#partnerSearch th a {
        color: black;
        text-decoration: none;
    }
    
    /* CLUETIP -------------------------------------------------------------- */
    #cluetip-waitimage {
        width: 12px;
        height: 12px;
        background-image: url(../../images/loading_indicator.gif);
    }
    
    #cluetip {
        z-index: 1001;
    }
    
    #cluetip-outer {
        position: relative;
        margin: 0px;
    }
    
    #cluetip-inner {
        padding: 10px;
        background-color: white;
    }
}

/* **************************************************************************
 * PRINT
 * ************************************************************************** */
@media print {
    
    .clear {
        clear: both;
    }
    
    img {
        border: 0px;
    }
    
    h1, h2, h3, h4, h5, h6 {
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
    }
    
    h1.bright, h2.bright, h3.bright, h4.bright, h5.bright, h6.bright {
        color: white;
    }
    
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none;
    }
    
    h1 {
        font-size: 195%;
    }
    
    h2 {
        font-size: 150%;
    }
    
    h3 {
        font-size: 135%;
    }
    
    h4 {
        font-size: 120%;
    }
    
    h5 {
        font-size: 105%;
    }
    
    h6 {
        font-size: 100%;
    }
    
    p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
    }
    
    button.download
    {
        display: none;
    }
    
    /* body */
    body#layout, body#layout-subNav {
        margin: 0px;
        padding: 0px;
        background-repeat: repeat-y;
        background-position: center;
    }
    
    /* main */
    div#main {
        width: 838px;
        margin: 0px auto 0px auto;
        padding: 0px 0px 15px 0px;
    }
    
    /* header */
    div#header-print {
        text-align: right;
        border-bottom: 1px solid black;
    }
    
    
    div#header
    {
        display: none;
    }
    
    div#body
    {
        
    }
        
        div#sideBar {
            display: none;
        }
        
        /* content */
        div#content-subNav {
            
        }
        
        div#content {
            
        }
        
            /* breadcrumb */
            div#breadcrumb {
                display: none;
            }
            
            div#contentBody {
                
            }
                
                form {
                    display: none;
                }
            
            /* footer nav */
            div#footerNav {
                display: none;
            }
    
    /* footer */
    div#footer {
        display: none;
    }
}