/** Add css rules here for your application. */

@font-face {
    font-family: 'FontRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  text-decoration:none;
  background:#EFF1F0;
  margin:0;
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
  font-size:13px;
  color:#333333;
  line-height:15px;
  font-weight:normal;
  padding-left:0px;
}

table td {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
  font-size:13px;
  color:#333333;
  line-height:15px;
  font-weight:normal;
}

.table .gwt-TabLayoutPanelContent {
	background: #EFF1F0;
}

.gwt-DialogBox .dialogMiddleCenter {
    background: #EFF1F0;
}
.gwt-PopupPanel {
  border: 3px solid #e3e8f3;
  background: #EFF1F0;
}

.gwt-DecoratorPanel {
	background: #EFF1F0;
}
.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/hborder.png) repeat-x;
}
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/vborder.png) repeat-y;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratorPanel .topLeft {
  background: url(images/corner.png) no-repeat 0px 0px;
  -background: url(images/corner_ie6.png) no-repeat 0px 0px;
}
.gwt-DecoratorPanel .topRight {
  background: url(images/corner.png) no-repeat -5px 0px;
  -background: url(images/corner_ie6.png) no-repeat -5px 0px;
}
.gwt-DecoratorPanel .bottomLeft {
  background: url(images/corner.png) no-repeat 0px -5px;
  -background: url(images/corner_ie6.png) no-repeat 0px -5px;
}
.gwt-DecoratorPanel .bottomRight {
  background: url(images/corner.png) no-repeat -5px -5px;
  -background: url(images/corner_ie6.png) no-repeat -5px -5px;
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  background: #EFF1F0;
}

.gwt-DialogBox .Caption {
  background: #d7d9d8 url(images/hborder.png) repeat-x 0px -2003px;
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #e3e3e3;
}

.gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -4px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y;
}
.gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -4px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.gwt-DialogBox .dialogTopLeft {
  background: url(images/corner.png) no-repeat -13px 0px;
  -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}
.gwt-DialogBox .dialogTopRight {
  background: url(images/corner.png) no-repeat -18px 0px;
  -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}
.gwt-DialogBox .dialogBottomLeft {
  background: url(images/corner.png) no-repeat 0px -15px;
  -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}
.gwt-DialogBox .dialogBottomRight {
  background: url(images/corner.png) no-repeat -5px -15px;
  -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}

.gwt-PopupPanel {
  border: 3px solid #e3e3e3;
    background: #d7d9d8;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
	background: #d7d9d8;
	font-size: 14pt;
	vertical-align: middle;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
	background: #a7a7a8;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
	background: #eff1f0;
}

.gwt-SplitLayoutPanel {
  background: #d7d9d8;
}

.gwt-SplitLayoutPanel-HDragger {
  background: #d7d9d8 url(images/splitPanelThumb.png) center center no-repeat;
  cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
  background: #d7d9d8 url(images/splitPanelThumb.png) center center no-repeat;
  cursor: row-resize;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	background-color: #DDDDDD;
	font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
  	font-size:13px;
  	font-weight: normal;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	background-color: #AAAAAA;
	font-weight: bold;	
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	border-color: #AAAAAA;
}

.gwt-TabLayoutPanelContentContainer {
	border-color: #AAAAAA;
}

.gwt-RadioButton {
	color: #333333;
}

.gwt-RadioButton-disabled {
  color: #888;
}



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

.contextMenu {
  background-color: gray;
  border-color: gray gray gray gray;
  border-width: 1px 3px 3px 1px;
  border-style: solid solid solid solid;
}
 
.contextMenuItem {
  font-weight: normal;
  /* font-size: 80%; */
}

.dialogButtons .gwt-Button {
	float: right;
}

.invalidinput {
	border-color: red red red red;
}

.custombutton {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 4.5px 9px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 10px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.custombutton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.custombutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.resourcetype {
	font-weight: bold;
}

.colorlabel {
	border: 1px solid #808080;
}

.ResourceResultTable {
  border-top: thin solid #444444;
  border-left: thin solid #444444;
  border-right: thin solid #111111;
  border-bottom: thin solid #111111;
  background-color:  #cccccc;
}

.ResourceResultTable-OddRow {
  background-color: #bbbbbb;
}

.ResourceResultTable-EvenRow {
  background-color:  #dddddd;
}


.ResourceResultTable-ColumnLabel {
  color: black;
  padding: 3px;
}

.ResourceResultTable-ColumnLabelCell {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

.ResourceResultTable-Cell {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: white;
  padding: 5px;
}

.UserDataTable { 
 border-collapse: collapse; 
 border: 2px solid; 
}

.UserDataTable-Cell { 
 border-width: 1px; 
 border-style: solid dotted; 
}

.UserDataTable-Header {
 background-color:  #efebe7;
 border-width: 1px; 
 border-style: solid; 
}

.invalidinput {
	border-color: red;
}

.form {
	background-color: #eff1f0;
}

.fieldpanel {
	background-color: #eff1f0;
}

.formtable {
	border-width: 0px;
	margin-left: 1px;
	margin-right:1px;
	margin-top:1px;
	margin-bottom:1px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.widget {
		font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
}

.label {
	background-color: #eff1f0;
	font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
    font-size:13px;
    color:#333333;
    line-height:15px;
    font-weight:normal;
}

.labelempty {
	border: 0px;
}

.labelseparator {
	border: 0px
}

.inputmessage {
}

.inputmessageline {
}

.labelcolumn {
	background-color: #eff1f0;
}

.inputcolumn {
	background-color: #d7d9d8;
}

.labelcell {
	vertical-align: top;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	border-bottom: 1px solid #666666;
}

.separatorcell {
}

.labelcellseparator {
	border-bottom: 0px;
}

.labelcellempty {
	
}

.inputcell {
	padding-left: 5px;
	padding-right:2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pagetitle {
	font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
	font-style:bold;
	font-size: 13px;
}


.maintoolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
  border-left: 1px solid #7a7a7a;
  border-right: 1px solid #7a7a7a;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

.toolbarbutton {
	padding:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.ordertoolbar {
  background: #eff1f0;
  border-top: 2px solid #7a7a7a;
  padding: 1px;
  margin: 0px;
}

.ordertoolbar:hover {
  border-color: #9cf #69e #69e #7af;
}

.pdftoolbar {
  background: #eff1f0;
  border: 0px;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
  padding: 0px;
  margin: 0px;
}
.pdftoolbarbutton {
	padding:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/** Traction Dialog **/
.gwt-DialogBox .Caption {
       position: relative;
   }
.gwt-DialogBox .dialogControls {
    position: absolute;
    top: 6px;
    right: 6px;
}
.gwt-DialogBox .dialogControls a {
    cursor: pointer;
}
.gwt-DialogBox .dialogControls .x {
    display: block;
    height: 13px;
    width: 13px;
    background: transparent url(images/x.png) center center no-repeat;
    -background: transparent url(images/x.gif) center center no-repeat;
}