/* 
* CSS Document
* Pontypridd Town AFC v1.0
* form.css
* 
* css/form.css
* 
* Author    :   Lee Driscoll
* Copyright :   (c) Pontypridd Town AFC & Lee Driscoll
* Created   :   Wed 09 Sep 2009
*/

/* =============================================================================================== */
/* = Forms  = */
/* =============================================================================================== */

form  {margin:5px 0 0 0; padding:5px 25px 15px 15px;} /*used for contact and login pages*/
form label {display:block; font-size:12px; margin:15px 0 5px 0;color:#000; font-weight:bold;}
form label.first{margin:0; padding:0;}
form textarea {width:290px; height:	100px;font-family:helvetica, arial, sans-serif; padding:7px; font-size:14px;}
form input[type="text"] { width:290px; padding:3px; font-size:14px;}
form input[type="image"] {margin:5px 0 0 0; display:block; }

form input[type="password"]{padding:3px; font-size:14px;}
.formarea { width:890px; margin:auto; margin-left:10px;}
.formarea .secondcol { border-left :1px solid #d9d9d9; /*width: 320px;*/ width:445px; padding:0px 0 0 35px; margin:0px 0 0 0;}
.formarea form { margin: 0px 0 0px 0; }
.formarea label { clear:both; }
.formarea input[type="text"], form input[type="password"] {display:inline; vertical-align:middle; margin:0;}
.formarea input[type="image"] { display:block; clear:both;}

.security_code{border:1px solid #b3b3b1;vertical-align:bottom;} /*captcha*/
#google_map{width: 385px; height: 385px; border:5px solid #b3b3b1;}

/* contact form */
input[type="submit"].submit_form{
	background: transparent url('../img/buttons/btn-submit-form.gif') no-repeat top left; 
	width: 105px; height: 28px;border: 0px solid #000; overflow: hidden; text-indent: -999px; font-size: 0px;display:block;line-height: 0px; float: left;	}

input[type="submit"].submit_form:hover{
	background:  transparent url('../img/buttons/btn-submit-form.gif') no-repeat bottom left; 
	cursor: pointer; overflow: hidden; text-indent: -999px; float: left;}

/* login */
input[type="submit"].login{background: transparent url('../img/buttons/btn-login.gif') no-repeat top left; width: 63px; height: 28px; border: 0px solid #000; overflow: hidden; text-indent: -999px; font-size: 0px;line-height: 0px;  }
input[type="submit"].login:hover{background: url('../img/buttons/btn-login.gif') no-repeat bottom left; cursor: pointer; overflow: hidden; text-indent: -999px; font-size: 0px;line-height: 0px; }

/* reset */
input[type="reset"]{background: url('../img/buttons/btn-reset.gif') no-repeat top left; width: 63px; height: 28px;border: 0px solid #000; float: left; overflow: hidden; text-indent: -999px; font-size: 0px;display:block;line-height: 0px; }
input[type="reset"]:hover{background: url('../img/buttons/btn-reset.gif') no-repeat bottom left; cursor: pointer; float: left; }

a#view_map{width:202px; height: 28px; display: block; border:0; text-decoration: none; margin: 5px 0 5px 0px; float: left;}
a#view_map{background: url('../img/buttons/btn-map.gif') no-repeat top left;}
a#view_map:hover{background: url('../img/buttons/btn-map.gif') no-repeat bottom left;}


input.button{width:114px;height:37px;border: none;background: transparent url(images/submit_btn.gif) no-repeat center; }/* this text sorts text indent in IE6 */ 


/* =============================================================================================== */
/* = Forms Validations  = */
/* =============================================================================================== */


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix
{
	margin-left: 8px;
}
/* 3-PIXEL FIX FOR FIREFOX */
html>body .threepxfix
{
	margin-left: 5px;
}

/* ERROR */
div#div_error
{
	color:		#f00; 
	padding:	10px;
	border:		2px #E76757 solid;
	background: #FBE3E4;
	width: 850px;
}
div#div_error span {font-weight: bold;}

/* SUCCESS */
div#div_success
{
	color:		#264409; 
	padding:	10px;
	border:		2px #89CD7D solid;
	background:	#E6EFC2;
width: 850px;
}

/* NOTICE */
div#div_notice
{
	color:		#514721; 
	padding:	10px;
	border:		2px #FFD324 solid;
	background:	#FFF6BF;
width: 850px;
}

div#div_error p,div#div_success p, div#div_notice p
{
	margin: 0; 
	border: 0px #f00 dotted;
}

div#div_error img,div#div_success img, div#div_notice img
{
	width: 16px; height: 16px; vertical-align: middle; margin-right:10px; margin-top: 2px;
}

span.span_error_inline
{
	color:			#E76757; 
	margin:			0; 
	margin-left:	180px;	/* Similar width to: form#frmValidations label.lbl_col_1 */
	border:			0px #f00 dotted;
	font-size:		80%;
	display:		inline-block;
}

/* ERROR IMAGES */
img.img_w10px_error_show_before_inline_msg
{
	margin-right:	10px;
	width:			10px;
	height:			10px;
}
img.img_w12px_error_show_before_inline_msg
{
	margin-right:	10px;
	width:			12px;
	height:			12px;
}
img.img_w15px_error_show_after_field
{
	margin-left:	10px;
	width:			15px;
	height:			15px;
}

form#frmContact span#span_r_text_count,
form#frmContact span#span_nr_text_count
{
	font-size:		80%;
	margin-left:	0px;
	border:			0px dashed #c0e0f0;
}
form#frmContact label#lbl_r_text_count_warning,
form#frmContact label#lbl_nr_text_count_warning
{
	display:		none;
}
form#frmContact span#span_r_text_count_warning,
form#frmContact span#span_nr_text_count_warning
{
	display:		none;
	color:			#f00;
	font-size:		80%;
	border:			0px dashed #0f0;
}
form#frmContact image#img_captcha_r
{
	padding:		0px;
	margin:	0px;
	border:			0px dashed #0f0;
}