﻿div.spinedit { display: inline-block; position: relative; }
input[type="text"].spinedit {
	width: 35px;
	display: inline-block;
}
div.spinedit .icon-chevron-up,
div.spinedit .icon-chevron-down { 
	position: relative; 
	cursor: pointer; 
	width: 12px; 
	left:4px; 
}
div.spinedit .icon-chevron-up { top: -7px; }
div.spinedit .icon-chevron-down { 
	top: 7px; 
	left: -8px; 

}
.form-search div.spinedit, .form-inline div.spinedit, .form-horizontal div.spinedit { top: 5px; }

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('glyphicons-halflings.png');
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('glyphicons-halflings.png');
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

/*input[type="text"].spinedit {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border linear .2s,box-shadow linear .2s;
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
}*/