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

hr {
	color: black; 
	background-color: black; 
	height: 1px; 
	border: 0;
	padding: 0; 
	margin: 0;	
}

/*
.help-item-popup .popupTopCenterInner {
		background-color: red;
}
*/

.deletion-confirm-panel {
	color: blue;
	padding-left: 10px;
	padding-right: 10px;	
}

.deletion-confirm-top-label {
	padding-bottom: 5px;	
}

.deletion-confirm-bottom-label {
	padding-top: 10px;	
}

.dragdrop-selected {
  color: white;
  background-color: black;
  filter: alpha(opacity = 100);
  opacity: 1.0;
}

/*
.dragdrop-handle {
	cursor: pointer, hand;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
}
*/

.CcDecoratedTabBar .gwt-TabBarFirst {
  width: 0px;  /* first tab distance from the left */
}

.CcDecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 2px; /* space between tabs */
}

.CcDecoratedTabBar .gwt-TabBarItemSpacer {
  border-collapse: collapse;
  margin-left: 20px; /* space between tabs */
}

.CcDecoratedTabBar .tabMiddleCenter {
 /* padding: 0px 4px 2px 4px;*/ /* padding around title */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}

.CcDecoratedTabBar {
}

.CcDecoratedTabBar .gwt-TabBarRest {
}

.CcDecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #d0e4f6;
}
.CcDecoratedTabBar .tabTopLeft,
.CcDecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.CcDecoratedTabBar .tabTopLeftInner,
.CcDecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}
html>body .CcDecoratedTabBar .tabTopLeft {
  background: url(gwt/standard/images/corner.png) no-repeat 0px -55px;
}
html>body .CcDecoratedTabBar .tabTopRight {
  background: url(gwt/standard/images/corner.png) no-repeat -6px -55px;
}
* html .CcDecoratedTabBar .tabTopLeftInner {
  width: 5px;
  height: 61px;
  margin-top: -55px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .CcDecoratedTabBar .tabTopRightInner {
  width: 12px;
  height: 61px;
  margin-top: -55px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.CcDecoratedTabBar .tabMiddleLeft,
.CcDecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #d0e4f6;
}
.CcDecoratedTabBar .tabMiddleLeftInner,
.CcDecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}

.CcDecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #92c1f0;
}
html>body .CcDecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px -61px;
}
html>body .CcDecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -6px -61px;
}
* html .CcDecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
  width: 5px;
  height: 67px;
  margin-top: -61px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .CcDecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
  width: 12px;
  height: 67px;
  margin-top: -61px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.CcDecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.CcDecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #92c1f0;
}
.CcDecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #92c1f0;
}

.CcDecoratedTabBar .tabMiddleCenterInner{
	font-weight: normal;	
	cursor: pointer, hand !important
}

/*
No bold for tab titles
*/
.gwt-DecoratedTabBar .tabMiddleCenterInner{
	font-weight: normal;	
	cursor: pointer, hand !important
}

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

.confirm-dialog-main-panel {	
	width: 100%;
}

.confirm-dialog-message-panel {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #d0e4f6;	
}

.confirm-dialog-button-panel {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

.tab-title-icon {
	margin-right: 3px	
}

table.image-button {
	cursor: pointer;
	cursor: hand;	
	width: 100%;
	border: 1px solid white;
}

table.image-button:hover {
	background-color: #d0e4f6;
	border: 1px solid #92c1f0;
}

.image-button-label {
	font-size: small;	
}

.image-button-label-disabled {
	color: gray;
	font-size: small;	
}

.login-panel {
	margin-left: 20px;
}

.login-panel-errorlabel {
	color: red;
	font-weight: bold;
	height: 1.5em
}

.login-panel-table {
	border: 1px solid #92c1f0; /*#BCDEFF*/
	padding: 5px;
}

.status-panel {
	padding: 0px;
	border-bottom: 1px solid #d0e4f6; /*#BCDEFF; #92c1f0(standard) #e0e0e0 (light grey)*/
}

.status-panel-name-label {
	color: #808080;
	margin-right: 10px
}

.status-panel-logout-label {
	color: #7eabd4;
	cursor: pointer;
	cursor: hand;
}

div.status-panel-logout-label:hover {
	text-decoration: underline;
}

.message-popup {
	cursor: wait;
	padding: 12px;
	background-color: white;
	border: 3px solid #92c1f0; /* #aaaaaa */
}

.message-popup-label {
	color: #92c1f0;
	font-size: x-large;
	font-weight: bold;
}

.main-panel {
	width: 100%;
	/*
	margin-left: 3px;
	margin-top: 5px;
	*/
	font-family: arial, sans-serif;
}

.main-tab-panel {
	/*margin-top: 5px;*/
	width: 100%
}

.main-panel-message {
	cursor: wait;	
}

.main-panel-transparent {
	opacity: 0.3
}

.product-groups-product-list {
	border-right: 1px solid #92c1f0;
	border-bottom: 1px solid #92c1f0;
	padding: 5px;	
	height: 550px;
	width: 350px;
	background-color: #fefff8;
}

.product-groups-product-groups-list {
	border-left: 1px solid #92c1f0;
	padding: 5px;	
	height: 300px;
	width: 150px;
	background-color: #fefff8;
}

.product-groups-product-list-label {
	font-size: smaller;
	color: blue	
}

.product-groups-product-list-tool-panel {
	margin: 5px;
}

.product-groups-product-list-tool-panel td {
	padding: 0px;	
}

.product-groups-product-list-search-field {
		width: 95%;
}

.product-groups-product-tool-panel-sub {
		margin: 5px;
		width: 200px;
}

.product-groups-product-tool-panel-sub td {
	padding: 0px;	
}

.product-groups-product-list-product-label {
	font-weight: bold;
	font-size: small;
}

.product-groups-product-group-list-item {
	font-size: small;
	cursor: default;
}

.product-groups-product-group-list-item:hover {
		background-color: #d0e4f6;
}
	
.product-groups-product-group-list-item-selected {
	background-color: black;
	color: white;	
}

.product-groups-product-list-item {
	width: 100%;
	cursor: default;
}

.product-groups-product-list-item-label {
	color: black;
	font-size: small;	
}

.product-groups-product-list-item-label:hover {
	background-color: #d0e4f6;
}

.product-groups-product-list-item:hover {
	background-color: #d0e4f6;
}

.product-groups-filter-checkbox-included {
	color:green;	
}

.product-groups-filter-checkbox-excluded {
	color:red;	
}

.toolbar {
	margin: 5px;
}


.transparent {
	filter: alpha(opacity =   50);
	opacity: 0.5;
}

.titled-border {
	border: 1px solid #92c1f0;
}

.titled-border-title {
	color: black;
	background-color: #d0e4f6;	
	padding: 5px;
	border-bottom: 1px solid #92c1f0;
}


.product-list {
	padding-bottom: 5px;
}

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

div.item-chooser-list-item {
	font-size: small;
	color: blue;
	cursor: pointer;
	cursor: hand;
	border: 1px solid white;
}

div.item-chooser-list-item:hover {
	background-color: #d0e4f6;
	border: 1px solid #92c1f0;
}
	
div.item-chooser-list-item-selected {
	color: white;
	background-color: blue
}	
	
.product-list-search-panel {
	width: 100%;
}
	
.product-list-search-panel-button {;
	font-size: smaller;
}

.product-list-search-panel-label {
	font-size: smaller;
}	
	
.product-list-search-panel-field {
	font-size: smaller;
}

.product-list-paging-label {
	font-size: small;	
}
	
.product-list-paging-box {
	font-size: x-small;
}

.main-list {
	padding: 5px;	
	height: 300px;
	width: 150px;
	background-color: #fefff8;
}

div.main-list-item {
	font-size: small;
	cursor: default;
}

.main-list-item-selected {
	background-color: black;
	color: white;	
}

div.main-list-item:hover {
	background-color: #d0e4f6;
}


.border-left {
	border-left: 1px solid #92c1f0;	
}

/****************/
/* From Publish */
/****************/
.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 panel */
.content-panel {
	width: 300px;
}

.content-panel-edit {
	border: 1px solid black;
	background-color: white
}

.content-panel-preview {
	border: none;
	width: 300px;
	padding: 1px;
}

div.content-panel-download-preview {
	border: none;
	width: 302px;
	padding: 1px;
}

/*
div.content-panel-preview:hover {
	background-color: #d0e4f6
}
*/

.content-panel-title-preview {
	color: black;
	font-weight: bold;
	font-size: large;
}

.content-panel-header-preview {
	color: black;	
	font-weight: bold;
	font-size: small;
}

.content-panel-title {
	color: black;
	font-variant: small-caps;
	background-color: #d0e4f6; /*#FFFFF0;*/
	font-size: medium;
	/*font-weight: 400;*/
	width: 100%;
	border-bottom: 1px solid black;
	padding-top: 0px;
	padding-bottom: 0px
}

.content-panel-title-title-label {
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-left: 2px;
	width: 220px;
}

.content-panel-title-menu-panel {
	padding-top: 0px;
	padding-bottom: 0px;	
}

.content-panel-title-function-label {
	color: blue;
	cursor: pointer;
	cursor: hand;		
	font-size: x-small;
	font-variant: normal;
	padding-top: 0px;
	padding-bottom: 0px
}

.content-panel-title-function-label:hover {
	text-decoration: underline;
}

.content-panel-textbox {
	font-family: arial, sans-serif;
	font-size: small;
	width: 95%
}

.content-panel-textarea {
	font-family: arial, sans-serif;
	font-size: small;
	width: 95%;
	height: 5em
}

/*
.content-panel-textarea-preview {
	font-family: arial, sans-serif;
	font-size: x-small;
	width: 95%;
	height: 5em
}
*/

.content-panel-image-label {
	/*height: 100px;*/
	font-size: small;
	margin: 1px;
	margin-bottom: -2px;
}
.content-panel-image-grid {
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 2px	
}

.content-panel-image-textbox {
	width: 200px;
}

.content-panel-link-edit-grid {
	font-family: arial, sans-serif;
	font-size: small;
	margin: 5px;
	/*width: 95%*/
}

.content-panel-link-edit-textbox {
	width: 200px;
}

.content-panel-link-preview-label {
	color: #7d7d7d;
	text-decoration: underline;
}

.content-panel-download-mime-icon {
	margin-right: 5px;
	margin-bottom: -4px;
	margin-top: -2px;
}

.content-panel-download-grid {
	/*padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;*/
	margin: 5px;
}

.content-panel-download-filename-label {
	color: green;
	font-style: italic;	
	font-size: small;
	margin-bottom: 5px;
}

.content-panel-download-filename-title-label {
	margin-bottom: 5px;
}

.content-panel-download-textbox {
	width: 200px
}

.content-panel-service-edit-panel {
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: small;
}

.content-panel-service-preview-label {
	color: brown;
	font-family: arial, sans-serif;
	font-size: small;
	font-style: italic;
}

.content-panel-image-label-entered {
		background-color: #BCDEFF;
		filter: alpha(opacity = 50);
		opacity: 0.5
}

.content-panel-preview-edit-icon {
	/*
	color: white;
	background-color: black;
	font-family: arial, sans-serif;
	cursor: pointer;
	cursor: hand;
	font-size: x-small;
	padding-left: 3px;
	padding-right: 3px;
	*/
	padding: 1px;
	cursor: pointer;
	cursor: hand;
	border: 1px solid white;
	
}

.content-panel-preview-edit-icon:hover {
	background-color: #d0e4f6;
	border: 1px solid #92c1f0;
}

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

/* Content control panel */
.content-control-panel-title-label {
	color: black;
	font-weight: bold;
	font-size: large;
	margin-bottom: 4px;
}

.content-control-panel-header-label {
	color: black;
	font-weight: bold;
	font-size: small;
	margin-bottom: 4px;
}

.content-control-panel-paragraph-label {
	color: black;
	font-size: small;
	margin-bottom: 4px;
}

.content-control-panel-link-label {
	color: #7d7d7d;
	font-size: small;
	margin-bottom: 4px;
	text-decoration: underline
}

.content-control-panel-service-label {
	color: brown;
	font-size: small;
	font-style: italic;
	margin-bottom: 4px;
}

.content-control-panel-separator-label {
	color: black;
	font-size: small;
}

/* Edit panel */

.edit-panel {
	font-family: arial, sans-serif;
	background-color: white;
	color: black;
	height: 100%;
}

.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
}

.edit-panel-info-label {
	width: 628px;
	color: black; /*#800000;*/
	background-color: ivory; /*#FFFFF0;*/
	border: 1px solid #92c1f0;/*#87b3ff;*/
	font-weight: 500;
	padding: 10px;
}



/*
.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
}
*/

/* Media library */
.media-library {
	/*width: 200px;
	height: 100px;
	/*border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;*/	
	margin-left: 10px;
}

.media-library-images-panel {
	/*height: 50px;
	width: 100px;*/
	border: none;
}

/*
.media-library-image-panel {
	height: 50px;
	width: 100px;
	border: none;
}
*/

.media-library-image-panel-image {
	/*height: 110px;*/
	width: 110px;
	/*
	border: 1px dashed #AAAAAA;
	padding: 2px
	*/
}

.media-library-image-panel-delete-label {
	background-color: white;
	color: black;
	border: 1px solid black;
	padding: 3px;
	font-size: small;
}

.media-library-image-panel {
	font-size: x-small;	
	/*padding: 5px;*/
	margin: 5px;
}

/*
.media-library-image-panel-selected {
	border: 2px solid #BCDEFF	
}
*/

.media-library-scroll-panel {
	width: 200px;	
}


.media-library-image-panel-filename {
	color: #AAAAAA;
	font-size: smaller;
	margin-top: 0px;
}


/*
img.media-library {
	display: inline;
	border: 1px solid black
}
*/

/* Trash bin */

.trash-bin-popup {
	font-variant: small-caps;
	/*
	font-family: arial, sans-serif;
	font-size: small;
	background-color: #BCDEFF;
	border:1px solid #87b3ff;
	padding: 5;
	cursor: default;
	padding: 5px;
	*/
}

.trash-bin-popup-scroll {
	width: 350px;
	height: 350px;
	background-color: white;
	border-bottom: 1px solid #d0e4f6;
	font-variant: normal;
}
/*
.trash-bin-popup-content-panel {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px	
}
*/
.trash-bin-button-panel {
	font-variant: normal;
	padding-top: 5px;
}

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

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

.item-list-panel {
	width: 100%;
}