/* --------------------------------------------------------------
 
CSS Document
Form style  -  Kingfisher Shopping Centre - Bury - Manchester 
Author - Phil Clayton - Bray Leino Destination - 21 April 2008 

--------------------------------------------------------------- */

select {
	margin: 0;
	padding: 0;
	font: .85em Arial, Helvetica, sans-serif #000;
}

form {
	/*border: 1px solid red;*/
	margin: 0;
	padding: 0;
}

.feedback, .competition, .survey {
	margin: 15px 0 0 0;
	padding-bottom: 15px;
}

.kidsJoin {
	border: 3px dotted #BF2D00;
	background-color: #FFB970;
	margin-top: 15px;
	padding: 15px;
}

.competition label, .survey label, .feedBack label, .kidsJoin label {
	width: 260px; 
	float: left; 
	margin: 0 0 10px 0; 
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	font-weight: 700;
	color: #012047;
	line-height: 150%;	
}

.competition label{
	width: 165px;
	clear: left;
	margin-right: 50px;
}

.survey label {
	width: 97px;
}

.kidsjoin label {
	width: 145px;
	color: #BF2D00;
}

.competition input.txt, .survey input.txt, .feedBack input.txt, .kidsJoin input.txt  {
	width: 400px;
	border: 1px solid #bdbdbd;
	margin: 0 0 15px 0; 
	padding: 3px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1em; 
	color: #000;
	background-color: #f1f1f1;
}

.captcha {				
	margin-top:15px;					
}

.captchatxt {	
	width: 200px;
	border: 1px solid #bdbdbd;
	margin: 0 0 15px 0; 
	padding: 3px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1em; 
	color: #000;
	background-color: #f1f1f1;
}

.survey input.txt, .feedBack input.txt {
	width: 300px;
}

.kidsJoin input.txt {
	width: 220px;
}

.competition select {
	display: inline;
	float: left;
	width: 150px;
	margin: 0; 
	padding-top: 1px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: .9em;
	border: 1px solid #bdbdbd;
}

.competition textarea.info, .survey textarea.info, .feedBack textarea {
	width: 375px; 
	height: 150px; 
	margin-bottom: 15px; 
	padding: 5px; 
	border: 1px solid #bdbdbd;
	background-color: #f1f1f1;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 1em;
	line-height: 140%;
	color: #333;
}

.survey textarea.info {
	width: 400px;
}

.btn input {
	background: #012047; 
	color: #fff; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: .83em; 
	border: 1px outset #bdbdbd; 
	cursor: pointer;
	margin: 15px 0 15px 0;
	padding-top: .3em;
}

.kidsJoin .btn input {
	margin-bottom: 0;
	background-color: #BF2D00;
}

iframe {
	border: 1px solid #bdbdbd;
}

/*---------- rating ----------*/

.rateForm {width: 600px; margin: 15px 0 5px 0; padding: 10px; /*border: 1px dashed #bdbdbd;*/ background-color: #D1E2EF;}

.rateForm fieldset {border: 0; padding: 0; margin: 0;}

.rateForm label {display: block; width: 170px; float: left; margin: 5px 0 5px 0; padding: 0; font-family: Ariel, Verdana, Sans-serif; font-weight: 700; font-size: .8em; color: #012047;}

.rateForm input.txt {width: 400px; border: 1px inset #666666; margin: 5px 0 5px 0; padding: 3px; font-family: Ariel, Verdana, Sans-serif; font-size: .75em; color: black;}

.rateForm select {display: inline; margin: 5px 0 5px 0; padding: 0; font-family: Ariel, Verdana, Sans-serif; font-size: .75em;}

textarea.info {width: 340px; height: 150px; margin: 15px auto 10px auto; padding: 5px; border: 1px inset #666666; font-weight: 700; font-family: Ariel, Verdana, Sans-serif; font-size: 10px; color: #000000;}

.rateForm .btn input {background: #012047; color: #FFF; font-family: Ariel, Verdana, Sans-serif; font-size: .75em; border: 1px outset #666666; cursor: pointer; margin: 0; padding: 0 3px 0 3px;}

p.rateForm {margin: 0; padding: 0; font-family: Ariel, Verdana, Sans-serif; font-size: 11px; color: #666666;}

p.extrasmall {margin: 10px 0 5px 0; padding: 0; font-family: Ariel, Verdana, Sans-serif; font-size: xx-small; color: #666666;}

/* ---------- fix FF form field focus background colour ---------- */

input, textarea {
background:#f1f1f1;
color:#333;
background: url(../imgs/siteGraphics/formInputBg.jpg) repeat;
}
 
textarea:focus, input:focus {
background:#f1f1f1;
color:#333;
background: url(../imgs/siteGraphics/formInputBg.jpg) repeat;
}