@CHARSET "ISO-8859-1";

/*
*
*main color: #fe6b35
*
*/


/**
 * The file contains styles for GWT widgets in the Clean theme.
 */


/**
 * The reference theme can be used to determine when this style sheet has
 * loaded.  Create a hidden div element with absolute position, assign the style
 * name below, and attach it to the DOM.  Use a timer to detect when the
 * element's height and width are set to 5px.
 */

.gwt-Button {
  margin: 0;
  padding: 5px 7px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  font-size:small;
  background: url("images/hborder.png") repeat-x 0px -2077px;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  border-radius: 3px;
 -moz-border-radius: 3px;
}
.gwt-Button:active {
  border: 1px inset #ccc;
}
.gwt-Button:hover {
  border-color: #939393;
}
.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

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

.gwt-DecoratorPanel {
}
.gwt-DecoratorPanel .topCenter {
  border-top: 1px solid #bbb;
  line-height: 0px;
}
.gwt-DecoratorPanel .bottomCenter {
  border-bottom: 1px solid #bbb;
  line-height: 0px;
}
.gwt-DecoratorPanel .topCenterInner,
.gwt-DecoratorPanel .bottomCenterInner {
  height: 1px;
  line-height: 0px;
  font-size: 1px;
}
.gwt-DecoratorPanel .middleLeft {
  border-left: 1px solid #bbb;
}
.gwt-DecoratorPanel .middleRight {
  border-right: 1px solid #bbb;
}
.gwt-DecoratorPanel .middleLeftInner,
.gwt-DecoratorPanel .middleRightInner {
  width: 1px;
  line-height: 1px;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
  font-size: 1px;
  overflow: hidden;
}
.gwt-DecoratorPanel .topLeft {
  line-height: 0px;
  background: url(images/circles.png) no-repeat 0px -6px;
}
.gwt-DecoratorPanel .topRight {
  line-height: 0px;
  background: url(images/circles.png) no-repeat -5px -6px;
}
.gwt-DecoratorPanel .bottomLeft {
  line-height: 0px;
  background: url(images/circles.png) no-repeat 0px -11px;
}
.gwt-DecoratorPanel .bottomRight {
  line-height: 0px;
  background: url(images/circles.png) no-repeat -5px -11px;
}

/* .gwt-DialogBox .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2945px;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
}
.gwt-DialogBox .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
}
.gwt-DialogBox .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
}
.gwt-DialogBox .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
}
 */
.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black;
  cursor: pointer;
  cursor: hand;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #e7e7e7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-FileUpload {
}

.gwt-Frame {
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
}

.gwt-HorizontalSplitPanel {
}
.gwt-HorizontalSplitPanel .hsplitter {
  cursor: move;
  border: 0px;
  background: #e7e7e7;
  line-height: 0px;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
  cursor: move;
  border: 0px;
  background: #e7e7e7;
  line-height: 0px;
}

.gwt-HTML {
  padding: 0 0px;
}

.gwt-Hyperlink {
  cursor: pointer;
}

.gwt-Image {
}

.gwt-Label {
}

.gwt-ListBox {
}

.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #E3E8F3;
}
/* .gwt-MenuBar-horizontal {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #e0e0e0;
} */
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 5px 10px;
  vertical-align: bottom;
  color: #000;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #ccc;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white;
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 2px 40px 2px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E3E8F3;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/hborder.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/vborder.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/vborder.png) -13px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -36px;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -36px;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -41px;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -41px;
}

/* .gwt-PasswordTextBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}
.gwt-PasswordTextBox-readonly {
  color: #888;
} */


.gwt-DecoratedPopupPanel .popupContent {
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #f1f1f1;
}
.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url(images/hborder.png) 0px -2937px repeat-x;
}
.gwt-DecoratedPopupPanel .popupBottomCenter {
  background:  url(images/hborder.png) repeat-x 0px -2938px;
}
.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url(images/vborder.png) -21px 0px repeat-y;
}
.gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url(images/vborder.png) repeat-y -24px 0px;
}
.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopLeft {
  background: url(images/circles.png) no-repeat 0px -16px;
}
.gwt-DecoratedPopupPanel .popupTopRight {
  background: url(images/circles.png) no-repeat -6px -16px;
}
.gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url(images/circles.png) no-repeat 0px -21px;
}
.gwt-DecoratedPopupPanel .popupBottomRight {
  background: url(images/circles.png) no-repeat -6px -21px;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  margin: 0;
  text-decoration: none;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border-radius: 2px;
  -moz-border-radius: 2px;
}
.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
  padding: 3px 5px 3px 5px;
}
.gwt-PushButton-up {
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-up-hovering {
  border: 1px solid;
  border-color: #939393;
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-up-disabled {
  border: 1px solid #bbb;
  cursor: default;
  opacity: .5;
  filter: alpha(opacity=45);
  zoom: 1;
}
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  padding: 4px 4px 2px 6px;
  outline:none;
}
.gwt-PushButton-down {
  border: 1px inset #666;
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-down-hovering {
  border: 1px solid #939393;
  border-top: 1px solid #333333;
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-down-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=45);
  zoom: 1;
}

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

.gwt-RichTextArea {
}
.hasRichTextToolbar {
  border: 0px;
}
.gwt-RadioButton {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border-bottom: 1px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}
.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-StackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-StackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}
.gwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
}
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}

.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.3em;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

.gwt-SuggestBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
  font-family: Arial Unicode MS, Arial, sans-serif;
}

.gwt-SuggestBoxPopup {
}

.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #000;
  cursor: default;
  font-size: 110%;
}
.gwt-SuggestBoxPopup .item-selected {
  background: #D5E2FF;
}
.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
  border-top: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
  border-bottom: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
  height: 1px;
  line-height: 1px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  border-left: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
  border-right: 1px solid #bbb;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
  width: 1px;
  line-height: 1px;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
  background: url(images/circles.png) no-repeat 0px -6px;
  width:5px;
  height:5px;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
  background: url(images/circles.png) no-repeat -5px -6px;
  width:5px;
  height:5px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
  background: url(images/circles.png) no-repeat 0px -11px;
  width:5px;
  height:5px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
  background: url(images/circles.png) no-repeat -5px -11px;
  width:5px;
  height:5px;
}

/* .gwt-TabBar {
  background: #ccc;
  padding-top: 6px;
} */
.gwt-TabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-TabBar .gwt-TabBarRest {
}
/* .gwt-TabBar .gwt-TabBarItem {
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
} */
/* .gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
} */
.gwt-TabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: #999999;
}
.gwt-TabPanel {
}

.gwt-DecoratedTabBar {
  background: #ccc;
  padding-top: 6px;
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 4px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #8E8E8E;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 3px;
  height: 3px;
}
.gwt-DecoratedTabBar .tabTopLeft {
  background: url(images/circles.png) no-repeat 0px 0px;
}
.gwt-DecoratedTabBar .tabTopRight {
  background: url(images/circles.png) no-repeat -3px 0px;
}

.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 3px;
  padding: 0px;
  background: #8E8E8E;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 5px 4px 5px;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background:#fff;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background: url(images/circles.png) no-repeat -6px 0px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background: url(images/circles.png) no-repeat -9px 0px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #fff;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #fff;
  color:#333;
  font-weight:bold;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}

.gwt-TextArea {
  padding: 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #666;
  font-size: 100%;
  font-family: Arial Unicode MS, Arial, sans-serif;
}
.gwt-TextArea-readonly {
  color: #888;
}

.gwt-TextBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: small;
  font-family: Arial Unicode MS, Arial, sans-serif;
}
.gwt-TextBox-readonly {
  color: #888;
}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  margin: 0;
  text-decoration: none;
  background: url("images/hborder.png") repeat-x 0px -27px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
  padding: 3px 5px 3px 5px;
}
.gwt-ToggleButton-up {
  border:1px solid #bbb;
  border-bottom: 1px solid #a0a0a0;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-up-hovering {
  border: 1px solid;
  border-color: #939393;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-up-disabled {
  border: 1px solid #bbb;
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=45);
}
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  padding: 4px 4px 2px 6px;
}
.gwt-ToggleButton-down {
  background-position: 0 -513px;
  border: 1px inset #666;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-down-hovering {
  background-position: 0 -513px;
  border: 1px inset;
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-down-disabled {
  background-position: 0 -513px;
  border: 1px inset #ccc;
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=45);
}

.gwt-Tree .gwt-TreeItem {
  padding: 1px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
  background: #ebeff9;
}
.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
  margin-left: 0px;
}

.gwt-DateBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}
.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}

.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}
.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsWeekend {
  background: #f7f7f7;
}
.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}
.datePickerDayIsValue {
  background: #d7dfe8;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}
.datePickerDayIsToday {
  padding: 3px;
  color: #fff;
  background: url(images/hborder.png) repeat-x 0px -2607px;
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}
td.datePickerMonth,
td.datePickerYear {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

.gwt-StackLayoutPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
  background: #d3def6;
}
.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-TabLayoutPanel {
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background: #ccc;
  padding-top: 6px;
  height: 52px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  overflow: hidden;
  padding: 6px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {

  padding: 4px 0px 0px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
}

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

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


/* CustomStyles */

.gwt-TabLayoutPanelScrollButton{
	height: 26px;
	width: 26px;
	background: lightgray;
	vertical-align: center;
	display: flex;
	
}

.gwt-TabLayoutPanelScrollPanel{
	height: 45px;
	vertical-align: bottom;
	
}

.MyNectaDropDownButton{
	height: 45px ;
	background: #f9f6f2;
	text-align: left ;
	min-width: 250px;
	border: 0px solid gray ;
	cursor: pointer;
}

.MyNectaChangeWeekButton{
	height: 45px ;
	background: #f9f6f2;
	text-align: left ;
	min-width: 180px;
	border: none ;
	cursor: pointer;
	margin-right: 10px;
    border-radius: 8px;
}
/* width: 250px ; */
.MyNectaDropDownButton:FOCUS{
	outline: none;
}

.MyNectaChangeWeekButton{
	outline: none;
}

.MyNecta-Button{
	border: none;
	background: white;
	margin-right: 10px;
	min-width: 80px;
	height: 25px;
	float: right;
	}
.MyNecta-Button:hover{
	background: #fe6b35;
	color: white;
}
	
.MyNecta-Button:focus{
	outline: none;
	border: none;
}

.MyNecta-ClickableTextCell{
}

.MyNecta-ClickableTextCell:hover{
	color: #fe6b35;
    cursor: pointer;
    cursor: hand;
} 

.MyNecta-ClickableTextCell{

}


.MyNecta-LoginTextBox {
	border: 0;
	outline: 0;
	font-family: Open Sans, sans-serif;
	color: gray;
	backgorund: transparent;
	border-bottom: 1px solid lightgray;
	width: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
}



.MyNecta-LabelSmall{
		font-family: Open Sans, sans-serif;
		font-size: 9px;
		font-weight: normal;
}

.MyNecta-TextBox {
	position: relative;
	border: 0;
	outline: 0;
	font-family: Open Sans, sans-serif;
	color: black;
	backgorund: transparent;
	border-bottom: 1px solid lightgray;
	border-radius: 0px;
	-moz-border-radius: 0px;
}
.MyNecta-TextBox:focus {
	border-bottom: 2px solid #fe6b35;
}

.MyNecta-TextBoxTouch {
	height: 35px;
	position: relative;
	border: 0;
	font-size: 16px;
	outline: 0;
	font-family: Open Sans, sans-serif;
	color: black;
	backgorund: transparent;
	border-bottom: 1px solid lightgray;
	border-radius: 0px;
	-moz-border-radius: 0px;
}
.MyNecta-TextBoxTouch:focus {
	border-bottom: 2px solid #fe6b35;
}

.MyNecta-ListBox{
	border: 0 ;
	outline: 0 ;
	font-family: Open Sans, sans-serif ;
	color: black ;
	border-bottom: 1px solid lightgray ;
	border-radius: 0px ;
	-moz-border-radius: 0px ;
	
}
.MyNecta-ListBox:focus {
	border-bottom: 2px solid #fe6b35 ;
}

.MyNecta-ListBoxTouch{
	height: 35px;
	font-size: 16px;
	border: 0 ;
	outline: 0 ;
	font-family: Open Sans, sans-serif ;
	color: black ;
	border-bottom: 1px solid lightgray ;
	border-radius: 0px ;
	-moz-border-radius: 0px ;
	
}
.MyNecta-ListBoxTouch:focus {
	border-bottom: 2px solid #fe6b35 ;
}
 .MyNecta-ListBoxTouch option{
 	height: 35px;
 	font-size: 16px;
 	padding: 10px 0;
 }
.MyNecta-LoginTextBox::-webkit-input-placeholder {
	color: gray;
	font-family: Open Sans, sans-serif;
}

.MyNecta-LoginTextBox::-moz-placeholder {
	color: gray;
	font-family: Open Sans, sans-serif;
}

.MyNecta-LoginTextBox::-ms-input-placeholder {
	color: gray;
	font-family: Open Sans, sans-serif;
}

.MyNecta2-Logo-Label {
	color: cornflowerblue;
	font-size: 18px;
	font-weight: bold;
	margin: 20px;
}


/*
*TAB-LAYOUT-PANEL
*/
.gwt-TabLayoutPanel {
	
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background-color: white ;
	padding-top: 0px ;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	background-color: white ;
	float: left ;
	-moz-border-radius: 0px 0px 0px 0px ;
	border-radius: 0px 0px 0px 0px ;;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	background-color: white ;
	padding-bottom: 4px ;
	margin-top: 1px ;
	margin-left: 0px ;
	border-bottom: 3px solid #fe6b35;
	float: left ;
	spacing: 0px ;
	vertical-align: bottom ;
}

.gwt-TabLayoutPanelTab-NoPadding {
	margin-left: -5px ;
	margin-right: -1px ;
	padding: 0px 0px 0px 0px ;
	float: left ;
}

/*
*MENU-BAR
*/
.gwt-MenuBar-horizontal {
	border: none;
}

/*
*TAB-BAR
*/
.gwt-TabBar {
	background-color: #f9f6f2 ;
	width: 1000px;
}

.gwt-TabBarItem {
	background-color: #f9f6f2 ;
	color: #fe6b35 ;
	margin-left: 4px;
  	padding: 4px 8px 4px 8px;
  	cursor: pointer;
  	cursor: hand;
  	font-weight: normal;
  	text-align: center;
  	-moz-border-radius: 3px 3px 0px 0px;
  	border-radius: 3px 3px 0px 0px;
}

.gwt-TabBarItem-selected {
	background-color: #f9f6f2 ;
	color: #fe6b35 ;
	border-bottom: 2px solid #fe6b35;	
	cursor: default;
  	font-weight: bold;
	
}

.gwt-TabBarItem:focus {
	outline: none;
	
}

/*
*TAB-PANEL
*/
.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border: none;
	overflow: hidden;
 	padding: 6px;
}



/******************/
/* TimeBox Styles */
/******************/
.timePickerReadOnly,.timePickerReadOnlySmall {
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: black;
	background-color: #F2F2F2;
	padding: 6px 5px;
	background-image: -webkit-linear-gradient(top, #E0E0E0, #E6E6E6, #8F8F8F);
	background-image: -moz-linear-gradient(top, #E0E0E0, #E6E6E6, #8F8F8F);
	background-image: -ms-linear-gradient(top, #E0E0E0, #E6E6E6, #8F8F8F);
	background-image: -o-linear-gradient(top, #E0E0E0, #E6E6E6, #8F8F8F);
	background-image: linear-gradient(top, #E0E0E0, #E6E6E6, #8F8F8F);
	border: none;
	border-bottom: 1px solid lightgray;
	-webkit-box-shadow: 0px 1px 0px 0px black;
	-moz-box-shadow: 0px 1px 0px 0px black;
	box-shadow: 0px 1px 0px 0px black;
}


.timePickerReadOnly {
	font-size: 18px;
}

.timePickerReadOnlySmall {
	font-size: 12px;
}

.timePicker {
	display: inline-block;
	text-decoration: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid lightgray;
	background-image: none;
	margin-top:2px;

}

.timePicker:focus {
	border-bottom: 2px solid #fe6b35 ;
}
.timePickerEntrySmall:focus{
	border: 0 ;
	outline: 0 ;
}
.timePickerEntrySmall:focus + timePicker{
	border: 0 ;
	outline: 0 ;
	border-bottom: 2px solid #fe6b35 ;
}

.timePickerEntry,.timePickerEntrySmall {
	display: inline-block;
	text-decoration: none;
	border: none;
	background-color: transparent;
	
}

.timePickerEntry {
	font-size: 18px;
}

.timePickerEntrySmall {
	font-size: 12px;
}



.gwt-TextBox:focus {
    border: 1px solid #717171;
	outline:0;
} 


/*
*		CUSTOM-STYLES
*/

.buttonCellStyle .gwtButton{
	background: url(WEB-INF/images/dayIcon.PNG) ;
	height: 16px ;
	width: 16px ;
}


.btnStyle {
		margin: 0;
		padding: 5px 7px;
		text-decoration: none;
		cursor: pointer;
		cursor: hand;
		font-size: 16px;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		height: 48px;
		background: white;
	}
	
	.btnStyleSelected {
		margin: 0;
		padding: 5px 7px;
		text-decoration: none;
		cursor: pointer;
		cursor: hand;
		font-size: 16px;
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		height: 48px;
		background: #fe6b35;
	}


/*
*
*	MASK-STYLE
*/


.x-MaskRootPanel {
	width: 100%;
	height: 100%;
}

.x-Mask {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	opacity: 0.3;
}

.x-MaskTextPanel {
	display: table;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.x-MaskTextPanel2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.x-MaskText {
	display: inline-block;
	background-color: white;
	padding: 10px;
	width: auto;
	color: #536b78;
	border-radius: 10px;
	backface-visibility: visible ;
	animation-name: flipInX;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.x-MaskIndicatorMargin {
	margin-right: 10px;
}

/*
*
*	Dialog
*/

.gwt-DialogBox {
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.5);
}

.gwt-DialogBox-open {
	
	-ms-animation-name: bounceInDown;
	-ms-animation-duration: 0.7s;
	-ms-animation-fill-mode: both;
	
	animation-name: bounceInDown;
	animation-duration: 0.7s;
	animation-fill-mode: both;

	-moz-animation-name: bounceInDown;
	-moz-animation-duration: 0.7s;
	-moz-animation-fill-mode: both;
	
	-webkit-animation-name: bounceInDown;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;	
}

.gwt-DialogBox .Caption {
  background-color: #fe6b35 ;
  padding: 8px 16px 7px 8px ;
  cursor: default ;
  font-family: Open sans, Arial, sans-serif ;
  font-weight: 300 ;
  font-size: 18px ;
  text-align: left ;
  border: none ;
  color: white ;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px ;
  background: white ;
}
.gwt-DialogBox .dialogBottomCenter {
  background: #FFF ;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: #fff ;
}
.gwt-DialogBox .dialogMiddleRight {
  background: #fff ;
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 0px ;
  height: 8px ;
  zoom: 1 ;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 0px ;
  zoom: 1 ;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 0px ;
  height: 0px ;
  zoom: 1 ;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 0px ;
  height: 0px ;
  zoom: 1 ;
}
.gwt-DialogBox .dialogTopLeft {
  background: #FFF ;
}
.gwt-DialogBox .dialogTopRight {
	background: #FFF ;
}

.gwt-DialogBox .dialogBottomLeft {
	background: #FFF ;
}

.gwt-DialogBox .dialogBottomRight {
	background: #FFF ;
}

* html .gwt-DialogBox .dialogTopLeftInner {
  width: 0px ;
  overflow: hidden ;
}
* html .gwt-DialogBox .dialogTopRightInner {
  width: 0px ;
  overflow: hidden ;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 0px ;
  height: 0px ;
  overflow: hidden ;
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 0px ;
  height: 0px ;
  overflow: hidden ;
}

.myNecta-DialogBoxNoBorder {
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.5);
}

.myNecta-DialogBoxNoBorder-open {
	
	-ms-animation-name: bounceInDown;
	-ms-animation-duration: 0.7s;
	-ms-animation-fill-mode: both;
	
	animation-name: bounceInDown;
	animation-duration: 0.7s;
	animation-fill-mode: both;

	-moz-animation-name: bounceInDown;
	-moz-animation-duration: 0.7s;
	-moz-animation-fill-mode: both;
	
	-webkit-animation-name: bounceInDown;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;	
}

.myNecta-DialogBoxNoBorder .Caption {
}
.myNecta-DialogBoxNoBorder .dialogContent {
}
.myNecta-DialogBoxNoBorder .dialogMiddleCenter {
  padding: 0px;
  background: white;
}
.myNecta-DialogBoxNoBorder .dialogBottomCenter {
  background: #FFF;
}
.myNecta-DialogBoxNoBorder .dialogMiddleLeft {
  background: #fff;
}
.myNecta-DialogBoxNoBorder .dialogMiddleRight {
  background: #fff;
}
.myNecta-DialogBoxNoBorder .dialogTopLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.myNecta-DialogBoxNoBorder .dialogTopRightInner {
  width: 0px;
  zoom: 1;
}
.myNecta-DialogBoxNoBorder .dialogBottomLeftInner {
  width: 0px;
  height: 3px;
  zoom: 1;
}
.myNecta-DialogBoxNoBorder .dialogBottomRightInner {
  width: 0px;
  height: 3px;
  zoom: 1;
}
.myNecta-DialogBoxNoBorder .dialogTopLeft {
  background: #FFF;
}
.myNecta-DialogBoxNoBorder .dialogTopRight {
	background: #FFF;
}

.myNecta-DialogBoxNoBorder .dialogBottomLeft {
	background: #FFF;
}

.myNecta-DialogBoxNoBorder .dialogBottomRight {
	background: #FFF;
}

* html .myNecta-DialogBoxNoBorder .dialogTopLeftInner {
  width: 0px;
  overflow: hidden;
}
* html .myNecta-DialogBoxNoBorder.dialogTopRightInner {
  width: 0px;
  overflow: hidden;
}
* html .myNecta-DialogBoxNoBorder .dialogBottomLeftInner {
  width: 0px;
  height: 3px;
  overflow: hidden;
}
* html .myNecta-DialogBoxNoBorder .dialogBottomRightInner {
  width: 0px;
  height: 3px;
  overflow: hidden;
}

.myNecta-DialogBoxNoBorder-close {
	-ms-animation-name: bounceOutUp;
	-ms-animation-duration: 0.7s;
	-ms-animation-fill-mode: both;
	
	-mos-animation-name: bounceOutUp;
	-mos-animation-duration: 0.7s;
	-mos-animation-fill-mode: both;
	
	-webkit-animation-name: bounceOutUp;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	
	animation-name: bounceOutUp;
	animation-duration: 0.7s;
	animation-fill-mode: both;
}

.gwt-PasswordTextBox {
  height: 24px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857;
  color: #555;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #a8a8a8;
  border-radius: 4px;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gwt-PasswordTextBox:focus {
	border: 1px solid #717171;
	outline:0;
}

.gwt-PasswordTextBox-readonly {
  color: #888;
}

.gwt-PopupPanel {
  border: 3px solid #e7e7e7;
  padding: 3px;
  background: white;
}
.gwt-DialogBox-close {
	-ms-animation-name: bounceOutUp;
	-ms-animation-duration: 0.7s;
	-ms-animation-fill-mode: both;
	
	-mos-animation-name: bounceOutUp;
	-mos-animation-duration: 0.7s;
	-mos-animation-fill-mode: both;
	
	-webkit-animation-name: bounceOutUp;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	
	animation-name: bounceOutUp;
	animation-duration: 0.7s;
	animation-fill-mode: both;
}

.msgBox-message {
	margin-top: 15px;
	max-width: 650px;
	margin-bottom: 25px;
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		transform: none;
	}
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		-webkit-opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
	}
	60% {
		-webkit-opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
	}
	100% {
		-webkit-transform: none;
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		transform: perspective(400px);
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		-webkit-opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-webkit-opacity: 1;
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
	}
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0);
	}
	40%, 45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
	}
	40%, 45% {
		-webkit-opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
	}
	100% {
		-webkit-opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
	}
}



/* FU, IE */
input::-ms-clear {
	display:none;
}
 
body, table td, select, button {
  font-family: Open Sans, sans-serif ;
  font-size: small;
}
pre {
  font-family: "courier new", courier;
  font-size: small;
}
body {
  color: black;
  margin: 10px;
  border: 0px;
  padding: 0px;
  background: #fff;
  direction: ltr;
}

a, a:visited {
  color: #0066cc;
  text-decoration:none;
}

a:hover {
  color: #0066cc;
  text-decoration:underline;
}

select {
  background: white;
}


.gwt-Reference-clean {
  height: 5px;
  width: 5px;
  zoom: 1;
}

.gwt-ListBox {
	height: 24px;
	display: inline-block;
	padding: 3px 6px 3px 0px;
	font-size: 13px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #A8A8A8;
	border-radius: 4px;
	margin-top: -3px;
	box-shadow: none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	box-sizing: border-box;
}

.gwt-TextArea {
  padding: 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #666;
  font-size: 100%;
}
.gwt-TextArea-readonly {
  color: #888;
}

.gwt-TextBox {
	height: 24px;
	display: block;
	padding: 3px 8px;
	font-size: 13px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #a8a8a8;
	border-radius: 4px;
	box-shadow: none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gwt-TextBox:focus {
    border: 1px solid #717171;
	outline:0;
} 

.gwt-TextBox-readonly {
  color: #888;
}


button::-moz-focus-inner {
  border: 0;
}

.gwt-RadioButton input[type=radio] {  
	display: none;  

}

.gwt-RadioButton label {
	display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 13px;  	
}


.gwt-RadioButton label:before {  
    content: "";  
    display: inline-block;  
  
    width: 16px;  
    height: 16px;  
  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 3px;  
    border: 1px solid #536b78;
    background-color: transparent;  
    
    border-radius: 9px;  
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}   

input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #536b78;  
    font-size: 32px;  
    text-align: center;  
    line-height: 16px;  
}


/*
*
*
*	STYLE DATEPICKER
*
*
*/

.gwt-DatePicker {
  border: none ;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}
.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsWeekend {
  background: #f7f7f7;
}
.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}
.datePickerDayIsValue {
  background: #58A28A ;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: lightgray ;
}
.datePickerDayIsValueAndHighlighted {
  background: #58A28A ;
}
.datePickerDayIsToday {
  padding: 4px ;
  color: #fff;
  background: #fe6b35 ;
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}
td.datePickerMonth,
td.datePickerYear {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}