a {
	cursor: pointer;
	margin-right: 10px;
}

img {
	vertical-align: middle;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 11px;
}

.body {
	padding: 10 5px;
	min-height: 100px;
}

.menu {
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.borderBottom {
	border-bottom: 1px solid;
}

.footer {
	border-top: 1px solid;
}

.root {
	width: 460px;
}

.buttonAsLink {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	float: right
}

.buttonAsLinkRightAlign {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
}

.buttonAsLinkCentered {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

.buttonAsLinkSmaller {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	text-shadow: none;
}


.buttonAsLinkSmallerNoUnderline {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	text-shadow: none;
}

.buttonAsLinkSmallerNoUnderlineAlignRight {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	text-align: right;
	text-shadow: none;
}

.buttonAsLinkAuthorsTree {
	background: url(images/icon_user.png) no-repeat;
	border: none;
	color: black;
	cursor: pointer;
	text-decoration: underline;
	margin: 0px auto;
	padding: 0 20px 0;
	text-align: center;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
}

.buttonImageDelete {
	background: url(images/delete.png) center center no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	text-decoration: underline;
	margin: 0px auto;
	/* padding: 10px; */
	text-align: left;
	height: 18px;
	width: 17px;
}

.buttonAsLinkSmallerImageDelete {
	background-color: transparent;
	border: none;
	color: #2c86df;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-size: 12px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	text-align: left;
	text-shadow: none;
	height: 18px;
}

.buttonImageRefresh {
	background: url(images/refresh-icon.png) center center no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 25px;
	width: 25px;
	vertical-align: top;
}

.buttonImageLogout {
	background: url(images/logout-icon.png) center center no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 25px;
	width: 32px;
	vertical-align: top;
	float: right;
}


.buttonImageHelp {
	background: url(images/icon_help.png) center center no-repeat;
	border: none;
	color: transparent;
	cursor: pointer;
	height: 25px;
	width: 25px;
	vertical-align: top;
}

.buttonAsLinkLogout {
	background-color: transparent;
	border: none;
	color: blue;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-size: 18px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
}

.gwt-PopupPanelError {
	border: 3px solid #B00000;
	padding: 3px;
	background: white;
	font-size: 16px;
	font-weight: bold;
}

.gwt-PopupPanelInfo {
	border: 3px solid #12125A;
	padding: 3px;
	background: white;
	font-size: 16px;
	font-weight: bold;
}

.contextInfo {
	font-size: 18px;
	font-weight: bold;
}

.treeNodes {
	font-size: 12px;
}

.sectionsInfo {
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

.cloudServerHeader {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}


.sectionsInfoEditing {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.logoutFormText {
	font-size: 18px;
}

.fieldsForm {
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.fieldsFormBlue {
	font-size: 12px;
	font-weight: bold;
	color: navy;
}


.fieldsFormSmaller {
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.fieldsFormEdit {
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.formSection {
	
}

.formSection div {
	padding: 2px;
}

.formSection-edit {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: lightBlue;
	border: 1px solid;
	padding: 10px;
	width: 100%;
}

.formSectionNoPadding {
	
}

.formSectionNoPadding div {
	padding: 3px;
}

.formSectionNoPadding-edit {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: lightBlue;
	border: 1px solid;
	padding: 10px;
	width: 100%;
}

.extraFunctionsBox {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: white;
	border: 1px solid;
	margin: 5px;
}

.qScoreRow {
	clear: both;
	margin-bottom: 10px;
	position: relative;
	height: 20px;	
}

.sideBoxTitle {
	margin-bottom: 10px;
	text-align: center;
}

.marginBetweenWidgets{
 	margin-bottom: 10px;	
}

.qScoreStar {
	float: left;
	width: 15px;
	margin-left: 3px;
}

.qScoreName {
	float: left;
	overflow: hidden;
	width: 60%;
}

.qScoreLabel {
	float: right;
	overflow: hidden;
	width: 20%;
}

.appTopBar {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: white;
	/* border: 1px solid; */
	padding: 2px;
	width: 100%;
}

.validationFailed {
	border: 2px solid #FA5858;
}

.notificationInfo {
	color: #000099;
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/error.png');
}

.label_Validation {
	color: #FA5858;
}

.alertText {
	text-decoration:blink;
	color: #B20000;
}

.high_QScore {
	color: #228B22;
	font-weight: bold;
}

.cloudStatsRiskyValue {
	color: #FA5858;
	font-weight: bold;
}

.greyedCell {
	color: #949494;
}

.greenCell {
	color: #228B22;
}

.recog_PendingDownload{
	color: #FF8533;
	font-weight: bold;
}

.recog_Failed{
	color: #871919;
	font-weight: bold;
}

.recog_Downloaded {
	color: #228B22;
	font-weight: bold;*
}

.requiredField {
	color: #FA5858;
	font-weight: bold;
}

.requiredFieldHiddenByColor {
	color: #484848;
	font-weight: bold;
}

.loadingModalBackground {
	background-color: #eef4f9;
	opacity: 0.7;
	filter: alpha(opacity =                 70);
}

.errorBackground {
	background-color: gray;
	opacity: 0.7;
	filter: alpha(opacity =                 70);
}

.loadingModalImage {
	background-color: transparent;
	opacity: 1;
	filter: alpha(opacity =                 100);
}

.bold {
	font-weight: bold;
}

.regionPrefixTitle {	
	font-weight: bold;
	width: 120px;	
	text-align: left;
	float: left;	
	clear: both;
}

.regionPrefixValue {
	max-width: 200px;
	float: left;
}

.regionNameValue{
	width: 200px;
	float: left;
}

.regionNameValidator{
	color: #7A0000;
	float:left;
	clear: left;
	text-align: left;
	line-height: 17px;
}

.btnSaveRegion{	
	float: right;
	clear: both;
}

.btnDelete {
	visibility: hidden;
}

.btnDelete:hover {
	visibility: visible;
}

.colorWhite {
	color: white;
}

.colorBlack {
	color: black;
}

.colorBlue {
	color: #191970;
}

.colorRed {
	color: red;
}

.colorGreen {
	color: #228B22;
}

.colorGrey {
	color: grey;
}

.activationTitle {
	font-weight: bold;
	font-size: 16px;
}

.whiteBorderedCell {
	border: 1px solid white;
	-moz-border-radius: 5px 5px 5px 5px;
}

/* Beginning Derek Styles */
.userPane {
	text-align: right;
}

.rightPane {
	background-color: #9e9e9e;
}

.rightPaneContent { /* The boxes inside right pane */
	border-color: #fff #eee #999;
	background: #dbdbdb;
	border: 1px solid;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	*/
	
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;	
	overflow: hidden;
}

.rightPaneContentMaintenanceMode { /* The boxes inside right pane */
	border-color: #fff #eee #999;
	background: #fce3ac;
	border: 1px solid;		
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;	
	overflow: hidden;
}

.rightPaneContentAlternative {
	border-color: #fff #eee #999;
	background: #FFFFFF;
	border: 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}


.rightPaneContentTBody {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #888888;
	line-height: 24px;
	padding-left:10px;
}


.rightPaneContentTBody-edit {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #484848;
	border: 1px solid;
	padding-left:10px;
	overflow: hidden;
}

.rightpanecontenttbodynolineheight {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #888888;
	padding-left:10px;
}

.rightpanecontenttbodynolineheightMaintenanceMode {
	background: none repeat scroll 0 0 #fce3ac;
	border: 1px solid #888888;
	padding-left:10px;
}

.rightPaneContentTBodyWarn {
	background: none repeat scroll 0 0 #FADBC0;
	border: 1px solid #888888;
	line-height: 24px;
	padding-left:10px;
}

.rightPaneContentTBodyAlert {
	background: none repeat scroll 0 0 #ff9999;
	border: 1px solid #888888;
	line-height: 24px;
	padding-left:10px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.floatNone {
	float: none;
	/* (DIV occupies 100%) */
}

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.floatNoneClearBoth {
	float: none;
	clear: both;
}

.overFlowHidden {
	overflow: hidden;
}

.overFlowAuto {
	overflow: auto;
}

.overFlowScroll {
	overflow: scroll;
}

.createUserPopupSmallScreenSize {
	overflow: auto;
	min-height: 360px;
	max-height: 550px;
	min-width: 700px;
}

.createUserPopupBiggerScreenSize {
	overflow: auto;
	min-height: 360px;
	max-height: 750px;
	min-width: 700px;
}

.addGroupPopup {
	overflow: auto;
	min-height: 700px;
	max-height: 700px;
	min-width: 600px;
	max-width: 800px;
}

.closeButton {
	position: absolute;
	right: 15px;
	top: 10px;
}


.helpButtonNextToClose {
	position: absolute;
	right: 52px;
	top: 10px;
}

.marginAuto {
	margin: auto;
}

.notResizable {
	resize: none;
}

.image-logo {
	width: auto;
	height: 30px;
}

.main-header {
	border-bottom: 1px solid #888;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9),
		color-stop(.9, #B8B8B8), color-stop(1, #D0D0D0) );
}

/* 

.gwt-TabLayoutPanel {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border-color: #484848;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #606060;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #484848;
}

 */
.tabNavigation {
	
}

.tabNavigation .gwt-TabLayoutPanelTabs {
	width: 100% !important;
}

.tabNavigation .gwt-TabLayoutPanelTab {
	padding: 3px 6px 3px 6px;
	cursor: pointer;
	cursor: hand;
	color: black;
	text-align: center;
	background: #909090;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #484848;
	margin: 0px 0px 0px 6px;
}

.tabNavigation-right .gwt-TabLayoutPanelTab {
	float: right;
	margin: 50px 6px 0px 0px;
}

.tabNavigation .gwt-TabLayoutPanelTab-selected {
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4D749F;
	text-shadow: 0 1px 0 #2B425A;
	border: 1px solid #4D749F;
}

.tabNavigation .gwt-TabLayoutPanelContentContainer {
	border: 0px solid #4D749F;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.smallMargin {
	padding: 10px 10px;
}

.mediumMargin {
	padding: 20px 20px;
}


.smallMarginExternal {
	margin-top: 10px;
	margin-bottom: 10px;
}

.marginExportUserActivityReports {
	margin-top: 100px;
	margin-bottom: 10px;
}

.greyButton {
	font-size: 12px;
	padding: .4em 1.5em;
	border: 0px;
	text-shadow: 0px 1px 0px #d5d5d5;
	text-decoration: none;
	color: #222;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0px -1px 0px
		rgba(0, 0, 0, .4) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0px -1px 0px
		rgba(0, 0, 0, .4) inset;
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0px -1px 0px
		rgba(0, 0, 0, .4) inset;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0px -1px 0px
		rgba(0, 0, 0, .4) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0px -1px 0px rgba(0, 0, 0, .4)
		inset;
	background-color: #bbbbbb;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,
		255, 255, .24) ), color-stop(1, rgba(0, 0, 0, .24) ) );
	background-image: -webkit-linear-gradient(center bottom, rgba(0, 0, 0, .24)
		0%, rgba(255, 255, 255, .24) 100% );
	background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, .24)
		0%, rgba(255, 255, 255, .24) 100% );
	background-image: -ms-linear-gradient(center bottom, rgba(0, 0, 0, .24)
		0%, rgba(255, 255, 255, .24) 100% );
	background-image: -o-linear-gradient(center bottom, rgba(0, 0, 0, .24)
		0%, rgba(255, 255, 255, .24) 100% );
	background-image: linear-gradient(center bottom, rgba(0, 0, 0, .24) 0%,
		rgba(255, 255, 255, .24) 100% );
	line-height: 12px;
}

.greyButton:focus {
	outline: none;
}

.greyButton:not      (._disabled      ):active,.greyButton:not      (._disabled  
	   )._active {
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .52) inset, 0px 1px 1px
		rgba(0, 0, 0, .62) inset;
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .52) inset, 0px 1px 1px
		rgba(0, 0, 0, .62) inset;
	-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, .52) inset, 0px 1px 1px
		rgba(0, 0, 0, .62) inset;
	-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, .52) inset, 0px 1px 1px
		rgba(0, 0, 0, .62) inset;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .52) inset, 0px 1px 1px
		rgba(0, 0, 0, .62) inset;
}

greyButton._disabled {
	color: #666;
	text-shadow: none !important;
}

.treeNodeContextMenu {
	overflow: hidden;
	background: inherit;
}

.gwt-TreeItem {
	display: block !important;
}

.gwt-Tree .gwt-TreeItem-selected  {
  display: block !important;
}

.cursorHand {
	cursor: pointer;
	cursor: hand;
}

.paneBtnShowUsersGroup {
	border-color: #fff #eee #999;
	background: #dbdbdb;
	border: 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	width: 180px;
	height: 25px;
	text-align: center;
}

.textAlignLeft {
	text-align: left;
}


.buttonAsLinkCloud {
  background: url(images/icon_cloudmode.png) no-repeat;
  border: none;
  color: black;
  cursor: pointer;
  text-decoration: underline;
  margin: 0px auto;
  padding: 0 20px 0;
  text-align: center;
  font-family: 'Arial Unicode MS', Arial, sans-serif;
}


.headerWrapper {
  overflow: hidden !important;
  padding: 20px 0px 5px 0px;
  width: auto;
}

.headerButtonsWrapper {
  overflow: hidden;
}

.btnHeaderButton {
  width: 24px;
  margin: 0 auto;
  outline: none;
  cursor: pointer;
}

.btnHeaderButton-down,.btnHeaderButton-down-hovering {
  cursor: default;
}

.btnHeaderButton-up-disabled {
  cursor: auto;
}


.btnCdsTreeMngmt-up {
  background: url("images/icon_user.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnCdsTreeMngmt-up-disabled {
  background: url("images/icon_user_pressed.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnCdsTreeMngmt-down,.btnCdsTreeMngmt-down-hovering,.btnCdsTreeMngmt-up-hovering {
  background: url("images/icon_user_pressed.png") no-repeat center 5px;
  padding: 0 5px 0;
}


.btnAmccCloudDashboard-up {
  background: url("images/icon_cloudmode.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnAmccCloudDashboard-up-disabled {
  background: url("images/icon_cloudmode_pressed.png") no-repeat center 5px;
}

.btnAmccCloudDashboard-down,.btnAmccCloudDashboard-down-hovering,.btnAmccCloudDashboard-up-hovering {
  background: url("images/icon_cloudmode_pressed.png") no-repeat center 5px;
  padding: 0 5px 0;
}


.btnDownloadFDInstaller-up {
  background: url("images/icon_installer.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnDownloadFDInstaller-up-disabled {
  background: url("images/icon_installer_pressed.png") no-repeat center 5px;
}

.btnDownloadFDInstaller-down,.btnDownloadFDInstaller-down-hovering,.btnDownloadFDInstaller-up-hovering {
  background: url("images/icon_installer_pressed.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnReporting-up {
  background: url("images/icon_reporting.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnReporting-up-disabled {
  background: url("images/icon_reporting_pressed.png") no-repeat center 5px;
}

.btnReporting-down,.btnReporting-down-hovering,.btnReporting-up-hovering {
  background: url("images/icon_reporting_pressed.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnFdBox-up {
  background: url("images/sales_bw.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.btnFdBox-up-disabled {
  background: url("images/sales.png") no-repeat center 5px;
} 
 
.btnFdBox-down,.btnFdBox-down-hovering,.btnFdBox-up-hovering {
  background: url("images/sales.png") no-repeat center 5px;
  padding: 0 5px 0;
}

.headerRight {
  float: right;
  display: table;
  /*width: 250px;*/
}

.preferences {
  background: url("images/icon_cloudmode.png") left center no-repeat;
  height: 30px;
  width: 30px;
  padding: 2px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
  cursor: hand;
}

.btnLogout {
  padding-top: 2px;
  padding-left: 7px;
  float: right;
  color: #2c86df;
}

a:visited {
	color: #2c86df;
}


.iconCheck {
  background: url(images/icon_check.png) no-repeat;
  border: none;
  cursor: pointer;
  margin: 0px auto;
  padding: 0 20px 0;
  width: 20px;
  height: 20px;
}


.centerImage img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.smallMarginSides {
	margin-left: 4px;
	margin-right: 4px;
}

.largemarginRight {
	margin-left: 20px;
}

.marginTopMedium {
	margin-top: 12px;	
}

.marginTopHierarchicalSearch {
	margin-top: 20px;	
}

.marginTopLarge {
	margin-top: 32px;	
}

.marginsBoxes {
	margin-top: 10px;
	margin-left: 6px;
}

.buttonImageSeeDetails {
	background: url(images/icon_preview.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 25px;
	width: 25px;
	font-size:0px;
}


.buttonImageRemove {
	background: url(images/icon_remove.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 16px;
	width: 16px;
	font-size:0px;
}

.buttonImageAdd {
	background: url(images/icon_add.png) left center no-repeat;
	border: none;	
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 18px;
	font-size:0px;
}


.buttonImageAddDisabled {
	background: url(images/icon_add_disabled.png) left center no-repeat;	
	border: none;
	cursor: pointer;
	text-decoration: underline;
	margin: 0px auto;
	text-align: left;
	height: 18px;
	font-size:0px;
}

.buttonImageUpdate {
	background: url(images/update_icon.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 18px;
	font-size:0px;
}

.buttonImageUpdateDisabled {
	background: url(images/update_icon_disabled.png) left center no-repeat;
	border: none;
	cursor: pointer;
	text-decoration: underline;
	margin: 0px auto;
	text-align: left;
	height: 18px;
	font-size:0px;
}

.buttonImageRemoveDisabled {
	background: url(images/icon_remove_disabled.png) left center no-repeat;	
	border: none;
	cursor: pointer;
	text-decoration: underline;
	margin: 0px auto;
	text-align: left;
	height: 18px;
	font-size:0px;
}

.modifiedConfiguration {
  width: 300px;
  margin-left: 10px;
  text-align: center;
}


.textAlignCenter {  
  vertical-align: center;
  text-align: center;
}

.buttonsSeparation {
	margin: 5px 5px;
}

.leftMarginButton {
	margin-left: 5px;
}

.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
  width: 50%;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: white;
}


.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
	-ms-user-select: none;
	user-select: none;
}



.buttonImagePlayAudio {
	background: url(images/icon_playback.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 25px;
	width: 25px;
	font-size:0px;
}


.buttonImageStopAudio {
	background: url(images/icon_stop_playback.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 25px;
	width: 25px;
	font-size:0px;
}


.buttonImageLoadingAudio {
	background: url(images/loadingModalSmall.gif) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 25px;
	width: 25px;
	font-size:0px;
}


.buttonImageFailedAudio {
	background: url(images/icon_not_available.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 25px;
	width: 25px;
	font-size:0px;
}


.buttonImageEmpty {
	background: url(images/icon_not_available.png) left center no-repeat;
	border: none;
	cursor: pointer;
	margin: 0px auto;
	text-align: left;
	height: 20px;
	width: 20px;
	font-size:0px;
}


img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#centerLoadingRightColumn {
	background: url(images/loadingModalSmall.gif) no-repeat center center;
	height: 32px;
	width: 32px;
}
.colSessionLogDetailTitle {
	float: left;
	clear: left;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 5px;
}


.colSessionLogDetailValue {
	float: left;
	clear: right;
	margin-bottom: 5px;
}


.cellTableEvenRowX {
  background: #ffffff;
}


.cellTableOddRowX {
  background: #f3f7fb;
}


.borderAllSides {
	border: 1px solid #a1a1a1;
	padding: 10px 0px;
	/*border-radius: 25px;
	-moz-border-radius: 25px;  Firefox 3.6 and earlier */
}


.bordersNoTopNoBottom {
	border: 1px solid #a1a1a1;
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding: 10px 0px;
	/*border-radius: 25px;
	-moz-border-radius: 25px; */ /*Firefox 3.6 and earlier */
}


.centerDiv {
	margin-left: auto;
	margin-right: auto;
}


.lineHeight {
	line-height: 24px;
}


.bordertest{
	border:1px solid;		
	border-color: red;
}

.borderGroupDetails {
	border: 1px solid;
	border-color: white;
}


.panelStep {
	border-color: #fff #eee #999;
	background: #dbdbdb;
	border: 1px solid;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

.panelStepSelected {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #888888;
}

.marginBottom {
	margin-bottom: 20px;
}


.backColorPopups {
	background-color: white;
	/*background-color: #CCE6FF;*/
	/*overflow: hidden;
*/}


.internalMargins {
	padding: 10px 10px 10px 10px;
}


.smallMarginLeft {
	margin-left: 4px;
}

.mediumMarginLeft {
	margin-left: 8px;
}


.indentSettings {
	margin-left: 20px;
}


.verticalSeparationSmall {
	padding: 20px 0px;
}

.marginButtonsCancel {
	margin: 5px 0px 5px 0px;
}

.marginButtonsSave {
	margin: 5px 5px 5px 5px;
}


.verticalSectionsSeparation {
	padding: 20px 0px;
}

























code {
  font-style: normal;
}

.demo-red-box-draggable-widget {
  background-color: #EE0000; /* red */
  border: 2px solid #AA0000; /* dark red */
  text-align: center;
  color: #FFCCCC;
  font-size: 0.9em;
}

.demo-example-description .demo-boundary {
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
}

.demo-example-description {
  font-size: 0.9em;
  border-bottom: 1px solid #E8EEF7;
  padding: 0.5em 0.3em;
}

.dragdrop-dropTarget.demo-bin {
  text-align: center;
  border: 1px solid black;
  border-top: 4px solid black;
  background-color: #87B3FF; /* blue */
}

.dragdrop-dropTarget.demo-bin.demo-trashbin {
  background-color: #FF8753; /* orange */
}

.dragdrop-dropTarget.demo-bin.demo-trashbin.dragdrop-engage {
  background-color: #FFa773; /* bright orange */
}

.demo-bin-engage {
  filter: alpha(opacity =   10);
  opacity: 0.1;
  -moz-opacity: 0.1;
}

.demo-flow-label {
  font-size: 1.2em;
  line-height: 1.6em;
  display: inline;
  border: 1px solid blue;
  padding: 0.1em;
  margin: 0.1em;
}

.demo-indexed-panel-widget  , .demo-indexed-panel-heading {
  border: 1px solid blue;
  padding: 0.1em;
  margin: 0.1em;
  width: 120px;
}

.demo-indexed-panel-heading {
  background-color: #87B3FF;
  width: 120px;
}

.dragdrop-dropTarget.demo-indexed-panel-container  ,
  .dragdrop-dropTarget.demo-indexed-panel-container.dragdrop-engage {
  background-color: white;
  border: none;
  height: 40px;
  width: 120px;
}

body .dragdrop-boundary {
  background: #F8F8F8; /* light gray */
  /*border: 1px solid blue;*/
}

.dragdrop-dropTarget.demo-not-engagable  , .dragdrop-dropTarget.demo-not-engagable.dragdrop-engage
  {
  background-color: white; /* gray */
}

.dragdrop-dropTarget {
  background-color: white; /* gray */
  border: 1px solid #888888;
  padding: 10px 10px 10px 10px;
}

.demo-example-panel {
  margin: 1em 1em;
}

.dragdrop-dropTarget.dragdrop-engage {
  background: #BCDEFF; /* lighter blue */
}

.gwt-TabPanel {
  
}

.gwt-TabPanelBottom {
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;
  background-color: #E8EEF7;
}

.gwt-TabBar {
  background-color: #C3D9FF;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  border-top: 1px solid #C3D9FF;
  border-bottom: 1px solid #87B3FF;
  padding: 2px 6px;
  cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  padding: 2px;
  cursor: default;
}

.demo-behavior-selection {
  background-color: #E8EEF7;
  border: 1px solid #87B3FF;
  margin-top: 1em;
  margin-bottom: 0.2em;
  padding: 0.2em 0.1em;
}

.demo-table-proxy {
  border: 1px solid blue;
}

.dragdrop-positioner {
  
}

.dragdrop-indexed-positioner {
  
}

.dragdrop-flow-panel-positioner {
  color: blue;
}

.demo-table-positioner {
  background-color: black;
  z-index: 1;
}

.demo-drag-handle {
  
}

.demo-flextable .dragdrop-handle {
  background: url("images/row-dragger-8.gif") no-repeat;
  padding-left: 10px;
}

.demo-resize-html {
  background-color: #DDEEDD; /* light green */
}

.demo-resize.edge {
  background-image: url("images/dragger-4x4.gif");
  background-repeat: repeat;
}

.demo-resize.top-left .dragdrop-handle {
  cursor: nw-resize;
}

.demo-resize.top-center .dragdrop-handle {
  cursor: n-resize;
}

.demo-resize.top-right .dragdrop-handle {
  cursor: ne-resize;
}

.demo-resize.left-center .dragdrop-handle {
  cursor: w-resize;
}

.demo-resize.right-center .dragdrop-handle {
  cursor: e-resize;
}

.demo-resize.bottom-left .dragdrop-handle {
  cursor: sw-resize;
}

.demo-resize.bottom-center .dragdrop-handle {
  cursor: s-resize;
}

.demo-resize.bottom-right .dragdrop-handle {
  cursor: se-resize;
}

.demo-draghandle-panel {
  background-color: white;
  border: 1px solid green;
  width: 400px;
}

.demo-draghandle-textarea {
  width: 95%;
  height: 4em;
}

.demo-draghandle-header {
  background-color: #DDEEDD; /* light green */
}

.demo-dual-list .dragdrop-boundary {
  border: none;
  background-color: transparent;
}

.demo-dual-list-center {
  margin: 0.4em;
}

.demo-dual-list-center td {
  padding: 0.2em 0.4em;
}

.demo-dual-list-center button {
  width: 4em;
}

.demo-mouselistbox  , .demo-mouselistbox.dragdrop-engage {
  background-color: orange;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  /*border: 1px solid black;*/
  margin: 30px;
  outline: none;
}

.demo-mouselistbox.dragdrop-handle {
  cursor: default;
}

.demo-dual-list-item-has-content {
  cursor: pointer;
}

.demo-dual-list-item-selected {
  background-color: blue;
}

.dragdrop-selected {
	background-color: #CCFFFF;
}

.demo-dual-list .dragdrop-dragging  , .demo-dual-list .dragdrop-proxy {
  filter: alpha(opacity =   100);
  opacity: 1.0;
  -moz-opacity: 1.0;
}

.demo-indexed-panel-column-composite {
  margin: 3px;
}

.demo-event-text-area {
  border: 1px solid green;
}

.offsetRightList {
  margin-left: 240px;
}

.inheritedItem {
	color: #2c86df;
}

.rowHeightCommands {
	height: 20px;
}


.wordWrap {
	word-wrap: break-word;
}

.chartBox {
	border: 1px solid black;
}


.titleChart {
	color: black;
	font-weight: bold;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
}

.chartHeader {
	background-color: grey;
}

.graphMarginSides {
	margin-left: 3px;
}

.widthChecksCloudStats {
	width: 150px;
}

.marginTopCloudCharts {
	margin-top: 20px;
}

.marginPanelClientsConnected {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.timePickerOffsetRight {
	margin-left: 30px;		
}

.styleCustomDialog
{
	mmargin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: white;
}

.grayBackground {
	background-color: #F7F7F7;
}

.centerPanelButtonsDialog2Buttons {
	padding-top: 20px;
	margin-left: 150px;
}


.centerPanelButtonsDialog1Button {
	padding-top: 20px;
	margin-left: 175px;
}

.noMargins {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.fontSmall {
	font-size: 12px;
}

.paddingTopSmall {
	padding-top: 10px;
}


.marginInfoMessage {
	margin-top: 10px;
}

.marginInfoImage {
	margin-top: 5px;
}

.marginAudioDetailsHalfResultsPostProc {
	margin-left: 230px;
}

.marginAudioDetailsHalfResults {
	margin-left: 0px;
}

.paddingTopAudioDetails {
	padding-top: 6px;
}


/* time picker */
.timepickr-main {
	float: left;
	position: relative;
}

.timepickr-display {
	float: left;
	height: 14px;
	width: 55px;
	padding: 1px;
	outline: none;
	text-align: center;
	border: solid 1px #D8D8D8;
}

.timepickr-popup {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 500px;
}

.timepickr-row {
	position: relative;
	background-color: #FFFFFF;
	clear: both;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #FFFFFF;
}

.timepickr-button {
	cursor: pointer;
	font-size: 9px;
	margin: 2px;
	padding: 4px 6px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #D2D3D6;
	border: 1px solid #B5B6B9;
	color: #5E6164;
	float: left;
}

.timepickr-row .state-hover {
	background-color: #636567;
	border-color: #636567;
	color: #FFFFFF;
}


.cell:hover {
    border-color: #afd2fd;
    border-style: solid;
    border-width: 1px;
    background-color: #e1eefd;
    color: black;
      
}

.cell{      
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    padding: 3px 3px 3px 3px;

}

.contextMenu {
    background-color: white;
    border-color: #979797;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 3px 5px -3px black;
    padding: 3px;
}


.red-bg {
    background-color: red;
}


.tableAltColorOne {
	background-color: #F0F8FF;	
}


.tableAltColorTwo {
	background-color: #FFE2DA;	
}

.nextIcon {
	position: absolute;
	right: 8px;
	top: 6px;
}

.prevIcon {
	position: absolute;
	right: 30px;
	top: 6px;
}


.nocolorNoBorderButton {	
    width: 18px !important;
    height: 18px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
   
}


.buttonAsLinkRed {
	background-color: transparent;
	border: none;
	color: #cc0000;
	cursor: pointer;
	text-decoration: underline;
	padding: 0px;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	font-size: 12px;
	float: right
}

.marginPasswordValidationSelfReset {
	margin-bottom: 25px;
}

.text-success {
	font-weight: bold;
}

#email-help:hover {
  background-color: #f0f0f0;
}


.fontCourierNewMonospace {
	font-family: ‘Courier New’, Courier, monospace;
}

.location-summary-container td {
	padding: 0;
}

.location-summary-container {
	font-family: 'Segoe UI', 'Verdana', 'Helvetica', sans-serif;
	font-size: 22px;
	color: #fff;
	width: 285px;
	margin-bottom: 10px; 
}

.location-summary-container table {
	border-collapse: collapse;
}

.location-summary-container p {
	margin: 0;
}

.box-authors {
	width: 120px;
	text-align: center;
	border-right: 5px solid transparent;
}

.box-fd-users, .box-non-fd-users {
	padding: 5px 10px;
	width: 140px;
}

.box-fd-users {
	margin-bottom: 3px;
}

.location-summary-label-small {
	font-size: 13px;
}

.box-gray {
	background: #808080;
}

.box-blue {
	background: #39f;
}

.marginLocationSummaryWithUsers {
	padding-bottom: 10px;
}

.marginLocationSummaryWithoutUsers {
	padding-bottom: 6px;
}


.user-search-input { 
	font-size: 20px;
	width: 350px;
	padding: 2px 5px;
	vertical-align: top;
}

.user-search-submit { 
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #39f;
	background-image: url('images/icon-search.png');
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 3px;
}

.user-search-submit:hover {
	background-color: #75baff;
}

.user-search-submit-disabled {
	background-color: #e6e6e6;
}

.user-search-submit:active {
	background-color: #0962ac;
}

.headerCollapsibleControlEditingMode {
	color: white;
}

.legend-color {
	border: 1px solid #c0c0c0;
	border-radius: 4px;
}

.legend-color_swatch {
	width: 18px;
	height: 18px;
	border-radius: 4px
}

.legend-color_swatch.orange {
	background-color: #ffbd75;
}

.legend-color_swatch.blue {
	background-color: #75baff;
}

.legend-color_swatch.green {
	background-color: #82dc64;
}

.legend-color_swatch.grey {
	background-color: #d8d8d8;
}

.legend-color_label {
	padding-right: 10px;
}

/* Borders between colors */
.legend-color.border-right .legend-color_label:not (:last-child ) {
	border-right: 1px solid #c0c0c0;
	padding-right: 5px;
}

.legend-color.border-right .legend-color_swatch {
	margin-left: 5px;
}

.legend-color.border-right {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}