/*
body
{
	text-align: center;
}

div#page_container
{
	text-align: left;
	border:     01px dashed #00f;
	width:      750px;
	margin:		0 auto;
}
*/

span#msg_text_count
{
	font-size: 10px;
}
form#frm
{
	padding: 10px;
	margin:  0;
	border:  01px solid #b1b1b1;
}

form#frm p
{
	/* width:       510px; */
	/* clear:       left;  */
	margin:			0;
	padding:		5px 0 5px 0;
	/* height:			1%;					Not sure why this is here. Check later. */
	border-top:		0px dashed #b1b1b1;
}

form#frm p:hover
{
	/* border:			1px #000 solid; */
	/* padding-top:		6px;  */
	/* padding-bottom:	4px;  */
	background-color:	#f4f4f4;  /* bg color of the <p></p> on hover */
}

form#frm label.lbl_col_1
{
	font-weight:    normal;
	/* float:          left; */
	/* width:          240px; */
	border:         0px dashed #00f;
}

form#frm p input#field_radio_2,
form#frm p input#field_radio_3
{
	margin-left: 40px;
}

form#frm p input#field_checkbox_2,
form#frm p input#field_checkbox_3
{
	margin-left: 40px;
}


form#frm p#p_submit_reset
{
	padding-top: 15px; 
}

form#frm input[type="text"]
{
 /* width of text boxes. IE6 does not understand this attribute */
 /*	width:  300px; */
}
form#frm input.text_uk_postcode,
form#frm input.text_dd_mm_yyyy
{
	width:  98px;
}

/*
form#frm textarea
{
	width:  300px;
	height: 150px;
}
*/

form#frm span#field_textarea_r_text_count,
form#frm span#field_textarea_nr_text_count
{
	font-size:		80%;
	margin-left:	20px;
	border:			0px dashed #c0e0f0;
}
/*
form#frm label#lbl_r_text_count_warning,
form#frm label#lbl_nr_text_count_warning
{
	display:		none;
}
*/
form#frm span#field_textarea_r_text_count_warning,
form#frm span#field_textarea_nr_text_count_warning
{
	display:		none;
	color:			#f00;
	font-size:		70%;
	/* line-height:	0.5em; */
	border:			0px dashed #0f0;
}
form#frm img#img_captcha_r
{
	float:			left;
	margin-top:		4px;
	margin-right:	5px;
	border:			0px dashed #0f0;
}

form#frm a.a_textarea_warning:link,
form#frm a.a_textarea_warning:visited
{
  color:			#00f;
  text-decoration:	none;
}
form#frm a.a_textarea_warning:focus,
form#frm a.a_textarea_warning:hover
{
  color:			#393a39;
  text-decoration:	underline;
}


/*.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 MESSAGES */
div#div_error
{
	color:   #f00; 
	margin:  10px;
	padding: 10px; 
	border:	 2px #f00 solid;
}
p.p_error
{
	margin: 0; 
	border: 0px #f00 dotted;
}
span.span_error_inline
{
	color:			#f00; 
	margin:			0; 
	margin-left:	270px;	/* Similar width to: form#frm 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;
	margin-right:	10px;
	width:			15px;
	height:			15px;
}

/* TEST DATA TABLE */
table.tbl_show_test_data
{
	margin:			20px auto;
	border:			1px #b1b1b1 solid;
}
table.tbl_show_test_data th
{
	background-color:	#f4f4f4;
	padding:			5px;
	border:				1px #b1b1b1 solid;
}
table.tbl_show_test_data td
{
	text-align:		left;
	padding:		5px 10px;
	vertical-align:	top;
	border:			1px #b1b1b1 solid;
}
div.div_none_found
{
	text-align:		center;
}