@import url(../styles.css);

/* ----------------------------------------------------------------------------------------------------
	10	77%		|		14	108%		|		18	138.5%		|		22	167%		|	26	197%
	11	85%		|		15	116%		|		19	146.5%		|		23	174%		|
	12	93%		|		16	123.1%		|		20	153.9%		|		24	182%		|
	13	100%	|		17	131%		|		21	161.6%		|		25	189%		|
-------------------------------------------------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
-----------------------------------------------------------------------------------------------------*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*---------------------------------------- /Yahoo! fonts.css */
/* Generic styles */
.hidden, hr {position: absolute; left: -999em; width: 1px; height: 1px; overflow: hidden;}
.clear {clear: both;}
	.clearFix,
	.formSection,
	.inputGroup {height: 1%;}
	.clearFix:after,
	.formSection:after,
	.inputGroup:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	html > body .clearFix,
	html > body .formSection,
	html > body .inputGroup {min-height: 1px; height: auto;}

.bodycopy {font-size: 100%;}

p {font-size: 93%; margin: 0; padding: 0 0 12px 0;}
p.note {font: 93% Arial; color: #f58700;}
span.note {display: block; font: 12px Arial; color: #f58700;}

.col {
	width: 180px;
	float: left;
	clear: both;
	margin: 30px 15px 12px 0;
}
.col.alt {
	width: 480px;
	float: left;
	clear: none;
	margin-right: 0;
	text-align: right;	
	margin: 12px 0;
}

.photoGroup {border-bottom: solid 1px #fac37f; padding-bottom: 14px; margin-bottom: 14px;}


h2 {
	color:#000066;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 108%;
	font-weight:bold;
	background: transparent url(images/structure/bgHeadingUpdateForm.gif) 0 0 no-repeat;
	padding: 2px 0 0 14px;
	margin: 8px 0 18px;
	height: 21px;
		overflow: visible;
	clear: both;
}
/* Online Office Summery Form 9/2009 --- */
.summaryStepContent {
	margin: 16px 0 13px;
	border-top: solid 3px #808080;
	border-bottom: solid 3px #808080;
}
.required {color: #992e00;font-weight: normal;}

.errorMessage {
	display: block; 
	padding: 12px 0;
	font: 12px Arial; 
	color: #bf3900; 
	font-weight: bold; 
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5; 
}

.formSection {
	padding: 8px 160px 12px 0;
	clear: both;
	margin-bottom: 24px;
}


.inputGroup {
	padding: 12px 0;
	clear: both;
	border-bottom: solid 1px #e5e5e5;
	font-size: 12px;
}
.inputGroup.last {
	padding: 12px 0 0;
	border-bottom: none;
}

.inputGroup p {
	font-size: 100%;
}
	.inputGroup h3 {
		font-size: 12px;
		margin: 0;
		padding-bottom: 4px;
	}
	.inputGroup .column1 {
		float: left;
		width: 310px;
		padding-right: 8px;
	}
	.inputGroup .column2 {
		float: right; 
		width: 200px;
		text-align: right;
	}
.inactive .inputGroup .column2 {
	color: #404040;
}
	.inputGroup lable {
		clear: both;
	}
	.inputGroup input {
		color: #0012ff;
		margin-bottom: 10px;
		border: solid 1px #c3c3c3;
		padding: 1px 3px;
		text-align: right;
		vertical-align: text-top !important;
	}
	.inputGroup .checkbox,
	.inputGroup .radio {
		border: none !important;
	}
	.contactInfo input {
		text-align: left;
	}
	
.terms {
	padding: 12px 0;
	clear: both;
	border-bottom: solid 1px #e5e5e5;
}
	.terms .checkbox {
		float: left;
		margin-top: 4px;
		margin-bottom: 14px;
		border: none !important;
	}
	.terms p {
		font-size: 12px;
		margin: 0 0 0 26px;
	}		
		.terms p input {
			color: #0012ff;
			border: solid 1px #c3c3c3;
			padding: 1px 3px;
			margin-bottom: 0;
			text-align: left;
			vertical-align: text-bottom !important;
		}
input.submit {
	margin: 12px 0;
	float: right;
}
.add,
.subtract {
	
	padding: 0 4px; 
	color: #e07b00; 
	text-indent: -999em;
	background: url(images/icons/minusSign.gif) 0 3px no-repeat;
}
.add {
	background: url(images/icons/plusSign.gif) 0 0 no-repeat;
}
.enterDate {display: block;}
.enterDate input {margin: 0 2px 0 0;}
.enterDate .note {padding-left: 94px;}
.inactive .inputGroup .readOnly {color: #404040; background-color: #e5e5e5;}
.active .inputGroup .readOnly {color: #404040; background-color: #fff;}