/* ------------------------------------------
READING ROOM
Stylesheet: Form Styles
Author: Reading Room
Updated: 20 August 2008
------------------------------------------ */

input, textarea, select, label {font-family: Arial, Helvetica, sans-serif; font-size:0.6875em; color:#333;}

.genericForm {padding:0 20px;}
	.genericForm h2 {clear:both; margin:0 0 1em 14%;}
	p.mandatoryFields {clear:both; margin:0 0 1em 14%;}

.frmRow, .frmRowBtn, .frmRowCheckBox, .frmRowFootnote {clear:both; margin-bottom:0.625em;}
.frmRowFootnote {margin-top:1.25em;}
.frmRowCheckBox {margin-bottom:1.25em;}
.frmRowCheckBox, .frmRowBtn {margin-left:14%;}
.frmRowBtn {text-align: left;}

.frmRow label {float:left; width:13%; padding:3px 0; margin:0; text-align: left;}
.frmRow input, .frmRow textarea, .frmRow select {float:left; width:43%; padding:3px; border:1px solid #999; margin:0 0 0 1%;}
.frmRow select {width:44%;}
.frmRow textarea {height:10em;}
.frmRow option {padding:0 0.25em;}

.frmRow label em {}
label em {color:#ec008c;}

/* Error styles */
.frmError input {border:1px solid #ec008c; margin-right:1%; background:#ffd3ed;}
.frmError div.error {float:left; padding:3px 0 3px 10px; margin:0 0 0 1%; font-size:0.6875em; color:#ec008c;  background:url(../images/icnExclamation.gif) no-repeat left center;}
.frmError span.error {float:left; padding:3px 0 3px 10px; margin:0 0 0 1%; font-size:0.6875em; color:#ec008c;  background:url(../images/icnExclamation.gif) no-repeat left center;}

input:focus, textarea:focus, select:focus {border:1px solid #666; background:#f1f1f1;}
.btnSubmit, .btnSubmit:focus {border:0; outline:none;}

/*
.frmRowCheckBox input {float:left; margin-right:0.5em;}
.frmRowCheckBox label {float:left; width:38%;}
*/