/* @override http://chacha.mashery.com/files/chacha-mashery.css */
/* @group Colors
----------------------------------------------------------------------------- */

	code {
		font-size: 12px !important;
		}

code {
		font-size: 12px !important;
		}
  
    h1,h2,h3,h4,h5,h6 {
        color: #a42223;
    }
    
    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: #a42223;
    }
    
    a:link {
        color: #a42223;
        text-decoration: underline;
    }

    a:visited {
        color: purple;
        text-decoration: underline;
    }

    a:hover,
    a:active {
    }
    
    table {
        color: #333;
        border-color: #999;
        background-color: #E0EBEC;
    }
    
    table th {
        color: #000;
        background-color: #BDCBCC;
        border-color: #999;
    }
    
    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;
    }

/* @end Colors -------------------------------------------------------------- */

/* @group Navigation
----------------------------------------------------------------------------- */
    
div#branding-logo {
	background: url(http://akhost.chacha.com/mashery/trans_sprite.png) no-repeat 0 -174px;
	width: 135px;
	height: 55px;
	}
   
        /* 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 {
			font-size: 11px;
            color: #fff;
            border-color: #fff;
        }
        
        div#user-nav li a {
			border-bottom-style: solid !important;
		}
        
        /* 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(http://akhost.chacha.com/mashery/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(http://akhost.chacha.com/mashery/tab-back.png) no-repeat -252px -86px;
            border-bottom-color: #fff;
            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: #444;
            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: #444;
        }
        
        /* Colors of the local navigation and subnav links. */
        div#local a,
        div#content-header a,
        div#user-menu a {
            color: #fff;
            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: #eee;
        }
        
        /* 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 Colors -------------------------------------------------------------- */

/* @group Structural Elements
----------------------------------------------------------------------------- */


    div#header,
    div#content {
        border: none !important;
    }

    /* Background and border color for the page div, which contains the header, content, and footer. */
    div#page {
        border: none !important;
    }
    
    /* Colors for the content area, this includes everything between the header and footer. */
    div#content {
		width: 898px;
        background: #fff url("http://akhost.chacha.com/mashery/shade-top.png") no-repeat center top !important;
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }

    /* The colors of your header and footer. */
    div#header {
		background: transparent none !important;
    }
    
    div#footer {
		border-top: 1px solid #ccc;
        background-color: #fff;
    }
    
    /* 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;
    }
    
/* @end Structural Elements -------------------------------------------------------------- */

/* @group 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 -------------------------------------------------------------- */

/* @group Comments
----------------------------------------------------------------------------- */
    
        div.comments ol.list li {
            background-color: #E0EBEC;
            border: 1px solid #999;
        }
        
/* @end Comments -------------------------------------------------------------- */

/* @group Login
----------------------------------------------------------------------------- */

        div#nav {
            background-color: #ccc;
        }
        
        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 -------------------------------------------------------------- */

/* @group Forms
----------------------------------------------------------------------------- */

    
        fieldset {
            border-color: #8F9B9C;
            background-color: #E0EBEC;
            color: #333;
        }
    
        fieldset legend {
            background-color: #E0EBEC;
            color: #333;
            padding: 2px 5px;
        }

/* @end Forms -------------------------------------------------------------- */

/* @group Admin
----------------------------------------------------------------------------- */

        
        /* 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 Colors -------------------------------------------------------------- */

/* @group Generic Styles
----------------------------------------------------------------------------- */

    body {
        color: #333;
        background-color: #fff;	
        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;
    }

    div#header {
		background: #a42223 none !important;
    }

    div#branding {
    }
        
/* @end Colors -------------------------------------------------------------- */

/* @group User
----------------------------------------------------------------------------- */

        div#user {
            font-size: x-small;
        }

            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 -------------------------------------------------------------- */

/* @group Local Page Navigation
----------------------------------------------------------------------------- */

    
    /**
     *
     * 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 {

                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: 0;
                }
                
                /* When no sub div is present, take up full width */
                body#page-signup div#main,
                div#page.no_sub div#main {
                    width: 860px;
                }
                
                /* 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%;
                color: #444;
            }

            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;
                margin-right: 11px !important;
                border-left-width: 1px;
                border-left-style: solid;
                background-image: url(http://akhost.chacha.com/mashery/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 -------------------------------------------------------------- */

/* @group Footer
----------------------------------------------------------------------------- */
            
        div#footer {
            width: 900px;
            margin: 0;
            background: #fff none;
        }
        
        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;
        }

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

            div#siteinfo p {
                font-size: 90%;
                margin: 0;
                clear: both;
            }
/* @end Colors -------------------------------------------------------------- */