.ui-spinner { width:40px; display: block; position: relative; overflow: hidden; background: #FEFEFE url(../img/spinner-bg.gif) repeat-x left bottom; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner-box { width: 65%; height: 100%; float: left; font-size: 125%; border: none; background: none; padding: 0; }
.ui-spinner-up, .ui-spinner-down { border-right: 1px silver solid; width: 35%; height: 50%; font-size: 0.5em; padding: 0; margin: 0; z-index: 100; text-align: center; vertical-align: middle; position: absolute; right: 0; cursor: default; border: 1px solid #999; border-right: none; border-top: none; }
.ui-spinner-down { bottom: 0; border-bottom: 0; }
.ui-spinner-pressed { background: #FEFEFE; }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; }

.ui-widget-content { text-align:left; }

.fg-button { outline: 0; margin:0 .2em .2em 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* remove extra button width in IE */
.fg-button-icon-left { padding: .4em 1em .4em 2.5em; }
.fg-button-icon-right { padding: .4em 2.5em .4em 1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; padding: .8em; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
.dj-buttonset-multiline .fg-button { margin:0 .2em .6em 0; }
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset .fg-button-icon-solo { padding: .3em 1em; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: .5em; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

.dj-pane { position: relative; padding: .2em; margin:0 .5em 1em .5em; }
.dj-pane .dj-pane-header { margin:0em; padding: .5em .3em .3em 1em; position: relative;  }
.dj-pane .dj-pane-header h3 { font-size:1em; line-height:1.3; outline-width:0; padding:0; margin: .0em 0 .2em 0; }

.dj-pane .dj-pane-header-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.dj-pane .dj-pane-header-close span { display: block; margin: 1px; }
.dj-pane .dj-pane-header-close:hover, .dj-pane .dj-pane-titlebar-close:focus { padding: 0; }
.dj-pane .dj-pane-content { border: 0; padding: .5em 1em; background: none; overflow: auto; clear:bot}
.dj-pane .dj-pane-buttons { text-align: left; border-width: 1px 0 0 0; background: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.dj-pane .dj-pane-buttons .fg-button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.dj-pane .dj-pane-buttons a.ui-priority-secondary { float: left!important; }

.ui-draggable .dj-pane-title { cursor: move; }
.dj-pane .dj-pane-content h1 { font-size:1.4em; border-bottom:1px silver solid; }

.dj-form fieldset { margin:1em 0; overflow:hidden;
}
.dj-form label { cursor:pointer; display:block; padding:0.5em 0 0 0; }
.dj-form legend { padding:0.2em 1em; }
.dj-form input, .dj-form textarea, .dj-form select {  }
.dj-form .type-text input, .dj-form .type-text textarea, .dj-form .type-select select { }
.dj-form div.type-check input:focus, .dj-form div.type-check input:hover, .dj-form div.type-check input:active { border:0 none; }
.dj-form .required { color:red; }
.dj-form em.required { font-weight:bold; }
.dj-form p.required { text-align:right; padding-right:0.5em; }
.dj-form .dj-form-input { display:block; }
.dj-form .dj-form-input { padding:0.5em; }
.dj-form .dj-form-widget { padding:1em; margin: 0 0 1em 0; }
.dj-form .dj-form-widget ul { list-style-type:none; margin:0; }
.dj-form-boxed .dj-form-widget { margin: 0 1em 1em 0; width:40%; float:left;}
.dj-form-tabular .dj-form-widget { margin: 0 0 1em 0; width:auto; float:none; }
.dj-form input[type="hidden"] { display:none !important; }
.dj-form-tabular .dj-form-widget label { float:left; width:30%; }
.dj-form-tabular .dj-form-widget input, .dj-form-tabular .dj-form-widget textarea { float:left; width:60%; }

.ui-icon-empty { background-position: -160px 0; }

/* Native widget or wrapped widget styles */
.ui-checkbox, .ui-radio { margin: 2px; border-width: 1px; width: 16px; display: inline; vertical-align: middle; cursor: pointer; }
/* wrapped widget only */
span.ui-checkbox, span.ui-radio { width: 12px; height: 11px; position: relative; display: inline; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
span.ui-radio { width:11px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
/* ie specific */
v\:roundrect, v\:fill, v\:stroke { display: block; position: absolute; behavior: url(#default#VML); background-color: transparent; }
/* opera specific */
.ui-checkbox svg, .ui-radio svg { display: block; position: absolute; top: -1px; left: -1px; }
/* Icons */
.ui-checkbox span.ui-icon, .ui-radio span.ui-icon { position: absolute; visibility: visible; left: 6px; top: 5px; margin: -8px 0px 0px -8px; }
/* Style the inner control so it doesn't affect webkit on focus */
.ui-checkbox input, .ui-radio input { position: absolute; visibility: visible; left: -99999999px; top: -99999999px; width: 14px; height: 13px; margin: 0px; border: 0px none; padding: 0px; }

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0;}


.dj-list { margin:0; list-style-type:none; }
.dj-list .fg-button { width:87%; text-align:left; }
.dj-list li{ padding:.3em; margin:0; list-style-type:none; }
.dj-list-item .ui-state-active, .dj-list-item .ui-state-default { padding-left:.5em; background:transparent; border:none; }
.dj-list-item .ui-icon {float:left; } 


.dj-grid { width:100%; }
.dj-grid td, .dj-grid th { padding:0.4em 10px; text-align:left; }

.ui-tabs .ui-tabs-panel { padding:.5em!important; }
.dj-state-required { color:red;}
p.dj-state-required { text-align:right; padding-right:.5em;}
.dj-message { padding:.5em; margin:1em 0;}

.dj-media-gallery-grid .dj-media-item { float:left; padding:.9em; margin:0 .9em .9em 0;}
.dj-media-gallery-grid 
.dj-media-gallery-journal .dj-media-item { padding:1em; margin:.5em;}