/** Add css rules here for your application. */
body {
  font-family:arial,sans-serif
}

div,td {
  color:#000000
}

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

a:active {
  color:#ff0000
}

button {
  display: block;
  font-size: 16pt
}

.widePanel {
  width: 100%
}

img {
  /* margin-top: 20px; */
}

.commonLoader {
	display: table-cell;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle !important;
	z-index: 200;
}

.cursorLink	{
	cursor: pointer;
}

.resizePatch {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    z-index: 100;
    cursor: default;
}

.resizeMoveLine {
	background-color: #bbbbbb;
	padding: 0px;
	margin: 0px;
	z-index: 90;
}

.cursorResizeH {
	cursor: e-resize !important;
}

.commonTableFixed {
	table-layout: fixed;
	border: 1px #000;
}

.commonTableFixed tr
{
	background-color: #f1f1f1;
}


.HeaderLeft, .HeaderMiddle	{
	background-color: #f1f1f1;
}

.conSearchGrid {
	background-color: none;
	font:12px Verdana;	
	cursor: pointer;
	overflow-x: hidden;
	width: 100% !important;
	-moz-user-select: none;
	color:#999999;
}

.commonTableFixed {
	table-layout: fixed;
}

.gridScroller {
	overflow: auto;
	overflow-x: hidden !important;
}

.commonNoFlow {overflow-x:hidden;}

.contextMenu {
	margin: 2px;
	padding: 2px;
	background-color: #D4D0C8;
	border: 1px solid #6F6F6F;
	width: 180px;
}

.contextMenuItem {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	vertical-align: middle;
	cursor: default !important;
}

.contextMenuSpacer {
	vertical-align: middle;
	cursor: default !important;
}

.contextMenuItemOver {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #2F2F2F;
	color: #fff;
	vertical-align: middle;
	cursor: pointer !important;
}

.contextMenuItemDisabled {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	color: #9F9F9F;
	vertical-align: middle;
	cursor: default !important;
}


/************ Start slider ***********/

.gwt-SliderBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #efebe7;
  height: 34pt;
  width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 22pt;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

/************ End   slider ***********/


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}