/* 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: 100; 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; }

/* TR overrides */
div.ui-spinner { background: none; }

.ui-spinner.ui-state-default.ui-widget.ui-widget-content.ui-corner-all.ui-spinner-ltr#ui-spinner-s1 input {background: #ffffff;}

div.ui-spinner {
-moz-background-clip:none;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}

.ui-corner-all {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}

.ui-widget-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d1d1d1;
border:0;
color:#222222;
}

.ui-spinner {
display:inline-block;
height:1.8em;
overflow:hidden;
padding:0;
position:relative;
vertical-align:middle;
background: #d1d1d1;
}

#preorder input.spinbox, table.tbl_addons tr td input.spinbox {
margin: 0px;
height: 15px;
}

#preorder a.ui-spinner-button, table.tbl_addons tr td a.ui-spinner-button {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
width: 20px;
height: 8px;
border: 0px;
z-index: 0;
}

#preorder a.ui-spinner-button span, table.tbl_addons tr td a.ui-spinner-button span {
background: url('/images/spinbtn_updn.gif') no-repeat left top;
width: 20px;
height: 9px;
margin: 0px;
top: 0px;
border: 0px;
}

#preorder a.ui-spinner-button.ui-spinner-up, table.tbl_addons tr td a.ui-spinner-button.ui-spinner-up {
margin-top: 0px;
top: 1px;
height: 9px;
}

#preorder a.ui-spinner-button.ui-spinner-down, table.tbl_addons tr td a.ui-spinner-button.ui-spinner-down {
margin-top: 0px;
top: 10px;
}

#preorder a.ui-spinner-button.ui-spinner-down span, table.tbl_addons tr td a.ui-spinner-button.ui-spinner-down span {
height: 9px;
}

#preorder a.ui-spinner-button.ui-spinner-down span, table.tbl_addons tr td a.ui-spinner-button.ui-spinner-down span {
background-position: left -9px;
}