/* Jquery UI Buttons
----------------------------------*/

.ui-button {                    margin-right: 8px; padding:0; display: inline-block; position: relative; 
                                text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; 
                                overflow: visible; /* the overflow property removes extra width in IE */
                                background-image: -moz-linear-gradient(top, #e8e8e8, #dedede); 
                                background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e8e8e8),color-stop(1, #dedede)); 
                                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#dedede'); /* IE6-7 */
                                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#dedede')"; /* IE8 */
                                border:1px solid #d0d0d0; color:#444; font:bold 11px/16px Arial, sans-serif;
                                -moz-border-radius:12px; -webkit-border-radius:11px; border-radius: 12px; } 
.ui-button-icon-only {          width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {    width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only {         width: 3.4em; } 
button.ui-button-icons-only {   width: 3.7em; } 

/* button text element */
.ui-button .ui-button-text {    display: block; line-height: 16px;  } 
.ui-button-text-only 
.ui-button-text {               padding: .3em 1em; }
.ui-button-icon-only 
.ui-button-text, 
.ui-button-icons-only 
.ui-button-text {               padding: .3em; text-indent: -9999999px; }
.ui-button-text-icon 
.ui-button-text, 
.ui-button-text-icons 
.ui-button-text {               padding: .3em 1em .3em 2.2em; }
.ui-button-text-icons 
.ui-button-text {               padding-left: 2.2em; padding-right: 2.2em; }
.ui-button:hover {              background:url(../images/button-bg-white-hover.png) center center #fff;
                                color:#aaa; }
.ui-button:hover 
.ui-button-text {               text-decoration:none; color:#aaa; }

/* no icon support for input elements, provide padding by default */
input.ui-button {               padding: .3em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon, 
.ui-button-text-icon .ui-icon, 
.ui-button-text-icons .ui-icon, 
.ui-button-icons-only .ui-icon{ position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon 
.ui-button-icon-primary, 
.ui-button-text-icons 
.ui-button-icon-primary, 
.ui-button-icons-only 
.ui-button-icon-primary {       left: .5em; }
.ui-button-text-icons 
.ui-button-icon-secondary, 
.ui-button-icons-only 
.ui-button-icon-secondary {     right: .5em; }

/* button sets */
.ui-buttonset {                 margin-right: 8px; }
.ui-buttonset .ui-button {      margin-left: 0; margin-right: -5px; }
.ui-buttonset-single .ui-button, 
.ui-buttonset-multi .ui-button{ margin-right: -1px;}
.ui-buttonset label {           -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.ui-buttonset 
.ui-corner-left {               -moz-border-radius:12px 0 0 12px; -webkit-border-radius:11px 0 0 11px; 
                                border-radius:12px 0 0 12px; }
.ui-buttonset 
.ui-corner-right {              -moz-border-radius:0 12px 12px 0; -webkit-border-radius:0 11px 11px 0; 
                                border-radius:0 12px 12px 0; }
                                
.ui-button.ui-state-active  {   background:none #d0d0d0; }
.ui-button.ui-state-active:hover 
.ui-button-text {               color:#444; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-button:hover 
.ui-icon {                      background-image: url(../images/ui-icons_c1c1c1_256x240.png) }


/* OTHERS TYPES 
------------------------------- */

.ui-button-text-icon.ui-button-nicy .ui-icon,
.ui-button-nicy .ui-icon {      position: absolute; top: 3px; left: 4px; margin:0; }

/*-*/

.ui-button-tiny
.ui-button-text {               font:normal 11px/16px Arial, sans-serif; }
.ui-button-tiny 
.ui-button-text-only 
.ui-button-text {               padding:0 1em; }
.ui-button-tiny
.ui-button-icon-only {          width:18px; }
.ui-button-tiny
.ui-button-icon-only 
.ui-button-text, 
.ui-button-tiny
.ui-button-icons-only 
.ui-button-text {               padding:0; }
.ui-button-tiny
.ui-button-text-icon 
.ui-button-text, 
.ui-button-tiny
.ui-button-text-icons 
.ui-button-text {               padding: 0 1em 0 2.1em; }
.ui-button-tiny
.ui-button-text-icons 
.ui-button-text {               padding-left: 2.1em; padding-right: 2.1em; }

/*-*/

.ui-button-tiny-squared
.ui-button {                    -moz-border-radius:3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; }
.ui-button-tiny-squared
.ui-button-text {               font:normal 11px/16px Arial, sans-serif; }
.ui-button-tiny-squared 
.ui-button-text-only 
.ui-button-text {               padding:2px 1em; }
.ui-button-tiny-squared
.ui-button-icon-only {          width:22px; }
.ui-button-tiny-squared
.ui-button-icon-only 
.ui-button-text, 
.ui-button-tiny-squared
.ui-button-icons-only 
.ui-button-text {               padding:2px; }
.ui-button-tiny-squared
.ui-button-text-icon 
.ui-button-text, 
.ui-button-tiny-squared
.ui-button-text-icons 
.ui-button-text {               padding: 2px 1em 2px 2.1em; }
.ui-button-tiny-squared
.ui-button-text-icons 
.ui-button-text {               padding-left: 2.1em; padding-right: 2.1em; }
.ui-button-tiny-squared
.ui-buttonset label {           -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.ui-button-tiny-squared
.ui-buttonset 
.ui-corner-left {               -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; 
                                border-radius:3px 0 0 3px; }
.ui-button-tiny-squared
.ui-buttonset 
.ui-corner-right {              -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; 
                                border-radius:0 3px 3px 0; }
.ui-button-tiny-squared
.ui-button-text-icon .ui-icon { left:5px; }


/*-*/

.ui-button-big
.ui-button {                    -moz-border-radius:19px; -khtml-border-radius: 19px; -webkit-border-radius:19px;
                                /*-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
                                -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); 
                                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); */}
.ui-button-big
.ui-button-text {               font:bold 16px/16px Arial, sans-serif; }
.ui-button-big 
.ui-button-text-only 
.ui-button-text {               padding:8px 1em; }
.ui-button-big
.ui-button-icon-only {          width:34px; }
.ui-button-big
.ui-button-icon-only 
.ui-button-text, 
.ui-button-big
.ui-button-icons-only 
.ui-button-text {               padding:8px; }
.ui-button-big
.ui-button-text-icon 
.ui-button-text, 
.ui-button-big
.ui-button-text-icons 
.ui-button-text {               padding: 8px 1em 8px 2.1em; }
.ui-button-big
.ui-button-text-icons 
.ui-button-text {               padding-left: 2.1em; padding-right: 2.1em; }
.ui-button-big
.ui-button-text-icon 
.ui-button-icon-primary, 
.ui-button-big
.ui-button-text-icons 
.ui-button-icon-primary, 
.ui-button-big
.ui-button-icons-only 
.ui-button-icon-primary {       left: 1em; }
.ui-button-big
.ui-button-text-icons 
.ui-button-icon-secondary, 
.ui-button-big
.ui-button-icons-only 
.ui-button-icon-secondary {     right: 1em; }
.ui-button-big
.ui-buttonset label {           -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.ui-button-big
.ui-buttonset 
.ui-corner-left {               -moz-border-radius:19px 0 0 19px; -webkit-border-radius:19px 0 0 19px; 
                                border-radius:19px 0 0 19px; }
.ui-button-big
.ui-buttonset 
.ui-corner-right {              -moz-border-radius:0 19px 19px 0; -webkit-border-radius:0 19px 19px 0; 
                                border-radius:0 19px 19px 0; }
                         
                                
/* OTHERS COLORS 
------------------------------- */

.ui-button-bg-white {           background:none #f2f2f2; filter: none; -ms-filter: none; }
.ui-button-bg-white.ui-state-active { background:none #ddd; }
.ui-button-bg-white-gradient {  background:url(../images/button-bg-white-gradient.png) center center #fff; 
                                border:solid 1px #d0d0d0; filter: none; -ms-filter: none; }
.ui-button-bg-white-gradient.ui-state-active { background:none #ddd; }                                

.ui-button-text-red,
.ui-button-text-red.ui-state-active:hover 
.ui-button-text {               color:#ff2f05; }                                

.ui-button-text-blue,
.ui-button-text-blue.ui-state-active:hover 
.ui-button-text {               color:#09f; }  



/* OTHERS NICY ICONS
------------------------------- */

.ui-button-nicy .ui-icon {      background-image:url(../images/sprite-icons-black.png); }
.ui-button-nicy .ui-icon-red {  background-image:url(../images/sprite-icons-red.png); }
.ui-button-nicy .ui-icon-blue { background-image:url(../images/sprite-icons-blue.png); }
.ui-button-nicy .ui-icon-gray,
.ui-button-nicy:hover .ui-icon{ background-image:url(../images/sprite-icons-gray.png); }
.ui-icon-nicy-dot {             background-position:0 0; }
.ui-icon-nicy-plus {            background-position:-16px 0; }
.ui-icon-nicy-arrow-top {       background-position:-32px 0; }
.ui-icon-nicy-arrow-right {     background-position:-48px 0; }
.ui-icon-nicy-arrow-bottom {    background-position:-64px 0; }
.ui-icon-nicy-arrow-left {      background-position:-80px 0; }
.ui-icon-nicy-cross {           background-position:-96px 0; }