/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	color: #333;
}

form.cmxform legend {
	padding-left: 10px;

}

form.cmxform textarea{

font-family:inherit;
font-size:100%;
height:100px;
padding:5px;
width:500px;
}


form.cmxform legend, form.cmxform label {
	color: #333;
	font-size:12px;
	margin-bottom:0;

}

.settings label {
    text-transform: none !important;
}
form.cmxform fieldset {
background:transparent none repeat scroll 0 0;
border:1px solid #DDDDDD;
padding:20px;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display:none !important;
	color:#D00;
	font-style:normal;
	top:0;
	left:30px;
	position:relative;
}

form.cmxform div.error { display: none; }
input[type=text], input[type=password], textarea, select {

 background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
color:#333333;
padding:5px;
width:350px;

-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 border-radius: 5px;
 box-sizing: border-box;
}

input[type=text].required:invalid {
	border-color: #D00;
}

input:disabled,
input.disabled,
select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled {
	background: rgba( 255, 255, 255, 0.5 );
	border-color: rgba( 222, 222, 222, 0.75 );
	box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
	color: rgba( 51, 51, 51, 0.5 );
}

form.cmxform input.checkbox { border: none }
form.cmxform input[type=checkbox] { border: none }
form.cmxform input[type=text]:focus { border: 1px solid #62bbe8; }
form.cmxform input[type=text].error { background:red;}
form.cmxform .gray * { color: gray; }
form.cmxform .user_label{
float:left;
font-size:10px;
font-weight:bold;
padding-right:20px;
text-transform:uppercase;
width:180px;
padding-top:5px;
hyphens: auto;
word-wrap: break-word;
}

form.overlay input[type=text] {
	width:250px;
}
form.cmxform .overlay_label{
float:left;
font-size:10px;
font-weight:bold;
padding-right:20px;
text-transform:uppercase;
width:80px;
padding-top:5px;

}

form.cmxform .form_item{
clear:left;
margin:0 0 4px;
padding:0 0 4px;
position:relative;
overflow: hidden;
 }

.vspacer {
	margin-bottom:20px !important;
}

.check label.error {
left:-150px !important;
position:absolute !important;
text-align:right;
top:30px !important;}

.small-input {
    text-align: center;
    width: 32px !important;
}

.mediumsmall-input {
    text-align: left;
    width: 62px !important;
}

.medium-input {
	width:150px !important;
}