@import "exponent.less";

/* override standard bootstrap styling for use in Exponent */

/* forms controls */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
/*input[type="number"],*/
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height : inherit;
	width  : auto;
}

/*input[type="image"] {*/
	/*width : 16px;*/
/*}*/

select, textarea {
	width: auto !important;
}

//input[type="text"], input[type="password"] {
//	width : auto!important;
//}

input[type="search"] {
	width : 160px;
}

//input.text, input.password {
input.password {
	width          : 200px;
	vertical-align : top;
}

.control.calendar-control input.text {
	width          : 120px;
}

.control.calendar-control select {
	width          : 60px;
}

.datetime.date input[type="text"] {
	width: 60px!important;
}

.datetime.date select {
	width: 120px!important;
}

.datetime.date.time select {
	width: 80px!important;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-left  : 0;
	margin-right : 5px;
}

.radio, .checkbox {
	padding-left : 0px;
}

input.radio, input.checkbox {
	float        : none;
	margin-right : 2px;
}

input[type="number"] {
	margin-bottom : 2px!important;
	width          : 60px;
}

.range-control.control {
	width          : 214px;
}

li [class^="icon-"], li [class*=" icon-"], li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
	width : auto;
}

/* buttons */
a.icon-sort, .container-chrome ul li a.icon-sort {
	background : url("../images/rerank.png") no-repeat scroll 0 50% transparent;
	background : none;
}

.awesome, .awesome:visited {
	/*background : linear-gradient(to bottom, #FFFFFF, #E6E6E6) repeat-x;*/
	color      : inherit;
}

.control .radio label, .control .checkbox label {
	margin-bottom: 0px!important;
}

.awesome.add-to-cart-btn,
.awesome.add-to-cart-btn a {
	line-height: 2.4!important;
}

.add-to-cart-btn input[type="text"] {
    width: 24px!important;
}
.add-to-cart-btn .awesome {
    padding-left: 60px!important;

}
.alt-body {
  padding: 4px;
  border: 1px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.alt-item {
  padding: 8px;
  border: 1px solid #999;
  background: #dedede;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.alt-control .control {
  margin-bottom: 0;
  padding-bottom: 0;
}

.text-control select[multiple] {
    height: 200px;
	width: 500px;
}

.text-control {
	margin-bottom: 5px
}
