@charset "utf-8";



/* GENERAL LAYOUT STYLES ---------------------------------------- */

html { 				min-height: 100%; margin-bottom: 1px; overflow-y: scroll; } 
					/* This setting takes care of an issue of browser scrollbar appearing/disappearing. 
					It prevents shifting between pages of different "above the fold" / "below the fold" heights. */
				
body { 				background-color: #ffffff; margin: 0px; padding: 0px; 
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px;
					background-image: url(../images/common/background-v2.gif); background-repeat:repeat-x; }
					
a:link {            color: #0065A4; text-decoration: none; }
a:visited { 		color: #0065A4; text-decoration: none; }
a:hover { 			color: #b4d22d; text-decoration: underline; }
a:visited:hover { 	color: #b4d22d; text-decoration: underline; }
					
hr {				color: #D6D9E9; height: 1px; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; 
					border: none 0; border-top: 1px solid #D6D9E9; }
					
ul {				padding: 0px; margin: 30px 10px 30px 10px; list-style-type: none; }				
li {				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #656560; line-height: 15px;
					padding: 0px 0px 6px 30px;  margin: 0px 0px 10px 0px;
					background-image: url(../images/common/list_check.gif); background-repeat: no-repeat; }

/* Nested list level 2 */
li ul {				padding: 0px 0px 0px 0px;  margin: 5px 0px 0px 0px; }
li ul li {			padding: 0px 0px 0px 7px;  margin: 0px 0px 5px 0px; 
					background-image: url(../images/common/list_dot.gif); background-repeat: no-repeat; }
					
.container {		width: 890px; margin: 0px auto 0px auto; padding: 0px;
					background-image: url(../images/common/background-top.gif); background-repeat: no-repeat; }
					
.header {			width: 890px; height: 141px; margin: 0px; padding: 0px; }
.logo {				width: 260px; height: 70px; float: left; margin: 57px 0px 0px 0px; padding: 0px 0px 0px 43px; }

.breadcrumb {		width: 865px; height: 30px; padding: 33px 25px 0px 0px; text-align: right;
					background-image: url(../images/common/background-breadcrumb.gif); background-repeat: no-repeat;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
					.breadcrumbitem { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
					a.breadcrumbitem:link { text-decoration: none; }
					a.breadcrumbitem:visited { text-decoration: none; }
					a.breadcrumbitem:hover { color: #000000; text-decoration: underline; }
					a.breadcrumbitem:visited:hover { color: #000000; text-decoration: underline; }

.middle-main {		width: 810px; padding: 40px 25px 0px 55px; background-color:#e1e1e2;
					background-image: url(../images/common/background-middle-main.gif); background-repeat: no-repeat; background-position: bottom; }
.middle {			width: 810px; padding: 0px 25px 0px 55px; background-color:#ffffff; }

.content-main {		padding: 0px 30px 0px 0px; }
					.buttons-main { 	width: 384px; height: 54px; float: right; margin-top: 30px; }
					.button-browse { 	width: 182px; height: 54px; float: left; margin-right: 20px; }
					.button-submit { 	width: 182px; height: 54px; float: left;}
					
.content {			padding: 0px 30px 0px 0px; }
					
					h1 { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
							color: #000000; font-size: 14px; line-height: 17px; margin-top: 10px; }
					h2 { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; }
					h3 { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; 
							font-style: italic; color: #999999; }
					h4 { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; 
							color: #999999; }
										
					.small { font-size: 9px; }
					
					table { 			width: 100%; margin-top: 20px; border-bottom: 1px solid #e1e1e2; }
					.table-heading { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center;
										text-transform: uppercase; height: 30px; color: #FFFFFF; background-color: #636466;
										border-right: 1px solid #FFFFFF; padding: 0px 10px 0px 10px; }
					.table-heading-l { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center;
										text-transform: uppercase; height: 30px; color: #FFFFFF; background-color: #636466;
										border-left: 1px solid #636466; border-right: 1px solid #FFFFFF; padding: 0px 10px 0px 10px; }
					.table-heading-r { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center;
										text-transform: uppercase; height: 30px; color: #FFFFFF; background-color: #636466;
										border-right: 1px solid #636466; padding: 0px 10px 0px 10px; }
					.table-spacer { 	height: 10px; border-right: 1px solid #e1e1e2; padding: 0px 10px 0px 10px; }
					.table-spacer-l { 	height: 10px; border-left: 1px solid #e1e1e2; border-right: 1px solid #e1e1e2; padding: 0px 10px 0px 10px; }
					.table-shade1 {		background-color: #ffffff; }
					.table-shade2 {		background-color: #f7f7f7; }
					.table-item-left { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
										height: 35px; border-right: 1px solid #e1e1e2; padding: 0px 10px 0px 10px; }
					.table-item-left-l { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
										height: 35px; border-left: 1px solid #e1e1e2; border-right: 1px solid #e1e1e2; padding: 0px 10px 0px 10px; }
					.table-item-mid { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center;
										height: 35px; border-right: 1px solid #e1e1e2; padding: 0px 10px 0px 10px; }
					.nowrap {			white-space: nowrap; }
					
.footer {			width: 810px; padding: 17px 25px 0px 55px; height: 45px; margin: 75px 0px 0px 0px;
					background-image: url(../images/common/background-footer.gif); background-repeat: no-repeat;
					text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }
					.footeritem { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }
					a.footeritem:link { text-decoration: none; }
					a.footeritem:visited { text-decoration: none; }
					a.footeritem:hover { color: #000000; text-decoration: underline; }
					a.footeritem:visited:hover { color: #000000; text-decoration: underline; }
										


/* FORMS STYLES ---------------------------------------- */

.submit-form {		width: 400px; margin-top: 20px; float: left; }
.form-shade1 {		width: 400px; height: 26px; background-color: #ffffff; padding: 9px 0px 0px 0px; }
.form-shade2 {		width: 400px; height: 26px; background-color: #f7f7f7; padding: 9px 0px 0px 0px; }
.form-label {		float: left; width: 100px; padding: 0px 0px 0px 10px; }
.form-button {		float: left; margin-top: 99px; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff !important;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff !important;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 17px;
	background-color: #ffffff;
}

.formdata { background-color: #ffffff !important; }
.invalid { background-color: #ef3823 !important; color: #FFFFFF; }