/**
 * The file contains styles for GWT widgets in the Clean theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .dwt-Widget {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .dwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */

body, table td, select, button {
  /*font-family: Arial Unicode MS, Arial, sans-serif;*/
  font-family:  Microsoft JhengHei Unicode MS,  Microsoft JhengHei, sans-serif;
  /*font-size: small;*/
  font-size: 15px;
  font-weight: bold;
}
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;
}

/**
 * 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.
 */
.dwt-Reference-clean {
  height: 5px;
  width: 5px;
  zoom: 1;
}

.dwt-Button {
  margin: 0;
  padding: 4px 6px;
  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;
}
.dwt-Button:active {
  border: 1px inset #ccc;
}
.dwt-Button:hover {
  border-color: #939393;
}
.dwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.dwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

.dwt-Button2 {
  margin: 0;
  padding: 0 5px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  font-size:34px;
  color:white;
  background: #ccc;
  border: 0;
}
.dwt-Button2:focus {
  outline:none;
}
.dwt-Button2:hover {
  color: darkgray;
}

.dwt-CheckBox {
}
.dwt-CheckBox-disabled {
  color: #AAAAAA;
}

.dwt-CheckBoxBotBorder {
  padding-bottom: 8px;
  border-bottom: 1px solid #000000;
}


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

.dwt-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;
}
.dwt-DialogBox .dialogContent {
}
.dwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.dwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2945px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
}
.dwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.dwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -32px 0px;
}
.dwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.dwt-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.dwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.dwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.dwt-DialogBox .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
  -background: url(images/circles_ie6.png) no-repeat -20px 0px;
}
.dwt-DialogBox .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
  -background: url(images/circles_ie6.png) no-repeat -28px 0px;
}
.dwt-DialogBox .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
  -background: url(images/circles_ie6.png) no-repeat 0px -36px;
}
.dwt-DialogBox .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
  -background: url(images/circles_ie6.png) no-repeat -8px -36px;
}
* html .dwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  overflow: hidden;
}
* html .dwt-DialogBox .dialogTopRightInner {
  width: 12px;
  overflow: hidden;
}
* html .dwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  overflow: hidden;
}
* html .dwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  overflow: hidden;
}

.dwt-DisclosurePanel {
}
.dwt-DisclosurePanel-open {
}
.dwt-DisclosurePanel-closed {
}
.dwt-DisclosurePanel .header,
.dwt-DisclosurePanel .header a,
.dwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.dwt-DisclosurePanel .content {
  border-left: 3px solid #e7e7e7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.dwt-FileUpload {
}

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

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

.dwt-HorizontalPanel2 {
  background: #ccc;
}

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

.dwt-Hyperlink {
  cursor: pointer;
}

.dwt-Image {
}

.dwt-Label {
}

.dwt-ListBox {
}

/* Track */
.dwt-ListBox-scrollBarThin::-webkit-scrollbar {
  width: 6px;
}
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Thumb */
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 2px 2px #c1c1c1;
  border: solid 1px transparent;
}
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 2px 2px #a8a8a8;
}
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 2px 2px #787878;
}

.dwt-ListBox-scrollBarThin::-webkit-scrollbar-button {
  background-color: #f1f1f1;
  background-size: 4px 4px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
}
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-button:hover {
  background-color: #a8a8a8;
}
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-button:active {
  background-color: #787878;
}

/* Up */
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI1NSAyNTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NSAyNTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYXJyb3ctZHJvcC11cCI+CgkJPHBvbHlnb24gcG9pbnRzPSIwLDE5MS4yNSAxMjcuNSw2My43NSAyNTUsMTkxLjI1ICAgIiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

/* Down */
.dwt-ListBox-scrollBarThin::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

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

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

.dwt-PopupPanel {
  border: 3px solid #e7e7e7;
  padding: 3px;
  background: white;
}

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

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

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

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

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

.dwt-StackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.dwt-StackPanel .dwt-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;
}
.dwt-StackPanel .dwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.dwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.dwt-DecoratedStackPanel .dwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}
.dwt-DecoratedStackPanel .dwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.dwt-DecoratedStackPanel .stackItemTopLeft,
.dwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}
.dwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
}
.dwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
  -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
}
.dwt-DecoratedStackPanel .stackItemTopLeftInner,
.dwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}
* html .dwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .dwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.dwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(images/hborder.png) 0px -21px repeat-x;
}
.dwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}
.dwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.dwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}
.dwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}
.dwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.3em;
  background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
.dwt-DecoratedStackPanel .dwt-StackPanelItem-first .stackItemTopRight,
.dwt-DecoratedStackPanel .dwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}
.dwt-DecoratedStackPanel .dwt-StackPanelItem-below-selected .stackItemTopLeft,
.dwt-DecoratedStackPanel .dwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

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

.dwt-SuggestBoxPopup {
}

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

.dwt-TabBar {
  background: #ccc;
  padding-top: 6px;
}
.dwt-TabBar .dwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.dwt-TabBar .dwt-TabBarRest {
}
.dwt-TabBar .dwt-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;
}
.dwt-TabBar .dwt-TabBarItem-selected {
  cursor: default;
  background: white;
  color: #333;
  /*font-weight: bold;*/
} 
.dwt-TabBar .dwt-TabBarItem-disabled {
  cursor: default;
  color: #999999;
}
.dwt-TabPanel {
}
.dwt-TabPanelBottom {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
  overflow: hidden;
  padding: 6px;
}
.dwt-DecoratedTabBar {
  background: #ccc;
  padding-top: 6px;
}
.dwt-DecoratedTabBar .dwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.dwt-DecoratedTabBar .dwt-TabBarRest {
}
.dwt-DecoratedTabBar .dwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 4px;
}
.dwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #8E8E8E;
}
.dwt-DecoratedTabBar .tabTopLeft,
.dwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.dwt-DecoratedTabBar .tabTopLeftInner,
.dwt-DecoratedTabBar .tabTopRightInner {
  width: 3px;
  height: 3px;
}
.dwt-DecoratedTabBar .tabTopLeft {
  background: url(images/circles.png) no-repeat 0px 0px;
  -background: url(images/circles_ie6.png) no-repeat 0px 0px;
}
.dwt-DecoratedTabBar .tabTopRight {
  background: url(images/circles.png) no-repeat -3px 0px;
  -background: url(images/circles_ie6.png) no-repeat -3px 0px;
}
* html .dwt-DecoratedTabBar .tabTopLeftInner,
* html .dwt-DecoratedTabBar .tabTopRightInner {
  width: 3px;
  height: 3px;
  overflow: hidden;
}
.dwt-DecoratedTabBar .tabMiddleLeft,
.dwt-DecoratedTabBar .tabMiddleRight {
  width: 3px;
  padding: 0px;
  background: #8E8E8E;
}
.dwt-DecoratedTabBar .tabMiddleLeftInner,
.dwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.dwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 5px 4px 5px;
  cursor: pointer;
  cursor: hand;
  color: #fff;
  /*font-weight: normal;*/
  text-align: center;
  background: #8E8E8E;
}
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabTopCenter {
  background:#fff;
}
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabTopLeft {
  background: url(images/circles.png) no-repeat -6px 0px;
  -background: url(images/circles_ie6.png) no-repeat -6px 0px;
}
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabTopRight {
  background: url(images/circles.png) no-repeat -9px 0px;
  -background: url(images/circles_ie6.png) no-repeat -9px 0px;
}
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabMiddleLeft,
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabMiddleRight {
  background: #fff;
}
.dwt-DecoratedTabBar .dwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #fff;
  color:#333;
  /*font-weight:bold;*/
}
.dwt-DecoratedTabBar .dwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}

.dwt-TextArea {
  padding: 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #666;
  /*font-size: 100%;*/
  font-size: small;
  /*font-family: Arial Unicode MS, Arial, sans-serif;*/
  font-family:  Microsoft JhengHei Unicode MS,  Microsoft JhengHei, sans-serif;
}
.dwt-TextArea-readonly {
  color: #888;
}
.dwt-TextAreaVertical {
  padding: 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #666;
  /*font-size: 100%;*/
  font-size: small;
  /*font-family: Arial Unicode MS, Arial, sans-serif;*/
  font-family:  Microsoft JhengHei Unicode MS,  Microsoft JhengHei, sans-serif;
  resize: vertical;
}

.dwt-TextBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: small;
  /*font-family: Arial Unicode MS, Arial, sans-serif;*/
  font-family:  Microsoft JhengHei Unicode MS,  Microsoft JhengHei, sans-serif;
}
.dwt-TextBox-readonly {
  color: #888;
}

.dwt-TextBox2 {
  padding: 5px 4px;
  border: 1px solid #000000;
  font-size: small;
}
.dwt-TextBox2[disabled] {
  opacity: 0.5;
}
.dwt-TextBox2Top {
  border: 1px solid #000000;
  border-bottom: 1px solid #ccc;
}
.dwt-TextBox2Bottom {
  border: 1px solid #000000;
  border-top: 1px solid #ccc;
}
.dwt-TextBox2Bottom[disabled] {
  opacity: 0.5;
}
.dwt-TextBox2LeftBottom {
  border: 1px solid #000000;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.dwt-TextBox2RightBottom {
  border: 1px solid #000000;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.dwt-TextBox2Green {
  background-color: #d5ef9a;
}
.dwt-TextBox2Blue {
  background-color: #c9efef;
}
.dwt-TextBox2Blue2 {
  background-color: #c9efef;
}
.dwt-TextBox2Blue2[disabled] {
  opacity: 1.0;
}
.dwt-TextBox2Pink {
  background-color: #d68ba0;
}
.dwt-TextBox2White {
  background-color: white;
}
.dwt-TextBox2White[disabled] {
  opacity: 1.0;
}
.dwt-TextBox-PlaceHolder {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: small;
  color: #b4b4b4;
}

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

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

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

.dwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}
.dwt-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 {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

.dwt-StackLayoutPanel {
  border-bottom: 1px solid #bbbbbb;
}
.dwt-StackLayoutPanel .dwt-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;
}
.dwt-StackLayoutPanel .dwt-StackLayoutPanelHeader-hovering {
  background: #d3def6;
}
.dwt-StackLayoutPanel .dwt-StackLayoutPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.dwt-TabLayoutPanel {
}
.dwt-TabLayoutPanel .dwt-TabLayoutPanelTabs {
  background: #ccc;
  padding-top: 6px;
  padding-left: 5px;
}
.dwt-TabLayoutPanel .dwt-TabLayoutPanelContentContainer {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
}
.dwt-TabLayoutPanel .dwt-TabLayoutPanelContent {
  overflow: hidden;
  padding: 6px;
}
.dwt-TabLayoutPanel .dwt-TabLayoutPanelTab {
  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;
}
.dwt-TabLayoutPanel .dwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
}

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

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