﻿textarea {
	width:95%;
	min-height:100px;
}
.warning {
	color:#600;
}
.exceeded {
	color:#e00;
}
.counter {
	float:right;
	padding-right:2px
}
label {
	font-weight:bold
}
.required{
	margin-left:3px;
	font-family:'museo-slab',sans-serif;
	font-size:14px
}
/* FORM ELEMENTS */
div.formElementText div.prefix, div.formElementText div.suffix {
	background:#DDD;
	color: #666666;
	font-weight: bold;
	padding: 3px 5px 5px;
}
div.formElementText div.prefix {
	float: left;
	border-radius: 5px 0px 0px 5px;
	padding-bottom: 4px;
	height: 17px;
}
div.formElementText div.suffix {
	float: right;
	border-radius: 0px 5px 5px 0px;
	padding-bottom: 4px;
	height: 17px;
}
.formElement {
	margin:0;
	padding:0;
	margin-bottom:10px;
	max-height:24px;
	position:relative
}
.formElementText {
	background:#fff;
	margin:0;
	padding:0;
	margin-bottom:8px;
	max-height:24px;
	position:relative
}
.formText{
	height:21px;
	padding:5px;
	margin:5px 0
}
.formElementText input[type="checkbox"] {
	margin-right:5px
}
.formElementText input[type="button"] {
	font-family:"museo-sans", sans-serif;
	font-weight:500
}
div.textInputMedWrapper {
	width:100px !important;
}
div.textInputMedWrapper input[type="text"] {
	max-width: 90px;
	min-width: 90px;
	width: 90px;
}
.formElementText input[type="text"], .formElementText input[type="password"] {
	background:transparent;
	border:none;
	overflow:hidden;
	min-width: 210px;
}
.formElementTextArea {
	background:#fff;
	margin:0;
	padding:0;
	margin-bottom:8px;
	width:95%;
}
.formElementTextArea textarea {
	min-height:93px !important;
	max-width:93% !important;
	min-width:93% !important;
	width:93% !important;
	margin:5px!important;
	border:none;
	text-wrap:normal;
	padding:5px
}
.formElementList {
	background:#fff;
	margin:0;
	padding:0;
	margin-bottom:8px;
	height:26px;
	overflow:hidden
}
.formElementMultiSelectList {
	height:175px;
	min-width:220px !important
}
.formElementMultiSelectList ul {
	min-width:220px;
	height:155px;
	overflow:auto;
	display:block;
	padding:0;
	margin:10px 0
}
.formElementMultiSelectList ul li {
	display:block;
	margin:0;
	padding:6px 10px;
	cursor:pointer;
	font-size:11px;
	line-height:12px;
	font-weight:normal;
	border-bottom:dotted #333333 1px;
}
.formElementMultiSelectList ul li:hover {
	background:#ccc;
	
}
.formElementMultiSelectList ul li.msg:hover {
	background:#fff !important;
	
}
.formElementMultiSelectList ul li.active {
	background:#896338;
	color:#fff
}
.formElementList select {
	background:transparent;
	border:0;
	width:95%;
	margin:4px 0 0 5px
}
/**********************************************************/

.form1 {
}
.divider {
	min-width:1px;
	background:#000;
	float:left;
	margin:0 15px
}
.form1 .formItem {
	clear:both;
	padding-bottom:3px;
}
.form1 .formItem label {
	padding:10px 5px 5px 5px;
	font-weight:bold;
	float:left;
	text-align:right;
	display:block;
	width:120px
}
.form1 .formItem .formElementText {
	margin:3px 5px 5px 0;
	font-weight:bold;
	float:left;
	display:block;
	min-width:190px
}
.form1 .formItem .inputContainer {
	float:left
}
.form1 .formItem .title {
	font-family:"museo-slab", sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:10px 5px 15px 5px;
}
.form1 .formItem .ph3 {
	min-width:50px !important
}
.form1 .formItem .ph3 input[type="text"] {
	width:40px !important;
	min-width: 40px !important
}
.form1 .formItem .ph4 {
	min-width:60px !important
}
.form1 .formItem .ph4 input[type="text"] {
	width:50px !important;
	min-width: 50px !important
}
.qtyButtonContainer {
	width:36px;
	height:30px;
	float:left;
	position:relative;
}
.qtyOnly .qtyButtonContainer select.qtySelect,.rounded select.qtySelect {
	width:55px !important;
    cursor:pointer
}
select.qtySelect {
	position:relative;
	z-index:10;
	width:55px !important;
	/*height:24px !important;*/
	opacity:0;
	margin-left:0;
    cursor:pointer
}
span.select {
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:12px;
	/*background:url(../images/buttons/qtyDropdown.png) no-repeat 0 0;*/
    background: url("../images/buttons/orderButtons_spriteV3.png") repeat scroll -348px 0px transparent;
	cursor:default;
	z-index:1;
	color:#000;
	padding: 8px 45px 10px 8px;
	margin:0;
    cursor:pointer
}
span.selectActive {
    background-position:-348px -30px;
}
/*.qtyOnly .qtyButtonContainer  span.select,.rounded span.select {
	background:url(../images/buttons/orderButtons_spriteV3.png) repeat scroll -358px -60px transparent;
    width: 4px;
}
.qtyOnly .qtyButtonContainer  span.selectActive,.rounded span.selectActive {
	background:url(../images/buttons/orderButtons_spriteV3.png) repeat scroll -358px -90px transparent  !important;
    width: 4px;
}*/
input[type="text"].xs {
	min-width:22px !important;
	max-width:22px !important;
	width:22px !important
}
input[type="text"].sm, input[type="number"].sm {
	min-width:40px !important;
	max-width:40px !important;
	width:40px !important
}
.ph3 {
	min-width:30px !important;
	max-width:30px !important;
	width:30px !important
}
.ph4 {
	min-width:40px !important;
	max-width:40px !important;
	width:40px !important
}
/*LASTUSERLOGIN*/
#lastUserLogin .form1 .formItem .inputContainer .button {
	width:190px
}
#lastUserLogin .form1 .formItem .formElementText {
	width:220px
}
