@CHARSET "UTF-8";

.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 1px 1px 1px !important;
  overflow: hidden;
  padding: 6px;
}

.link {
	color: blue;
	text-decoration: underline;
}

<!-- image button styling is needed here to -->
<!-- to make highlighting work in Explorer  -->
<!-- I do not have a clue why...           -->
table.image-button {
	cursor: pointer;
	cursor: hand;	
	width: 100%;
	border: 1px solid white;
}

table.image-button:hover {
	background-color: #d0e4f6;
	border: 1px solid #92c1f0;
}
	
.tabset-controls-button {
	width: 100%;
	/*
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	*/
}

/*
.tabset-controls-button:hover {
	border-bottom: 1px solid #92c1f0;
	border-top: 1px solid #92c1f0;
	background-color: #d0e4f6
}

.tabset-controls-button-top {
	width: 100%;
	border-bottom: 1px solid white;
}

.tabset-controls-button-top:hover {
	border-bottom: 1px solid #92c1f0;
}

.tabset-controls-button-bottom {
	width: 100%;
	border-top: 1px solid white;
}

.tabset-controls-button-bottom:hover {
	border-top: 1px solid #92c1f0;
}
*/

.tabset-controls  {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	/*border: 1px solid #92c1f0	*/
}

.image-link {
	cursor: pointer;
	cursor: hand;
}

.tab-image {
	margin-right: 3px	
}

.add-tab-add-icon {
	margin-left: 3px;
	margin-right: 3px;
}

.add-tab {
	background-color: ivory; /*#FFFFF0;*/
	border: 1px solid #92c1f0;/*#87b3ff;*/
	padding: 10px;
	width: 100%;
}

.tabpanel-close-icon {
	margin-left: 2px;
}

.tabpanel-rename-icon {
	margin-left: 2px;
}

.gwt-DialogBox .Caption {
	font-variant: small-caps;
}

.gwt-DecoratedTabBar {
 	
}

.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 1px 1px 1px;
  /*border-bottom: none;*/
  overflow: hidden;
  padding: 6px;
}


/* DND styles */
.dragdrop-handle {
	/*cursor: move;*/
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}

.dragdrop-draggable {
	zoom: 1; /* IE gain hasLayout */
}

.dragdrop-dragging {
	zoom: normal; /* remove artifacts */
	font-family: arial, sans-serif /* border: 1px solid green; */
}

.dragdrop-positioner {
	/*width: 300px;*/
	border: 1px dashed #1E90FF; /* blue */
	margin: 0px !important;
	zoom: 1; /* IE gain hasLayout */
	z-index: 100;
}

.dragdrop-flow-panel-positioner {
	color: #1E90FF; /* blue */
	display: inline;
	text-align: center;
	vertical-align: middle;
}

.dragdrop-proxy {
	background-color: #77AAFF; /* light blue */
}

.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
	filter: alpha(opacity =   50);
	opacity: 0.5;
	
}

.dragdrop-movable-panel {
	z-index: 200;
	margin: 0px !important;
	border: 1px solid black;
}

/* Product list */
.product-list-label {
	color: blue;
	font-family: arial, sans-serif;
	cursor: pointer;
	cursor: hand;
	font-size: x-small
}

.product-list-label:hover {
	text-decoration: underline
}

/* Content tab panel */
/*
.gwt-TabPanel {
	
}

.gwt-TabBar {
	width: 600px;
	font-size: smaller;
	cursor: pointer;
	background-color: #BCDEFF;

	border-top: 1px solid #87b3ff;
	border-bottom: none;
	border-right: 1px solid #87b3ff;
	border-left: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #BCDEFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	background-color: white;
	border-left: 1px solid #87b3ff;
 	border-right: 1px solid #87b3ff;
 	border-top: 1px solid #87b3ff;
}


*/ 

/* Content tab */
.content-tab-panel {
	width: 100%;
	
	/*padding-right: 50px*/
}

/* Content tab set panel */

.content-tabset-panel {
	width: 650px
}

.content-tabset-panel-empty-label {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #92c1f0;
	background-color: ivory;			
}

.content-control-panel {
	padding: 20px;
}

/* Edit panel */

div.info-panel-item-label {
	font-weight: bold;
	font-size: medium;
}

div.info-panel-item-label:hover {
	text-decoration: underline;
}

div.info-panel-change-label {
	font-size: small;
	color: blue;	
}

div.info-panel-change-label:hover {
	text-decoration: underline;
	
}

.info-panel-code-label {
	font-size: medium;
	color: grey;
	padding-left: 3px;
	padding-right: 3px
}

.info-panel {
	width: 100%;
	background-color: #d0e4f6;
	padding: 2px;
	border: 1px solid #92c1f0;
	cursor: pointer;
	cursor: hand;
}

.edit-panel-content-control {
	font-family: arial, sans-serif;
	/*
	padding: 5px;
	background-color: #BCDEFF;
	border: 1px solid #87b3ff;
	*/
	background-color: #d0e4f6;
	padding: 3px;
	border: 1px solid #92c1f0
}

/*
.product-change-popup {
	background-color: white;
	color: black;
	font-weight: 400;
	font-size: normal;
	padding: 5px;
	border: 1px solid black;
	font-family: arial, sans-serif
}
*/


.gwt-DialogBox .dialogTopCenter {
	cursor: move;
}

.product-chooser-product-group-label {
	color: blue;
	font-size: smaller;
	cursor: pointer;
	cursor: hand;
	font-variant: normal;
	border: 1px solid white;
}

.product-chooser-product-group-label-selected {
	font-weight: bold;
	color: white;
	background-color: blue
}

.product-chooser-product-group-label:hover {
	background-color: #d0e4f6;
	border: 1px solid #92c1f0;
}

.product-chooser-product-group-scroll {
	border: 1px solid #92c1f0;
	padding: 5px;
	height: 410px;
	width: 300px
}

.product-chooser-product-group-panel {
	width: 100%;
}