/* Start of CMSMS style sheet 'JEForms' */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:0em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:0px solid #F60;
	padding:0em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:0px solid #CCC;
        display: none;
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {
	border: 1px solid #CCC;
	width: 290px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 0px;
}

.contactform .options input {
	border: 1px solid #CCC;
	width: auto;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 0px;
}

.contactform .options select {
	border: 1px solid #CCC;
	width: 90px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 0px;
}
.contactform select {
	border: 1px solid #CCC;
	width: 300px;
	font-size: 90%;
	padding:  5px;
	margin-bottom: 2px;
	background: white;
	margin-top: 0px;
}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 180px;
       margin: 0 0 0 2px;
}
.contactform .break {
       position: relative;
       display: block;
       padding: 0 0 10px 0px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background: #FFF;
	border: 1px solid #CCC;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform input {border: 1px solid #999; width: auto;   font-size: 100%; padding: 5px; margin-bottom: 5px; background: #FFF}

.formbuilderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 100%;
       padding: 5px;
}

.formbuilderform select {
       width: auto;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 100%;
       padding: 5px;
       width: 100px;
}

.orderform input {border: 1px solid #999; width: 250px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #FFF;}
.orderform input.checkbox {border: none;}
.orderform label {
	display: block;
	float: left;
	width: 150px;
}
.orderform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.orderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}

.formitem input {border: 1px solid #000; width: 50px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #333300; color: #FFF;}

#newsletter input {
	border: 1px solid #000;
	width: 200px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}

#newsletter .options input {
	border: 1px solid #000;
	width: auto;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 5px;
}

#newsletter .options select {
	border: 1px solid #000;
	width: 90px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 5px;
}
#newsletter select {
	border: 1px solid #CCC;
	width: 300px;
	font-size: 90%;
	padding:  5px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}
#newsletter input.checkbox {border: none;}
#newsletter label {
	display: block;
	float: left;
	width: auto;
       margin: 5px;
}
#newsletter label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
#newsletter textarea {
	background: #FFF;
	border: 1px solid #000;
       width: 200px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}

#newsletter .submit input {border: 1px solid #000; width: auto; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #003300; color: #FFF;}

.submit input {border: 1px solid #000; width: auto; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #003300; color: #FFF;}

.orderformtable { border-collapse: collapse; width: 100%;}
.orderformtable td {border-collapse: collapse; border: 1px #CCC solid; padding: 10px; line-height: 1.4em; background: #FFF;}

.fieldset-start {display: block; width: 500px; padding-top: 10px;}
.contactform .ref input {position: relative; width:430px; float: left; display: inline; margin: 0 0 2px 0}
.contactform .quant input {position: relative; width:auto; float: left; display: inline; margin: 0 0 2px 5px;}
.fieldset-end {display: block; width: 500px; padding-bottom: 10px;}

/* End of 'JEForms' */