/* Interaction Cues
----------------------------------*/
.ui-state-info, .ui-widget-content .ui-state-info {border: 1px solid #f2d52c; background: #f8e787 url(images/ui-bg_glass_55_f8e787_1x400.png) 50% bottom repeat-x; color: #886302; }
.ui-state-info a, .ui-widget-content .ui-state-info a { color: #886302; }

/* Icons
----------------------------------*/

.ui-state-info .ui-icon {background-image: url(images/ui-icons_d4ca49_256x240.png); }

/* Old Link Buttons */

.ui-tabs .ui-tabs-nav li
{
    font-size:11px;
}

.ui-progressbar-value
{
    background-repeat:repeat;
}

/* tweaks to make the buttons less big */

.ui-button-text-only .ui-button-text
{
    padding: .2em .4em /*.4em 1em*/;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
{
    padding: .2em .4em /*.4em*/;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
{
    padding: .2em .4em .2em 2.1em /* .4em 1em .4em 2.1em */;
}

.ui-buttonset
{
    margin-right: 4px;
}

.ui-button
{
    margin-right: .5em;
}


.ui-dialog
{
    -moz-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
    -opera-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.3);
}


/*
 * We use the following styles to make the default ui-buttons, that theme roller spits out, look more square.
 */
.sui-button.ui-button-icon-only .ui-icon, .sui-button.ui-button-text-icon .ui-icon, .sui-button.ui-button-text-icons .ui-icon, .sui-button.ui-button-icons-only .ui-icon {
    margin:0px;
    position:static;
}
/*
 * Make the ui-button padding match the sui-buttons we use.
 */
.sui-button.ui-button/* ,
.ui-button */
{
    padding:2px;
    width:auto;
}

/* Undo the above for buttons inside of button sets */
.ui-buttonset .sui-button.ui-button
{
    padding:1px;
}

/* Special success state */
.ui-state-success .ui-icon, .ui-state-success-text .ui-icon {background-image: url(images/ui-icons_368f0f_256x240.png); }
.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success {border: 1px solid #368f0f; background: #cbf8a0 50% bottom repeat-x; color: #368f0f; }
.ui-state-success a, .ui-widget-content .ui-state-success a, .ui-widget-header .ui-state-success a { color: #368f0f; }
.ui-state-success-text, .ui-widget-content .ui-state-success-text, .ui-widget-header .ui-state-success-text { color: #368f0f; }

/* Adminbuttons use the white background */
.sui-adminbutton-icon .ui-icon { background-image:url(images/ui-icons_ffffff_256x240.png); }

/* make super buttons use white icon */
.sui-adminsuperbuttonitem-icon .ui-icon,
.sui-adminsuperbuttongroup-icon .ui-icon
{
    background-image:url(images/ui-icons_ffffff_256x240.png);
}

/* change superbutton item based on color */
.sui-adminsuperbutton-lightblue .sui-adminsuperbuttonitem-icon .ui-icon,
.sui-adminsuperbutton-lightblue .sui-adminsuperbuttongroup-icon .ui-icon
{
    background-image:url(images/ui-icons_115069_256x240.png);
}

/* change superbutton item based on color */
.sui-adminsuperbutton-lightgrey .sui-adminsuperbuttonitem-icon .ui-icon,
.sui-adminsuperbutton-lightgrey .sui-adminsuperbuttongroup-icon .ui-icon
{
    background-image:url(images/ui-icons_115069_256x240.png);
}

/* Datagrid superbuttons */
.gridDataTableLarge .sui-adminsuperbuttonitem-icon .ui-icon,
.gridDataTableLarge .sui-adminsuperbuttongroup-icon .ui-icon
{
    background-image:url(images/ui-icons_596e87_256x240.png);
}

.gridDataTableLarge .sui-adminsuperbuttonitem-help .ui-icon,
.gridDataTableLarge .sui-adminsuperbuttongroup-help .ui-icon
{
    background-image:url(images/ui-icons_ffffff_256x240.png);
}

/* makes dialogs zoom in. this requires our custom scripts in shout_init.js to undo, otherwise the dialog remains hidden. */
.ui-dialog {
    visibility:hidden;
}

.ui-dialog-transition {
    -moz-transition:-moz-transform 300ms ease-in-out;
}
.ui-dialog-create {
    visibility:visible;
    -moz-transform:scale(0.001);
}
.ui-dialog-open {
    visibility:visible;
    -moz-transform:scale(1);
}

#admin-extranav .ui-icon
{
    background-image: url(images/ui-icons_ffffff_256x240.png);
    display: inline-block;
    xfloat: left;
    vertical-align: middle;
}

.sui-miniprofile .ui-icon
{
    background-image: url(images/ui-icons_ffffff_256x240.png);
    display: inline-block;
    xfloat: left;
    vertical-align: middle;
    margin-bottom: 3px;
}