﻿
@import url("ol26.css"); 
@import url("../js/resources/css/ext-all.css"); 

.x-dlg-mask
{
	background-color: #CCC;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
	cursor: progress;
}

.ext-el-mask {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    background-color: #FFF;
}

.ext-el-mask-msg {
	width: 16px;
	height: 16px;
	z-index: 20001;
	position: absolute;
	border-style: none;
	background: transparent url(../img/ajax_loading_tabs.gif) no-repeat 50% 50%;
	background: transparent url(../js/resources/images/default/grid/loading.gif) no-repeat 50% 50%;
	
}

.ext-el-mask-msg div {
    background-color: transparent;
    border: none;
    color: #AAA;
    font: bold 8px tahoma, arial, helvetica, sans-serif;
    cursor: wait;
}

.x-window-tl, .x-window-tc, .x-window-tr
{
    background: white none no-repeat 0 0;
}

.x-window-bl, .x-window-bc, .x-window-br
{
    background: white none no-repeat 0 0;
}

.x-window-ml, .x-window-mc, .x-window-mr
{
    background: white none no-repeat 0 0;
}

.x-window-tr, .x-window-mr, .x-window-br 
{
    padding-right: 15px;
}

.x-window-tl, .x-window-ml, .x-window-bl 
{
    padding-left: 15px;
}

.x-window-tl 
{
    padding-left: 15px;
}

.x-window-plain .x-window-mc 
{
    background: white none no-repeat 0 0;
    border: none 0px transparent; 
}

.x-window-plain .x-window-body 
{
    border: none 0px transparent;
}

.x-window-header
{
    padding-bottom: 15px;
}

.x-window-tl .x-window-header 
{
    padding: 12px 0px 5px 0px;
}


.x-window-bc .x-window-footer 
{
    padding-bottom: 15px;
}



.x-panel-header
{
    display: block;
    padding-bottom: 15px;
    padding-left: 0px;
    background-image: none;
}

.x-panel-tl .x-panel-header
{
    padding: 0px 0px 4px 0px;
}

.x-panel-tl, .x-panel-tr, .x-panel-tc
{
    background: transparent none no-repeat 0 0;
}

.x-panel-ml, .x-panel-mr, .x-panel-mc
{
    background: transparent none no-repeat 0 0;
    background-color: #E6EAF2;
}

.x-panel-bl, .x-panel-br, .x-panel-bc
{
    background: transparent none no-repeat 0 0;
    background-color: #E6EAF2;
}

.x-panel-mc 
{
    line-height: 1.5em;
}

.x-panel-tl 
{
    padding-bottom: 3px;
    padding-left: 0px;
    border-bottom: dotted 1px Navy;
}

.x-panel-tr 
{
    padding-right: 0px;
}

.x-panel-header-text 
{
	color: Navy;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bold;
	padding-left: 1px;
}

.x-panel-body
{
	font-size: 12px;
}

.x-grid-header 
{
	margin-bottom: 0px;
}

.ytb-text 
{
	margin-right: 10px;
}

.x-form-field-wrap 
{
    margin-bottom: 10px;
}

.x-blind {
	background-color: white;
	padding: 15px;
	padding-bottom: 20px;
	overflow: hidden;
	border: solid 1px #888;
	border-top: none;
}

.x-blind .x-panel-header-text 
{

}
    
.x-panel-btns-ct {
    padding: 10px 0px 0px 0px;
}

.x-panel-btns-ct table td.x-panel-btn-td {
    padding: 0px;
}

.x-tab-strip-wrap li {
    margin-left: 0px;
	padding: 0px;
	background: transparent none no-repeat 0px 0px;
}

ul.x-tab-strip-top 
{
    background: transparent none;
}

x-tab-strip x-tab-strip-top li 
{
    margin-bottom: 0px;
}

.x-tab-strip span.x-tab-strip-text 
{ 
    color: #C2D1F0;
    font: bold 11px tahoma,arial,helvetica;
}

.x-tab-strip-active span.x-tab-strip-text {
    color: white;
}

.x-tab-strip-text
{
    margin: 3px 2px 2px 2px;
}

.x-tab-panel-header, .x-tab-panel-footer {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #8DB2E3;
}


.ux-win-blind {
    background: white;
    visibility: hidden;
    position: absolute;
    z-index: 20003;
}

.ux-win-blind-inactive div {
    overflow: hidden;
}

.ux-win-blind-body {
    text-align: left; 
    padding: 0px;
    margin: 10px;
    font-family: tahoma,arial,helvetica,sans-serif; 
    font-size: 12px; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    border-bottom: dotted 1px blue;
}

.ux-win-blind .ux-win-blind-bwrap {
    padding: 5px 5px 5px 5px;
}

.ux-win-blind-inactive .x-form-element {
    overflow: visible;
}

.ux-win-blind .ux-win-blind-bwrap .ux-win-blind-ft {
    width: 100%;
    padding-bottom: 10px; 
}

.ux-win-blind .ux-win-blind-alert {
    background: #ffffff;        
}

.ux-win-blind-alert .ux-win-blind-body {
    background: url('icon-alert.jpg') no-repeat;
    background-position: 0px 5px;
    border: 0px #000000 solid;
    color: #000000;
    font-weight: bold;
    min-height: 100px;
    padding-top: 18px;
    padding-left: 130px;
    padding-right: 12px;
    padding-bottom: 15px;
}

.x-form-invalid-msg 
{
    font-weight: bold;
    font-size: 10px;
    line-height: 1.2em;
    background-image: none;
    padding: 5px 0px 5px 0px;
}

.x-form-invalid, textarea.x-form-invalid 
{
    background-image: none;
}

.x-btn-wrap 
{
    margin-left: 2px;
}
