/* ==================================================== */
/* FORM STYLES
/* common to multiple forms
/* contact, caught wearing merrells
/* ==================================================== */

.fieldfull {
	width: 320px;
}

p.clearboth {
	clear:both;
}

p.spacer {
	padding: 14px 0;
}
input,
select,
textarea {
	border: 1px solid #999999;
}
input.submitbutton {
	background:#f16b21;
	border: 1px solid #f16b21;
	color:#fff;
	text-align: center;
	cursor: pointer;
	float:right;

}

/* contact form */

div.contactform {
	width: 320px;
}

div.contactform p label span {
	display:block;
	width: 100px;
	float:left;
}

div.contactform p label input {
	display:block;
	width: 200px;
	float:right;
}

label input.fullfield
{
	width: 99%;
}

label input.halffield {
	width: 48%;
}

/* random stone positions
(will get overridden by pages which use forms styles + their own)
-----------------------------
*/
div.randpos1{
	top:70px;
	left:360px;
}

div.randpos2{
	top:570px;
	left:310px;
}

div.randpos3{
	top:210px;
	left:350px;
}

div.randpos4{
	top:70px;
	left:710px;
}

/* CQL Overrides */
div.contactAddressForm
{
	width: 320px;
}
div.contactAddressForm p label span
{
	width: 60px;
}
div.contactAddressForm p label input
{
	width: 240px;
}
div.contactAddressForm p
{
	display: block;
	height: 25px;
	margin-bottom: 10px;
}
div.contactAddressForm p.halfleft
{
	display: inline;
	width: 160px;
	margin-right: 20px;
}
div.contactAddressForm p.halfright
{
	width: 140px;
	display: inline;
}
div.contactAddressForm p.halfleft label input
{
	width: 80px;
}
div.contactAddressForm p.halfright label span
{
	width: 30px;
}
div.contactAddressForm p.halfright label input
{
	width: 100px;
}
div.contactform input.submitbutton
{
	margin-bottom: 20px;
}