﻿.eng { direction: ltr !important; text-align: left !important; }

.x-layout-container {
    background-color: #FFF;
}

.x-layout-panel {
    border-top: none 0px;
    border-right: none 0px;
    border-left: none 0px;
}

.x-layout-container .x-layout-tabs-body {
    border-right: 1px solid #8DB2E3;
    border-left: 1px solid #8DB2E3;
}

.x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap {
    padding: 0pt;
}

.x-tabs-strip-wrap { border: 0pt none; }
.x-dlg .x-dlg-toolbox { right: auto; }

.x-layout-panel .x-tabs-wrap {
    background: none;
}

.x-grid-header { direction: ltr; }
.x-btn-wrap { direction: ltr; }
.x-grid-split { cursor: default; }

.x-tabs-wrap table { direction: rtl; }

.x-toolbar table { direction: rtl; }
.x-toolbar table table { direction: ltr; }
.x-toolbar table table td { direction: rtl; }

.x-tabs-strip .x-tabs-closable .close-icon { right: auto; left:5px; top:6px; }
.x-tabs-strip .x-tabs-closable .x-tabs-inner { padding-right:4px; padding-left:22px; }
.x-tabs-strip-wrap{ direction: rtl; }
/*.x-tabs-strip td{ padding:0pt 2px 0pt 0pt; }*/

.marginTop2em { position: relative; top: -3em; }

.x-layout-tools-button{ float: left; }
.x-layout-panel-hd-tools{ right: auto; left: 2px; }
.x-layout-panel-north { border:0px none; }
.x-layout-collapse-east{ text-align: left; }
.x-layout-collapsed-north .x-layout-collapsed-tools, .x-layout-collapsed-south .x-layout-collapsed-tools { right: auto; left: 0; }

.x-tree { direction: rtl; }

.x-menu { background-position: top right; }
.x-menu-item-arrow{ background-position: right; }
.x-menu-sep { margin: 3px 32px 3px 3px; }
.x-menu-item { padding:3px 3px 3px 21px; }

.x-paging-info { right: auto; left: 8px; }
/* .x-grid-viewport { right: 0px !important; left: auto !important; direction: ltr !important; } */
#stopic-grid div { direction: ltr; }
#topic-grid .x-toolbar { direction: rtl; }
.x-grid-hd-text, .x-grid-cell-text { /* text-align: right; */ direction: rtl; }
.x-grid-sort-icon { float: left; }
.x-btn-text { padding-left: 3px; }
.x-grid-col div { line-height: 1.7em; }
.x-grid-col-topic img { padding-left: 0.4em; padding-bottom: 0.2em; }
.x-grid-viewport { text-align: left; }
.x-grid-hd-text, .x-grid-cell-text { direction: rtl; text-align: right; }

.x-mask-loading div { direction: rtl !important; }

.x-form-element { padding-left: 0; padding-right: 105px; }

div#alertErrMsg
{
    direction: ltr;
    text-align: left;
    font: 7pt 'New Courier';
    padding-top: 1em;
}

#msg-div {
    position:absolute;
    top:10px;
    width:250px;
    z-index:20000;
}


.x-dlg-toolbox { right: auto; left: 4px; }
.x-dlg-closable .x-dlg-hd { padding-right: 4px; padding-left: 22px; }
.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse { float: left; }
.x-dlg-hd, .x-dlg-dlg-body div { direction: rtl; }

.x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap { background-color: #FFF; padding-bottom: 0px; }
.x-tabs-strip-wrap {
    background: none;
}

/* .x-form-btns { margin-top: -3em; } */
.x-form fieldset legend { font-size: 1.1em; }
.x-form-item { font-weight: normal; margin-bottom: 4px; }

.ext-strict .x-form-text { height:17px; }
.x-form-field-wrap .x-form-trigger { height: 20px; top: 1px; }

.x-grid-col div { line-height: 1.7em; }
.x-grid-col-topic img { padding-left: 0.4em; padding-bottom: 0.2em; }
.x-grid-viewport { text-align: left; }

.x-grid-scroller, .x-grid-body { direction: ltr; }
.x-btn-text-icon .x-btn-center .x-btn-text { padding-left: 1px; }

.x-dlg-auto-tabs .x-dlg-bd, .x-dlg-auto-layout .x-dlg-bd, .x-layout-panel{
    background:transparent none repeat scroll 0%;
    border:0px none;
}

.centeredLoadingIcon .x-layout-panel,
.centeredLoadingIcon .x-dlg-auto-tabs .x-dlg-bd,
.centeredLoadingIcon .x-dlg-auto-layout .x-dlg-bd
{
    /* background: url('../../layouts/ext/images/default/grid/loading.gif') no-repeat 50% 50% !important; */
}

.btnEdit { width: 16px; background: url(images/edit.png) no-repeat 50% 50%; }
.btnDelete { width: 16px; background: url(images/delete.png) no-repeat 50% 50%; }

.logoBoxTop
{background:url(Images/logoBoxTop.jpg) no-repeat;width:157px;height:9px;}

.logoBoxBg
{background:url(Images/logoBoxBg.jpg) repeat-y;width:157px;}

.logoBoxBottom
{background:url(Images/logoBoxBottom.jpg) no-repeat;width:157px;height:11px;}
