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



.ext-el-mask-msg {
    border:1px solid #aaa;
    background: #ddd url(../images/default/box/tb.gif) repeat-x 0 -16px;
}
.ext-el-mask-msg div {
    border:1px solid #ccc;
}

/*
 Menu
 */
.x-menu {
	border-color: #999 #999 #999 #999;
    background-image:url(../images/sugar/menu/menu.gif);
}
.x-menu-item-arrow{
	background-image:url(../images/sugar/menu/menu-parent.gif);
}
.x-menu-item, a.x-menu-item{
	color:#222;
	text-decoration: none;
}
.x-menu-item-active {
	background:#ddd;
    border:1px solid #aaa;
}
.x-menu-sep {
	background:#aaa;
}

        
/* grid */
.x-grid-header{
	background: #ebebeb url(../images/sugar/grid/grid-hrow.gif) repeat-x;
	overflow:hidden;
	position:relative;
	cursor:default;
	width:100%;
}
.x-grid-hd-row{
	height:22px;
}
.x-grid-hd {
	padding-right:1px;
}
.x-grid-hd-over .x-grid-hd-inner {
	border-bottom: 1px solid #c2c2c2;
}
.x-grid-hd-over .x-grid-hd-text {
	background: #fafafa;
    padding-bottom:1px;
    border-bottom: 1px solid #f9f9f9;
}

.x-grid-hd-text {
	color:#000000;
}

.x-grid-col {
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.x-grid-row-alt{
	background:#fafafa;
}
.x-grid-row-over td{
	background:#f1f1f1;
}


.x-grid-locked .x-grid-body td {
	background: #efefef;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2 !important;
}

.x-grid-locked .x-grid-header table{
    border-right:1px solid transparent;
}
.x-grid-locked .x-grid-body table{
    border-right:1px solid #c2c2c2;
}

.x-grid-bottombar .x-toolbar{
	border-right:0 none;
	border-bottom:0 none;
	border-top:1px solid #efefef;
}

.x-props-grid .x-grid-col-name{
	 background-color: #efefef;
}



.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{
    background: #ebebeb url(../images/sugar/grid/grid-hrow.gif) repeat-x 0 bottom !important;
    vertical-align:middle !important;
    color:black;
    padding:0;
    border-top:1px solid white;
    border-bottom:none !important;
    border-right:1px solid #D2D2D2 !important;
    text-align:center;
}
.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{
    padding:0 4px;
    color:black !important;
    text-align:center;
}

/**
* Basic-Dialog 
*/
.x-dlg-proxy {
	background-image: url(../images/sugar/layout/gradient-bg.gif);
	background-color:#E8E8E8;
	border:1px solid #b6b6b6;
}
.x-dlg-shadow{
	background:#aaaaaa;
}
.x-dlg-proxy .tabset{
    background:url(../images/sugar/layout/gradient-bg.gif);
}
.x-dlg .x-dlg-hd {
	background: url(../images/sugar/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
	background-color:#333333;
}
.x-dlg .x-dlg-hd-left {
	background: url(../images/sugar/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
}
.x-dlg .x-dlg-hd-right {
	background: url(../images/sugar/basic-dialog/hd-sprite.gif) no-repeat right 0;
}
.x-dlg .x-dlg-dlg-body{
	background:#efefec;
	border:1px solid #b6b6b6;
	border-top:0 none;
}
.x-dlg .x-tabs-top .x-tabs-body{
	border:1px solid #b6b6b6;
	border-top:0 none;
}
.x-dlg .x-tabs-bottom .x-tabs-body{
	border:1px solid #b6b6b6;
	border-bottom:0 none;
}
.x-dlg .x-layout-container  .x-tabs-body{
	border:0 none;
}
.x-dlg .x-dlg-close {
	background-image:url(../images/sugar/basic-dialog/close.gif);
}
.x-dlg .x-dlg-collapse {
    background-image:url(../images/sugar/basic-dialog/collapse.gif);
}
.x-dlg-collapsed .x-dlg-collapse {
    background-image:url(../images/sugar/basic-dialog/expand.gif);
}
.x-dlg div.x-resizable-handle-east{
	background-image:url(../images/sugar/basic-dialog/e-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-south{
	background-image:url(../images/sugar/basic-dialog/s-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-west{
	background-image:url(../images/sugar/basic-dialog/e-handle.gif);
	border:0 none;
}
.x-dlg div.x-resizable-handle-southeast{
	background-image:url(../images/sugar/basic-dialog/se-handle.gif);
	background-position: bottom right;
	width:8px;
	height:8px;
	border:0;
}
.x-dlg div.x-resizable-handle-southwest{
	background-image:url(../images/sugar/sizer/sw-handle-dark.gif);
	background-position: top right;
	margin-left:1px;
	margin-bottom:1px;
	border:0;
}
.x-dlg div.x-resizable-handle-north{
	background-image:url(../images/sugar/s.gif);
	border:0 none;
}

/** 
* Tabs
*/
.x-tabs-wrap {
	border-bottom:1px solid #a8a8a8;
}
.x-tabs-strip .on .x-tabs-text {
	cursor:default;
	color:#333333;
}
.x-tabs-top .x-tabs-strip .on .x-tabs-right {
	 background: url(../images/sugar/tabs/tab-sprite.gif) no-repeat right 0;
}
.x-tabs-top .x-tabs-strip .on .x-tabs-left {
	 background: url(../images/sugar/tabs/tab-sprite.gif) no-repeat 0px -100px;
}
.x-tabs-top .x-tabs-strip .x-tabs-right {
	 background: url(../images/sugar/tabs/tab-sprite.gif) no-repeat right -50px;
}
.x-tabs-top .x-tabs-strip .x-tabs-left {
	 background: url(../images/sugar/tabs/tab-sprite.gif) no-repeat 0px -150px;
}
.x-tabs-strip .x-tabs-closable .close-icon{
	background-image:url(../images/sugar/layout/tab-close.gif);
}
.x-tabs-strip .on .close-icon{
	background-image:url(../images/sugar/layout/tab-close-on.gif);
}
.x-tabs-strip .x-tabs-closable .close-over{
	background-image:url(../images/sugar/layout/tab-close-on.gif);
}
.x-tabs-body {
    border:1px solid #a8a8a8;
    border-top:0 none;
}
.x-tabs-bottom .x-tabs-wrap {
	border-bottom:0 none;
	padding-top:0;
	border-top:1px solid #a8a8a8;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-right {
	 background: url(../images/sugar/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .x-tabs-left {
	 background: url(../images/sugar/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
	 background: url(../images/sugar/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}
.x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
	 background: url(../images/sugar/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}

.x-tabs-bottom .x-tabs-body {
    border:1px solid #a8a8a8;
    border-bottom:0 none;
}

.x-layout-container .x-layout-tabs-body{
	border:0 none;
}
/* QuickTips */

.x-tip .x-tip-top {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-left {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-right {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-left {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-right {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-left {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-right {
	background-image: url(../images/sugar/qtip/tip-sprite.gif);
}

/* BorderLayout */

.x-layout-container{
    background-color:#f2f2f2;
}
.x-layout-collapsed{
    background-color:#f2f2f2;
	 border:1px solid #a8a8a8;
}
.x-layout-collapsed-over{
	 background-color:#fbfbfb;
}
.x-layout-panel{
    border:1px solid #a8a8a8;
}
.x-layout-nested-layout .x-layout-panel {
	  border:0 none;
}
.x-layout-split{
    background-color:#f2f2f2;
}
.x-layout-panel-hd{
    background-image: url(../images/sugar/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #a8a8a8;
}
.x-layout-tools-button-over{
    border:1px solid #a8a8a8;
}
.x-layout-close{
    background-image:url(../images/sugar/layout/panel-close.gif);
}
.x-layout-stick{
    background-image:url(../images/sugar/layout/stick.gif);
}
.x-layout-collapse-west,.x-layout-expand-east{
    background-image:url(../images/sugar/layout/collapse.gif);
}
.x-layout-expand-west,.x-layout-collapse-east{
    background-image:url(../images/sugar/layout/expand.gif);
}
.x-layout-collapse-north,.x-layout-expand-south{
    background-image:url(../images/sugar/layout/ns-collapse.gif);
}
.x-layout-expand-north,.x-layout-collapse-south{
    background-image:url(../images/sugar/layout/ns-expand.gif);
}
.x-layout-split-h{
    background-image:url(../images/sugar/sizer/e-handle-dark.gif);
}
.x-layout-split-v{
    background-image:url(../images/sugar/sizer/s-handle-dark.gif);
}
.x-layout-panel .x-tabs-wrap{
    background:url(../images/sugar/layout/gradient-bg.gif);
}
.x-layout-nested-layout .x-layout-panel-north {
	  border-bottom:1px solid #a8a8a8;
}
.x-layout-nested-layout .x-layout-panel-south {
	  border-top:1px solid #a8a8a8;
}
.x-layout-nested-layout .x-layout-panel-east {
	  border-left:1px solid #a8a8a8;
}
.x-layout-nested-layout .x-layout-panel-west {
	  border-right:1px solid #a8a8a8;
}
.x-layout-panel-dragover {
	border: 2px solid #a8a8a8;
}
.x-layout-panel-proxy {
	background-image: url(../images/sugar/layout/gradient-bg.gif);
	background-color:#f2f2f2;
	border:1px dashed #a8a8a8;
}
/** Resizable */

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
    background:url(../images/sugar/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
    background:url(../images/sugar/sizer/e-handle.gif);
	 background-position: left;
}
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
    background:url(../images/sugar/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{
    background:url(../images/sugar/sizer/s-handle.gif);
    background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background:url(../images/sugar/sizer/se-handle.gif);
    background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
    background:url(../images/sugar/sizer/nw-handle.gif);
    background-position:bottom right;
}
.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
    background:url(../images/sugar/sizer/ne-handle.gif);
    background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
    background:url(../images/sugar/sizer/sw-handle.gif);
    background-position: top right;
}
.x-resizable-proxy{
    border: 1px dashed #5e5e5e;
}

/** Toolbar */
.x-toolbar{
	border:0 none;
	background: #efefe3 url(../images/sugar/toolbar/gray-bg.gif) repeat-x;
	padding:3px;
}
.x-toolbar .x-btn-over .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background:url(../images/sugar/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background:url(../images/sugar/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background:url(../images/sugar/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
	background-position: 0 -47px;
}
.x-paging-info {
    color:#222222;
}

/* combo box */
.x-combo-list {
    border:1px solid #999;
    background:#dddddd;
}
.x-combo-list-hd {
    color:#222;
    background-image: url(../images/sugar/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #a8a8a8;
}
.x-resizable-pinned .x-combo-list-inner {
    border-bottom:1px solid #aaa;
}
.x-combo-list .x-combo-selected{
	background:#ddd !important;
    border:1px solid #aaa;
}
