
.ui-icon {background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px;}
.ui-icon {background-image:url(images/ui-icons_222222_256x240.png);height:16px;width:16px;}

/* Spinner
----------------------------------*/
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; height: 1.8em; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 50; text-align: center; vertical-align: middle; position: absolute; cursor: default; display: block; overflow: hidden; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* ltr (default) */
.ui-spinner-ltr { direction: ltr; }
.ui-spinner-ltr .ui-spinner-input { float: left; margin-left: .4em; margin-right: 22px; }
.ui-spinner-ltr .ui-spinner-button { right: 0; }
.ui-spinner-ltr a.ui-spinner-button { border-right: none; }

/* rtl */
.ui-spinner-rtl { direction: rtl; }
.ui-spinner-rtl .ui-spinner-input { float: right; margin-left: 22px; margin-right: .4em; }
.ui-spinner-rtl .ui-spinner-button { left: 0; }
.ui-spinner-rtl a.ui-spinner-button { border-left: none; }

/* TR overrides */
div.ui-spinner { background: none; }


/****customize***********/
div.ui-spinner { font-size: 11px; }
.ui-spinner-input { border: 1px solid #ccc; background: none; padding: 0; margin: 0; vertical-align: middle; background-color: #EDF4FA; }
.ui-state-active .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);}
.ui-icon-triangle-1-n {background-position:0 -16px;}
.ui-icon-triangle-1-s {background-position:-65px -16px;}
.ui-spinner-ltr .ui-spinner-input { float: left; margin-left: .4em; margin-right: 16px; text-align: left; }

.ui-spinner input[type="text"]{ border: 1px solid #ccc; background: none; padding: 1px 0 0 0!important; margin: 0 16px 0 0!important; vertical-align: middle; background-color: #EDF4FA; height: 17px;}
.ui-spinner-disabled input[type="text"]{ background-color: #ddd;}