/* ========================================================================== 
     Styles for standard GWT widgets
   ========================================================================== */

/* --------------------------------------------------------------------------
    GWT Popups
   -------------------------------------------------------------------------- */
.gwt-TextBox { width: 100%; }

.gwt-PopupPanel { margin: 0; padding: 0; }
.gwt-PopupPanel .popupContent { margin: 0; padding: 0; text-align: left; }

.gwt-RadioButton { }
.gwt-RadioButton label { margin-left: 0.5em; }
 

/* GWT disclosure panels */
.gwt-DisclosurePanel { margin: 1em 0; }
.gwt-DisclosurePanel .content { }
.gwt-DisclosurePanel .switcher {
    width: 16px;
    height: 16px;
    cursor: pointer;
    cursor: hand;
    color: gray;
}
.gwt-DisclosurePanel-open { }
.gwt-DisclosurePanel-close { }
.gwt-DisclosurePanel-open .switcher { }
.gwt-DisclosurePanel-close .content { display: none; }


/* TabPanel */
table.gwt-TabPanel,
table.gwt-TabPanel tr,
table.gwt-TabPanel tr td,
table.gwt-TabPanel tr th { border: none; padding: 0; margin: 0; }
/* the tab panel itself */
.gwt-TabPanel { width: 100%; margin: 1em 0; }
/* the bottom section of the tab panel (the deck containing the widget) */
.gwt-TabPanelBottom {  }

/* TabBar */
/* the tab bar itself */
table.gwt-TabBar,
table.gwt-TabBar tr,
table.gwt-TabBar tr td,
table.gwt-TabBar tr th { border: none; padding: 0; margin: 0; }
.gwt-TabBar { width: 100%;  }
table.gwt-TabBar tr td { }
/* the left edge of the bar */
.gwt-TabBar .gwt-TabBarFirst { border-bottom: 1px solid silver; width: 0.75em; }
/* the right edge of the bar */
.gwt-TabBar .gwt-TabBarRest { border-bottom: 1px solid silver; }
/* table cell around tab */
.gwt-TabBar .gwt-TabBarItem-wrapper {  }
/* table cell around selected tab */
.gwt-TabBar .gwt-TabBarItem-wrapper-selected { }
/* unselected tabs */
.gwt-TabBar .gwt-TabBarItem { border: 1px solid #EEEEEE; border-bottom: 1px solid silver; margin: 0; padding: 0.2em; }
/* additional style for selected tabs */ 
.gwt-TabBar .gwt-TabBarItem * { font-weight: bold;  color: navy; cursor: pointer; cursor: hand; text-decoration: underline; }
.gwt-TabBar .gwt-TabBarItem-selected { border: 1px solid silver; border-bottom: 1px solid white; background-color: white; }
.gwt-TabBar .gwt-TabBarItem-selected * { color: black; cursor: normal; text-decoration: none; }