/* ======================= Common ======================= */
a:link,.w,.w a:link     { color:#0000cc; }
a:visited               { color:#551a8b; }
a:active                { color:#ff0000; }

/* In standards mode, make sure RootPanel actually has height; with only absolute positioned content */
html, body {
    height: 100%;
}

body {
    color:              black;
    font-family:        Helvetica, Arial, sans-serif;
    font-size:          8px;
    margin:             0px;
    padding:            0px;
    direction:          ltr;
}

.defaultCursor          { cursor:default; }

.moveCursor             { cursor:move; }

.pointerCursor          { cursor:pointer; }

.resizeCursor           { cursor:col-resize; }

.waitCursor             { cursor:wait; }

/* ======================= Heading and Menu ======================= */

.jcdesigner-headerAppLabel {
	font-size:           16px;
    background-color:    #DFE8F6;
}

.jcdesigner-subHeadingLabel {
	font-size: 14px;
}

.gwt-MenuItem {
    font-size:    12px;
}


.jcdesigner-headerLogo {
    margin-left:    10px;
}

.jcdesigner-headerTable {
    background-color:    #DFE8F6;
}

.jcdesigner-clearImage {
    background-color:    #DFE8F6;
}

/* ======================= Configuration Properties ======================= */

.configDialog .gwt-Button {
width:      75px;   
font-size:  10px;
border:     1px solid grey;
}

.configDialog .gwt-Label {
font-size:  12px;
}

.configDialog .gwt-TextBox {
width:  250px;
}


/* ======================= Composite Properties ======================= */

.jcdesigner-uiDialog {
    width:      200px;
    height:     150px;  
}

.jcdesigner-uiDialog-grid {
}

/* ======================= Structure Panels ======================= */
/******
.jcdesigner-panel-00 {
    border:    1px solid red;
}

.jcdesigner-panel-01 {
    border:    1px solid red;
}

.jcdesigner-panel-02 {
    border:    1px solid red;
}

.jcdesigner-panel-03 {
    border:    1px solid red;
}

.jcdesigner-panel-04 {
    border:    1px solid red;
}
****/

.jcdesigner-panel-00 {
    margin:         0px;
    padding:        0px;
    /*border:         1px dashed grey;*/
    border:         none;
}

.jcdesigner-panel-01 {
}

.jcdesigner-panel-02 {
}

.jcdesigner-panel-03 {
}

.jcdesigner-panel-03-01 {
}

.jcdesigner-panel-04 {
}

/* ======================= UIPanel ======================= */

.jcdesigner-uiPanel {
    border:    1px dashed blue;
    /*margin-left:    10px; */   /* NOTE: IE requires 25px to compensate for scrollbar width */
}

/* ======================= GWT Widgets ======================= */

.jcdesigner-gwtwidget-caption {
    cursor:    pointer;
    cursor:    hand;
    font-size:    12px;
}

.jcdesigner-gwtwidget-scroll {
}

.jcdesigner-gwtwidget-grid {
}

.jcdesigner-gwtwidget-grid td {
    font-size:    12px;
}

/* ======================= Unlinked LabWidgets ======================= */

.jcdesigner-unlinked-caption {
    font-size:    12px;
}

.jcdesigner-unlinked-name {
    background-color:    #F5F5F5;
}

.jcdesigner-unlinked-create-trash {
}

.gwt-Button.jcdesigner-unlinked-create {
    color:    blue;
    margin-left:    5px;
    font-size:    12px;
}

.jcdesigner-unlinked-trash-drop {
	margin-top:    0px;
}

.jcdesigner-trashcan {
    margin-right:    5px;
    border:    none;
}

.jcdesigner-unlinked-vp {
}

/*
.jcdesigner-unlinked-scroll {
    border:    1px solid grey;
}
*/

.jcdesigner-unlinked {
    color:    red;
    border:    none;
}

.jcdesigner-unlinked td {
    font-size:    12px;
    color:    red;
}

.jcdesigner-unlinked .dragdrop-draggable .gwt-Label {
    font-size:    12px;
}

.jcdesigner-unlinked-location label {
    font-size:    12px;
}

/* ======================= LabWidgetTree ======================= */

/* The selectDialog is used to provide 
   the location within the Parent LabWidget      
*/
.jcdesigner-selectDialog {
    width:      150px;
    height:     100px;  
}

.jcdesigner-labWidgetTreeCaption {
    font-size:    12px;
}

.jcdesigner-labWidgetTreeScroll {
}

.jcdesigner-labWidgetTree {
    cursor:    pointer;
    cursor:    hand;
    background-color:    #DFE8F6;
}

    .jcdesigner-labWidgetTree td {
        font-size:    12px;
    }
    
	.jcdesigner-labWidgetTree .gwt-TreeItem .gwt-Label {
	    font-size:    12px;
	}
	
.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
    background-color:    grey;
}

.gwt-Tree .gwt-TreeItem .gwt-Label {
    color:    black;
}

.gwt-Tree .gwt-TreeItem-selected {
}	
	
.jcdesigner-labwidget {
    cursor:                     pointer;
    cursor:                     hand;
}	

/* ======================= Property Editor ======================= */

.gwt-DisclosurePanel.jcdesigner-pe-DisclosurePanel {
    border:    1px solid blue;
    width:     95%;
    margin:    2px;
}

.jcdesigner-propertyEditorCaption {
    font-size:    12px;
}

.jcdesigner-propertyEditorScroll {
    padding-top:    0px;
    background-color:    #DFE8F6;
}

.jcdesigner-propertyEditorGrid {
    margin:    0px;
    text-align:    left;
    vertical-align:    center;
    font-size:    12px;
}

table .jcdesigner-propertyEditorGrid {
    border:    none;
}

.jcdesigner-propertyEditorGrid .gwt-ListBox {
    font-size:    12px;
}

.jcdesigner-propertyEditorGrid td {
    font-size:    12px;
    padding-left: 2px;
}

.jcdesigner-propertyEditor-row {
	
}

.jcdesigner-propertyEditorName {
}

.jcdesigner-propertyEditorValue .gwt-TextBox {
   /* background-color:    yellow; */
}

.header td {
    font-size:    12px;
}

.jcdesigner-propertyEditor-colName.gwt-Label {
}


/* ======================= CSS TextArea ======================= */

.jcdesigner-cssCaption {
    font-size:    12px;
}

.jcdesigner-cssTextArea {
    background-color:    #DFE8F6;
    border:    none;
}

/* ======================= Grid Row Selections ======================= */

.jcdesigner-selected {
	/* NOTE: background: #7AA5D6; has same effect as it is shorthand
	         for setting multiple properties, but color must be first */
    background-color:             #7AA5D6;
}

.jcdesigner-unselected {
	background-color:      #DFE8F6;
}

.jcdesigner-rowEven {
    background-color:           #F5F5F5; 
    color:                      black;
}

.jcdesigner-rowOdd {
    background-color:           #DFE8F6;
    color:                      black;
}

/* ======================= Cut and Paste ======================= */

.gwt-Tree .gwt-TreeItem-selected .jcdesigner-cut {
	 background-color:       yellow;
}

/* ======================= Drag and Drop ======================= */

.enterDropTarget {
    background-color:       lightgreen;	
}

.enterDropTarget-warn {
    background-color:       pink; 
}

.mouseEnterDropTarget {
    background-color:       yellow;	
}

/* ======================================= */

.jcdesigner-Grid td {
    font-size:    12px;
}

/* ======================================= */


/****
	.gwt-Button {
	    width:              75px;	
	    font-size:          10px;
	    border:             1px solid grey;
	}
****/

.gwt-Grid {
	font-size:         10px;
}

.my-Button {
    width:              200px;	
    color:              black;
}

.test-CSS-2 {
    width:              200px;
    height:             30px;
    border:             3px solid red;
    padding:            0px;	
}

.test-CSS-delete {
    width:              200px;   
}

td {
    font-size:         10px;
}

/* ===================== GWT Incubator - SliderBar ==================== */

.gwt-SliderBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #efebe7;
  height: 34pt;
  width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 22pt;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

/* ===================== GWT Incubator - ValueSpinner ==================== */

.gwt-ValueSpinner {
}

.gwt-ValueSpinner .textBox {
    width:    75px;
}

.gwt-ValueSpinner .arrows {
}


/* ===================== GWT Incubator - ProgressBar ==================== */
.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 2px;
  margin: 0px;
  color: white;
  text-align: center;
}

/* ===================== ProgressBar util ==================== */

.progressbar-text {
    font-weight: bold;
}

.progressbar-remaining {
    font-size: 12px;
    font-style: italic;
}

.progressbar-outer {
    border: 1px solid black;
}

.progressbar-inner {
    border: 1px solid black;
    margin: 1px;
}

.progressbar-bar {
    width: 5px;
    height: 15px;
    margin: 1px;
}

.progressbar-fullbar {
    background: blue;
}

.progressbar-blankbar {
    background: #eee;
}