.jbx-dd-DragSource-target { cursor:pointer; }
.jbx-dd-DragSource-dragging { visibility:hidden; }
.jbx-dd-DragSource-dragger { cursor:pointer; }
.jbx-ctrl-Button { color: #444; float: left; height: 14px; cursor: pointer; padding: 3px 10px; background: #f0f0f0; margin: 0px 5px 5px 0px; border: 1px solid #c0c0c0; border-radius: 5px; background-image: linear-gradient(to bottom, #fbfbfb 0%,#f0f0f0 100%); outline: 0px solid #fff; }
input.jbx-ctrl-Button, button.jbx-ctrl-Button { overflow:visible; box-sizing: border-box; height: 22px; padding: 0px 10px; }
.jbx-ctrl-Button::-moz-focus-inner { padding:0px; border:none; outline:none; }
.jbx-ctrl-Button-down { background: #eeeeee; border:1px solid #aaa; box-shadow: inset 0px 1px 1px 1px #d0d0d0 !important; background-image: linear-gradient(to bottom, #eeeeee 0%,#f4f4f4 100%); }
.jbx-ctrl-Button-hover, .jbx-ctrl-Button-focused { color:#000; border:1px solid #888; box-shadow: inset 0px 0px 5px 0px #ffffff; }
.jbx-ctrl-Button-pressed { background: #e0e0e0; border:1px solid #999; box-shadow: inset 0px 1px 1px 1px #c9c9c9 !important; background-image: linear-gradient(to bottom, #e0e0e0 0%,#f0f0f0 100%); }
.jbx-ctrl-Button-disabled { color: #bbb; cursor: default; background: #fbfbfb; border: 1px solid #e5e5e5; background-image: linear-gradient(to bottom, #fbfbfb 0%,#f5f5f5 100%);  }
.jbx-ctrl-Button-disabled.jbx-ctrl-Button-down { background: #f5f5f5; border:1px solid #ddd; box-shadow: inset 0px 1px 1px 1px #ececec !important; background-image: linear-gradient(to bottom, #f5f5f5 0%,#f9f9f9 100%); }
.jbx-ctrl-Checkbox { float: left; width: 12px; height: 12px; padding: 0px; outline: none; overflow: hidden; cursor: pointer; margin: 2px 5px 5px 0px; border: 1px solid #c0c0c0; background: #fff url(jbx/checkbox.gif) no-repeat left top; box-shadow: inset 0px 1px 1px 1px #f0f0f0; border-radius: 4px; }
.jbx-ctrl-Checkbox input { visibility: hidden; }
.jbx-ctrl-Checkbox-mixed { background: #fff url(jbx/checkbox.gif) no-repeat left -12px; }
.jbx-ctrl-Checkbox-checked { background: #fff url(jbx/checkbox.gif) no-repeat left -24px; }
.jbx-ctrl-Checkbox-pressed { background-color:#f6f6f6; box-shadow: inset 0px 1px 1px 1px #d6d6d6; }
.jbx-ctrl-Checkbox-hover, .jbx-ctrl-Checkbox-focused { border:1px solid #999; }
.jbx-ctrl-Checkbox-required { border: 1px solid #eaa2a2; box-shadow: inset 0px 1px 1px 1px #f3dede; }
.jbx-ctrl-Checkbox-required.jbx-ctrl-Checkbox-hover, .jbx-ctrl-Checkbox-required.jbx-ctrl-Checkbox-focused { border:1px solid #d95a5a; }
.jbx-ctrl-Checkbox-required.jbx-ctrl-Checkbox-checked { border: 1px solid #c0c0c0; box-shadow: inset 0px 1px 1px 1px #f0f0f0; }
.jbx-ctrl-Checkbox-required.jbx-ctrl-Checkbox-hover.jbx-ctrl-Checkbox-checked, .jbx-ctrl-Checkbox-required.jbx-ctrl-Checkbox-focused.jbx-ctrl-Checkbox-checked { border:1px solid #999; }
.jbx-ctrl-Checkbox-disabled { cursor: default; background: #fbfbfb; border: 1px solid #e4e4e4 !important; box-shadow: inset 0px 1px 1px 1px #f5f5f5; }
.jbx-ctrl-Checkbox-disabled.jbx-ctrl-Checkbox-mixed { background: #fbfbfb url(jbx/checkbox.gif) no-repeat left -36px; }
.jbx-ctrl-Checkbox-disabled.jbx-ctrl-Checkbox-checked { background: #fbfbfb url(jbx/checkbox.gif) no-repeat left -48px; }
.jbx-ctrl-Combobox { color: #444; float: left; outline: none; cursor: pointer; background: #f0f0f0; margin: 0px 5px 5px 0px; border: 1px solid #c0c0c0; border-radius: 5px; background-image: linear-gradient(to bottom, #fbfbfb 0%,#f0f0f0 100%); }
.jbx-ctrl-Combobox-hover, .jbx-ctrl-Combobox-focused { color:#000; border:1px solid #999; }
.jbx-ctrl-Combobox-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 2px 15px 2px 8px; background: url(jbx/combobox.gif) no-repeat right center; }
.jbx-ctrl-Combobox-list { color:#000; display: none; overflow: auto; background: #fff; padding: 4px 0px; position: absolute; border: 1px solid #bbb; border-radius: 5px; box-shadow: 0px 5px 10px -2px #bbb; }
.jbx-ctrl-Combobox-option { cursor: pointer; padding: 0px 15px 0px 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.jbx-ctrl-Combobox-group { margin-bottom: 8px; }
.jbx-ctrl-Combobox-group-label { cursor: default; margin: 0px 3px 5px; padding: 5px 5px 0px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ddd; font-style: italic; color: #888; }
.jbx-ctrl-Combobox-option-selected { background: url(jbx/combobox-selected.gif) no-repeat 5px center; }
.jbx-ctrl-Combobox-option-over { color: #fff; background: #6384f0; border-top: 1px solid #5f7fe8; border-bottom: 1px solid #2752e4; }
.jbx-ctrl-Combobox-option-selected.jbx-ctrl-Combobox-option-over { background: #6384f0 url(jbx/combobox-selected-over.gif) no-repeat 5px center; }
.jbx-ctrl-Combobox-disabled { color:#bbb; cursor:default; font-style:italic; border: 1px solid #e9e9e9 !important; background-image: linear-gradient(to bottom, #fdfdfd 0%,#f5f5f5 100%); }
.jbx-ctrl-Combobox-disabled .jbx-ctrl-Combobox-label { background: url(jbx/combobox-disabled.gif) no-repeat right center; }
.jbx-ctrl-Radio { float: left; width: 12px; height: 12px; padding: 0px; outline: none; overflow: hidden; cursor: pointer; margin: 2px 5px 5px 0px; border: 1px solid #c0c0c0; background: #fff url(jbx/checkbox.gif) no-repeat left top; box-shadow: inset 0px 1px 1px 1px #f0f0f0; border-radius: 7px; }
.jbx-ctrl-Radio input { visibility: hidden; }
.jbx-ctrl-Radio-checked { background: #fff url(jbx/checkbox.gif) no-repeat left -12px; }
.jbx-ctrl-Radio-pressed { background-color:#f6f6f6; box-shadow: inset 0px 1px 1px 1px #d6d6d6; }
.jbx-ctrl-Radio-hover, .jbx-ctrl-Radio-focused { border:1px solid #999; }
.jbx-ctrl-Radio-required { border: 1px solid #eaa2a2; box-shadow: inset 0px 1px 1px 1px #f3dede; }
.jbx-ctrl-Radio-required.jbx-ctrl-Radio-hover, .jbx-ctrl-Radio-required.jbx-ctrl-Radio-focused { border:1px solid #d95a5a; }
.jbx-ctrl-Radio-required.jbx-ctrl-Radio-checked { border: 1px solid #c0c0c0; box-shadow: inset 0px 1px 1px 1px #f0f0f0; }
.jbx-ctrl-Radio-required.jbx-ctrl-Radio-hover.jbx-ctrl-Radio-checked, .jbx-ctrl-Radio-required.jbx-ctrl-Radio-focused.jbx-ctrl-Radio-checked { border:1px solid #999; }
.jbx-ctrl-Radio-disabled { cursor: default; background: #fbfbfb; border: 1px solid #e4e4e4 !important; box-shadow: inset 0px 1px 1px 1px #f5f5f5; }
.jbx-ctrl-Radio-disabled.jbx-ctrl-Radio-checked { background: #fbfbfb url(jbx/checkbox.gif) no-repeat left -36px; }
.jbx-ctrl-Text { color: #444; float: left; width: 150px; height: 14px; outline: none; padding: 3px 5px; margin: 0px 5px 5px 0px; border: 1px solid #c0c0c0; border-radius: 5px; box-shadow: inset 0px 1px 1px 1px #f0f0f0; }
.jbx-ctrl-Text-hover, .jbx-ctrl-Text-focused { color:#000; border:1px solid #999; }
.jbx-ctrl-Text-labeled { color: #999; font-style: italic; }
.jbx-ctrl-Text-invalid, .jbx-ctrl-Text-required.jbx-ctrl-Text-empty { border: 1px solid #eaa2a2; box-shadow: inset 0px 1px 1px 1px #f3dede; }
.jbx-ctrl-Text-invalid.jbx-ctrl-Text-hover, .jbx-ctrl-Text-invalid.jbx-ctrl-Text-focused, .jbx-ctrl-Text-required.jbx-ctrl-Text-empty.jbx-ctrl-Text-hover, .jbx-ctrl-Text-required.jbx-ctrl-Text-empty.jbx-ctrl-Text-focused { border:1px solid #d95a5a; }
.jbx-ctrl-Text-readonly, .jbx-ctrl-Text-disabled { color: #aaa; background: #f5f5f5; box-shadow: inset 0px 1px 1px 1px #e5e5e5; }
.jbx-ctrl-Textarea { color: #444; float: left; width: 250px; height: 50px; outline: none; overflow: auto; padding: 2px 5px; margin: 0px 5px 5px 0px; border: 1px solid #c0c0c0; border-radius: 5px; box-shadow: inset 0px 1px 1px 1px #f0f0f0; }
.jbx-ctrl-Textarea-hover, .jbx-ctrl-Textarea-focused { color:#000; border:1px solid #999; }
.jbx-ctrl-Textarea-labeled { color: #ccc; font-style: italic; }
.jbx-ctrl-Textarea-invalid, .jbx-ctrl-Textarea-required.jbx-ctrl-Textarea-empty { border: 1px solid #eaa2a2; box-shadow: inset 0px 1px 1px 1px #f3dede; }
.jbx-ctrl-Textarea-invalid.jbx-ctrl-Textarea-hover, .jbx-ctrl-Textarea-invalid.jbx-ctrl-Textarea-focused, .jbx-ctrl-Textarea-required.jbx-ctrl-Textarea-empty.jbx-ctrl-Textarea-hover, .jbx-ctrl-Textarea-required.jbx-ctrl-Textarea-empty.jbx-ctrl-Textarea-focused { border:1px solid #d95a5a; }
.jbx-ctrl-Textarea-readonly, .jbx-ctrl-Textarea-disabled { color: #aaa; background: #f5f5f5; box-shadow: inset 0px 1px 1px 1px #e5e5e5; }
.jbx-dd-DropTarget { }
.jbx-dd-DropTarget-valid { }
.jbx-dd-DropTarget-over { }
.jbx-utils-Grid { }
.jbx-utils-Grid-navigator { }
.jbx-utils-Grid-navigator input { padding: 1px 1px; display: none; font-size:11px; position: absolute; text-align: center; border: 1px solid #ccc; border-radius: 5px; }
.jbx-utils-Grid-navigator-previous { float: left; width: 14px; height: 14px; cursor: pointer; margin-right: 2px; background: url(jbx/grid-previous-page.png) no-repeat left top; }
.jbx-utils-Grid-navigator-previous-over { background: url(jbx/grid-previous-page.png) no-repeat left -14px; }
.jbx-utils-Grid-navigator-previous-disabled { cursor: default; background: url(jbx/grid-previous-page.png) no-repeat left -28px; }
.jbx-utils-Grid-navigator-next { float: left; width: 14px; height: 14px; cursor: pointer; margin-left: 2px; background: url(jbx/grid-next-page.png) no-repeat left top; }
.jbx-utils-Grid-navigator-next-over { background: url(jbx/grid-next-page.png) no-repeat left -14px; }
.jbx-utils-Grid-navigator-next-disabled { cursor: default; background: url(jbx/grid-next-page.png) no-repeat left -28px; }
.jbx-utils-Grid-navigator-position { float: left; cursor: default; padding: 0px 4px; }
.jbx-utils-Grid-navigator-rowcount { float: left; cursor: default; padding: 0px 4px; }
.jbx-utils-Resize { }
.jbx-utils-Resize-resizing { }
.jbx-utils-Resize-helper { background:#39f; border:1px solid #00a; }
.jbx-utils-Resize-handler { width:5px; height:5px; }
.jbx-utils-Resize-handler-corner { }
.jbx-utils-Resize-handler-vertical { }
.jbx-utils-Resize-handler-horizontal { }
.jbx-utils-Resize-handler-top { cursor: n-resize; }
.jbx-utils-Resize-handler-left { cursor: w-resize; }
.jbx-utils-Resize-handler-right { cursor: e-resize; }
.jbx-utils-Resize-handler-bottom { cursor: s-resize; }
.jbx-utils-Resize-handler-topleft { cursor: nw-resize; }
.jbx-utils-Resize-handler-topright { cursor: ne-resize; }
.jbx-utils-Resize-handler-bottomleft { cursor: sw-resize; }
.jbx-utils-Resize-handler-bottomright { cursor: se-resize; }
.jbx-utils-Resize-handler.jbx-dd-DragSource-dragger { visibility:hidden; }
.jbx-utils-Resize-handler.jbx-dd-DragSource-dragging { visibility:visible; }
.jbx-utils-Slideshow { }
.jbx-utils-Slideshow-over { }
.jbx-utils-Slideshow-playing { }
.jbx-utils-Slideshow-slide { }
.jbx-utils-Slideshow-slide-selected { }
.jbx-utils-Slideshow-navigator { }
.jbx-utils-Slideshow-navigator-button { }
.jbx-utils-Slideshow-navigator-button-over { }
.jbx-utils-Slideshow-navigator-button-selected { }


.jbx-utils-Calendar { display:none; margin:10px; position:absolute; top:0px; left:0px; z-index:999; width:200px; height:100px }
.jbx-utils-Calendar-button-prev { background:#ccc url(jbx/calendar-button-prev.gif) no-repeat center center; border:0px; position:absolute; top:0px; left:-10px; height:100% !important; width:10px !important; padding:0px !important; margin:0px; border-radius:5px 0px 0px 5px; box-shadow:none !important; opacity:0.65 }
.jbx-utils-Calendar-button-next { background:#ccc url(jbx/calendar-button-next.gif) no-repeat center center; border:0px; position:absolute; top:0px; right:-10px; height:100% !important; width:10px !important; padding:0px !important; margin:0px; border-radius:0px 5px 5px 0px; box-shadow:none !important; opacity:0.65 }
.jbx-utils-Calendar-button-close { background:#ccc url(jbx/calendar-button-close.gif) no-repeat center center; border:0px; position:absolute; top:3px; right:4px; height:18px !important; width:18px !important; padding:0px !important; margin:0px; border-radius:15px; opacity:1; box-shadow:none }
.jbx-utils-Calendar-button-home { display:none; background:#ccc url(jbx/calendar-button-home.gif) no-repeat center center; border:1px solid #bbb; position:absolute; top:24px; right:-32px; height:18px !important; width:18px !important; padding:0px !important; margin:0px; border-radius:15px; box-shadow:0px 2px 3px -2px #000 !important; opacity:0.65 }
.jbx-utils-Calendar-button-now { display:none; background:#ccc url(jbx/calendar-button-now.gif) no-repeat center center; border:1px solid #bbb; position:absolute; top:48px; right:-32px; height:18px !important; width:18px !important; padding:0px !important; margin:0px; border-radius:15px; box-shadow:0px 2px 3px -2px #000 !important; opacity:0.65 }

.jbx-utils-Calendar-button-now.jbx-ctrl-Button-hover { opacity:1 }
.jbx-utils-Calendar-button-home.jbx-ctrl-Button-hover { opacity:1 }
.jbx-utils-Calendar-button-prev.jbx-ctrl-Button-hover { opacity:1 }
.jbx-utils-Calendar-button-next.jbx-ctrl-Button-hover { opacity:1 }
.jbx-utils-Calendar-button-close.jbx-ctrl-Button-hover { opacity:1 }

.jbx-utils-Calendar-arrow { position:absolute; width:24px; height:11px; top:0px; left:0px }
.jbx-utils-Calendar-scroller { background:#fff; position:relative; overflow:hidden; width:100%; height:100%; overflow:hidden; box-shadow:0px 4px 8px -2px #ccc; opacity:0.97 }
.jbx-utils-Calendar.jbx-utils-Calendar-align-top .jbx-utils-Calendar-arrow { position:absolute; top:auto !important; bottom:-10px !important; background:url(jbx/calendar-align-arrow-bottom.gif) no-repeat left bottom }
.jbx-utils-Calendar.jbx-utils-Calendar-align-bottom .jbx-utils-Calendar-arrow { position:absolute; top:-10px !important; background:url(jbx/calendar-align-arrow-top.gif) no-repeat left top }
.jbx-utils-Calendar.jbx-utils-Calendar-align-left .jbx-utils-Calendar-arrow { position:absolute; width:11px; height:24px; left:auto !important; right:-10px !important; background:url(jbx/calendar-align-arrow-right.gif) no-repeat left bottom }
.jbx-utils-Calendar.jbx-utils-Calendar-align-right .jbx-utils-Calendar-arrow { position:absolute; width:11px; height:24px; left:-10px !important; background:url(jbx/calendar-align-arrow-left.gif) no-repeat left top }

.jbx-utils-Calendar-active-input { border-color:#0a4f92 !important }

.jbx-utils-Calendar-month { position:absolute; top:0px; left:0px; width:161px; height:154px; border:1px solid #ccc; border-left:0px; border-right:0px; background:#fff }
.jbx-utils-Calendar-month table { width:154px; margin-left:4px  }
.jbx-utils-Calendar-month table td { text-align:center; vertical-align:middle; color:#555 }
.jbx-utils-Calendar-month .jbx-title { padding:2px 0px 0px }
.jbx-utils-Calendar-month .jbx-title div { padding:2px; font-size:13px; font-weight:bold; text-align:left; color:#a00 }
.jbx-utils-Calendar-month .jbx-title div .jbx-m { color:#000 }
.jbx-utils-Calendar-month .jbx-column { width:22px; padding-bottom:2px }
.jbx-utils-Calendar-month .jbx-column div { width:21px; background:#777; border-radius:2px; padding:2px 0px; color:#fff }
.jbx-utils-Calendar-month .jbx-column.jbx-weekend div { background:#a00 }
.jbx-utils-Calendar-month .jbx-day { width:22px; padding-bottom:1px; cursor:pointer }
.jbx-utils-Calendar-month .jbx-day div { width:19px; background:#f4f4f4; border-radius:2px; padding:1px 0px; border:1px dotted #d5d5d5 }

.jbx-utils-Calendar-month .jbx-day.jbx-past { color:#ccc }
.jbx-utils-Calendar-month .jbx-day.jbx-today { color:#e00; font-weight:bold }
.jbx-utils-Calendar-month .jbx-day.jbx-weekend div { background:#fff1e4; border:1px dotted #f7bf8d }

.jbx-utils-Calendar-month .jbx-day.jbx-over div { background:#fbf7d3; border:1px dotted #d1cc9e }
.jbx-utils-Calendar-month .jbx-day.jbx-empty { cursor:default }
.jbx-utils-Calendar-month .jbx-day.jbx-empty div { background:transparent; width:19px }

.jbx-utils-Calendar-month .jbx-day.jbx-milestone div { width:22px; border:0px; padding:2px 0px; background:#08579b; color:#fff; border-radius:0px }
.jbx-utils-Calendar-month .jbx-day.jbx-milestart div { width:22px; border-radius:2px 0px 0px 2px }
.jbx-utils-Calendar-month .jbx-day.jbx-mileend div { width:21px; border-radius:0px 2px 2px 0px }
.jbx-utils-Calendar-month .jbx-day.jbx-milestart.jbx-mileend div { width:21px; border-radius:2px }
.jbx-utils-Calendar-month .jbx-day.jbx-range div { width:22px; border:0px; padding:2px 0px; background:#c6e5ff; border-radius:0px }

.jbx-utils-Calendar-vertical { padding-top:10px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-month { border:1px solid #ccc; border-top:0px; border-bottom:0px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-scroller { box-shadow:4px 0px 8px -2px #ccc }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-button-next { background:#ccc url(jbx/calendar-button-down.gif) no-repeat center center; top:auto; bottom:-10px; left:0px; height:10px !important; width:100% !important; border-radius:0px 0px 5px 5px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-button-prev { background:#ccc url(jbx/calendar-button-up.gif) no-repeat center center; top:0px; left:0px; height:10px !important; width:100% !important; border-radius:5px 5px 0px 0px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-button-now { right:-25px; top:58px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-button-home { right:-25px; top:34px }
.jbx-utils-Calendar-vertical .jbx-utils-Calendar-button-close { right:-25px; top:10px }