/*
 * 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-coltitle b {
    font-family:tahoma, verdana;
    display:block;
    color:#333;
}
.x-grid3-td-coltitle b i {
    font-weight:normal;
    font-style: normal;
    color:#000;
}
.x-grid3-td-coltitle .topic {
    padding-left:20px;
    float:left;
    background:transparent url(../img/post.gif) no-repeat 0 2px;
}

.x-grid3-td-coltitle .posttitle {
    font-weight:bold;
   float:left;
}

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

.x-grid3-td-coltitle a {
    color: #385F95;
    text-decoration:none;
}
.x-grid3-td-coltitle a:hover {
    text-decoration:underline;
}
.details .x-btn-text {
    background-image: url(../img/details.gif); 
}


.msg-view {
    background-image: url(../shared/icons/fam/application_view_list.png) !important;
}

.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:20%;
    top:10px;
    width:300px;
    z-index:20000;
}

div.notes-row td.x-grid3-cell { font-weight: bold; }
div.x-grid3-dirty-row td.x-grid3-cell { font-style: italic; color: #b01010; }

.about-dialog { background: transparent url(../img/optsprite1.png) no-repeat -8px -8px !important; }
.add-bg { background: transparent url(../img/optsprite1.png) no-repeat -8px -40px !important; }
.add-user { background: transparent url(../img/optsprite1.png) no-repeat -8px -72px !important; }
.edit-prefs { background: transparent url(../img/optsprite1.png) no-repeat -8px -104px !important; }
.kbd-dialog { background: transparent url(../img/optsprite1.png) no-repeat -8px -136px !important; }
.canc-user,.canc-btn { background: transparent url(../img/optsprite1.png) no-repeat -8px -166px !important; }
.pref-menu { background: transparent url(../img/optsprite1.png) no-repeat -8px -196px !important; }
.del-user { background: transparent url(../img/optsprite1.png) no-repeat -8px -232px !important; }
.scut-text { background: transparent url(../img/optsprite1.png) no-repeat -8px -260px !important; }
.filter-menu { background: transparent url(../img/optsprite1.png) no-repeat -8px -292px !important; }
.chng-text { background: transparent url(../img/optsprite1.png) no-repeat -8px -324px !important; }
.file-menu { background: transparent url(../img/optsprite1.png) no-repeat -8px -356px !important; }
.editor-icon { background: transparent url(../img/optsprite1.png) no-repeat -8px -388px !important; }
.help-menu { background: transparent url(../img/optsprite1.png) no-repeat -8px -420px !important; }
.send-msg { background: transparent url(../img/optsprite1.png) no-repeat -8px -456px !important; }
.show-msg { background: transparent url(../img/optsprite1.png) no-repeat -8px -484px !important; }
div.notes-row td.x-grid3-td-idnode,.show-notes { background: transparent url(../img/optsprite1.png) no-repeat -8px -518px !important; }
.reload-data { background: transparent url(../img/optsprite1.png) no-repeat -8px -550px !important; }
.save-user { background: transparent url(../img/optsprite1.png) no-repeat -8px -582px !important; }
.sign-out { background: transparent url(../img/optsprite1.png) no-repeat -8px -616px !important; }
.undo-user { background: transparent url(../img/optsprite1.png) no-repeat -8px -644px !important; }
.user-menu { background: transparent url(../img/optsprite1.png) no-repeat -8px -676px !important; }
.del-bg { background: transparent url(../img/optsprite1.png) no-repeat -8px -712px !important; }

.ok-btn { background: url(../img/optsprite1.png)  no-repeat  -8px -260px !important; }
.ref-icon { background-image:url(../img/ref_16.png) !important; }

.ext-mb-text { line-height: 17px; }
.x-tree-node-el { line-height: 20px; }
.topnew a span { color: #4f7eff; }
.rootnode-tree { line-height: 36px; }

.x-tree-node-collapsed .tree-root, .x-tree-node-expanded .tree-root { background-image: url(../img/dcp_32_icon.png) !important; height: 31px; width: 33px; line-height: 30px; }

.preview div.x-panel-body { background-image: url(../img/dcpmark2.png) !important; background-position:center; background-repeat:no-repeat; }

.preview-bottom {
    background-image: url(../img/preview-bottom.gif) !important;
}
.preview-right {
    background-image: url(../img/preview-right.gif) !important;
}
.preview-hide {
    background-image: url(../img/preview-hide.gif) !important;
}


.tabs {
    background-image: url( ../desktop/../img/tabs.gif ) !important;
}
.summary {
    background-image: url(../img/details.gif) !important;
}


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

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

.author, .bytes {
    color:#333;
}

.x-tree {
    background:#fff !important;
}
.x-border-layout-ct {
    background:transparent;
}
body.x-border-layout-ct {
    background:#c3d5ed url(../img/bg.gif) repeat-x left top !important;
}
.x-layout-split {
    background-color:transparent !important;
}

.x-tree-node div.feeds-node{
    background:#eee url(../img/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;
}
.feed-icon {
    background-image:url(../img/rss.gif) !important;
}
.new-tab {
    background-image:url(../img/new_tab.gif) !important;
}
.new-win {
    background-image:url(../img/go-to-post.gif) !important;
}
.delete-icon {
    background-image:url(../img/rss_delete.gif) !important;
}


.load-icon {
    background-image:url(../img/rss_load.gif) !important;
}


.refresh-icon {
    background-image:url(../shared/icons/fam/table_refresh.png) !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 h4.post-bytes {
    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;
}
.opentab-menu .x-menu-item-checked {
   border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
	padding:0;
}
.posting-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:#aae !important;
    border:1px solid #88c !important;
}

div.leftcol { text-align: left; }
div.rightcol { text-align: right; }
div.centercol { text-align: center; }

.x-window-body .rightcol div.x-form-item { overflow: hidden; }
.x-window-body .leftcol div.x-form-item { overflow: hidden; }
.x-window-body .centercol div.x-form-item { overflow: hidden; }

.ux-mselect{
    overflow:auto;
    background:white;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow:auto;
}
.ux-mselect-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:2px;
    border:1px solid #fff;
    white-space: nowrap;
    cursor:pointer;
}

.ux-mselect-item:hover { background: #dfe8f6; }
.ux-mselect-selected:hover { background:#CFD8E6; }

.ux-mselect-selected{
   border:1px dotted #a3bae9 !important;
   background:#DFE8F6;
   cursor:pointer;
}
.x-view-drag-insert-above { 
    border-top:1px dotted #3366cc; 
} 
.x-view-drag-insert-below { 
    border-bottom:1px dotted #3366cc; 
} 

div#tplogo { margin: 10px 0 100px; }
div#loginBox { margin: 30px 0 0; }