/**
 *
 * MASHERY THEME - BLUE
 *
 * Colors based on K2 color scheme at http://getk2.com/
 *
 * The structure is based on the official Mashery theme. All the major color rules are independently defined at the top
 * so you can easily change them without worrying about the layout rules.
 *
 */

/**
 *
 * LOGO
 *
 * 1. Set your logo here. Enter the URL of your logo image inside the parenthasis "url()".
 * Example: url(http://mashery/images/logo.jpg)
 *
 * 2. Set the width and height to the same dimensions as your logo image. Note: The header is 88px high, if your logo is taller
 * than that, try making it shorter first!
 * Example: Your logo is 200px wide and 150px high -
 * width: 200px;
 * height 150px;
 * 
 * 3. Optional: You can position your logo by setting the margins on the top and left, which will move your logo down and right
 * respectively.
 *
 */
     div#branding-logo {
        background-image: url();
        width: px;
        height: px;
/*        margin-top: 0px;
        margin-left: 0px;*/
    }
    
/* END LOGO */

/* COLORS */

    /* The base background color and text color */
    body {
        color: #333;
        background-color: #ededed;
    }
    
    h1,h2,h3,h4,h5,h6 {
        color: #444;
    }
    
    h1 a:link,
    h1 a:visited,
    h2 a:link,
    h2 a:visited,
    h3 a:link,
    h3 a:visited,
    h4 a:link,
    h4 a:visited,
    h5 a:link,
    h5 a:visited,
    h6 a:link,
    h6 a:visited {
        color: #444;
    }
    
    /* Color of your general links, you will be able to define the colors of the navigation links farther down. */
    a:link {
        color: #2277DD;
    }

    /* Color of visited links. It is good practice to define a slightly different color to visited links so users know
       which links they have visited, but may sites do not do this these days for aesthetic or lazy purposes. */
    a:visited {
        color: #2277DD;
    }

    /* The hover color of links, when a user hovers over links with their mouse they will turn this color. */
    a:hover,
    a:active {
    }
    
    /* Color of tables */
    table {
        color: #333;
        border-color: #999;
        background-color: #E0EBEC;
    }
    
    /* Color of table headers */
    table th {
        color: #000;
        background-color: #BDCBCC;
        border-color: #999;
    }
    
    /* Color of table header links */
    table th a:link,
    table th a:visited {
        color: #000;
    }
    
    table td {
    }
    
    /* Color of the even rows in your tables, this makes your rows alternate colors */
    table tr.even td {
        background-color: #F7F7F7;
    }
    
    /* If you want to cause the rows to change colors when you hover over them, you can choose the color here */
    table tr.odd:hover td,
    table tr.even:hover td {
        background-color: ;
    }
    
    /* Colors for every input element (text-input boxes, textareas, drop down select menus, etc) */
    input.input-text,
    input.input-password,
    input[type^=text],
    textarea,
    select {
        border-color: #aaa;
    }
    
    /* NAVIGATION */
        
        /* Color of the text and links in the user-nav. The border-color is the bottom border of the links. */
        div#user-nav li,
        div#user-nav li a {
            color: #fff;
            border-color: #fff;
        }
        
        /* This is the color of the vertical separators between the user-nav links in the header (login, signout, my account, etc). */
        div#user-nav li {
            border-left-color: #fff;
        }
        
        div#sub li a.active {
            background-color: #E0EBEC;
        }
        
        div#sub li a.active {
            color: #000;
            text-decoration: none;
        }
        
        div#local li {
            background: transparent url(/public/Mashery/images/community/mashery-blue/tab-back.png) no-repeat 100% -25px;
        }
        
        /* Background and border color of the local navigation links (tabs). 
           Recommendations: The bottom border-color should be slightly different than the content-header/user-menu (subnav)
           background-color. The top border color should be the same color as the div#page background-color */
        div#local a {
            background: transparent url(/public/Mashery/images/community/mashery-blue/tab-back.png) no-repeat -252px -86px;
            border-bottom-color: #4C7593;
            border-top-color: #fff;
        }
        
        /* Border colors of the "active" tab in the local nav, it corresponds to the current area you are in (ex. If you
           are browsing the forum, it is the forum tab).
           Recommndations: Make the bottom border-color the same to make it look like it is connected to the subnav. */
        div#local li.active {
            background-position: 100% 3px;
        }
        
        div#local li.active a {
            color: #fff;
            border-bottom-color: #3371A3;
            background-position: -252px -57px;
        }
        
        /* Background color of the subnavigation bar. */
        div#content-header,
        div#user-menu { /* The active tab has the same background-color as the subnav bar to connect the two */
            background-color: #3371A3;
        }
        
        /* Colors of the local navigation and subnav links. */
        div#local a,
        div#content-header a,
        div#user-menu a {
            color: #ededed;
            text-decoration: none;
        }
        
        /* Hover color of the local navigaiton and subnav links */
        div#local a:hover,
        div#content-header a:hover,
        div#user-menu a:hover {
            color: #fff;
        }
        
        /* Color of the "active" (current page) links in the local nav, subnav, and any other navigation. */
        div#content-header li.active a,
        div#user-menu li.active a {
            color: #fff;
            font-weight: bold;
            background-color: #3371A3;
            text-decoration: none;
        }
    
    /* END NAVIGATION */

    div#header,
    div#content {
        border-color: #dbdbdb;
    }

    /* Background and border color for the page div, which contains the header, content, and footer. */
    div#page {
        background-color: #fff;
    }
    
    /* Colors for the content area, this includes everything between the header and footer. */
    div#content {
        background-color: #fff;
        background-image: url(/public/Mashery/images/shade-top.png);
        background-repeat: no-repeat;
        behavior: url(/public/Mashery/styles/iepngfix.htc);
    }

    /* The colors of your header and footer. */
    div#header {
        background-color: #3371A3;
        background-image: url(/public/Mashery/images/community/mashery-blue/header-grade.png);
        background-position: top right;
        background-repeat: repeat-y;
    }
    
    div#footer {
        background-color: #ededed;
    }
    
    /* Color of footer links */
    div#footer ul li a {
        color: #999;
    }
    
    div#footer ul li a:hover {
        color: #333;
    }
        
        /* Color of the site-info text below the footer links */
        div#siteinfo {
            color: #888;
        }
    
    /* Background color for the main div, the main body where your content goes */
    div#main {
        background-color: #fff;
    }

    /* Background color for the sub div, the sidebars. */
    div#sub {
        background-color: #fff;
        border-left-color: #999;
        border-right-color: #999;
    }
    
    /* FORUM */
    
        /* Color of the "Create new topic" button for the forum */
        a.create-new {
            background-color: #3371A3;
            color: #eee;
        }
        
        a.create-new:hover {
            background-color: #629ECB;
            color: #000;
        }
        
        /* Background color of the forum categories, topics, and comments */
        ol.categories {
            background-color: #e4e9ec;
        }
        
            ol.categories,
            ol.categories li {
                border-color: #D8DDDF;
            }
        
        ol.topics {
            background-color: #F3F7F7;
        }
        
            ol.topics,
            ol.topics li {
                border-color: #DBDBDB;
            }
        
        ol.comments {
            background-color: #FFFDFB;
        }
        
            ol.comments li {
                border-color: #DBD8D4;
            }
            
            ol.comments li.comment.first {
                background-color: #E7FBF9;
            }
            
        h3.subject {
            background-color: #DCFBF8;
        }
    
    /* END FORUM */
    
    /* COMMENTS */
    
        div.comments ol.list li {
            background-color: #E0EBEC;
            border: 1px solid #999;
        }
        
    /* END COMMENTS */
        
    /* LOGIN */
    
        /* Color of the login window login choices */
        div#nav {
            background-color: #3371A3;
        }
        
        div#nav h2 {
            color: #000;
        }
        
        div#nav a {
            color: #fff;
        }
        
        /* Color of the active login method */
        div#nav li.active a {
            background-color: #000;
            color: #eee;
        }
        
        body.login div#content {
            border-width: 0 0 1px;
        }
    
    /* END LOGIN */
    
    /* FORMS */
    
        fieldset {
            border-color: #8F9B9C;
            background-color: #E0EBEC;
            color: #333;
        }
    
        fieldset legend {
            background-color: #E0EBEC;
            color: #333;
            padding: 2px 5px;
        }
    
    /* END FORMS */
    
    /* ADMIN AREA */
        
        /* Summary grid colors */
        div#main-grid1 div.row1 div.cell1 {
            background-color: #8F9B9C;
        }
        
        div#main-grid1 div.row2 div.cell1,
        div#main-grid1 div.row2 div.cell2 {
            background-color: #BDCBCC;
        }
        
        div#main-grid1 div.row3 div.cell {
            background-color: #E0EBEC;
        }
        
    /* END ADMIN AREA */

/* END COLORS */

    body {
        font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", sans-serif;
    }

    a,
    a:link,
    a:visited {
    }
    
    a:hover,
    a:active {
        text-decoration: underline;
    }

    ul {
        list-style: disc;
    }

    ol {
        list-style: decimal;
    }

    pre {
        margin: 5px 20px;
        line-height: 1.2;
        background-color: #f6f6f6;
        border: 1px solid #e0e0e0;
    }

    table {
        border-width: 1px;
        border-style: solid;
    }

    td {
        padding: 5px;
    }

    div#page {
        border: none;
    }

    /** 
     *
     * HEADER
     *
     */

        div#header {
            border-width: 0 1px;
            border-style: solid;
        }

        div#branding {
        }
        
    /* END HEADER */
        
    /**
     *
     * USER 
     *
     * User information and actions
     *
     */
        div#user {
            font-size: x-small;
        }

        /**
         *
         * USER NAV
         *
         * Login/Register and Status
         *
         */

            div#user-nav li {
                border-left-width: 1px;
                border-left-style: solid;
            }

            div#user-nav li.first {
                border-left: none;
            }

            div#user-nav a,
            div#user-nav a:link,
            div#user-nav a:visited {
                font-weight: bold;
                border-bottom-width: 1px;
                border-bottom-style: dotted;
                text-decoration: none;
            }

            div#user-nav a:hover,
            div#user-nav a:active {
                border-bottom-style: solid;
            }

        /* 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 {
        }
    
        div#local li {
            font-size: 110%;
            margin: 0 2px 0 0;
            padding: 0;
        }

        div#local a,
        div#local a:link,
        div#local a:active,
        div#local a:visited {
            font-weight: normal;
            line-height: 25px;
            padding: 0 20px;
            margin: 0;
            border-width: 3px 0 1px;
            border-style: solid;
            text-decoration: none;
        }

        div#local li.active a,
        div#local li.active a:link,
        div#local li.active a:active,
        div#local li.active a:visited {
            font-weight: bold;
        }

        div#local a:hover {
        }

    /* END LOCAL NAV */
    
    /**
     *
     * SUB LOCAL NAVIGATION
     *
     * Options for each page, sometimes these are user actions, in the dashboard they are sub-page navigation.
     *
     */
        
        div#user-menu {
            left: 16px;
            top: 138px;
        }
        
        div#user-menu ul li,
        div#content-header ul li {
            margin: 0 0 0 15px;
        }
        
        div#user-menu ul li.active,
        div#content-header ul li.active {
            margin-left: 11px;
        }
        
        div#user-menu a,
        div#user-menu a:link,
        div#user-menu a:visited,
        div#content-header ul li a,
        div#content-header ul li a:link,
        div#content-header ul li a:visited {
            padding: 2px 3px;
        }
        
        div#user-menu a:hover,
        div#content-header ul li a:hover {
            text-decoration: none;
        }
        
        div#user-menu a:active,
        div#content-header ul li a:active {
        }
        
        div#user-menu li.active a,
        div#user-menu li.active a:hover,
        div#content-header ul li.active a,
        div#content-header ul li.active a:hover {
            padding: 2px 3px;
            text-decoration: underline;
        }
        
    /* END SUB LOCAL NAV */

    /**
     *
     * CONTENT 
     *
     * This is the content wrapper div, the actual content lives inside the main div.
     *
     */
     
        div#content {
            border-width: 0 1px 1px;
            border-style: solid;
        }

        /**
         *
         * MAIN 
         *
         * The main section is where the actual content lives.
         *
         */

            div#main {
                background-image: url(/public/Mashery/images/shade-top.png);
                background-repeat: no-repeat;
                behavior: url(/public/Mashery/styles/iepngfix.htc);
            }

                /* Custom page main is thinner and on the right */
                body#page-page div#main {
                    width: 544px;
                    float: right;
                    margin-left: 0;
                    margin-right: 14px;
                }
                
                /* When no sub div is present, take up full width */
                body#page-signup div#main,
                div#page.no_sub div#main {
                    width: 831px;
                }
                
                /* When no local navigation, bring the main div up and put a top border on it */
                body#page-signup div#page div#main,
                div#page.no_local div#main {
                    border-top-width: 3px;
                    border-top-style: solid;
                }

            div#main h1 {
                font-size: 170%;
                word-spacing: 0.1em;
                line-height: 1.3;
                margin-bottom: .6em;
            }
            
            div#main h2 {
                font-size: 130%;
            }

            div#main h3 {
                font-size: 110%;
            }

            div#main h4 {
                font-size: 100%;
            }

            div#main p {
                line-height: 1.7;
                margin: 0 0 1em;
                word-spacing: .05em;
            }
           
            div#main form {
                margin: 10px 0;
            }

            div#main div.comments ol.list {
                list-style-type: decimal;
                margin: 10px 30px 20px;
            }

            div#main div.comments ol.list li {
                font-weight: bold;
                font-size: 150%;
                padding: 5px;
                margin: 9px 0;
            }
                
            div#main div.comments ol.list li div.comment-body {
                font-size: 70%;
                font-weight: normal;
            }
            
            div#main div.comments h3 {
                font-size: 110%;
            }
            
            div#main div#paging {
                margin: 15px 0;
            }

            /**
             *
             * SECTIONS
             *
             * The apps are split into sections. A blog has a section for each post, a wiki has a section for each page,
             * and a forum has a section for each post as well. Each section contains information about it (meta info)
             * and sometimes actions (edit).
             *
             */
            
                div#main div.section h2 a,
                div#main div.section h2 a:link,
                div#main div.section h2 a:visited {
                    font-size: 90%;
                }
                
                div#main div.section h2 a:hover,
                div#main div.section h2 a:active {
                }
                
                div#main div.section-meta ul {
                      list-style: none;
                }
                
                .moniker {
                    font-weight: bold;
                }
                
                /* SECTION MENU */
                
                    div#main div.section-menu {
                        margin-left: 0;
                    }
                    
                        div#main div.section-menu ul {
                            margin: 10px 0;
                        }
                    
                        div#main div.section-menu ul li a,
                        div#main div.section-menu ul li a:link {
                            font-weight: bold;
                            border: 0;
                        }
                    
                        div#main div.section-menu ul li a:hover {
                        }

                /* END SECTION MENU */
                
                /* TAGS */
                
                    div#main div.section div.section-tags h3 {
                    }
                
                    div#main div.section div.section-tags ul li {
                        display: inline;
                        margin: 1px 0 0 5px;
                        padding: 0;
                    }
                    
                    div#main div.section div.section-tags li a,
                    div#main div.section div.section-tags li a:link {
                    }
                    
                    div#main div.section div.section-tags li a:visited {
                    }
                    
                    div#main div.section div.section-tags li a:hover,
                    div#main div.section div.section-tags li a:active {
                    }
                    
                /* END TAGS */

            /* END SECTIONS */

            /**
             *
             *  BLOG, WIKI, FORUM, and DOCS
             *  
             *  App specific rules. Since the different apps have some common rules, I made this section the place
             *  to combine all of them. In some cases, the apps are different merely to show how you can make each
             *  app look different from each other. This may not be the best way to style your own app, and you may
             *  want to consider making the layout more or less uniform for your different types of pages.
             *
             */
                
                /* Custom page sub is larger and on the left */
                body#page-page div#sub {
                    width: 267px;
                    margin-left: 14px;
                    margin-right: 0;
                    border-left-width: 0;
                    border-right-width: 1px;
                    border-right-style: solid;
                }

                body.page-wiki div#main div.section,
                body.page-blog div#main div.section {
                    position: relative;
                }

                    div#main div.section-meta ul li {
                        display: inline;
                        font-size: x-small;
                        padding: 0;
                    }

                body.page-blog div#main div.section-tags,
                body.page-wiki div#main div.section-tags,
                body.page-docs div#main div.section-tags {
                    margin-top: 5px;
                    padding-bottom: 5px;
                    font-size: 90%;
                }

                body.page-wiki div#main div.section div.section-tags h3,
                body.page-docs div#main div.section div.section-tags h3,
                body#page-page div#main div.section div.section-tags h3 {
                    float: left;
                    font-size: 100%;
                    border-bottom: none;
                    margin: 0;
                }

                body.page-wiki div#main div.section div.section-tags ul,
                body.page-blog div#main div.section div.section-tags ul,
                body.page-docs div#main div.section div.section-tags ul {
                    margin: 0;
                    padding: 0;
                    line-height: 1.4;
                    list-style: none;
                }

                /* BLOG */
                
                    body.page-blog.browse h1 {
                        float: left;
                    }
                    
                    body.page-blog.browse a.rss {
                        float: left;
                        margin: 4px 5px 0;
                    }
                    
                    body.page-blog.browse div#main div.section.first {
                        clear: left;
                    }
                    
                    body.page-blog div#main div.section {
                        margin-top: 10px;
                        margin-bottom: 10px;
                    }

                    body.page-blog div#main div.section-body p {
                        margin-left: 0;
                        line-height: 1.65;
                    }
                    
                    body.page-blog div#main div.section-meta ul {
                        font-size: 80%;
                        margin-left: 0;
                    }
                    
                    body.page-blog div#main div.section div.section-tags h3 {
                        float: left;
                        display: inline;
                        width: auto;
                        margin: 0;
                        line-height: 1;
                    }
                    
                    body.page-blog div#main div.section div.section-meta li.moniker {
                        font-size: 120%;
                    }
                
                /* END BLOG */
                
                /* FORUM */
                    
                    ol.topics,
                    ol.categories,
                    ol.comments {
                    }
                    
                    a.create-new,
                    a.create-new:link,
                    a.create-new:visited {
                        color: #333;
                        text-decoration: none;
                        clear: left;
                    }
                    
                    a.create-new:active,
                    a.create-new:hover {
                    }
                    
                    body.page-forum a.rss,
                    body.page-forum a.rss:link,
                    body.page-forum a.rss:visited {
                        float: left;
                        margin: 0 5px;
                    }
                    
                    body.page-forum.read a.rss,
                    body.page-forum.read a.rss:link,
                    body.page-forum.read a.rss:visited {
                        float: right;
                        margin: 2px 5px;
                    }
                    
                    p.description,
                    p.back {
                        clear: left;
                    }
                    
                /* END FORUM */

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

        /* END MAIN */

        /**
         *
         * SUB
         *
         */
         
            div#sub {
                display: inline; /* IE */
                float: left;
                width: 179px;
                border-left-width: 1px;
                border-left-style: solid;
                background-image: url(/public/Mashery/images/shade-top.png);
                background-repeat: no-repeat;
                behavior: url(/public/Mashery/styles/iepngfix.htc);
            }

            body#page-signup div#sub,
            div#page.no_sub div#sub {
                display: none;
            }

            div#page.no_local div#sub {
                border-top-width: 3px;
                border-top-style: solid;
            }

            div#sub h2 {
                font-size: 130%;
            }

            div#sub h3 {
                font-size: 120%;
            }

            div#sub h4 {
                font-size: 100%;
            }

            div#sub ul li {
                margin-left: 10px;
            }
            
            div#sub ul ul {
                margin-top: 5px;
            }

            div#sub a.active {
                font-weight: bold;
                text-decoration: none;
            }

        /* END SUB */
        
    /* END CONTENT */
    
    /**
     *
     * ADMIN AREA
     *
     * The dashboard styling rules.
     *
     */
        
        body.page-adminArea div#sub,
        body.page-reports div#sub,
        body#page-adminApis div#sub {
            border: none;
        }

        /* This button is the "Create new X entry" button on all the Content pages. */
        body.adminArea a.create-new,
        body.adminArea a.create-new:link,
        body.adminArea a.create-new:visited {
            display: block;
            border: 0;
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            padding: 5px;
            margin: 0 15px;
            float: right;
            padding-left: 20px;
            text-decoration: none;
        }

        a.create-new:hover,
        a.create-new:active {
        }

        body.page-adminArea table#control {
            border: 0;
            margin: 0;
        }
        
            body.page-adminArea table#control {
                left: -20px;
                width: 871px;
            }

        body.page-adminArea div#main table th a,
        body.page-adminArea div#main table th a:link {
            border: none;
        }

        body.page-adminArea div#main table td a,
        body.page-adminArea div#main table td a:link {
        }

        body.content div#sub {
            padding-bottom: 20px;
        }

        body.profile div#page div#main table tr th,
        body.profile div#page div#main table tr td {
            padding-left: 15px;
        }
        
        /**
         *
         * REPORTS
         *
         * Reports page styling.
         *
         */
         
            body.page-reports div#content div#sub ul li a:link,
            body.page-reports div#content div#sub ul li a:visited {
                 font-weight: bold; 
            }
            
            body.page-reports div#content div#sub ul li.active a,
            body.page-reports div#content div#sub ul li.active a:link,
            body.page-reports div#content div#sub ul li.active a:visited,
            body.page-reports div#content div#sub ul li.active a:hover,
            body.page-reports div#content div#sub ul li.active a:active {
            }
            
        /* END REPORTS */
        
        /* APIS */
        
        /* END APIS */

    /* END ADMIN AREA */
    
    /* LOGIN */
    
        div#nav {
            width: 790px;
            top: -1px;
        }
        
        div#nav li a:hover {
            text-decoration: none;
        }
        
        body.login div#main {
            background: transparent none;
        }
        
        body.login div#main form {
            background-color: transparent;
        }
    
    /* END LOGIN */
    
    /**
     *
     * FOOTER
     *
     * The siteinfo as well as the footer links.
     *
     */
            
        div#footer {
            width: 900px;
            margin: 0;
        }
        
        div#footer ul {
            margin-bottom: 0;
            margin: 9px 20px;
        }
        
        div#footer li {
            display: inline;
            float: left;
            font-size: 95%;
            margin: 0 10px 0 0;
        }

        div#footer a,
        div#footer a:link,
        div#footer a:visited {
            padding: 0;
            font-weight: bold;
            border: 0;
            border-bottom: 1px dotted;
        }

        div#footer a:hover,
        div#footer a:active {
            text-decoration: none;
            border-bottom-style: solid;
        }
 
        /* SITEINFO */

            div#siteinfo {
                margin: 10px 20px;
                padding: 20px 0 10px;
            }

            div#siteinfo p {
                font-size: 90%;
                margin: 0;
                clear: both;
            }

        /* END SITEINFO */
 
    /* END FOOTER */
    
/* END MASHERY THEME - BLUE */