@charset "utf-8";

div.fieldset, div.buttons {
	position:relative;
}

div.buttons {
	text-align:right;
	margin-right:25px;
}
div.field {
	min-height:23px;
}
fieldset {
	position:relative;
	margin: 20px 10px 10px 10px;
	background-color:#ffffff;
	border:1px solid #000000;
	padding:30px 10px 10px 10px;

}

legend {
	/*position:absolute;*/
	top: -10px;
	left: 5px;
	background-color:#1f3f78;
	padding:5px;
	font-weight:bold;
	color:#ffffff;
	font-size:90%;
	margin-bottom:5px;
}


label {
	position: absolute;
	text-align:right;
	width:130px;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
	font-size:90%;
}

label.nofloat {
	position: relative;
	display:block;
	text-align:left;
	width:450px;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
	font-size:90%;
}

.fauxlabel {
	position: absolute;
	text-align:right;
	width:130px;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
	font-size:90%;
}

input, textarea, select {
	margin-left: 140px;
	margin-bottom:4px;
}

div.buttons input { margin-left: 0; }

input.nofloat, textarea.nofloat, select.nofloat {
	margin-left: 0px;
	margin-bottom:4px;
}

textarea {
	width:450px;
}

textarea.box_short {
	height:50px;
}

textarea.box_medium {
	height:100px;
}

textarea.box_tall {
	height:250px;
}


span.static_display {
	margin-left: 140px;
	margin-bottom:10px;
}

input.numeric {
	width:50px;
	text-align:right;
}
span.secondary {
	margin:0px;
	padding:0px;
}
span.secondary input{
	position:relative;
	margin-left: 0px;
}

input.secondary {
	position:relative;
	margin-left: 0px;
}

input.noindent {
	position:relative;
	margin-left: 0px;
}

input.quantity {
	position:relative;
	margin-left: 10px;
}

input.money {
	width:70px;
	background-image:url(/navicons/money_dollar_greybg.gif);
	background-repeat:no-repeat;
	text-align:right;
}

input.date {
	position:relative;
	margin-left: 0px;
	text-align:right;
}

input.inlineradio {
	position:relative;
	margin-left: 4px;
}

label.secondary {
	position:relative;
}

div.checklist {
	margin-left: 140px;
	margin-bottom:4px;
}

div.checklist input {
	margin-left: 0px;
}

.required {
	color:#666666;
}

.error {
	color:#CC0000;
	font-size:85%;
	position:relative;
	top:-5px;
}

div.error {
	margin-top:2px;
	margin-left:140px;
}

.asterisk {
	font-size:90%;
	color:#CC0000;
}

label.checkbox, label.radio, label.quantity, label.radiolabelinline {
	position:relative;
	text-align:left;
	font-weight:normal;
	color:#000000;
}

input.shortText {
	width:150px;
}

input.mediumText {
	width:300px;
}

input.longText {
	width:450px;
}

input.single_line_short {
	width:150px;
}

input.single_line_med {
	width:300px;
}

input.single_line_long {
	width:450px;
}

input.single_line_tiny {
	width:50px;
}

input.zipCode {
	width:80px;
}

input.phonePart3 {
	width:25px;
	align:left;
}
input.phonePart4 {
	width:35px;
	align:left;
}
input.quantity {
	width:30px;
	text-align:right;
}

input.button {
	position:relative;
	margin-left:15px;
}

input.checkbox {
	position:relative;
	margin-left:5px;
	border:1px solid #666666;
}
p.instructions {
	margin-top:10px;
	padding:8px;
	background-color:#FDEED7;
/*	border:1px solid #CCCCCC;*/
	font-size:80%;
	font-weight:bold;
	color:#666666;
}

fieldset p.instructions {
	margin:0px 0px 10px 0px;
}

p.notes {
	margin:5px 0px 10px 0px;
	background-color:#EAEAEA;
/*	border:1px solid #CCCCCC;*/
	padding:8px;
	font-size:70%;
	font-weight:bold;
	color:#666666;
}

p.subhead {
	font-weight:bold;
	font-size:100%;
	margin:0px 0px 10px 0px;
}

fieldset table th, fieldset table td {
	padding:3px;
	font-size:90%;
	text-align:left;
	vertical-align:top;
}

fieldset table th,
fieldset .fieldset-title {
	font-weight:bold;
	color:#666666;
	border-bottom: #666666 1px solid;
	text-align:left;
	vertical-align:bottom;

}
fieldset .fieldset-title {
	top: 0;
	left: 10px;
}

fieldset table td.number {
	text-align:right;
}

fieldset table tr.sum td {
	border-top: #666666 1px solid;
	font-weight:bold;
}


fieldset div.leftCol {
	width: 45%;
	float:left;
	background-color:#FFFFFF;
}

fieldset div.rightCol {
	width: 45%;
	float:right;
	background-color:#FFFFFF;
}

/* used on the volunteer/userdetails.cfm -- author:Paul Thornhill */
#userdetailform
#userdetailform fieldset .rightCol{}
#userdetailform fieldset .leftCol{}
#userdetailform fieldset .leftCol label,
#userdetailform fieldset .rightCol label{width: 100px;}
#userdetailform fieldset .leftCol input,
#userdetailform fieldset .rightCol input{margin-left: 120px;}
/* used on the volunteer/userdetails.cfm */

.clearing:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	width: 0;
	clear: both;
}

div.navline {
	margin-top:5px;
	border-top:1px solid #EBEBEB;
	padding-top:2px;
}
a.buttonlink {
	margin:0px;
	padding:4px;
	font-size:80%;
	font-weight:bold;
	display:inline;
}

.formcomments {
	display:block;
	width:450px;
	font-size:90%;
	color: #010101;

}


/*Here are the styles from forms_nofloat*/

.nofloat div.fieldset, .nofloat div.buttons {
	position:relative;
}

.nofloat div.buttons {
	text-align:right;
	margin-right:25px;
}

.nofloat fieldset {
	position:relative;
	margin: 20px 10px 10px 10px;
	background-color:#ffffff;
	border:1px solid #000000;
	padding:30px 10px 10px 10px;

}

.nofloat legend {
	position:absolute;
	top: -10px;
	left: 5px;
	background-color:#1f3f78;
	padding:5px;
	font-weight:bold;
	color:#ffffff;
	font-size:90%;
}



.nofloat label {
	position: relative;
	display:block;
	text-align:left;
	width:450px;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
	font-size:90%;
}

.nofloat label.noshow {
	position: absolute;
	top:-2000px;
}

.nofloat .fauxlabel {
	position: absolute;
	text-align:right;
	width:130px;
	margin-bottom:4px;
	font-weight:bold;
	color:#666666;
	font-size:90%;
}

.nofloat input, .nofloat textarea,.nofloat  select {
	margin-left:10px;
	margin-bottom:4px;
	display:block;
}


.nofloat input.nofloat, .nofloat textarea.nofloat, .nofloat select.nofloat {
	margin-left: 0px;
	margin-bottom:4px;
}

.nofloat textarea {
	width:450px;
}

.nofloat textarea.box_short {
	height:50px;
}

.nofloat textarea.box_medium {
	height:100px;
}

.nofloat textarea.box_tall {
	height:250px;
}


.nofloat span.static_display {
	margin-left: 140px;
	margin-bottom:4px;
}

.nofloat input.numeric {
	width:50px;
	text-align:right;
}
.nofloat span.secondary {
	margin:0px;
	padding:0px;
}
.nofloat span.secondary input{
	position:relative;
	margin-left: 0px;
}

.nofloat input.secondary {
	position:relative;
	margin-left: 0px;
}

.nofloat input.noindent {
	position:relative;
	margin-left: 0px;
}

.nofloat input.quantity {
	position:relative;
	margin-left: 10px;
}

.nofloat input.money {
	width:70px;
	background-image:url(/navicons/money_dollar_greybg.gif);
	background-repeat:no-repeat;
	text-align:right;
}

.nofloat input.date {
	position:relative;
	margin-left: 0px;
	text-align:right;
}

.nofloat input.inlineradio {
	position:relative;
	margin-left: 4px;
}

.nofloat label.secondary {
	position:relative;
}

.nofloat div.checklist {
	margin-left: 140px;
	margin-bottom:4px;
}

.nofloat div.checklist input {
	margin-left: 0px;
}

.nofloat .required {
	color:#666666;
}

.nofloat .error {
	color:#CC0000;
	font-size:85%;
	position:relative;
	top:-5px;
}

.nofloat div.error {
	margin-top:2px;
	margin-left:140px;
}

.nofloat .asterisk {
	font-size:90%;
	color:#CC0000;
}

.nofloat label.checkbox, .nofloat label.radio, .nofloat label.quantity, .nofloat label.radiolabelinline {
	position:relative;
	text-align:left;
	font-weight:normal;
	color:#000000;
}

.nofloat input.shortText {
	width:150px;
}

.nofloat input.mediumText {
	width:300px;
}

.nofloat input.longText {
	width:450px;
}

.nofloat input.zipCode {
	width:80px;
}

.nofloat input.phonePart3 {
	width:25px;
	align:left;
}
.nofloat input.phonePart4 {
	width:35px;
	align:left;
}
.nofloat input.quantity {
	width:30px;
	text-align:right;
}

.nofloat input.button {
	position:relative;
	margin-left:15px;
}

.nofloat input.checkbox {
	position:relative;
	margin-left:5px;
	border:1px solid #666666;
}
.nofloat p.instructions {
	margin-top:10px;
	padding:8px;
	background-color:#FDEED7;
/*	border:1px solid #CCCCCC;*/
	font-size:80%;
	font-weight:bold;
	color:#666666;
}

.nofloat fieldset p.instructions {
	margin:0px 0px 10px 0px;
}

.nofloat p.notes {
	margin:5px 0px 10px 0px;
	background-color:#EAEAEA;
/*	border:1px solid #CCCCCC;*/
	padding:8px;
	font-size:70%;
	font-weight:bold;
	color:#666666;
}

.nofloat p.subhead {
	font-weight:bold;
	font-size:100%;
	margin:0px 0px 10px 0px;
}

.nofloat fieldset table th,.nofloat fieldset table td {
	padding:3px;
	font-size:90%;
	text-align:left;
	vertical-align:top;
}

.nofloat fieldset table th {
	font-weight:bold;
	color:#666666;
	border-bottom: #666666 1px solid;
	text-align:left;
	vertical-align:bottom;

}

.nofloat fieldset table td.number {
	text-align:right;
}

.nofloat fieldset table tr.sum td {
	border-top: #666666 1px solid;
	font-weight:bold;
}


.nofloat fieldset div.leftCol {
	width: 45%;
	float:left;
	background-color:#FFFFFF;
}

.nofloat fieldset div.rightCol {
	width: 45%;
	float:right;
	background-color:#FFFFFF;
}

.nofloat div.clearing {
	display:block;
	clear:both;
}

.nofloat div.navline {
	margin-top:5px;
	border-top:1px solid #EBEBEB;
	padding-top:2px;
}
.nofloat a.buttonlink {
	margin:0px;
	padding:4px;
	font-size:80%;
	font-weight:bold;
	display:inline;
}

.nofloat .formcomments {
	display:block;
	width:450px;
	font-size:90%;
	color: #010101;

}