body {
  background-color: #FCFCFC;
  color: black;
  font-family: Arial, sans-serif;
  font-size: smaller;
  margin: 0px 0px 0px 0px;
  min-width: 800px;
}

code {
  font-size: small;
}

font-setter {
  font-size: medium;
  font-family: "Verdana";
  padding-right: 10em;
}


a {
  color: darkblue;
}

a:visited {
  color: darkblue;
}

a:visited.mainpic {
color: white;
text-decoration: none;
outline: none;
}

.gwt-BorderedPanel {
}

.gwt-Button {
  font-size: .8em;
  margin: 2px 2px 2px 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.gwt-Canvas {
}

.gwt-CheckBox {
  font-size: smaller;
}

.gwt-DialogBox {
  sborder: 8px solid #C3D9FF;
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-FileUpload {
}

.gwt-FlexTable {
  border-top:    1px solid #333333;
  border-bottom: 1px solid #999999;
  border-left:   1px solid #999999;
  border-right:  1px solid #999999;
  background-color: #FFFFFF;
  border-collapse: collapse;
}

.gwt-FlexTableHeader {
  font-size: smaller;
  border-bottom: 1px solid #999999;
  border-left:   1px solid #999999;
  border-right:  1px solid #999999;
  background-color: #F5F5F5;
 
}

.gwt-FlexTableCell {
  font-size: smaller;
  border: 1px solid #999999;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-left: auto;
}

.gwt-Frame {
}

.gwt-HorizontalSplitPanel {
   border-top:   1px solid #999999;
   border-left:  1px solid #999999;
   border-right: 1px solid #999999;
   margin-left: 20px;
   width: 100%;
  /* height: 100%; */
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #333333;
	width: 1px;
	cursor: col-resize;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.gwt-HorizontalSplitPanel .right {
  height: 100%;
  width: 100%;
}

.gwt-VerticalSplitPanel {
}

.gwt-VerticalSplitPanel .top {
      height: 50%;
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #333333;
	height: 1px;
	cursor: row-resize;
}

.gwt-HorizontalSplitter .Bar {
  width: 1px;
  background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
  height: 1px;
  background-color: #C3D9FF;
}

.gwt-HTML {
  font-size: large;
}

.gwt-Hyperlink {
}

.gwt-Image {
}

.gwt-Label {
  font-size: small;
}

.gwt-ListBox {
}

.gwt-MenuBar {
  margin: 0px 2px 0px 2px;
  padding: 0px 2px 0px 2px;
  background-color: #FFFFFF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  padding: 0px 2px 0px 2px;
  font-size: smaller;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #CCCCCC;
}

.gwt-PasswordTextBox {
  font-size: smaller;
  border: 1px solid #A1BBCD;
  padding: 0px 2px 0px 2px;
  margin: 0px 3px 0px 3px;
}

.gwt-RadioButton {
  font-size: smaller;
}

.gwt-TabPanel {
  background-color: #E8EEF7;
  border-bottom: 1px solid #A1BBCD;
  padding-bottom: 10px;
}

.gwt-TabPanelBottom {
  padding: 10px 10px 10px 10px;
}

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

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

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

.gwt-TabBar .gwt-TabBarItem {
  border-top: 1px solid #A1BBCD;
  border-right: 1px solid #A1BBCD;
  border-bottom: 1px solid #A1BBCD;
  padding: 2px 5px 2px 5px;
  cursor: pointer;
  cursor: hand;
}

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

.gwt-DecoratedTabPanel {
  background-color: #E8EEF7;
  border-bottom: 1px solid #A1BBCD;
  padding-bottom: 10px;
}

.gwt-DecoratedTabPanelBottom {
  padding: 10px 10px 10px 10px;
}

.gwt-DecoratedTabBar {
  background-color: #FCFCFC;
}

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

.gwt-DecoratedTabBar .gwt-TabBarRest {
  border-bottom: 1px solid #A1BBCD;
  padding-right: 3px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-top: 1px solid #A1BBCD;
  border-right: 1px solid #A1BBCD;
  border-bottom: 1px solid #A1BBCD;
  border-left: 1px solid #A1BBCD;
  padding: 2px 5px 2px 5px;
  cursor: pointer;
  cursor: hand;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border-top: 1px solid #A1BBCD;
  border-left: 1px solid #A1BBCD;
  border-right: 1px solid #A1BBCD;
  border-bottom: 1px solid #E8EEF7;
  padding: 5px 5px 5px 5px;
  cursor: default;
}

.gwt-TextArea {
 outline: none;
 text-decoration: none;
}

.gwt-TextBox {
  font-size: smaller;
  border: 1px solid #A1BBCD;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
  font-size: smaller;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color: #C3D9FF;
  cursor: pointer;
  cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

/* -------------------------------------------------------------------------- */
.pd-DataCatalog {
  background-color: #E8EEF7;
  width: 100%;
  height: 24em;
}

/* The main panel of the UI layout */
.pd-mainPanel {
  background-color: #FCFCFC;
}

/* The top panel (header) of the UI layout */
.pd-topPanel {
  padding: 0px 10px 0px 10px;
  vertical-align: middle;
  background-color: #FCFCFC;
  height: 60px;
}

/* The logo panel (left) of the UI layout, embedded left in the top panel */
.pd-logoPanel {
  /* background-image: url('DataCatalogAccessHeader.png'); */
  background-image: url('pisco-final-logo-small.png'); 
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0px 0px 0px 60px;
  width: 100%;
  height: 35px;
}

/* The login panel HTML, embedded in the login panel */
.pd-logoHTML {
  color: #006699;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
}


/* The login panel of the UI layout, embedded to the right in the top panel */
.pd-loginPanel {
  padding: 0px 0px 0px 0px;
  width: 50%;
  height: 100%;
  clear: both;
  float: right;
}

/* The login form of the UI layout, embedded in the login panel */
.pd-login {
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
}

/* The left-side login form links, embedded in the login panel */
.pd-LabelLink-left {
  color: #006699;
  text-align: right;
  padding-right: 4px;
}

.pd-LabelLink-left:hover  {
  color: #006699;
  text-decoration: underline;  
  cursor: pointer;  
}

/* The right-side login form links, embedded in the login panel */
.pd-LabelLink-right {
  color: #006699;
  text-align: left;
  padding-left: 4px;
}

.pd-LabelLink-right:hover  {
  color: #006699;
  text-decoration: underline;
  cursor: pointer;  
}

.pd-LabelLink-mid {
  color: #006699;
  text-align: left;
  padding-left: 4px;
}

.pd-LabelLink-mid:hover  {
  color: #006699;
  text-decoration: underline;
  cursor: pointer;  
}

/* the select and action labels in the navbar */
.pd-LabelLink-selectAction {
  color: #006699;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;  
  padding-left: 4px;
  padding-right: 4px;
}

/* The login panel HTML, embedded in the login panel */
.pd-loginHTML {
  color: #006699;
  text-decoration: underline;
  font-size: smaller;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
}

/* The login flex table */
.pd-login {
  color: #006699;
  font-size: smaller;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 50%;
  height: 50%;
}

/* The login button */
.pd-loginButton {
  font-size: smaller;
  padding: 0px 0px 0px 0px;
  float: right;
  width: 50%;
  height: 100%;
}

/* The base panel of the search form, embedded in the tab panel */
.pd-searchFormPanel {
  padding: 0px 0px 0px 0px;
  width: 99%;
}

.pd-hsplit {
  width: 99%;
  margin-left: 10px;
  border: 1px solid #999999;
}

/* The base panel of the search results, embedded in the tab panel */
.pd-searchResultsPanel {
  padding: 0px 0px 0px 0px;
  width: 100%;
}

.pd-DatePicker {
  background-color: white;
  padding: 10px 10px 2px 10px;
  font-size: smaller;
}

.pd-BottomLine {
  margin-bottom: 0px;
  border-bottom: 1px solid #A1BBCD;
}

/* CartWidget Information Labels */
.pd-cwLabel {
  font-size: smaller;
  padding-bottom: 10px;
  color: #006699;
}

/* CartWidget DisclosurePanel */
.pd-cwDP {
  padding: 5px 30px 30px 30px;
}

/* CartWidget Info textbox */
.pd-cwInfo {
  padding: 0px 10px 10px 10px;
}

/* CartWidget flex table cell */
.pd-cwCell {
  font-size: smaller;
  border: 1px solid #999999;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-left: auto;
}


.SmartGWT-toolstrip-labels {
  font-weight: bold;
  font-size: .7em;
}

.SmartGWT-overlay-title {
  font-weight: bold;
  font-size: .9em;
}

.SmartGWT-toolstrip-click-labels {
  font-size: .7em;
  color: blue;
  text-decoration: underline;  
  margin-right: 7em;
}

.SmartGWT-toolstrip-Include {
  font-size: smaller;
  margin-left: 7em;
}

.SmartGWT-toolstrip-messages {
  font-size: smaller;
  color: red;
  text-align: right;
}

.SmartGWT-gridheader-labels {
  font-size: smaller;
  color: blue;
}