/* Commons */

.vodkabody {
    background-color: #f8fbfb;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 10pt;
}

.x-border-layout-ct {
    background: #f8fbfb;
}

.blue-hyperlink-rect {
    background:#c6e0f3;
    width:150px;
    text-align:center;
    /*height:24px;*/
    margin-left:15px;
    padding-top:7px;
    padding-bottom:7px;
}

.room-status-label {
    /*background:#c6e0f3;*/
    /*width:150px;*/
    text-align:left;
    height:20px;
    margin-left:15px;
    padding-top:3px;
}

.invisible-component {
    display:none;
}

.force-height {
	height: 100% !important;
}

/* Panels */

.x-panel-body {
    background-color: #f8fbfb;
    border-style: none;
	overflow: hidden;
}

/*.x-panel .x-panel-bwrap {
   background-color: #f8fbfb !important;
}*/

.x-panel-header, .x-panel-reverse-header {
    color: #fafafa;
    border: 1px solid #abc;
    background-image: url(../themes/slate/images/slate/panel/white-top-bottom.gif);
	font: bold 9pt tahoma, arial, verdana, sans-serif;
    padding: 5px 3px 4px 5px;
}

/*.x-panel-footer {
	background-color: #c6e0f3;
}*/

/* Reverse panels */

.x-reverse {
	background-color: #c6e0f3;
}

.x-panel-reverse .x-panel-reverse-body {
	background-color: #f8fbfb !important;
}

.x-panel-reverse .x-panel-body {
	background-color: #f8fbfb !important;
}

.x-panel-reverse .x-panel-footer {
	background-color: #c6e0f3 !important;
}

.x-panel-reverse {
    border-style: solid;
    border-color: #abc;
	border:0 solid #99BBE8;
	background-color: #C6E0F3 !important;
}

.x-panel-reverse-body .x-panel-body {
		background-color: #c6e0f3 !important;
}

.x-panel-reverse .x-panel-footer {
	background-color: #c6e0f3;
}

/*.x-panel-reverse .x-panel-reverse-body, .x-panel-reverse .x-panel-bwrap {
	background-color: #f8fbfb;
} */

.x-panel-reverse-body .x-alert {
    background-color: #ffcccc;
}

.x-panel-reverse .x-panel-bwrap {
	background-color: #C6E0F3;
}

.x-panel-reverse-body {
    background-color: #F8FBFB !important;
	overflow: hidden;
	border-style:solid;
	border-color: #abc;
	border-width:1px;
	zoom: 1;
    font-size:10pt;
}

.x-panel-reverse-bwrap {
    overflow: hidden;
    zoom: 1;
}

.x-panel-reverse-body-noborder {
	border-width:0;
}
.x-panel-noborder .x-panel-reverse-body-noborder {
	border-width:0;
}

.x-panel-reverse-body .x-panel-reverse-body-noborder {
	border-width:0;
}

/* Tabs */

ul.x-tab-strip-top {
    background: #C6E0F3 none repeat scroll 0 0;
    padding-top: 6px;
    border:none;
    background-image: none;
}

.x-tab-panel-header {
    padding-bottom: 0px;
    border-style: none;
}

.x-tab-strip span.x-tab-strip-text {
    color: #ffffff;
    text-align:center;
    font-weight:bold;
}

.x-tab-strip-active span.x-tab-strip-text {
    color: #101010;
}

.x-tab-strip-over span.x-tab-strip-text {
    color: #111;
}

.x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-strip-inner {
    background:#4080ff;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right, .x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
    background:#f8fbfb;
}

ul.x-tab-strip li {
    float:left;
    margin-left:6px;
}

.x-tab-scroller-left {
    background-image: url( ../themes/slate/images/slate/tabs/scroll-left.gif );
    border-color: #aeaeae;
}

.x-tab-scroller-right {
    background-image: url( ../themes/slate/images/slate/tabs/scroll-right.gif );
    border-color: #aeaeae;
}

/* Buttons */
.x-btn button {
	color: #000;
}

.x-btn-noicon .x-btn-small .x-btn-text {
	height:13px;
}

.x-btn-tl {
	width: 3px;
	height: 2px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 0px;
}

.x-btn-tc {
	height: 2px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -42px;
}

.x-btn-tr {
	width: 3px;
	height: 2px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -21px;
}

.x-btn-ml {
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-y scroll 0 -2px;
}

.x-btn-mc {
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -43px;
}

.x-btn-mr {
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -23px;
}

.x-btn-bl {
	width: 3px;
	height: 2px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -18px;
}

.x-btn-bc {
	height: 2px;
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -60px;
}

.x-btn-br {
	width: 3px;
	height: 2px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -39px;
}

.x-btn-over .x-btn-tl {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -63px;
}

.x-btn-over .x-btn-tc {
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -105px;
}

.x-btn-over .x-btn-tr {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -84px;
}

.x-btn-over .x-btn-ml {
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-y scroll 0 -66px;
}

.x-btn-over .x-btn-mc {
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -108px;
}

.x-btn-over .x-btn-mr {
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -87px;
}

.x-btn-over .x-btn-bl {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -81px;
}

.x-btn-over .x-btn-bc {
	height: 3px;
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) repeat-x scroll 0 -122px;
}

.x-btn-over .x-btn-br {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/button/btn-sprite.gif) no-repeat scroll 0 -102px;
}

.x-btn-over button {
    color: #fff;
}

/* Forms */
.x-form-field-wrap .x-form-trigger {
    background: transparent url( ../themes/slate/images/slate/form/trigger.gif ) no-repeat 0 0;
}

.x-form-field-wrap .x-form-date-trigger {
    background-image: url( ../themes/slate/images/slate/form/date-trigger.gif );
}

.x-form-text, textarea.x-form-field {
	border:1px solid #99AABB;
}

/* Toolbars */
.x-toolbar {
    	border-color: #abc;
    	background: #f0f4f5 url( ../themes/slate/images/slate/toolbar/bg.gif ) repeat-x top left;
}

.x-paging-info, .my-paging-text, .my-paging-display {
	color:#FFFFFF;
}

.x-toolbar .xtb-text {
	    color: #fafafa;
    border: none;
    background-color: transparent;
	/*font: bold 9pt tahoma, arial, verdana, sans-serif;*/
    padding: 5px 3px 4px 5px;
}

.x-toolbar button {
	color:#F4F4F4;
}

.x-item-disabled * {
	color:#333333 !important;
}

.x-tbar-page-next {
	background-image:url(../themes/slate/images/slate/grid/page-next.gif) !important;
}

.x-tbar-page-last {
	background-image:url(../themes/slate/images/slate/grid/page-last.gif) !important;
}

.x-tbar-loading {
	background-image:url(../images/default/grid/done.gif) !important;
}

.x-toolbar .x-btn-over .x-btn-tl {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) no-repeat scroll 0 -63px;
}

.x-toolbar .x-btn-over .x-btn-tc {
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) repeat-x scroll 0 -105px;
}

.x-toolbar .x-btn-over .x-btn-tr {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) no-repeat scroll 0 -84px;
}

.x-toolbar .x-btn-over .x-btn-ml {
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) repeat-y scroll 0 -66px;
}

.x-toolbar .x-btn-over .x-btn-mc {
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) repeat-x scroll 0 -108px;
}

.x-toolbar .x-btn-over .x-btn-mr {
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) no-repeat scroll 0 -87px;
}

.x-toolbar .x-btn-over .x-btn-bl {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) no-repeat scroll 0 -81px;
}

.x-toolbar .x-btn-over .x-btn-bc {
	height: 3px;
	background-color: #465d71;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) repeat-x scroll 0 -122px;
}

.x-toolbar .x-btn-over .x-btn-br {
	width: 3px;
	height: 3px;
	background: transparent url( ../themes/slate/images/slate/toolbar/tb-btn-sprite.gif) no-repeat scroll 0 -102px;
}

.x-toolbar .x-btn-over button {
    color: #fff;
}


/* Tools */

.x-tool {
    background-image: url( ../themes/slate/images/slate/panel/tool-sprites.gif );
}

/* Window */

.x-window {
    background-color: #f8fbfb;
}

/*x-window-bc x-window-footer {
	background-color: #f8fbfb !important;
}

.x-window-proxy {
    background: #f8fbfb;
    border-color: #abc;
}

.x-window-tl .x-window-header {
    color: #101010;
}

.x-window-tc {
	background-color: #c6e0f3;
}

.x-window-tl {
	background-color: #c6e0f3;
}

.x-window-tr {
	background-color: #c6e0f3;
}

.x-window-bc {
    background-color: #c6e0f3;
}

.x-window-bl {
	background-color: #c6e0f3;
}

.x-window-br {
	background-color: #c6e0f3;
}*/

/*.x-window-mc {
    border: 1px solid #abc;
    background-color: #f8fbfb;
}

.x-window-ml {
	background-color: #c6e0f3;
}

.x-window-mr {
	background-color: #c6e0f3;
}

.x-panel-ghost .x-window-tl {
    border-color: #abc;
}

.x-panel-collapsed .x-window-tl {
    border-color: #abc;
}*/

.x-window-plain .x-window-mc {
    background-color: #f8fbfb;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #abc;
    border-left: 1px solid #abc;
}

.x-window-plain .x-window-body {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #abc;
    border-right: 1px solid #abc;
    background-color: #f8fbfb;
}

body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #f8fbfb;
}

/* Calendars */

.x-date-middle, .x-date-left, .x-date-right {
    background: url( ../themes/slate/images/slate/shared/hd-sprite.gif ) repeat-x 0 -83px;
}

.x-date-bottom {
    background: #DFECFB url( ../themes/slate/images/slate/shared/glass-bg.gif ) repeat-x scroll left top;
    border-top: 1px solid #abc;
}

.x-date-right a {
    background-image: url( ../themes/slate/images/slate/shared/right-btn.gif );
}

.x-date-left a {
    background-image: url( ../themes/slate/images/slate/shared/left-btn.gif );
}

.x-date-days td {
    background: #dfecfb url( ../themes/slate/images/slate/shared/glass-bg.gif ) repeat-x left top;
    border-bottom: 1px solid #abc;
    color: #345;
}

.x-date-inner .x-date-selected a {
    background: #dfecfb url( ../themes/slate/images/slate/shared/glass-bg.gif ) repeat-x scroll left top;
    border: 1px solid #89a;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
    background: #cfdce1;
}

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
    color: #123;
    background: #cfdce1;
}

.x-date-mp-ybtn a {
    background: transparent url( ../themes/slate/images/slate/panel/tool-sprites.gif ) no-repeat;
}

.x-date-mp-btns {
    background: #dfecfb url( ../themes/slate/images/slate/shared/glass-bg.gif ) repeat-x scroll left top;
}

td.x-date-mp-sel a {
    background: #dfecfb url( ../themes/slate/images/slate/shared/glass-bg.gif ) repeat-x left top;
    border: 1px solid #abc;
}

.x-date-mp-btns button {
    background: #405574;
    border: 1px solid;
    border-color: #abc #055 #055 #abc;
}

/* Tree */

.x-tree3-node-joint {
	background-image: url(../images/default/tree/leaf.gif);
}

.x-ftree2-selected {
	background: #c6e0f3 !important;
}

/* Roster */

.roster-table {
    /*font-size:11pt;*/
    width:100%;
    border-spacing:0;
    border-width:0;
}

.roster-row {
    width:100%;
    padding:0.5em;
}

.roster-row-odd {
    background:#c6e0f3;
}

.roster-user-column-1 {
    float:left;
    /*width:215px;*/
}

.roster-user-line-1 {
    font-weight:bold;
}

.roster-user-line-1-online {
    color:#00a000;
}

.roster-user-line-1-offline {
    color:gray;
}

.roster-user-line-2 {
    font-size:8pt;
    color:gray;
}

.roster-user-line-2-online {
    color:black;
}

.roster-user-line-2-offline {
    color:gray;
}

.roster-user-column-2 {
    float:right;
    padding-right:21px;
}

/* Progress Bar */

.x-progress-bar {
    background: #9CBFEE url( ../themes/slate/images/slate/progress/progress-bg.gif ) repeat-x left center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Combos */
.x-combo-list {
    border: 1px solid #89a;
}

.x-combo-list .x-combo-selected {
    border: 1px dotted #ccc !important;
    background: #fbf0d2;
}

/* Anchor */
.gwt-Anchor, .gwt-Hyperlink, .blue-hyperlink-rect {
    font-size:10pt;
    text-decoration:underline;
    color:#0000ff;
    border:none;
    cursor:pointer;
}

/* Sign up */
.errorPopup {
    border: 1px solid #f8fbfb;
    padding: 2em;
    background: #ffcccc;
    position:absolute;
    /*left:50%;*/
    width:400px;
    /*margin-left:-200px;*/
    top:300px;
}