body .sui-button.sui-indicator-load.sui-state-loading
{
    background-image:url('../images/ui-bg_diagonals-animated.gif');
}

body input.sui-indicator-load.sui-state-loading
{
    background-image:url('../images/ui-bg_diagonals-animated.gif');
}

.sui-collapsed > .sui-block-header > .sui-toggle-icon
{
    background-position: 0 0;
}

.sui-expanded > .sui-block-header > .sui-toggle-icon
{
    background-position: -48px 0;
}

.sui-toggle .sui-block-header:hover
{
    border:1px solid #c1e1f6;
}

.sui-mini-help
{
    cursor:help;
}

.sui-clickable
{
    cursor:pointer;
    text-decoration:underline;
}

.sui-collapsed > .sui-fieldset
{
    display:none;
}

.inset > .sui-fieldset >.sui-fieldset-content,
.inset > .sui-fieldset >.sui-description  {
    margin-left:48px;
}

.sui-block-header > h3,
#contentContainer .modify_user .sui-block-header h3 /* for modify_user.php page. */
{
    margin:0.2em 0.5em;
    padding:0em;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#18315A;
    float:left;
    line-height:37px;
}

.sui-block-summary
{
    line-height:32px;
    text-align:right;
    display:inline;
    float:right;
}

.sui-field .ui-icon,
.sui-info .ui-icon,
.sui-error .ui-icon,
.sui-block .ui-icon
{
    float:left;
    /* Center the icon vertically within the default ~16px size */
    margin-top:1px;
}

.sui-button
{
    text-decoration:none;
    font-weight:normal;
    font-size:10pt;
    padding:1px;
    cursor:pointer;
    margin:1px;
    padding:2px;
    float:left;
	white-space:nowrap;
}

.sui-button.ui-state-press
{
    outline: none;
    padding:4px 0px 0px 4px;
}

.sui-button .ui-icon
{
    float:left;
    margin-left:0px;
    margin-top:-1px;
	/*
	 * Removed this because it makes for uneven buttons if all
	 * they do is contain an icon (see tree expand/collapse). */
    /* margin-right:2px; */
}

.sui-button .sui-button-label
{
    padding-right:3px;
	white-space:nowrap;
}

.sui-button .ui-icon
{
    display:inline-block;
	white-space:nowrap;
}

.sui-field-notification
{
    padding:1px;
}

.sui-error, .sui-info
{

}

.sui-field-summary
{
    float:left;
}

.sui-field-summary ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.sui-field-summary ul li
{
    list-style:none;
    margin:0;
    padding:0;
    /* Opera and IE Fix */
    clear:both;
}

.sui-info li
{
    padding-right:3px;
    list-style:none;
}


body .sui-error ul,
body .sui-info ul
{
    list-style:none;
    margin:0;
    padding:0;
}

body .sui-error li.ui-state-error,
body .sui-info li.ui-state-highlight,
body .sui-info li.ui-state-info
{
    padding:0px 3px 0px 3px;
    margin:0px 1px 1px 1px;
    clear:both;
}

.sui-error .sui-icon, .sui-info .sui-icon
{
    float:left;
    margin-top:1px;
}

/* Buttons */

.sui-button
{
    text-decoration:none;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-opera-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);

    /* Shrink Wrap for IE */
    float:left;
    display:block;
}

.sui-button,
.sui-button:link,
.sui-button:visited,
.sui-button:hover
{
    text-decoration:none;
}

/* Make dialog buttons match the buttons in shout */
.ui-dialog button 
{
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
    -opera-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
    
    text-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
/* Tree */

.sui-tree-root .sui-tree-node
{
    float:none;
}

.sui-tree-root .sui-tree-decorations .sui-button .ui-icon
{
    display:none;
}

.sui-tree-root .sui-tree-decorations .sui-info
{
    float:left;
}

.sui-tree-root .sui-tree-decorations .sui-info ul
{
    float:left;
    margin:0px 3px;
}

.sui-tree-root .sui-tree-decorations .sui-info ul li
{
    margin:0px;
    padding:0px 3px 0px 0px;
    line-height:16px;
    font-size:10px;
    border:none;
    background:none;
}

.sui-tree-decorations .sui-info.expired
{
    text-decoration:line-through;
}

.sui-tree-root .sui-tree-decorations .sui-control-button
{
    display:inline;
}

.sui-tree-root .sui-tree-decorations .sui-control-button a
{
    background:none;
    border:none;
}


.sui-tree-root .sui-tree-decorations .sui-button .ui-icon
{
    margin:0px;
}

.sui-tree-root .sui-tree-decorations .sui-button
{
    font-size:10px;
    padding:0px;
    line-height:16px;
    margin:0px 3px;
    line-height:20px;
}

.sui-tree-root .sui-tree-node.ui-selecting
{
    background:orange;
}

.sui-tree-root .sui-tree-node.ui-selected
{
    background:red;
}

/*
 *  Buttons
 */

.sui-button
{
    font-size:11px;
	vertical-align:middle;
}

.sui-button .ui-icon
{
    float:left;
}

.sui-button .sui-button-label
{
    display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}

/*
 * Form Details
 */

.sui-form-details
{
    width:250px;
    float:left;
}

/*
 * Field Block
 */

.sui-block
{
    margin:0em;
    padding:2px 0px;
}

.sui-strut-messages
{
    float:left;
}

.sui-strut-controls .sui-control-radio
{
    clear:both;
}

.sui-strut-controls .sui-control-radio input,
.sui-strut-controls .sui-control-checkbox input
{
    width:auto;
	margin-right:6px;
}
.sui-strut-controls .sui-control-checkbox input
{
    width:auto;
    margin-top:0px;
}
/*
 * Field Outer Wrapper
 */

.required
{
	color: #a42705;
	font-weight:normal;
}

.sui-field
{
    clear:both;
    vertical-align:middle;
    margin:2px 0px;
    /* float:left; */
    /* zoom:1; */
}

        /*
         * The Field Label (Placed to the left).
         */
        .sui-field label
        {
            width:165px;
            font-size:11px;
            font-weight:bold;
            display:block;
            float:left;
        }

        .sui-field .sui-strut-details label
        {
        	/* center wrt to adjacent input boxes and buttons */
        	line-height:21px;
        }

		.sui-field .required
		{
		    color: #a42705;
		    font-weight:normal;
			line-height:17px;
			float:left;
			margin:0px 3px;
			font-size:21px;
			margin-top:4px;
			font-family:georgia;
		}

        /*
         * Basic Input Fields (Placed to the right of input)
         */

        .sui-field input, .sui-field select, .sui-field textarea
        {
            float:left;
        }

        .sui-field input
        {
            width:250px;
        }

        .sui-field textarea
        {
            width:251px;
            height:6em;
        }

        .sui-field select
        {
            width:257px;
        }

        .sui-field.sui-field-editor
        {
            margin:0.5em 0em;
            clear:both;
            float:left;
            width:760px;
        }

/*
 * Special Use
 */

.sui-form-multi_field
{
    float:left;
}

.sui-info .ui-state-highlight,
.sui-info .ui-state-error
{

}

.sui-field-datetime input
{
	width:104px;
}
.sui-field-datetime select
{
	width:50px;
}

.sui-info > ul,
.sui-error > ul
{
    margin:0px;
}

li.ui-state-error .ui-icon,
li.ui-state-highlight .ui-icon
{
    margin-top:1px;
    margin-left:1px;
}

/*
 * Icons
 */

.sui-icon
{
    width:32px;
    height:32px;
    display:block;
    background:url('../images/shout_icons_32x32.png');
    float:left;
}

.ui-dialog .sui-icon
{
    width:16px;
    height:16px;
    display:block;
    background:url('../images/shout_icons_16x16.png');
}

.sui-icon-account { background-position: 0 0; }
.sui-icon-news { background-position: 0 -37px; }
.sui-icon-contact { background-position: 0 -74px; }
.sui-icon-gallery { background-position: 0 -111px; }
.sui-icon-home { background-position: 0 -148px; }
.sui-icon-massmail { background-position: 0 -185px; }
.sui-icon-page { background-position: 0 -222px; }
.sui-icon-settings { background-position: 0 -259px; }
.sui-icon-product_category { background-position: 0 -296px; }


.ui-dialog .sui-icon-contact { background-position: 0 0; }
.ui-dialog .sui-icon-folder { background-position: 0 -18px; }
.ui-dialog .sui-icon-gallery { background-position: 0 -34px; }
.ui-dialog .sui-icon-gears { background-position: 0 -52px; }
.ui-dialog .sui-icon-graph { background-position: 0 -70px; }
.ui-dialog .sui-icon-home { background-position: 0 -88px; }
.ui-dialog .sui-icon-monitor { background-position: 0 -106px; }
.ui-dialog .sui-icon-news { background-position: 0 -124px; }
.ui-dialog .sui-icon-page { background-position: 0 -141px; }
.ui-dialog .sui-icon-product_category { background-position: 0 -159px; }
.ui-dialog .sui-icon-world { background-position: 0 -177px; }
.ui-dialog .sui-icon-product { background-position: -58px -185px; }
.ui-dialog .sui-icon-article { background-position: -58px -41px; }

.sui-block.ui-widget-content
{
    background:url('../images/ui-bg_highlight-hard_100_darker_1x100.png') #f3f3f3 bottom repeat-x;
}

.sui-icon-additionaloptions.large,
.sui-icon-large-alternate_contact,
.sui-icon-large-article,
.sui-icon-large-bannersonthispage,
.sui-icon-large-company,
.sui-icon-large-contactgroup,
.sui-icon-large-enabledisablecomments,
.sui-icon-large-featuredandrelated,
.sui-icon-large-featureonanotherpage,
.sui-icon-large-featureonthispage,
.sui-icon-large-formsonthispage,
.sui-icon-large-gallery,
.sui-icon-large-groups,
.sui-icon-large-identifiers,
.sui-icon-large-images_upload,
.sui-icon-large-main_contact,
.sui-icon-large-pageheadergraphic,
.sui-icon-large-postpurchase,
.sui-icon-large-pricing,
.sui-icon-large-product,
.sui-icon-large-productsoptions,
.sui-icon-large-related,
.sui-icon-large-salesdiscounts,
.sui-icon-large-searchengineopt,
.sui-icon-large-shipping,
.sui-icon-large-shortsummary,
.sui-icon-large-sku,
.sui-icon-large-stock,
.sui-icon-large-timedpages
{
    background-image:url('../images/shout_icons_large.png');
    width:36px;
    height:36px;
}

.sui-icon-large-additionaloptions { background-position: 0 0; }
.sui-icon-large-alternate_contact { background-position: 0 -86px; }
.sui-icon-large-article { background-position: 0 -172px; }
.sui-icon-large-bannersonthispage { background-position: 0 -238px; }
.sui-icon-large-company { background-position: 0 -324px; }
.sui-icon-large-contactgroup { background-position: 0 -410px; }
.sui-icon-large-enabledisablecomments { background-position: 0 -496px; }
.sui-icon-large-featuredandrelated { background-position: 0 -582px; }
.sui-icon-large-featureonanotherpage { background-position: 0 -668px; }
.sui-icon-large-featureonthispage { background-position: 0 -754px; }
.sui-icon-large-formsonthispage { background-position: 0 -840px; }
.sui-icon-large-gallery { background-position: 0 -926px; }
.sui-icon-large-groups { background-position: 0 -1012px; }
.sui-icon-large-identifiers { background-position: 0 -1098px; }
.sui-icon-large-images_upload { background-position: 0 -1184px; }
.sui-icon-large-main_contact { background-position: 0 -1270px; }
.sui-icon-large-pageheadergraphic { background-position: 0 -1356px; }
.sui-icon-large-postpurchase { background-position: 0 -1442px; }
.sui-icon-large-pricing { background-position: 0 -1528px; }
.sui-icon-large-product { background-position: 0 -1614px; }
.sui-icon-large-productsoptions { background-position: 0 -1680px; }
.sui-icon-large-related { background-position: 0 -1766px; }
.sui-icon-large-salesdiscounts { background-position: 0 -1852px; }
.sui-icon-large-searchengineopt { background-position: 0 -1938px; }
.sui-icon-large-shipping { background-position: -86px 0; }
.sui-icon-large-shortsummary { background-position: -86px -86px; }
.sui-icon-large-sku { background-position: -86px -172px; }
.sui-icon-large-stock { background-position: -86px -258px; }
.sui-icon-large-timedpages { background-position: -86px -344px; }


/*
.sui-icon-large-bannersonthispage { background-position: -22px 0; height:36px; width:36px }
.sui-icon-large-contactgroup { background-position: -22px -41px;  height:36px; width:36px}
.sui-icon-large-enabledisablecomments { background-position: -22px -82px;  height:36px; width:36px}
.sui-icon-large-featuredandrelated { background-position: -22px -123px; height:36px; width:36px }
.sui-icon-large-formsonthispage { background-position: -22px -164px; height:36px; width:36px }
.sui-icon-large-pageheadergraphic { background-position: -22px -205px;  height:36px; width:36px}
.sui-icon-large-postpurchase { background-position: -22px -246px; height:36px; width:36px }
.sui-icon-large-pricing { background-position: -22px -287px; height:36px; width:36px }
.sui-icon-large-productsoptions { background-position: -22px -328px; height:36px; width:36px }
.sui-icon-large-related { background-position: -22px -369px; height:36px; width:36px }
.sui-icon-large-salesdiscounts { background-position: -22px -410px;  height:36px; width:36px}
.sui-icon-large-searchengineopt { background-position: -22px -451px; height:36px; width:36px }
.sui-icon-large-shipping { background-position: -22px -492px; height:36px; width:36px }
.sui-icon-large-shortsummary { background-position: -22px -533px; height:36px; width:36px}
.sui-icon-large-sku { background-position: -22px -574px; height:36px; width:36px }
.sui-icon-large-stock { background-position: -22px -615px;  height:36px; width:36px}
.sui-icon-large-timedpages { background-position: -22px -656px;  height:36px; width:36px}
.sui-icon-large-additionaloptions { background-position: -58px 0; }
.sui-icon-large-featureonanotherpage { background-position: -58px -62px; }
.sui-icon-large-featureonthispage { background-position: -58px -103px; }
.sui-icon-large-gallery { background-position: -58px -144px; }
*/






.sui-block-header
{
    background:url('../images/shout-bg-c1cdd4-c5cfd6.png') top center #c5cfd6 repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
    /* zoom:1; */
    margin:1px;
}

.sui-block-header
{
    border-color:#c1e1f6;
}

.sui-error_block .sui-block-header
{
	border-color:#FBD1D1;
}

.sui-block-header > .sui-button-help
{
    float:right;
    margin:10px;
}

.sui-fieldset
{
    margin:0.3em 0em;
    clear:both;
    background:#e0e8ed;
    border:1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin:1px;
    clear:both;
}

.sui-fieldset .sui-fieldset-content
{
    padding:0.5em;
}

.sui-description
{
	padding:0em 0.5em;
	/* border-top:1px solid #C3CDD4; */
	/* border-bottom:1px solid white; */
	overflow:auto;
	/* background:url('../images/2009/bg_description.png') repeat-x #D3DDE3; */
}

.sui-description p
{
	margin:1em 0em;
}

.sui-block-header
{
	padding:0px;
    overflow:hidden;
    border:1px solid white;
}
/* The Following Two Styles Conjoin The Header and Fieldset */
.sui-block-header
{
    border-bottom:1px solid #E0E8ED;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    margin-bottom:0px;
}

.sui-fieldset
{
    border-top:none;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    margin-top:0px;
}

.sui-fieldset .sui-fieldset .sui-fieldset{ border: none }

/*
 * Save Button
 *
 */

.sui-block.sui-save,
.sui-save,
.sui-save .sui-fieldset
{
    background:none;
}

.sui-save
{
    clear:both;
}

.sui-save .sui-control-button
{
	display:inline-block;
}


.sui-control-button
{
    /* Inline block would be nice here, but the whole thing was layed out with floats in mind */
	/* Verticla alignment is much nicer with inline-block */
}

.sui-save
{
    text-align:right;
}

#countdown
{
    color:white;
}

.sui-block-header .sui-toggle-icon
{
    cursor:pointer;
    margin:4px;
    margin-top:10px;
}

.sui-strut-controls .sui-control-checkbox
{
	float:left;
	clear:both;
}

.navigational .sui-toggle .sui-block-header
{
    cursor:pointer;
}

h2.sui-label,
h2.sui-toggle
{
    font-size:1.2em;
    margin:1em 0.5em 0.5em 0.5em;
    padding:0.3em 0.5em;
    font-weight:bold;
    overflow:auto;
    background:none;
    border:none;
}

h2.sui-toggle .ui-icon
{
    display:inline-block;
    cursor:pointer;
}

h2.sui-toggle:hover
{
    background:#f3f8ff;
}

h2.sui-toggle em
{
    font-size:10px;
}

h2.sui-toggle .sui-button-save
{
    float:right;
}

h2.sui-toggle .sui-icon
{
    float:none;
    display:inline-block;
}

h2.sui-toggle.expanded .sui-icon
{
    display:inline-block;
}

h2.sui-toggle.collapsed
{
    cursor:pointer;
}

.sui-save .sui-modification
{
    font-size:0.8em;
    float:left;
}

.sui-save .sui-fieldset
{
    padding:0em;
}

.sui-group_transfer-groups .sui-field label
{
    margin:0 auto;
    display:block;
    float:none;
    width:auto;
    text-align:center;
}

.sui-group_transfer-groups .sui-field
{

}

.sui-group_transfer-groups select
{
    width:125px;
}

.sui-group_transfer-groups .sui-transfer-parent button
{
    display:block;
    float:left;
}

.sui-group_transfer-groups td
{
    vertical-align:top;
}

.sui-group_transfer-groups .sui-transfer-parent
{
    padding-top:2em;
}

.sui-group_transfer-groups
{
    float:left;
    clear:both;
}


/* IE FIX */

.sui-field
{
/*    width:100%; */
}

h2.sui-label em *,
h2.sui-label *
{
    display:inline;
}

h2.sui-label .sui-block
{
    margin:0em;
    padding:0em;
}

.sui-collapsed > .sui-block-header
{
	border-bottom:1px solid white;
}

.sui-toggle > .sui-block-header h3
{
	cursor:pointer;
}

/* Migrate to DataGrid.css */
.datagrid-summary_bar
{
	width:100%;
}

.datagrid-summary_bar td
{
	width:33%;
}

.datagrid-summary_bar .datagrid-summary_bar-display_size
{
	text-align:center;
}

.datagrid-summary_bar .datagrid-summary_bar-display_summary
{
	text-align:right;
}

.sui-load_indicator
{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	background:white;
	position:relative;
}
.sui-load_indicator-bar
{
	width:300px;
	height:40px;
	font-size:12pt;
	margin:0 auto;
	padding:2px 10px;
	font-weight:bold;
	position:absolute;
	line-height:40px;
	top:20%;
	left:50%;
	opacity:1;
	margin-left:-150px;
}

.sui-block .sui-field-summary .ui-state-info,
.sui-field-summary .ui-state-info
{
	background:white;
	border-color:#9CACBF;
	width:246px;
	padding:0px 5px;
	height:19px;
	/* Align with adjacent buttons */
	margin-top:1px;
	overflow:hidden;
	color: #18315A;
}

/* Nested Processors (i.e. additional options) are somewhat flattened out */
#sui_content_container .sui-fieldset .sui-fieldset .sui-fieldset,
#sui_content_container .sui-fieldset .sui-fieldset .sui-block-header
{
	/*
	border-top:none;
    border-left:none;
    border-right:none;
	background:none;*/
}

.sui-button.inactive .sui-expand
{
	/* Corresponds to ui-icon-circle-plus */
    background-position:0 -192px;
}
.sui-button.active .sui-expand
{
    /* Corresponds to ui-icon-circle-minus */
    background-position:-16px -192px;
}

.superadmin_links
{
	padding-left:5px;
}
.superadmin_links > div
{
	width:100px;
	color:white;
    font-size:10px;
	font-family:arial;
	padding:2px 0px;
}

.superadmin_links > div a
{
	color: white;
}

.superadmin_links > div a h2
{
	color:white;
    font-size:10px;
	margin:0px;
	padding:0px;
}

a[target="_blank"]
{

}


/* Keep the datepicker above other stuff. */
.ui-datepicker-div { z-index: 5000 }

.ui-icon-loading {
	background:url('../images/loading.gif') !important;
}

.ui-helper-clearfix { clear:both }

/* Fix Wonky Select Element Heights in OS X */
select { height: 18px }


.sui-block .sui-icon
{
    margin:4px
}

.sui-info-block
{
    text-align:right;
    clear:both;
}

.sui-form-block .sui-info h4
{
    display:inline;
}

.sui-modification .sui-date
{
    display:inline;
    font-size:1em;
}

.homePageContainer #homeContent { float: left }
.homePageContainer #announcements { float: left;width:50% }
.homePageContainer #announcements a h4 { text-decoration: underline }
.homePageContainer #announcements p { margin: 0em}
#announcements h3 { border-bottom:1px dotted;margin-bottom:26px }
#announcements h4 { font-size:12px }
#announcements h4 span { font-size:10px }
#homeContent .sui-fieldset .sui-fieldset-content { padding: 0px }
#homeContent .statuspanel_header { margin:0.2em 0em; font-weight:bold }