/**
 *
 * HOOVERS THEME
 *
 * Check out http://solutions.mashery.com/public/Mashery/styles/masherycssfw.src.css to see the base structural defaults.
 * You can find documentation on customizing your portal at http://solutions.mashery.com/docs/Customizing_Your_Portal
 * We discourage making major changes to the structure of the site since users will most likely be using other Mashery
 * sites with yours. Having a consistent page and navigation structure will make it easier for developers to use Mashery
 * sites together.
 *
 */

    body {
        font-family: Verdana, Arial, sans-serif;
        background: #0E568F url(/public/Mashery/images/clients/hoovers/back.gif) repeat-x fixed left top;
        color: #333;
        padding-bottom: 10px;
    }

    h1,h2,h3,h4,h5,h6 {}

    p {}
    
    a {}
    
    a:link,
    a:visited {
        color: #3E7BB9;
        text-decoration: underline;
    }
    
    a:hover,
    a:active {
        text-decoration: none;
    }
    
    /* All the input fields (text input, textareas, selects) */
    input.input-text,
    input.input-password,
    input[type^=text],
    textarea,
    select {}
    
    table {}
    
    table thead th {
    }
    
    table th a {}
    
    table th a:hover {}
    
    table td,
    table thead th {
        border: 1px solid #ccc;
    }
    
    table tr.even td {}
    
    table tr.even:hover td,
    table tr.odd:hover td {}

    div#page {
        background-color: #fff;
        border: 1px solid #002A59;
        margin-top: 15px;
        width: 1000px;
    }
    
    div#page,
    div#header,
    div#content {
        width: 1000px;
    }
    
    /* For pages without navigation (you can set which pages you do not want to have navigation on, for whatever reason) */
    div#page.no_local div#main {}
    
    div#page.no_local div#sub {}
    
    /* For pages without a side column, you can set which pages do or do not have side columns. */
    div#page.no_sub div#main {
        width: 970px;
    }

    /** 
     * 
     * HEADER
     * 
     * The header is where your logo, login links, search, and user control links should go.
     *
     */
    
        div#header {
            height: 75px;
            background-color: #002A59;
            z-index: 10;
        }
        
        div#branding {
            position: relative;
            width: 100%;
            z-index: 10;
        }

        /* Here is where you put your logo! Yes, it is the background of a div. This div is special because Javascript makes it behave
           like a Home link by default, you can change this in the settings if you absolutely must.
           
           You must change the width and height of this div to the same size as your logo. */
        div#branding-logo {
            background: transparent url(/public/Mashery/images/clients/hoovers/logo.gif);
            margin: 0;
            width: 102px;
            height: 40px;
            position: absolute;
            top: 20px;
            left: 50px;
            z-index: 10;
        }
        
        div#branding-mashery {
            top: 93px;
            z-index: 99;
        }
        
    /* END HEADER */
        
    /**
     *
     * USER
     *
     * User information and actions
     *
     */
     
        div#user {
            width: 1000px;
            z-index: 11;
            position: relative;
        }

        /**
         *
         * USER NAV
         *
         * Login, logout, register, and My Account links.
         *
         */
         
            div#user-nav {
                margin-top: 0px;
            }
         
            div#user-nav ul li {
                color: #333;
                font-size: 95%;
            }
            
            /* The user's name, "Signed in as Wally Wombat" */
            div#user-nav ul li span.name {}
            
            div#user-nav ul li a {
                text-decoration: underline;
            }

        /* END USER NAV */

    /* END USER */

    /**
     *
     * LOCAL NAV
     *
     * This is the main navigation bar. You can customize your links in the Settings page.
     *
     * The div#local appears AFTER the content for accessbility reasons. Please see
     * http: //www.contentwithstyle.co.uk/Articles/17/ for details.
     *
     * Because the navigation is placed below the content, you will most likely need
     * to use absolute positioning. Please make sure you understand positioning before
     * trying to customize it!
     *
     */

        div#local {
            width: 970px;
            top: 15px;
            left: 15px;
            background: transparent url(/public/Mashery/images/clients/hoovers/local.gif) repeat-x 0 25px;
        }
        
        div#local ul {
            margin-left: 0px;
        }
        
        div#local li {
            line-height: 29px;
            margin-right: 0;
            background: transparent url(/public/Mashery/images/clients/hoovers/local.gif) no-repeat -15px -47px;
            border-right: 1px solid #e6e6e6;
        }
        
        div#local li.first {
            background-position: 0px -47px;
        }
        
        div#local li.last {
            border-right: 0;
        }
        
        div#local li.last a {
            background: transparent url(/public/Mashery/images/clients/hoovers/local.gif) no-repeat 100% -73px;
        }
        
        div#local li a {
            line-height: 26px;
            font-size: 13px;
            font-family: Arial, Verdana, sans-serif;
            font-weight: normal;
            color: #333;
            text-decoration: none;
        }
        
        div#local a:hover {}
        
        div#local li.active {
        }
        
        div#local li.active a,
        div#local li.active a:hover {
        }
        
    /* END LOCAL NAV */

    /**
     *
     * USER MENU AND CONTENT HEADER
     *
     * The User Menu contains actions for the user: Start New Entry, New Post, etc.
     * 
     * In the dashboard, the div#content-header contains navigation elements for the current
     * page.
     *
     * Both are located directly under div#local.
     *
     */

        /**
         *
         * SUB LOCAL NAVIGATION
         *
         * Options for each page, sometimes these are user actions, in the dashboard they are sub-pages.
         *
         */
         
            div#user-menu {
                background: transparent;
                width: 1000px;
                left: 20px;
                top: 60px;
            }

            div#content-header {
                background-image: url(http://mashery.com/public/Mashery/images/template/content-header.png);
            }
            
            div#user-menu li a,
            div#content-header li a {
            }
            
            div#user-menu li.active a,
            div#content-header li.active a,
            div#user-menu li.active a:hover,
            div#content-header li.active a:hover {
            }
        
        /* END SUBLOCAL NAV */

    /* END USER MENU AND CONTENT HEADER */

    /**
     *
     * CONTENT 
     *
     * Where the magic happens (Content of page)
     *
     */
     
        div#content {
        }

        /**
         *
         * MAIN
         *
         * This is where almost all the content for every page is.
         *
         */

            div#main {
                padding: 0 0 15px;
                margin-top: 70px;
                margin-right: 15px;
                margin-left: 15px;
                width: 755px;
                float: right;
            }

            /**
             *
             * BLOG, WIKI, FORUM, and DOCS
             *
             * Styling for the sections, meta info, file tables, and other parts of these apps.
             *
             * Remember, there are usually different states of each app type! For example, when browsing the forum the body will have
             * an id of #page-forum and a class of .browse. If you click on a forum post to view it, the body will still have the same
             * id, but the class will change to .read. This way you can control the different views of each app.
             *
             */
             
                div#main div.comments ol li.comment {
                    background-color: #FBF3D8;
                }

                /**
                 *
                 * FORUM
                 *
                 * The forum is very different than the blog, wiki, docs, etc. Be sure to check out the markup, the default styling
                 * should be ok for most people, but you may need to override some of your list (ul, ol) rules that you set in this
                 * stylesheet.
                 *
                 */
                 
                    /* The "Start new topic" button */
                    body.page-forum a.create-new {}
                 
                    body.page-forum ol.categories {}
                    
                    body.page-forum ol.topics {}
                    
                    body.page-forum ol.comments {}
                    
                    /* Subject of a thread */
                    body.page-forum h3.subject{}
                    
                    /* The "original post" in each thread looks different by default */
                    body.page-forum ol.comments li.comment.first {}
                 
                /* END FORUM */

            /* END BLOG, WIKI, FORUM, and DOCS */

        /* END MAIN */
        
        /**
         *
         * SUB
         *
         * The sub div is usually the small sidebar on the blog/wiki/forum, although some may prefer to hide it altogether.
         *
         * In the Dashboard, the sub is also where the form lives to add new content in the Content page.
         *
         */
                 
            div#sub {
                padding: 0 0 10px;
                margin-top: 70px;
                margin-right: 0;
                margin-left: 14px;
                width: 200px;
                float: right;
            }
            
            div#sub a.active {}

        /* END SUB */

        /**
         *
         * ADMIN AREA
         *
         * The Admin Area refers to the Dashboard. This area is only seen by moderators/administrators and it inherits
         * the styling of the rest of the site, so it should look "ok" even without any extra attention.
         *
         * NOTE: The Reports pages and API pages in the dashboard have different body IDs (.page-reports and #page-adminApis)
         * whereas the rest of the Dashboard pages have the same ID of .page-adminArea. This is because the Reports and
         * API sections are considered mini-apps of their own.
         *
         */
         
            body.page-adminArea,
            body.page-adminApis {}

        /* END ADMIN AREA */
        
    /* END CONTENT */
        
    /**
     *
     * FOOTER
     *
     * Contains your site-info as well as your footer links.
     * 
     */
    
        div#footer {
            width: 980px;
            margin: 15px 10px 0;
            padding-top: 10px;
            border-top: 3px double #b3c0ce;
            font-size: 10px;
        }
        
        div#footer ul {}
        
        div#footer ul li {
            border-right: 1px solid #333;
            margin: 5px 0 5px 5px;
            padding-right: 8px;
        }
        
        div#footer ul li.first {
            border-right: 0;
        }
        
        div#footer ul li a {
            text-decoration: none;
        }

        /**
         *
         * SITEINFO
         *
         * The siteinfo you can edit from the Settings page in the Dashboard.
         * Usually this contains copyright stuff and credits.
         *
         */
            
            div#siteinfo {}
            
            div#siteinfo p {}
        
        /* END SITEINFO */
    
    /* END FOOTER */
    
    /**
     *
     * LOGIN WINDOW
     *
     * This only appears in the popup login window. The contents are: "Sign in using: Mashery | Typekey".
     *
     */
        
        div#nav {
            background: #fff;
            border-bottom: 1px solid #ccc;
        }
        
        div#nav ul li a {}
        
        div#nav ul li.active a,
        div#nav ul li.active a:hover {
            background-color: #FDD54E;
            color: #333;
        }

    /* END LOGIN WINDOW */
    
/* END THEME TEMPLATE */