/*  Compiled and modifoed by Charles Stuart Edwards
    Date: 18/09/2009
    Supporting Files: cu-button_icon_style.js
    Sources: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
    cu = custom
*/

/* ---- Styling Buttons and Toolbars with the jQuery UI CSS Framework --------------------------------------------- */
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
/*Custom*/
.fg-button .cu-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
/*UI*/
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button {display:block} /*float:left;*/

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
/*Custom*/
.fg-button-icon-left .cu-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .cu-icon { left: auto; right: .2em; margin-left: 0; }
/*UI*/
.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; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

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

/* ---- End -------------------------------------------------------------------------------------------------------- */

.cu-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

/* Custom Icons *//* states and images */

.cu-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

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

/* button custom icons */
.cu-icon { width: 16px; height: 16px; background-position: 0 0; }						/* Default */
/*.ui-widget-content .ui-icon { background-position: 0 0; }
.ui-widget-header .ui-icon { background-position: 0 0; }*/
.ui-state-default .cu-icon { background-position: 0 0; }								/* Default */
.ui-state-hover .cu-icon, .ui-state-focus .cu-icon { background-position: -32px 0; }	/* Hover */
.ui-state-active .cu-icon { background-position: -48px 0; }								/* Active */
.ui-state-highlight .cu-icon { background-position: -64px 0; }							/* Hilight */
/*.ui-custom-state-error .ui-custom-icon, .ui-state-error-text .ui-icon { background-position: 0 0; }*/

/* custom icons */
/*.ui-widget-content .ui-icon { background-position: 0 0; }
.ui-widget-header .ui-icon { background-position: 0 0; }*/
.cu-state-default .cu-icon { background-position: 0 0; }								/* Default */ 
.cu-state-hover .cu-icon, .cu-state-focus .cu-icon { background-position: -32px 0; }	/* Hover */
.cu-state-active .cu-icon { background-position: -48px 0; }								/* Active */
.cu-state-highlight .cu-icon { background-position: -64px 0; }							/* Hilight */
/*.ui-custom-state-error .ui-custom-icon, .ui-state-error-text .ui-icon { background-position: 0 0; }*/


/* Images */
.cu-icon-circle-minus-red { background-image: url(images/icons/cu-icon-circle-minus-red.png); }
.cu-icon-circle-close-red { background-image: url(images/icons/cu-icon-circle-close-red.png); }
.cu-icon-circle-plus-green { background-image: url(images/icons/cu-icon-circle-plus-green.png); }
.cu-icon-circle-check-green { background-image: url(images/icons/cu-icon-circle-check-green.png); }
.cu-icon-info-yellow { background-image: url(images/icons/cu-icon-info-yellow.png);}