/**
 * The file contains styles for GWT widgets in the chrome theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    html>body .gwt-Widget {
 *      Rule applies to all browsers (including IE7), except IE6
 *    }
 *    * html .gwt-Widget {
 *      Rule applied to IE6 only (not to IE7)
 *    }
 * 
 * Specifically, IE6 does not support images with multiple transparent colors,
 * so we need to use the AlphaImageLoader in IE6 only.
 */

body, table td, select {
    font-family: Arial, sans-serif;
    font-size: 84%;
}

pre {
    font-size: 13px;
}

body {
    color: black;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background: #fff;
    direction: ltr;
}

a, a:visited, a:hover {
    color: #0000AA;
}

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

gwt-Button {

}

.labelNextEnabled {
    cursor: pointer;
    color: blue;
}

.labelNextDisabled {
    cursor: default;
    color: gray;
}

.gwt-Button:active {
}

.gwt-Button:hover {
}

.gwt-Button[disabled] {
}

.gwt-Button[disabled]:hover {
}

.gwt-CheckBox {
}

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

.gwt-DecoratorPanel {
}

.gwt-DecoratorPanel .topCenter,
    .gwt-DecoratorPanel .bottomCenter {
    background: url( images/hborder.png ) repeat-x;
}

.gwt-DecoratorPanel .middleLeft,
    .gwt-DecoratorPanel .middleRight {
    background: url( images/vborder.png ) repeat-y;
}

.gwt-DecoratorPanel .topLeftInner,
    .gwt-DecoratorPanel .topRightInner,
    .gwt-DecoratorPanel .bottomLeftInner,
    .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

html>body .gwt-DecoratorPanel .topLeft {
    background: url( images/corner.png ) no-repeat 0px 0px;
}

html>body .gwt-DecoratorPanel .topRight {
    background: url( images/corner.png ) no-repeat -5px 0px;
}

html>body .gwt-DecoratorPanel .bottomLeft {
    background: url( images/corner.png ) no-repeat 0px -5px;
}

html>body .gwt-DecoratorPanel .bottomRight {
    background: url( images/corner.png ) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanel .topLeftInner {
    width: 5px;
    height: 5px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratorPanel .topRightInner {
    width: 10px;
    height: 5px;
    margin-left: -5px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratorPanel .bottomLeftInner {
    width: 5px;
    height: 10px;
    margin-left: 0px;
    margin-top: -5px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratorPanel .bottomRightInner {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-DialogBox .Caption {
    background: #ebebeb url( images/hborder.png ) repeat-x 0px -2003px;
    padding: 4px 4px 4px 8px;
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
    border-top: 5px solid #e3e3e3;
}

.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 3px;
    background: white;
}

html>body .gwt-DialogBox .dialogBottomCenter {
    background: url( images/hborder.png ) repeat-x 0 -4px;
}

* html .gwt-DialogBox .dialogBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url( images/vborder.png ) repeat-y;
}

html>body .gwt-DialogBox .dialogMiddleRight {
    background: url( images/vborder.png ) repeat-y -4px 0;
}

* html .gwt-DialogBox .dialogMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

html>body .gwt-DialogBox .dialogTopLeft {
    background: url( images/corner.png ) no-repeat -13px 0;
}

html>body .gwt-DialogBox .dialogTopRight {
    background: url( images/corner.png ) no-repeat -18px 0;
}

html>body .gwt-DialogBox .dialogBottomLeft {
    background: url( images/corner.png ) no-repeat 0 -15px;
}

html>body .gwt-DialogBox .dialogBottomRight {
    background: url( images/corner.png ) no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeft {
    width: 5px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/corner_dialog_topleft.png', sizingMethod = 'crop' );
}

* html .gwt-DialogBox .dialogTopRight {
    width: 8px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/corner_dialog_topright.png', sizingMethod = 'crop' );
}

* html .gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 23px;
    margin-top: -15px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DialogBox .dialogBottomRightInner {
    width: 13px;
    height: 23px;
    margin-left: -5px;
    margin-top: -15px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-DisclosurePanel {
}

.gwt-DisclosurePanel-open {
    border: 1px solid #E3E3E3;
}

.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;
    outline: none;
}

.gwt-DisclosurePanel .content {
    /*border-left: 3px solid #e3e3e3;*/
    padding: 4px 0 4px 8px;
    margin-left: 6px;
}

.gwt-FileUpload {
}

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

.gwt-HorizontalSplitPanel {
}

.gwt-HorizontalSplitPanel .hsplitter {
    cursor: move;
    border: 0;
    background: #91c0ef url( images/vborder.png ) repeat-y;
}

.gwt-VerticalSplitPanel {
}

.gwt-VerticalSplitPanel .vsplitter {
    cursor: move;
    border: 0;
    background: #91c0ef url( images/hborder.png ) repeat-x;
}

.gwt-HTML {
}

.gwt-Hyperlink {
}

.gwt-Image {
}

.gwt-Label {
}

.gwt-ListBox {
}

.gwt-MenuBar {
    cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
    cursor: pointer;
}

.gwt-MenuBar .gwt-MenuItem-selected {
/*background: #cdcdcd;*/
}

.gwt-MenuBar-horizontal {
    background: #ebebeb url( images/hborder.png ) repeat-x 0 -2003px;
    border: 1px solid #BBBBBB;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
    padding: 0 5px;
    vertical-align: middle;
    /*    color: #666666;
   font-weight: bold;*/
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
    width: 1px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-left: 1px solid #888888;
    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;
    width: 100%;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
    padding: 4px 14px 4px 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 #777777;
    background: #ddddee;
    overflow: hidden;
}

.gwt-MenuBar-vertical .subMenuIcon {
    padding-right: 4px;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
    background: #cdcdcd;
}

.gwt-MenuBarPopup {
    margin: 0px 0px 0px 3px;
}

.gwt-MenuBarPopup .menuPopupTopCenter {
    background: url( images/hborder.png ) 0px -12px repeat-x;
}

html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
    background: url( images/hborder.png ) 0px -13px repeat-x;
}

* html .gwt-MenuBarPopup .menuPopupBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/hborder_gray_shadow.png', sizingMethod = 'scale' );
}

.gwt-MenuBarPopup .menuPopupMiddleLeft {
    background: url( images/vborder.png ) -12px 0px repeat-y;
}

html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
    background: url( images/vborder.png ) -13px 0px repeat-y;
}

* html .gwt-MenuBarPopup .menuPopupMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/vborder_gray_shadow.png', sizingMethod = 'scale' );
}

.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;
}

html>body .gwt-MenuBarPopup .menuPopupTopLeft {
    background: url( images/corner.png ) no-repeat 0px -36px;
}

html>body .gwt-MenuBarPopup .menuPopupTopRight {
    background: url( images/corner.png ) no-repeat -5px -36px;
}

html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
    background: url( images/corner.png ) no-repeat 0px -41px;
}

html>body .gwt-MenuBarPopup .menuPopupBottomRight {
    background: url( images/corner.png ) no-repeat -5px -41px;
}

* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
    width: 5px;
    height: 41px;
    margin-top: -36px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-MenuBarPopup .menuPopupTopRightInner {
    width: 13px;
    height: 41px;
    margin-left: -5px;
    margin-top: -36px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
    width: 5px;
    height: 49px;
    margin-top: -41px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
    width: 13px;
    height: 49px;
    margin-left: -5px;
    margin-top: -41px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-PasswordTextBox {
    padding: 2px;
}

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

.gwt-PopupPanel {
    border: 3px solid #e3e3e3;
    padding: 3px;
    background: white;
}

.gwt-DecoratedPopupPanel .popupContent {
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
    padding: 3px;
    background: #e3e3e3;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
    background: url( images/hborder.png ) repeat-x;
}

html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
    background: url( images/hborder.png ) repeat-x 0px -4px;
}

* html .gwt-DecoratedPopupPanel .popupBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
    background: url( images/vborder.png ) repeat-y;
}

html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
    background: url( images/vborder.png ) repeat-y -4px 0px;
}

* html .gwt-DecoratedPopupPanel .popupMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
    width: 8px;
    height: 5px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
    width: 8px;
    height: 8px;
    zoom: 1;
}

html>body .gwt-DecoratedPopupPanel .popupTopLeft {
    background: url( images/corner.png ) no-repeat 0px -10px;
}

html>body .gwt-DecoratedPopupPanel .popupTopRight {
    background: url( images/corner.png ) no-repeat -5px -10px;
}

html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
    background: url( images/corner.png ) no-repeat 0px -15px;
}

html>body .gwt-DecoratedPopupPanel .popupBottomRight {
    background: url( images/corner.png ) no-repeat -5px -15px;
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
    width: 5px;
    height: 15px;
    margin-top: -10px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
    width: 13px;
    height: 15px;
    margin-left: -5px;
    margin-top: -10px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
    width: 5px;
    height: 23px;
    margin-top: -15px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
    width: 13px;
    height: 23px;
    margin-left: -5px;
    margin-top: -15px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

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

.gwt-PushButton-up,
    .gwt-PushButton-up-hovering,
    .gwt-PushButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
/*border: 1px outset #ccc;*/
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-up-hovering {
/*border: 1px outset;*/
    border-color: #9cf #69e #69e #7af;
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-up-disabled {
/*border: 1px outset #ccc;*/
    cursor: default;
    opacity: .5;
    filter: alpha( opacity = 40 );
    zoom: 1;
}

.gwt-PushButton-down,
    .gwt-PushButton-down-hovering,
    .gwt-PushButton-down-disabled {
    padding: 4px 4px 2px 6px;
}

.gwt-PushButton-down {
/*border: 1px inset #666;*/
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down-hovering {
    /*border: 1px inset;
    border-color: #9cf #69e #69e #7af;*/
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down-disabled {
/*border: 1px outset #ccc;*/
    cursor: default;
    opacity: 0.5;
    filter: alpha( opacity = 40 );
    zoom: 1;
}

.gwt-RadioButton {
    padding: 4px 4px 3px 3px;
}

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

.gwt-RichTextArea {
}

.hasRichTextToolbar {
    border: 0px;
}

.gwt-RichTextToolbar {
    background: #ebebeb 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-width: 1px;
}

.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;
}

html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
    background: #e4e4e4 url( images/corner.png ) no-repeat 0px -49px;
    border-left: 1px solid #bbbbbb;
}

html>body .gwt-DecoratedStackPanel .stackItemTopRight {
    background: #e4e4e4 url( images/corner.png ) no-repeat -6px -49px;
    border-right: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemTopLeftInner,
    .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 1px;
    height: 1px;
}

* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
    width: 6px;
    height: 55px;
    margin-top: -49px;
    overflow: hidden;
    border-left: 1px solid #bbbbbb;
    background-color: #d3def6;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 12px;
    height: 55px;
    margin-top: -49px;
    margin-left: -6px;
    overflow: hidden;
    border-right: 1px solid #bbbbbb;
    background-color: #d3def6;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.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;
}

html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
    html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
    border: 0px;
    background-color: white;
}

html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
    html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
    background-color: white;
}

* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
    * html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
    border: 0px;
    background-color: white;
}

* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
    padding-left: 1px;
}

* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
    * html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
    background-color: white;
}

.gwt-SuggestBox {
    padding: 2px;
}

.gwt-SuggestBoxPopup {
    margin-left: 3px;
}

.gwt-SuggestBoxPopup .item {
    padding: 2px 6px;
    color: #424242;
    cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
    background: #cdcdcd;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
    background: white;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
    background: url( images/hborder.png ) repeat-x;
}

html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    background: url( images/hborder.png ) repeat-x 0px -4px;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/hborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
    background: url( images/vborder.png ) repeat-y;
}

html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    background: url( images/vborder.png ) repeat-y -4px 0px;
}

* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/ie6/vborder_blue_shadow.png', sizingMethod = 'scale' );
}

.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
    width: 8px;
    height: 5px;
    zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
    width: 8px;
    height: 8px;
    zoom: 1;
}

html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
    background: url( images/corner.png ) no-repeat 0px -23px;
}

html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
    background: url( images/corner.png ) no-repeat -5px -23px;
}

html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
    background: url( images/corner.png ) no-repeat 0px -28px;
}

html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
    background: url( images/corner.png ) no-repeat -5px -28px;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
    width: 5px;
    height: 28px;
    margin-top: -23px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
    width: 13px;
    height: 28px;
    margin-left: -5px;
    margin-top: -23px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
    width: 5px;
    height: 36px;
    margin-top: -28px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
    width: 13px;
    height: 36px;
    margin-left: -5px;
    margin-top: -28px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-TabBar {
}

.gwt-TabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarItem {
    margin-left: 6px;
    padding: 0px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    text-align: center; /*background: #bcbcbc;*/
}

.gwt-TabBar .gwt-TabBarItem-selected {
    cursor: default; /*background: #8b8b8b;*/
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
    border-color: #bcbcbc;
    border-style: solid;
    border-width: 1px 1px 1px;
    overflow: hidden;
    padding: 0;
}

.gwt-DecoratedTabBar {
}

.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: 6px;
}

.gwt-DecoratedTabBar .tabTopCenter {
    padding: 0;
    background: #e3e3e3;
}

.gwt-DecoratedTabBar .tabTopLeft,
    .gwt-DecoratedTabBar .tabTopRight {
    padding: 0;
    zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,
    .gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}

html>body .gwt-DecoratedTabBar .tabTopLeft {
    background: url( images/corner.png ) no-repeat 0px -55px;
}

html>body .gwt-DecoratedTabBar .tabTopRight {
    background: url( images/corner.png ) no-repeat -6px -55px;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner {
    width: 5px;
    height: 61px;
    margin-top: -55px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedTabBar .tabTopRightInner {
    width: 12px;
    height: 61px;
    margin-top: -55px;
    margin-left: -6px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-DecoratedTabBar .tabMiddleLeft,
    .gwt-DecoratedTabBar .tabMiddleRight {
    width: 6px;
    padding: 0px;
    background: #e3e3e3 url( images/hborder.png ) repeat-x 0px -1463px;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,
    .gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 4px 2px 4px;
    cursor: pointer;
    cursor: hand;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #e3e3e3 url( images/hborder.png ) repeat-x 0px -1463px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
    background: #747474;
}

html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background-position: 0px -61px;
}

html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background-position: -6px -61px;
}

* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
    width: 5px;
    height: 67px;
    margin-top: -61px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
    width: 12px;
    height: 67px;
    margin-top: -61px;
    margin-left: -6px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src = 'gwt/chrome/images/corner.png', sizingMethod = 'crop' );
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
    .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
    background: #bcbcbc url( images/hborder.png ) repeat-x 0px -2511px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    background: #bcbcbc url( images/hborder.png ) repeat-x 0px -2511px;
    color: white;
}

.gwt-TextArea {
    padding: 2px;
}

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

.gwt-TextBox {
    padding: 2px;
}

.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;
}

.gwt-ToggleButton-up,
    .gwt-ToggleButton-up-hovering,
    .gwt-ToggleButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
    border: 1px outset #ccc;
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up-hovering {
    border: 1px outset;
    border-color: #9cf #69e #69e #7af;
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up-disabled {
    border: 1px outset #ccc;
    cursor: default;
    opacity: .5;
    zoom: 1;
    filter: alpha( opacity = 40 );
}

.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 #ccc;
    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 = 40 );
}

.gwt-Tree .gwt-TreeItem {

}

.gwt-Tree .gwt-TreeItem-selected {
}

/** Add css rules here for your application. */
.root_vertical_panel {
    height: 100%;
    width: 100%;
}

.horizontal_top_panel {
    height: 57px;
    width: 100%;
}

.horizontal_bottom_panel {
    height: 100%;
    width: 100%;
}

.vertical_categories_panel {
    width: 100px;
    height: 100%;
}

/** Example rules used by the template application (remove for your app) */
.pc-template-btn {
    display: block;
    font-size: 16pt
}

#pc-template-img {
    margin-top: 20px;
}

.location-hint-label-basic {
    font-size: 9pt;
    color: darkgray;
    white-space: nowrap;
    text-align: left;
    width: 100%;
}

.location-hint-label-advanced {
    font-size: 8pt;
    color: darkgray;
    white-space: nowrap;
    text-align: left;
    width: 100%;
}

.search-options-links {
    font-size: 10px;
}

.map-panel {
    width: 100%;
    height: 100%;

}

.disable-style {
    color: gray;
}

.gwt-Self-LabelLikeHyperlink {
/*font-size: 15px;*/
    color: #00A;
}

/* Styles for panels with header */

.borderHeaderPanel {
    border: 1px solid #d9d9d9;

    border-spacing: 0;
    height: 100%;
    width: 219px;
    padding: 0;
}

.headerPanel-Background {
    background: #8b8b8b;
}

.headerPanel-Text {
    color: white;
    font-weight: bold; /*font-size: 15px;*/
    margin-left: 0;
}

.control-Link {
    cursor: pointer;
    margin: 3px;
}

.baloonLink {
    cursor: pointer;
}

.dialog-Hint-Link {
    text-align: right;
}

.dialog-Button {
    width: 65px;
    margin-left: 7px;
    margin-right: 7px;
}

.dialog-Label {
    vertical-align: top;
}

.dialog-Content-Panel {
/*margin-top: 15px;*/
    margin-bottom: 15px;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 3px;
}

.dialog-Validation-Label {
    color: red;
    font-size: 11;
    width: 100%;
}

.dialog-Button-Panel {
    margin-top: 10px;
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
}

.bottom-padding {
    padding-bottom: 5px;
}

.tools-panel {
    margin-left: 10px;
}

.right-tools-panel {
    margin-right: 7px;
    width: 219px;
}

/* Styles for AdvancedTables */

tr.odd {
    background-color: #CCCCCC;
}

tr.even {
    background-color: #EAEAEA;
}

.advancedTableHeader {
    background: #BDBDBD;
    font-weight: bold;
    cursor: pointer;
    color: #3E3E3E;
}

.tracksTable td {
    border-color: white;
    border-style: solid;
    border-width: 1px;
    padding-left: 2px;
}

.advancedTableSelectedRow {

}

.withoutBorder {
    border: 0;
    padding: 0;
    background: white;
}

.mapButton {
    background: white;
    border: 0;
    padding: 0;
    height: 106px;
    width: 24px;
}

.infoTextPanel {
    width: 70%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.gradient-background {
    background: url( images/tools_gradient_background.png ) repeat
}

.gradient-background {
    background: url( images/tools_gradient_background.png ) repeat;
    width: 100%;
}

.right-padding {
    padding-right: 5px;
}

.text-underline {
    text-decoration: underline;
}

.iphone-app-logo {
    width: 48px;
    height: 64px;
    padding-right: 3px;
    border: 0 none;
}

.iphone-app-panel {
    border: 1px solid #D9D9D9;
}

.tracks-label {
    padding: 3px;
    vertical-align: middle;
}

.tracks-label-bold {
    font-weight: bold;
}

.tracks-details-panel {
    padding: 0 10px 10px 25px;
    width: 100%;
}

.tracks-info-panel {
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
}

.show-track-button {
    padding: 0;
    cursor: pointer;
}

.type-selector {
    padding: 3px 3px 3px 3px;
    cursor: pointer;
}

.white-background {
    background-color: white;
    padding: 0;
}

.border-simple {
    border: 1px solid #E3E3E3;
}

.type-selector-item {
    width: 100%;
    padding-left: 25px;
    cursor: default;
}

.type-selector-item-selected {
    background-color: #e3e3e3;
}

.category-selector-item {
    width: 100%;
}

.no-padding {
    padding: 0;
}

.no-background {
    background: none;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.featured-tracks-bookmark-link {
    cursor: pointer;
}

.featured-tracks-bookmark-link-text {
    color: #0000AA;
    text-decoration: underline;
    padding-left: 3px;
}

.labels {
    cursor: pointer;
    color: black;
}

.gwt-ProgressBar-shell {
    background-color: #fff1a8;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
    background-color: #fff1a8;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
    padding: 0;
    margin: 0;
    color: black;
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-right-4 {
    padding-right: 4px;
}

.padding-top-10 {
    padding-top: 10px;
}

.imaged-link {
    cursor: pointer;
    margin: 3px;
}

.imaged-link-text {
    color: #0000AA;
    text-decoration: underline;
    padding-left: 3px;
}

.tools-separator {
    color: #d9d9d9;
    margin: 3px;
}

.single-track-details-panel {
    padding: 20px 10px 10px 10px;
    width: 100%;
}

.single-track-info-panel {
    padding: 7px;
    vertical-align: middle;
    white-space: nowrap;
}

.single-track-info-panel-title {
    width: 120px;
    text-align: left;
    font-weight: normal;
}

.single-track-name {
    font-size: 120%;
    font-weight: bold;
    padding: 3px;
    vertical-align: middle;
}

.single-track-info-group-header {
    font-weight: bold;
}

.single-track-info-group-content {
    padding-left: 30px
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.order-by-element {
    background: none;
    margin: 3px;
    padding-right: 10px;
    cursor: pointer;
}

.three-stance-checkbox {
    width: 12px;
    height: 10px;
    margin: 3px;
    
}

.label-management-button {
    background: url("images/label_management/button.png") no-repeat 0 0;
    width: 70px;
    height: 21px;
    padding-top: 3px;
    font-size: 12px;
    cursor: default;
}

.label-management-button-inv {
    background: url("images/label_management/button_inverted.png") no-repeat 0 0;
    width: 70px;
    height: 21px;
    padding-top: 3px;
    font-size: 12px;
    cursor: default;
}

.label-management-button-label {
    height: 21px;
    padding-left: 10px;
    vertical-align: bottom;
}

.remove-label-button {
    width: 70px;
    height: 21px;
    padding-top: 3px;
    font-size: 12px;
    cursor: default;
    background: url("images/label_management/delete_label_button.png") no-repeat 0 0;
}

.remove-label-button-text {
    padding-left: 15px;
    text-align: center;
}

.remove-label-confirmation-text {
    padding: 15px;
    text-align: center;
}