/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

html, body {
    font: normal 12px tahoma, arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
}

.ext-el-mask {
    background: #dadadb;
}

.x-grid3-td-title b {
    font-family: tahoma, verdana;
    display: block;
    color: #333;
}

    .x-grid3-td-title b i {
        font-weight: normal;
        font-style: normal;
        color: #000;
    }

.x-grid3-td-title .topic {
    padding-left: 20px;
}

.x-grid3-td-title .x-grid3-cell-inner {
    white-space: normal;
}

.x-grid3-td-title a {
    color: #385F95;
    text-decoration: none;
}

    .x-grid3-td-title a:hover {
        text-decoration: underline;
    }

.x-grid3-row-body p {
    margin: 5px 20px 10px 25px !important;
    color: #555;
}

.post-date {
    font-weight: bold;
    color: #333;
}

.author {
    color: #333;
}

.x-tree {
    background: #fff !important;
}

.x-border-layout-ct {
    background: transparent;
}

body.x-border-layout-ct {
    /*background: #c3d5ed url(../icons/mxgraph/bg.gif) repeat-x left top !important;*/
}

.x-layout-split {
    background-color: transparent !important;
}

.x-tree-node div.feeds-node {
    background: #eee url(../icons/mxgraph/cmp-bg.gif) repeat-x;
    margin-top: 1px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    padding-top: 2px;
    padding-bottom: 1px;
}

.feeds-node .x-tree-node-icon {
    display: none;
}

.forum-ct a span {
    font-weight: bold;
    color: #222;
}

.feed {
    border: 1px solid #fff;
    margin: 3px;
}

    .feed .x-tree-ec-icon {
        display: none;
    }

.actor-icon {
    background-image: url(../icons/mxgraph/actor.gif) !important;
}

.alignbottom-icon {
    background-image: url(../icons/mxgraph/alignbottom.gif) !important;
}

.aligncenter-icon {
    background-image: url(../icons/mxgraph/aligncenter.gif) !important;
}

.alignleft-icon {
    background-image: url(../icons/mxgraph/alignleft.gif) !important;
}

.alignmiddle-icon {
    background-image: url(../icons/mxgraph/alignmiddle.gif) !important;
}

.alignright-icon {
    background-image: url(../icons/mxgraph/alignright.gif) !important;
}

.aligntop-icon {
    background-image: url(../icons/mxgraph/aligntop.gif) !important;
}

.arrow-icon {
    background-image: url(../icons/mxgraph/arrow.gif) !important;
}

.bg-icon {
    background-image: url(../icons/mxgraph/bg.gif) !important;
}

.block_end-icon {
    background-image: url(../icons/mxgraph/block_end.gif) !important;
}

.block_start-icon {
    background-image: url(../icons/mxgraph/block_start.gif) !important;
}

.bold-icon {
    background-image: url(../icons/mxgraph/bold.gif) !important;
}

.bottom-icon {
    background-image: url(../icons/mxgraph/bottom.gif) !important;
}

.camera-icon {
    background-image: url(../icons/mxgraph/camera.gif) !important;
}

.capture-icon {
    background-image: url(../icons/mxgraph/capture.gif) !important;
}


.center-icon {
    background-image: url(../icons/mxgraph/center.gif) !important;
}

.classic_end-icon {
    background-image: url(../icons/mxgraph/classic_end.gif) !important;
}

.classic_start-icon {
    background-image: url(../icons/mxgraph/classic_start.gif) !important;
}

.cloud-icon {
    background-image: url(../icons/mxgraph/cloud.gif) !important;
}

.cmp-bg-icon {
    background-image: url(../icons/mxgraph/cmp-bg.gif) !important;
}

.collapse-icon {
    background-image: url(../icons/mxgraph/collapse.gif) !important;
}

.connect-icon {
    background-image: url(../icons/mxgraph/connect.gif) !important;
}

.connector-icon {
    background-image: url(../icons/mxgraph/connector.gif) !important;
}

.console-icon {
    background-image: url(../icons/mxgraph/console.gif) !important;
}

.copy-icon {
    background-image: url(../icons/mxgraph/copy.gif) !important;
}

.cut-icon {
    background-image: url(../icons/mxgraph/cut.gif) !important;
}

.cylinder-icon {
    background-image: url(../icons/mxgraph/cylinder.gif) !important;
}

.delete-icon {
    background-image: url(../icons/mxgraph/delete.gif) !important;
}

.diagram-icon {
    background-image: url(../icons/mxgraph/diagram.gif) !important;
}

.diamond_end-icon {
    background-image: url(../icons/mxgraph/diamond_end.gif) !important;
}

.diamond_start-icon {
    background-image: url(../icons/mxgraph/diamond_start.gif) !important;
}

.doubleellipse-icon {
    background-image: url(../icons/mxgraph/doubleellipse.gif) !important;
}

.down-icon {
    background-image: url(../icons/mxgraph/down.gif) !important;
}

.ellipse-icon {
    background-image: url(../icons/mxgraph/ellipse.gif) !important;
}

.entity-icon {
    background-image: url(../icons/mxgraph/entity.gif) !important;
}

.expand-icon {
    background-image: url(../icons/mxgraph/expand.gif) !important;
}

.fillcolor-icon {
    background-image: url(../icons/mxgraph/fillcolor.gif) !important;
}

.fit-icon {
    background-image: url(../icons/mxgraph/fit.gif) !important;
}

.font-icon {
    background-image: url(../icons/mxgraph/font.gif) !important;
}

.fontcolor-icon {
    background-image: url(../icons/mxgraph/fontcolor.gif) !important;
}

.gear-icon {
    background-image: url(../icons/mxgraph/gear.gif) !important;
}

.grid-icon {
    background-image: url(../icons/mxgraph/grid.gif) !important;
}

.group-icon {
    background-image: url(../icons/mxgraph/group.gif) !important;
}

.help-icon {
    background-image: url(../icons/mxgraph/help.gif) !important;
}

.hexagon-icon {
    background-image: url(../icons/mxgraph/hexagon.gif) !important;
}

.hline-icon {
    background-image: url(../icons/mxgraph/hline.gif) !important;
}

.house-icon {
    background-image: url(../icons/mxgraph/house.gif) !important;
}

.image-icon {
    background-image: url(../icons/mxgraph/image.gif) !important;
}

.italic-icon {
    background-image: url(../icons/mxgraph/italic.gif) !important;
}

.left-icon {
    background-image: url(../icons/mxgraph/left.gif) !important;
}

.linecolor-icon {
    background-image: url(../icons/mxgraph/linecolor.gif) !important;
}

.link-icon {
    background-image: url(../icons/mxgraph/link.gif) !important;
}

.loading-icon {
    background-image: url(../icons/mxgraph/loading.gif) !important;
}

.middle-icon {
    background-image: url(../icons/mxgraph/middle.gif) !important;
}

.new-icon {
    background-image: url(../icons/mxgraph/new.gif) !important;
}

.open-icon {
    background-image: url(../icons/mxgraph/open.gif) !important;
}

.open_end-icon {
    background-image: url(../icons/mxgraph/open_end.gif) !important;
}

.open_start-icon {
    background-image: url(../icons/mxgraph/open_start.gif) !important;
}

.outline-icon {
    background-image: url(../icons/mxgraph/outline.gif) !important;
}

.oval_end-icon {
    background-image: url(../icons/mxgraph/oval_end.gif) !important;
}

.oval_start-icon {
    background-image: url(../icons/mxgraph/oval_start.gif) !important;
}

.pan-icon {
    background-image: url(../icons/mxgraph/pan.gif) !important;
}

.paste-icon {
    background-image: url(../icons/mxgraph/paste.gif) !important;
}

.plain-icon {
    background-image: url(../icons/mxgraph/plain.gif) !important;
}

.preferences-icon {
    background-image: url(../icons/mxgraph/preferences.gif) !important;
}

.press-icon {
    background-image: url(../icons/mxgraph/press.gif) !important;
}

.preview-icon {
    background-image: url(../icons/mxgraph/preview.gif) !important;
}

.print-icon {
    background-image: url(../icons/mxgraph/print.gif) !important;
}

.properties-icon {
    background-image: url(../icons/mxgraph/properties.gif) !important;
}

.rectangle-icon {
    background-image: url(../icons/mxgraph/rectangle.gif) !important;
}

.redo-icon {
    background-image: url(../icons/mxgraph/redo.gif) !important;
}

.refresh-icon {
    background-image: url(../icons/mxgraph/refresh.gif) !important;
}

.rhombus-icon {
    background-image: url(../icons/mxgraph/rhombus.gif) !important;
}

.right-icon {
    background-image: url(../icons/mxgraph/right.gif) !important;
}

.rounded-icon {
    background-image: url(../icons/mxgraph/rounded.gif) !important;
}

.save-icon {
    background-image: url(../icons/mxgraph/save.gif) !important;
}

.saveas-icon {
    background-image: url(../icons/mxgraph/saveas.gif) !important;
}

.script-icon {
    background-image: url(../icons/mxgraph/script.gif) !important;
}

.select-icon {
    background-image: url(../icons/mxgraph/select.gif) !important;
}

.straight-icon {
    background-image: url(../icons/mxgraph/straight.gif) !important;
}

.swimlane-icon {
    background-image: url(../icons/mxgraph/swimlane.gif) !important;
}

.tasks-icon {
    background-image: url(../icons/mxgraph/tasks.gif) !important;
}

.text-icon {
    background-image: url(../icons/mxgraph/text.gif) !important;
}

.toback-icon {
    background-image: url(../icons/mxgraph/toback.gif) !important;
}

.tofront-icon {
    background-image: url(../icons/mxgraph/tofront.gif) !important;
}

.toolbar-icon {
    background-image: url(../icons/mxgraph/toolbar.gif) !important;
}

.top-icon {
    background-image: url(../icons/mxgraph/top.gif) !important;
}

.tree-icon {
    background-image: url(../icons/mxgraph/tree.gif) !important;
}

.triangle-icon {
    background-image: url(../icons/mxgraph/triangle.gif) !important;
}

.underline-icon {
    background-image: url(../icons/mxgraph/underline.gif) !important;
}

.undo-icon {
    background-image: url(../icons/mxgraph/undo.gif) !important;
}

.ungroup-icon {
    background-image: url(../icons/mxgraph/ungroup.gif) !important;
}

.up-icon {
    background-image: url(../icons/mxgraph/up.gif) !important;
}

.vertical-icon {
    background-image: url(../icons/mxgraph/vertical.gif) !important;
}

.zoom-icon {
    background-image: url(../icons/mxgraph/zoom.gif) !important;
}

.zoomactual-icon {
    background-image: url(../icons/mxgraph/zoomactual.gif) !important;
}

.zoomin-icon {
    background-image: url(../icons/mxgraph/zoomin.gif) !important;
}

.zoomout-icon {
    background-image: url(../icons/mxgraph/zoomout.gif) !important;
}

.arrow_move_down-icon {
    background-image: url(../icons/mxgraph/arrow_move_down.ico) !important;
}

.arrow_move_left-icon {
    background-image: url(../icons/mxgraph/arrow_move_left.ico) !important;
}

.arrow_move_right-icon {
    background-image: url(../icons/mxgraph/arrow_move_right.ico) !important;
}

.arrow_move_up-icon {
    background-image: url(../icons/mxgraph/arrow_move_up.ico) !important;
}



.x-tree-selected {
    border: 1px dotted #a3bae9;
    background: #DFE8F6;
}

.x-tree-node .x-tree-selected a span {
    background: transparent;
    color: #15428b;
    font-weight: bold;
}

#topic-grid .x-panel-tbar .x-toolbar {
    /* border-top:0 none; */
}


#main-tabs .x-tab-panel-body {
    background: transparent;
    border: 0 none;
}

/* Preview classes */

.preview .x-panel-body {
    background: #fff;
    color: #222;
    font: normal 12px tahoma,verdana,arial,sans-serif;
}

    .preview .x-panel-body p {
        line-height: 18px;
        margin: 8px 0;
    }

    .preview .x-panel-body ul {
        margin-left: 18px;
    }

        .preview .x-panel-body ul li {
            display: list-item;
            list-style-image: none !important;
            list-style-position: outside !important;
            list-style-type: disc !important;
            margin-left: 18px;
        }

    .preview .x-panel-body pre, #preview .x-panel-body code {
        background: #f1f1f1;
        display: block;
    }

    .preview .x-panel-body h4.post-author {
        font-weight: normal;
        color: #555;
        font-size: 11px;
    }

    .preview .x-panel-body span.post-date {
        font-weight: normal;
        color: #555;
        float: right;
        font-size: 11px;
    }

    .preview .x-panel-body div.post-data {
        background: #f1f2f4;
        padding: 5px;
        border-bottom: 1px solid #dadadb;
    }

    .preview .x-panel-body div.post-body {
        padding: 10px;
    }
/*.single-preview .x-toolbar, #right-preview .preview .x-toolbar {
    border-top:0 none;
}*/
.reading-menu .x-menu-item-checked {
    border: 1px dotted #a3bae9 !important;
    background: #DFE8F6;
    padding: 0;
}

.x-tab-panel-header {
    border-bottom-width: 0 !important;
}

#suggested {
    border-top: 0 none;
}

    #suggested a {
        text-decoration: none;
        font-size: 11px;
        color: #15428B;
        display: block;
        padding: 3px;
        float: right;
        margin-right: 4px;
    }

        #suggested a:hover {
            text-decoration: underline;
            color: #15428B;
        }

.x-combo-list-item {
    zoom: 1;
}

    .x-combo-list-item strong {
        color: #777;
        font-size: 11px;
        font-style: normal;
        float: left;
    }

    .x-combo-list-item em {
        color: #222;
        font-size: 12px;
        font-style: normal;
        float: left;
        width: 325px;
    }

.x-node-ctx {
    background: #eee !important;
    border: 1px solid #ccc !important;
}