/**
 * The file contains styles for GWT widgets in the standard theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    html>body .gwt-Widget {
 *      Rule applies to all browsers (including IE7), except IE6
 *    }
 *    * html .gwt-Widget {
 *      Rule applied to IE6 only (not to IE7)
 *    }
 * 
 * Specifically, IE6 does not support images with multiple transparent colors,
 * so we need to use the AlphaImageLoader in IE6 only.
 */

/**
 * The reference theme can be used to determine when this style sheet has
 * loaded.  Create a hidden div element with absolute position, assign the style
 * name below, and attach it to the DOM.  Use a timer to detect when the
 * element's height and width are set to 5px.
 */
.mosaic-Reference-chrome-rtl {
  height: 5px;
  width: 5px;
  zoom: 1;
}

/* Commented out the following that was messing up the CSS in sequential and had no use anyway when jsme is running inside edX platform.

body {
	font-family: arial,sans-serif;
}

div,td {
	color: #000000;
}

a:link {
	color:#0000cc;
}
     
a:visited {
	color:#551a8b;
}

a:active {
	color:#ff0000;
}
*/

/*** Button ***/

.gwt-Button {
  /* IE hack */
  overflow: visible;
}

/*** TextBox & TextArea */

.gwt-TextBox,
.gwt-PasswordTextBox,
.gwt-TextArea {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-size: 10pt;
	border: 1px inset #ccc;
}

/*** DecoratedButton ***/

.mosaic-DecoratedButton {
	margin: 0px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background: url("images/hborder.png") repeat-x 0px -27px;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}
.mosaic-DecoratedButton .buttonTopCenter,
.mosaic-DecoratedButton .buttonBottomCenter {
	height: 1px !important;
	background: #444;
}
.mosaic-DecoratedButton .buttonTopCenterInner,
.mosaic-DecoratedButton .buttonBottomCenterInner {
	height: 1px !important;
	background: #f00;
}
.mosaic-DecoratedButton .buttonMiddleLeft,
.mosaic-DecoratedButton .buttonMiddleRight {
	width: 1px;
	background: #444;
}
.mosaic-DecoratedButton .buttonTopLeftInner,
.mosaic-DecoratedButton .buttonTopRightInner,
.mosaic-DecoratedButton .buttonBottomLeftInner,
.mosaic-DecoratedButton .buttonBottomRightInner {
	width: 1px;
	height: 1px;
}
.mosaic-DecoratedButton .buttonMiddleCenterInner {
	width: 100%;
	height: 100%;
	background: #0ff;
}

/*** ComboBox ***/

.mosaic-ComboBox {
	border: 1px inset #ccc;
	background: url("images/hborder.png") repeat-x 0px -27px;
}

.mosaic-ComboBox input {
	border: 0px;
	text-align: middle;
}
.mosaic-ComboBox button {
	width: 17px !important;
	border: 0px;
	border-left: 1px solid #ccc;
	padding: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/combobox/arrow-down.png);
}

/*** ToolButton ***/

.mosaic-ToolButton {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url("images/hborder.png") repeat-x 0px -27px;
}
.mosaic-ToolButton .mosaic-Button  {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}
.mosaic-ToolButton .mosaic-Button:active {
  border: 1px inset #ccc;
}
.mosaic-ToolButton .mosaic-Button:hover {
  border-color: #9cf #69e #69e #7af;
}
.mosaic-ToolButton .mosaic-Button[disabled] {
  cursor: default;
  color: #888;
}
.mosaic-ToolButton .mosaic-Button[disabled]:hover {
  border: 1px outset #ccc;
}
.mosaic-ToolButton .mosaic-Button {
    background: none;
}
.mosaic-ToolButton .mosaic-Menu-Button,
.mosaic-ToolButton .mosaic-Split-Button {
    padding-right: 20px;
    background-position: right center;
    background-repeat: no-repeat;
}
.mosaic-ToolButton .mosaic-Menu-Button {
    background-image: url(images/button/menu-button-arrow.png);
}
.mosaic-ToolButton .mosaic-Split-Button {
    background-image: url(images/button/split-button-arrow.png);
}
.mosaic-ToolButton .mosaic-Split-Button-focus {
    background-image: url(images/button/split-button-arrow-focus.png);
}
.mosaic-ToolButton .mosaic-Split-Button-hover {
    background-image: url(images/button/split-button-arrow-hover.png);
}
.mosaic-ToolButton .mosaic-Split-Button-activeoption {
    background-image: url(images/button/split-button-arrow-active.png);
}

/* Checked state */

.mosaic-ToolButton .mosaic-Checkbox-Button-checked {
    border: 1px inset #ccc;
    background-color: #ccc;
}

/* Disabled state */

.mosaic-ToolButton .mosaic-Menu-Button-disabled {
    background-image: url(images/button/menu-button-arrow-disabled.png);
}

.mosaic-ToolButton .mosaic-Split-Button-disabled {
    background-image: url(images/button/split-button-arrow-disabled.png);    
}

.mosaic-ToolButton .mosaic-Checkbox-Button-checked[disabled] {
    border: 1px inset #ccc;  
}

/*** Caption ***/

.mosaic-Caption {
	background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
	border-bottom: 1px solid #bbbbbb;
}
.mosaic-Caption-iconBoxLeft {
	padding: 0px 0px 0px 2px;
}
.mosaic-Caption-iconBoxRight {
	padding: 0px 2px 0px 0px;
}
.mosaic-Caption-text {
	padding: 4px 4px 4px 4px;
	text-align: left !important;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

/*** DropDownPanel ***/

.mosaic-DropDownPanel {
	
}

.mosaic-DropDownPanel .mosaic-ComboBoxList {
	background: white;
	border: none;
	margin: 0px;
	padding: 0px;
}

.mosaic-DropDownPanel .gwt-ScrollTable,
.mosaic-DropDownPanel .mosaic-ColumnWidget,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable {
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
}

.mosaic-DropDownPanel .gwt-ScrollTable .headerWrapper,
.mosaic-DropDownPanel .mosaic-ColumnWidget .headerWrapper,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .headerWrapper {
	background: #8bd url(images/scrolltable/bg_header_gradient.gif) repeat-x bottom left;
}

.mosaic-DropDownPanel .gwt-ScrollTable .footerWrapper,
.mosaic-DropDownPanel .mosaic-ColumnWidget .footerWrapper,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .footerWrapper {
	border-top: 1px solid #aaa;
	background: #8bd url(images/scrolltable/bg_header_gradient.gif) repeat-x bottom left;
}

.mosaic-DropDownPanel .gwt-ScrollTable .dataTable td,
.mosaic-DropDownPanel .gwt-ScrollTable .headerTable td,
.mosaic-DropDownPanel .gwt-ScrollTable .footerTable td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .headerTable td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .footerTable td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .headerTable td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .footerTable td {
	border-color: #aaa;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	white-space: nowrap;
	overflow: hidden;
	padding: 1px 3px;
}

.mosaic-DropDownPanel .gwt-ScrollTable .headerTable td,
.mosaic-DropDownPanel .gwt-ScrollTable .footerTable td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .headerTable td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .footerTable td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .headerTable td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .footerTable td {
	color: #fff;
}
    
.mosaic-DropDownPanel .gwt-ScrollTable .dataTable tr.hovering,
.mosaic-DropDownPanel .gwt-ScrollTable .dataTable tr.highlighted,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable tr.hovering,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable tr.highlighted,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable tr.hovering,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable tr.highlighted {
	background: #C3D9FF;
}

.mosaic-DropDownPanel .gwt-ScrollTable .dataTable tr.hovering,
.mosaic-DropDownPanel .gwt-ScrollTable .dataTable tr.highlighted,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable tr.hovering,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable tr.highlighted,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable tr.hovering,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable tr.highlighted {
	/*background: #FFFFAA;*/
	cursor: hand;
	cursor: pointer;
}

.mosaic-DropDownPanel .gwt-ScrollTable .dataTable tr.selected td,
.mosaic-DropDownPanel .mosaic-ColumnWidget .dataTable tr.selected td,
.mosaic-DropDownPanel .mosaic-ScrollTreeTable .dataTable tr.selected td {
	background: #7AA5D6;
}

/*** WindowPanel ***/

.mosaic-WindowPanel {
}
.mosaic-WindowPanel .mosaic-CaptionLayoutPanel .dragdrop-handle {
	cursor: move;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}
.mosaic-WindowPanel .mosaic-CaptionLayoutPanel {	
	padding: 0px;
	margin: 0px;
	
	/* debug */
	/*border: 1px solid #00f;*/
}
.mosaic-WindowPanel .Body {
	background: white;
}
.mosaic-MessageBox .Body {
	background: none;
}
.mosaic-WindowPanel .Footer {
}
.mosaic-WindowPanel .popupMiddleCenter {
	padding: 0px;
	margin: 0px;
}
.mosaic-WindowPanel .Resize-nw {
	cursor: nw-resize;
}
.mosaic-WindowPanel .Resize-n {
	cursor: n-resize;
}
.mosaic-WindowPanel .Resize-ne {
	cursor: ne-resize;
}
.mosaic-WindowPanel .Resize-e {
	cursor: e-resize;
}
.mosaic-WindowPanel .Resize-se {
	cursor: se-resize;
}
.mosaic-WindowPanel .Resize-s {
	cursor: s-resize;
}
.mosaic-WindowPanel .Resize-sw {
	cursor: sw-resize;
}
.mosaic-WindowPanel .Resize-w {
	cursor: w-resize;
}

/*** GlassPanel ***/

.mosaic-GlassPanel-loading,
.gwt-GlassPanel {
	/* Override glass panel color to be `green` */
	background-color: #000 !important;
	background-repeat: repeat;

	/* Override glass panel to 10% opacity (= 90% transparency) */
	filter: alpha(opacity = 10) !important; /* IE */
	opacity: 0.1 !important; /* non-IE */

	/*
      NOTE: Please do NOT use either CSS 'width' or 'height' here, as
      this would defeat much of the effort that went into GlassPanel
      in order to get it to work consistently in a variety of
      circumstances. Specifically, please resist the urge to use
      'width/height: 100%' or similar constructs.
	*/
}
.mosaic-GlassPanel-invisible {
	/* Override glass panel color to be `green` */
	background-color: #000 !important;
	background-repeat: repeat;
	
	/* Override glass panel to 0% opacity (= 100% transparency) */
	filter: alpha(opacity = 0) !important; /* IE */
	opacity: 0.0 !important; /* non-IE */
}
.mosaic-GlassPanel-default,
.mosaic-GlassPanel-blue_ridge {
	background-image: url("images/glasspanel/blue_ridge.png");
	background-repeat: repeat;

	filter: alpha(opacity = 33) !important; /* IE */
	opacity: 0.3 !important; /* non-IE */
}

/*** ImageButton ***/

.mosaic-ImageButton {
	cursor: pointer;
}

.mosaic-ImageButton img {
	display: block;
	
	/*
	 * Unfortunately, in IE, border-color: transparent is rendered as black.
	 * We get around the border on hover displacement of content by adjusting
	 * the margin/padding at the same time.
	 */
	border: 0px solid transparent;
	margin: 1px;
}
.mosaic-ImageButton img:hover {
	/*
	 * Unfortunately, in IE, border-color: transparent is rendered as black.
	 * We get around the border on hover displacement of content by adjusting
	 * the margin/padding at the same time.
	 */
	border: 1px solid #4d4d4d;
	margin: 0px;
	
	background-color: #ccc;
}
.mosaic-ImageButton img:active {
	background-color: #dcc;
}

/*** InfoPanel ***/

.mosaic-InfoPanel {
}
.mosaic-InfoPanel-panel {
}
.mosaic-InfoPanel-caption {
	font-weight: bold;
	display: block;
}
.mosaic-InfoPanel-description {
}

/*** TabLayoutPanel ***/

.mosaic-TabLayoutPanel {
}

.mosaic-TabLayoutPanelBottom {
/*
	border-color: #92c1f0;
	border-style: solid;
	border-width: 3px 2px 2px 2px;
*/
}

/*** ScrollTabBar ***/

.mosaic-ScrollTabBar {
}

.mosaic-ScrollTabBar .mosaic-ScrollTabBar-NavBar {
  margin: 0px 2px !important;	
}

.mosaic-ScrollTabBar button {
  padding: 0px !important;
  margin: 0px 0px 2px 0px !important;
  border: 1px solid #ccc;
}

/*** ScrollTable ***/

.gwt-ScrollTable,
.mosaic-ColumnWidget,
.mosaic-ScrollTreeTable {
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
}

.gwt-ScrollTable .headerWrapper,
.mosaic-ColumnWidget .headerWrapper,
.mosaic-ScrollTreeTable .headerWrapper {
	background: #8bd url(images/scrolltable/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .footerWrapper,
.mosaic-ColumnWidget .footerWrapper,
.mosaic-ScrollTreeTable .footerWrapper {
	border-top: 1px solid #aaa;
	background: #8bd url(images/scrolltable/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td,
.mosaic-ColumnWidget .dataTable td,
.mosaic-ColumnWidget .headerTable td,
.mosaic-ColumnWidget .footerTable td,
.mosaic-ScrollTreeTable .dataTable td,
.mosaic-ScrollTreeTable .headerTable td,
.mosaic-ScrollTreeTable .footerTable td {
	border-color: #aaa;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	white-space: nowrap;
	overflow: hidden;
}

.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td,
.mosaic-ColumnWidget .headerTable td,
.mosaic-ColumnWidget .footerTable td,
.mosaic-ScrollTreeTable .headerTable td,
.mosaic-ScrollTreeTable .footerTable td {
	color: #fff;
}

.gwt-ScrollTable .dataTable tr.highlighted, /* gen2 */
.gwt-ScrollTable .dataTable tr.hovering,
.mosaic-ColumnWidget .dataTable tr.hovering,
.mosaic-ScrollTreeTable .dataTable tr.hovering {
	background: #C3D9FF;
}

.gwt-ScrollTable .dataTable td.highlighted, /* gen2 */
.gwt-ScrollTable .dataTable td.hovering,
.mosaic-ColumnWidget .dataTable td.hovering,
.mosaic-ScrollTreeTable .dataTable td.hovering {
	background: #FFFFAA;
	cursor: hand;
	cursor: pointer;
}

.gwt-ScrollTable .dataTable tr.selected,
.mosaic-ColumnWidget .dataTable tr.selected,
.mosaic-ScrollTreeTable .dataTable tr.selected {
	background: #7AA5D6;
}

.gwt-ScrollTable .pagingOptions {
	background: #e8eef7;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 1px 0px;
}

.gwt-ScrollTable .pagingOptions .errorMessage {
	color: red;
}

.gwt-PagingOptions .gwt-Image {
	cursor: hand;
	cursor: pointer;
}

.gwt-InlineCellEditor {
	border: 3px solid #7AA5D6;
	padding: 4px;
	background: white;
	overflow: auto;
}
.gwt-InlineCellEditor .accept {
	cursor: pointer;
	cursor: hand;
}
.gwt-InlineCellEditor .cancel {
	cursor: pointer;
	cursor: hand;
}

/*** CaptionLayoutPanel ***/

.mosaic-CaptionLayoutPanel {
	padding: 0px;
	margin: 0px;

	/* debug */
	/*border: 1px dotted #00f;*/
}
.mosaic-CaptionLayoutPanel .Body {
	
	/* debug */
	/*border: 1px dotted #0f0;*/
}

/** DisclosureLayoutPanel */

.mosaic-DisclosureLayoutPanel {
}
.mosaic-DisclosureLayoutPanel-open {
}
.mosaic-DisclosureLayoutPanel-close {
}
.mosaic-DisclosureLayoutPanel .mosaic-Caption {
  background: none;
  border: none;
}
.mosaic-DisclosureLayoutPanel .mosaic-Caption-text a {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: pointer;
  cursor: hand;
  padding: 1px;
}
.mosaic-DisclosureLayoutPanel .Body {
  border-left: 3px solid #e3e3e3;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

/*** LayoutPanel ***/

.mosaic-LayoutPanel {
	padding: 5px;
	margin: 0px;
	
	/* debug */
	/*
	margin: 1px;
	border: 1px dotted #f00;
	*/
}
.mosaic-LayoutPanel-FormLayout .mosaic-LayoutPanel {
	/* required by Safari to handle the 'width' attribute */ 
	position: absolute !important;
}
.mosaic-LayoutPanel-FillLayout {
	padding: 0px;
}
.mosaic-LayoutPanel-BoxLayout {
}
.mosaic-LayoutPanel-BorderLayout {
}
.mosaic-LayoutPanel-BorderLayout .NorthCollapsedImageButton {
	border: 1px solid #d0e4f6;
	border-top: none;
	height: 18px !important;
	padding: 0px 1px 1px 1px;
	overflow: hidden;
}
.mosaic-LayoutPanel-BorderLayout .SouthCollapsedImageButton {
	border: 1px solid #d0e4f6;
	border-bottom: none;
	height: 18px !important;
	padding: 1px 1px 0px 1px;
	overflow: hidden;
}
/* TODO
html>body .mosaic-LayoutPanel-BorderLayout .NorthCollapsedImageButton img,
html>body .mosaic-LayoutPanel-BorderLayout .SouthCollapsedImageButton img {
	position: absolute;
	top: 0px;
	right: 0px;
}
*/
.mosaic-LayoutPanel-BorderLayout .WestCollapsedImageButton {
	border: 1px solid #d0e4f6;
	border-left: none;
	
	/* required by Safari to handle the 'width' attribute */
	position: absolute !important;
	width: 18px !important;
	
	padding: 1px 1px 1px 0px;
	overflow: hidden;
}
.mosaic-LayoutPanel-BorderLayout .EastCollapsedImageButton {
	border: 1px solid #d0e4f6;
	border-right: none;
	
	/* required by Safari to handle the 'width' attribute */
	position: absolute !important;
	width: 18px !important;

	padding: 1px 0px 1px 1px;
	overflow: hidden;
}
.mosaic-LayoutPanel-BorderLayout .NorthSplitBar {
	overflow: hidden; /* required by IE6 */
	background: #fff;
	cursor: n-resize;
}
.mosaic-LayoutPanel-BorderLayout .NorthSplitBar:hover {
	border-top: 1px dashed #888;
}
.mosaic-LayoutPanel-BorderLayout .NorthSplitBar-Movable {
	background: #000;
	cursor: n-resize;
}
.mosaic-LayoutPanel-BorderLayout .SouthSplitBar {
	overflow: hidden; /* required by IE6 */
	background: #fff;
	cursor: s-resize;
}
.mosaic-LayoutPanel-BorderLayout .SouthSplitBar:hover {
	border-bottom: 1px dashed #888;
}
.mosaic-LayoutPanel-BorderLayout .SouthSplitBar-Movable {
	background: #000;
	cursor: s-resize;
}
.mosaic-LayoutPanel-BorderLayout .WestSplitBar {
	overflow: hidden; /* required by IE6 */
	background: #fff;
	cursor: w-resize;
}
.mosaic-LayoutPanel-BorderLayout .WestSplitBar:hover {
	border-left: 1px dashed #888;
}
.mosaic-LayoutPanel-BorderLayout .WestSplitBar-Movable {
	background: #000;
	cursor: w-resize;
}
.mosaic-LayoutPanel-BorderLayout .EastSplitBar {
	overflow: hidden; /* required by IE6 */
	background: #fff;
	cursor: w-resize;
}
.mosaic-LayoutPanel-BorderLayout .EastSplitBar:hover {
	border-right: 1px dashed #888;
}
.mosaic-LayoutPanel-BorderLayout .EastSplitBar-Movable {
	background: #000;
}

/*** ToolBar ***/

.mosaic-ToolBar {
	cursor: default;
	padding: 3px;
	background: url("images/hborder.png") repeat-x 0px -27px;
}
.mosaic-ToolBar .mosaic-ToolButton {
	background: none;
	white-space: nowrap;
}
.mosaic-ToolBar .mosaic-ToolBarSeparator {
	border-left: 1px solid #ccc;
	background: white;
	
	/* required by Safari to handle the 'width' attribute */
	position: absolute !important;
	width: 1px;
	
	padding: 0px;
	margin: 5px 3px;
}

/*** WidgetWrapper ***/

.mosaic-WidgetWrapper {
	/* debug */
	/*border: 1px solid;*/	
}

/*** DateTimePicker ***/

.mosaic-DateTimePicker {
	border: none;
	padding: 0px;
	margin: 0px;
	cursor: default;
	background: #dbe6de;
}

/*** mosaic-DecoratedBottomTabBar ***/

.mosaic-DecoratedBottomTabBar {	
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarFirst {
	width: 5px;  /* first tab distance from the left */
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarRest {
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 6px;
}
.mosaic-DecoratedBottomTabBar .tabBottomCenter {
	padding: 0px;
	background: #d0e4f6;
}
.mosaic-DecoratedBottomTabBar .tabBottomLeft,
.mosaic-DecoratedBottomTabBar .tabBottomRight {
	padding: 0px;
	zoom: 1;
}
.mosaic-DecoratedBottomTabBar .tabBottomLeftInner,
.mosaic-DecoratedBottomTabBar .tabBottomRightInner {
	width: 6px;
	height: 6px;
}
.mosaic-DecoratedBottomTabBar .tabMiddleLeft,
.mosaic-DecoratedBottomTabBar .tabMiddleRight {
	width: 6px;
	padding: 0px;
	background: #d0e4f6;
}
.mosaic-DecoratedBottomTabBar .tabMiddleLeftInner,
.mosaic-DecoratedBottomTabBar .tabMiddleRightInner {
	width: 1px;
	height: 1px;
}
.mosaic-DecoratedBottomTabBar .tabMiddleCenter {
	padding: 0px 4px 2px 4px;
	cursor: pointer;
	cursor: hand;
	color: black;
	font-weight: bold;
	text-align: center;
	background: #d0e4f6;
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabBottomCenter {
	background: #92c1f0;
}
html>body .mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabBottomLeft {
	background-position: 0px 0px;
}
html>body .mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabBottomRight {
	background-position: -6px 0px;
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabMiddleRight {
	background: #92c1f0;
}
.mosaic-DecoratedBottomTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #92c1f0;
}

/*** StackLayoutPanel ***/

.mosaic-StackLayoutPanel {
	/*border: 1px solid #bbbbbb;*/
}
.mosaic-StackLayoutPanel .mosaic-StackLayoutPanelItem {
	cursor: pointer;
	cursor: hand;
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.mosaic-StackLayoutPanel .mosaic-StackLayoutPanelItem-selected {
	cursor: pointer;
	cursor: hand;
}
.mosaic-StackLayoutPanel .mosaic-StackLayoutPanelContent {
	/*border: 1px solid #bbbbbb;*/
	/*border-bottom: 0px;*/
}

/*** FastTree ***/

/* --- Structural CSS --- */

.gwt-FastTree {
	-moz-user-select: none;
	position: relative;
}
.gwt-FastTreeItem {
	min-width: 18px;
}
.gwt-FastTreeItem .open,.gwt-FastTreeItem .closed {
	width: 100%;
}
.gwt-FastTree .selection-bar {
	font-size: 0;
	position: absolute;
	left: 0;
	width: 1px;
	z-index: -1;
	outline: none;
	-moz-outline: none;
}
.gwt-FastTree .selection-bar :focus {
	outline: none
}

/* --- Visual styling --- */

.gwt-FastTree .open .treeItemContent,.gwt-FastTree  .closed .treeItemContent {
	margin-left: 18px;
}
.gwt-FastTreeItem-leaf {
	display: block;
	padding: 2px;
	padding-left: 18px;
}
.gwt-FastTreeItem .children {
	margin-left: 10px;
}
.gwt-FastTreeItem .open,.gwt-FastTreeItem .closed,.gwt-FastTreeItem-leaf {
	color: black;
}
.gwt-FastTreeItem .open {
	background: url('images/fasttree/treeOpen.gif') no-repeat center left;
}
.gwt-FastTreeItem .closed {
	background: url('images/fasttree/treeClosed.gif') no-repeat center left;
}
.gwt-FastTreeItem-loading .open {
	background: url('images/fasttree/treeLoading.gif') no-repeat center left;
}
.gwt-FastTreeItem-leaf { 
}
.gwt-FastTree .treeItemContent {
	padding: 2px;
}
.gwt-FastTree .selected .treeItemContent {
	background: #e3e8f3 url('images/fasttree/selectionBar.gif') repeat-x;
}

/*** FastTreeTable ***/

/* --- Structural CSS --- */

.gwt-FastTreeTable {
	-moz-user-select: none;
	position: relative;
}
.gwt-FastTreeTable td {
	white-space: nowrap;
}
.gwt-FastTreeTableItem {
	min-width: 18px;
}
.gwt-FastTreeTableItem .open,.gwt-FastTreeTableItem .closed {
	width: 100%;
}
.gwt-FastTreeTable .selection-bar {
	font-size: 0;
	position: absolute;
	left: 0;
	width: 1px;
	z-index: -1;
	outline: none;
	-moz-outline: none;
}
.gwt-FastTreeTable .selection-bar :focus {
	outline: none
}

/* --- Visual styling --- */

.gwt-FastTreeTable .open .treeItemContent,.gwt-FastTreeTable .closed .treeItemContent {
	margin-left: 18px;
}
.gwt-FastTreeTableItem-leaf {
	display: block;
	padding: 2px;
	padding-left: 18px;
}
.gwt-FastTreeTableItem-children {
	margin-left: 10px;
}
.gwt-FastTreeTableItem .open,.gwt-FastTreeTableItem .closed,.gwt-FastTreeTableItem-leaf {
	color: black;
}
.gwt-FastTreeTableItem .open {
	background: url('images/fasttree/treeOpen.gif') no-repeat center left;
}
.gwt-FastTreeTableItem .closed {
	background: url('images/fasttree/treeClosed.gif') no-repeat center left;
}
.gwt-FastTreeTableItem-loading .open {
	background: url('images/fasttree/treeLoading.gif') no-repeat center left;
}
.gwt-FastTreeTableItem-leaf {
}
.gwt-FastTreeTable .treeItemContent {
	padding: 2px;
}
/*
.gwt-FastTreeTable .selected .treeItemContent {
	background: #e3e8f3 url('images/fasttree/selectionBar.gif') repeat-x;
}
*/

/*** gwt-MenuItem ***/

.gwt-MenuBar .gwt-MenuItem-disabled {
	cursor: default;
	background: none;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity=40);
}

/*** gwt-MenuBarPopup ***/

.gwt-MenuBarPopup {
	z-index: 2147483647; /* Integer.MAX_VALUE */
}

/*** gwt-InlineCellEditor **/

.gwt-InlineCellEditor {
	z-index: 2147483647; /* Integer.MAX_VALUE */
}

/*** gwt-PopupPanel **/
.gwt-PopupPanel,
.gwt-DecoratedPopupPanel {
	z-index: 2147483647; /* Integer.MAX_VALUE */
}

/*** mosaic-FormSeparator **/

.mosaic-FormSeparator {
	font-weight: bold;
}

.mosaic-FormSeparator div {
	border: 1px solid #4d4d4d;
}

/*** Basic Button with Images ***/

.gwt-Button[disabled] table,
.gwt-Button[disabled] img {
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity=40);
}

.gwt-Button {
	white-space: nowrap;
}

/*** GWT Incubator SliderBar ***/

.gwt-SliderBar-shell {
	height: 34pt;
	width: 256px;
}

.gwt-SliderBar-shell .gwt-SliderBar-line {
	border: 1px solid #4d4d4d;
	background-color: #cdcdcd;
	height: 4px;
	width: 95%;
	top: 22pt;
	overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-line-disabled {
	border: 1px solid #8d8d8d;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
	top: 14pt;
	z-index: 1;
	cursor: pointer;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick {
	top: 16pt;
	width: 1px;
	height: 6pt;
	background: #4d4d4d;
	overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick-disabled {
	background: #8d8d8d;
}

.gwt-SliderBar-shell .gwt-SliderBar-label {
	top: 2pt;
	font-size: 8pt;
	cursor: default;
}

.gwt-SliderBar-shell-focused {
	
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
	cursor: pointer;
}

/*** GWT Incubator ProgressBar ***/

.gwt-ProgressBar-shell {
	border: 1px solid #4d4d4d;
	background-color: #AAAAAA;
	height: 1em;
	width: 256px;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}

/*** GWT Incubator Value Spinner ***/

.gwt-ValueSpinner .arrows {
	width: 17px;
	height: 18px;
	margin-left: 1px;
}

.gwt-ValueSpinner .textBox {
	border: 0px;
	text-align: right;
	font-family: sans-serif;
	font-weight: bold;
	border: 1px solid #7F9DB9;
}

.gwt-TimePicker {
	padding: 1px;
}

.gwt-TimePicker .textBox {
	border: 0px;
	width: 22px;
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #506374;
	border: 1px solid #7F9DB9;
	background: url('images/valuespinner/bg_textbox.png') repeat-x;
}

.gwt-VolumeSlider .gwt-ProgressBar-shell {
	border: 1px solid #faf9f7;
	border-right: 1px solid #848280;
	border-bottom: 1px solid #848280;
	background-color: #AAAAAA;
	width: 50%;
	height: 12pt;
}

.gwt-VolumeSlider .gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #67A7E3;
}

.gwt-VolumeSlider .gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}

.gwt-VolumeSlider .decreaseArrow {
	margin: 4px;
}

.gwt-VolumeSlider .increaseArrow {
	margin: 4px;
}
