/** Add customer specific css rules here */
@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-color:#FFFFFF;
  margin:0;
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif !important;
  font-size:11px;
  color:#333333;
  line-height:14px;
  font-weight:normal;
  padding-left:0px;
}

.gwt-PopupPanel {
  border: 3px solid #e3e8f3;
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
  background: #e3e8f3;
}

.gwt-DialogBox .Caption {
  background: #eff1f0 url(images/hborder.png) repeat-x 0px -2003px;
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  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;
}

.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-RadioButton {
	color: #333333;
}

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

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

#closeButton {
  margin: 15px 6px 6px;
}

.gwt-TextBox {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
}

.gwt-ListBox {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

.gwt-TextArea {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

/** Separator field */
.f-separator {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.hasRichTextToolbar {
  border: 0px;
}


.cw-RichText {
  border: 1px solid #BBBBBB;
  border-spacing: 0px;
}

.maintoolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 2px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}

.ordertoolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 2px solid #BBBBBB;
  padding: 1px;
  margin: 0px;
}

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

.pdftoolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #BBBBBB;
  padding: 0px;
  margin: 0px;
}

.toolbar {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 0px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}

.orderbutton {
  border: 0px;
}

.orderbutton-up-disabled {
  border: 4px;
 }

.orderlabel {
  background-color: transparent;
}

.addbutton, .leavebutton {
	border: 1px;
	margin-left:10px;
}


.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 {
    font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
	background-color: #eff1f0;
}

.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: oblique;
	font-size: 13px;
}

.maintoolbar {
  background: #eff1f0;
  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: 3px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 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;
}
.sectiontoolbar {
  background: #eff1f0;
  border: 0px;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
  padding: 0px;
  margin: 0px;
}
.sectionbartextbutton {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-style: oblique;
  cursor: pointer;
  cursor: hand;
  border: 0px;
  padding: 2px 5px 2px 5px;
}
.sectionbartextbutton-up-disabled {
  font-family: FontRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-style: oblique;
  border:0px;
  cursor: default;
  opacity: .5;
  filter: alpha(opacity=40);
  zoom: 1;
}
.sectionbarbutton {
	padding:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.toolbar {
  background: #eff1f0;
  border-top: 0px solid #7a7a7a;
  padding: 3px;
  margin: 0px;
}

.toolbarlabel {
	font-size: 13px;
	padding: 5px 5px 5px 5px;
}
.toolbartextbutton {
	font-style: italic;
	cursor: pointer;
	cursor: hand;
	border-left:1px solid #e0e0e0;
	padding: 5px 5px 5px 5px;
}
.toolbartextbuttoncancel {
	color: red;
}
.toolbarbutton {
	padding:2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.toolbarbuttonok {
}
.toolbarbuttoncancel {
}

.pdfrenderpanel {
	background: #eff1f0;
}

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

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