﻿/* main layout.. */
html, body { height: 100%; background: #67a325; padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
fieldset { padding: 0; margin: 0; border: 0; }
.container_12 { margin-left: auto; margin-right: auto; width: 980px; }
.background { padding: 0 10px 20px; background: #ffffff url('../Images/header_bg.jpg') no-repeat; }
img { display: inline; float: left; border: none; }
.left { display: inline; float: left; }
.right { display: inline; float: right; }
.link {color: #589418;}
.error_message{color: #ff0000;}

/* test panel */
.testserver-panel { height: 25px; background: url('../images/test-server-bg.gif') }

/* fonts.. */
p, div, a, span, label, li, h1, h2, h3, h4, h5, h6, h7 { font-family: Georgia, Serif; }
h1 { margin: 4px 10px 0; line-height: 30px; color: #223f7d; font-size: 16pt; }
h2 { margin: 0 10px; line-height: 29px; color: #589418; font-size: 10pt; font-weight: normal; font-style: italic; }
h3 { margin: 20px 0 0; color: #589418; font-size: 15pt; }
h4 { margin: 0; color: #223f7d; font-size: 13pt; font-weight: normal; font-style: italic; }
p { font-size: 11pt; }
 
/* global navigation */
.function_navigation { width: 420px; height: 29px; background: url('../Images/function_bg.png'); margin: 0 auto; padding: 0; }
.function_navigation a { font-size: 9pt; line-height: 28px; color: #ffffff; display: inline; float: left; height: 28px; text-decoration: none; padding: 0 10px; font-weight: bold; } 
.function_navigation a:hover { background: #0d2149; } 

/* global navigation */
.global_navigation { margin: 34px 0 0; } 
.global_navigation .global_navigation_menu { float: left; position: relative; } 
.global_navigation .global_navigation_menu a { font-size: 10pt; line-height: 29px; color: #589418; display: inline; float: left; height: 29px; text-decoration: none; padding: 0 10px; font-weight: bold; } 
.global_navigation .global_navigation_menu a.nolink { cursor: default; } 
.global_navigation .global_navigation_menu.hover a { color: #ffffff; background: #589418; } 
.global_navigation .global_navigation_menu a:hover { color: #ffffff; background: #589418; } 
.global_navigation .global_navigation_menu .global_navigation_submenu { position: absolute; top: 29px; left: 0px; display: none; background: #589418; } 
.global_navigation .global_navigation_menu .global_navigation_submenu a { display: block; color: #ffffff; min-width: 100px; white-space: nowrap;  } 

/* notification */
.grid_10 .notification { margin-top: 20px; }
.grid_10 .notification_severe {margin-top: 20px;color: #ff0066;}

/* wizards */
.wizard { margin: 20px 0 0; }
.wizard .bullet { display: inline; float: left; margin: 0 0 0 10px; width: 50px; height: 43px; background: url('../Images/wizard_bg.png') no-repeat; }
.wizard .step { font-size: 16pt; line-height: 43px; color: #949fc2; display: inline; float: left; height: 43px; text-decoration: none; padding: 0 20px; } 
.wizard .completed { font-size: 16pt; line-height: 43px; color: #223f7d; display: inline; float: left; height: 43px; text-decoration: none; padding: 0 20px; } 
.wizard .current { font-size: 16pt; line-height: 43px; color: #589418; display: inline; float: left; height: 43px; text-decoration: none; padding: 0 20px; } 
	/* sefined wizards */
	.wizard .sefined .bullet { background: url('../Images/sefi.png') no-repeat; }
	.wizard .sefined .step { color: #b2b9ca; } 
	.wizard .sefined .completed { color: #01164f; }
	.wizard .sefined .current { color: #33cc33; }

/* footer */
.footer { padding: 0 10px; background: #eaecf3; }
.footer p { margin: 20px 0 20px 10px; color: #7f8392; font-family: Verdana, Sans-Serif; font-size: 8pt; }
.footer p a { font-family: Verdana, Sans-Serif; color: #223f7d; }

/* rounded corners */
.rounded_header { margin: 20px 0 0; height: 10px; }
.rounded_footer { height: 10px; }
.button_bar { padding: 10px 10px 0; }
.button_bar,
.rounded_body { background: #EAECF3; }
	/* body */
	.rounded_body .labels { padding: 0 0 0 10px; }
	div.rounded_body > h3:first-child,
	div.rounded_body .alpha > h3:first-child,
	div.rounded_body .omega > h3:first-child { padding-top: 0; }
	.rounded_body h3 { margin: 0; color: #589418; font-size: 12pt; padding: 20px 0 0 10px; }
	.rounded_body h4 { padding: 0 10px; margin: 0; color: #223f7d; font-size: 11pt; font-weight: normal; font-style: italic; } 
		/* Credit Management */
		.rounded_body div.credit_management { font-size: 11pt; font-weight: normal; }
		.rounded_body div.credit_management h3 { padding: 20px 0 0 10px; }
		.rounded_body div.credit_management h5 { padding: 0 10px; color: #223f7d; font-size: 11pt; font-weight: normal; margin: 0; margin-bottom: 10px; }
		.rounded_body div.credit_management ul { margin: 0; padding: 0 0 0 25px; color: #223f7d; font-size: 11pt; font-weight: normal; font-style: italic; }
		.rounded_body div.credit_management fieldset { margin: 0; }
		/*ul.credit_management_list { margin: 0; padding: 0 0 0 25px; color: #223f7d; font-size: 11pt; font-weight: normal; font-style: italic; }*/
	
	.rounded_body fieldset { margin: 10px 0 0; }
		/* fieldsets */
		.rounded_body fieldset label { font-size: 10pt; color: #223f7d; }
		.rounded_body fieldset label.required { font-weight: bold; padding: 0 7px 0 0; background: url('../Images/required.gif') no-repeat right 7px; display: inline-block; width: 100%; }
		.rounded_body fieldset .note { display: block; font-size: 8pt; color: #589418; }
		.rounded_body fieldset .note a { color: #589418; }
		.rounded_body fieldset .text_inline input { display: block; width: 200px; }
		.button_bar .validation_message { display: inline; float: right; }
		.button_bar .validation_message,
		.rounded_body fieldset .validation_message { display: block; margin: 5px 0 0 2px; font-size: 8pt; font-weight: bold; color: #ff0000; }
		.rounded_body fieldset .radio_inline input,
		.rounded_body fieldset .radio_inline label { padding: 0; display: inline; float: left; }
		.rounded_body fieldset .radio_inline input { height: 13px; margin: 5px 0 0; }
		.rounded_body fieldset .radio_inline label { line-height: 18px; margin: 0 10px 0 0; }
		.rounded_body fieldset .radio_list input,
		.rounded_body fieldset .radio_list label { height: 18px; padding: 0; display: inline; float: left; }
		.rounded_body fieldset .radio_list input { margin: 5px 0 0; }
		.rounded_body fieldset .radio_list label { line-height: 23px; }
		.rounded_body fieldset .drop_down_list select { display: block; width: 206px; }
		.button_bar .button,
		.rounded_body fieldset .button { line-height: 25px; text-align: center; text-decoration: none; color: #ffffff; font-size: 10pt; display: block; width: 100px; height: 25px; background: url('../Images/button_medium.png'); }
		.rounded_body fieldset span.readonly { font-size: 10pt; color: #223f7d; }
		.rounded_body fieldset span.total,
		.rounded_body fieldset label.readonly { font-weight: bold; }
		.rounded_body fieldset .grid_4 textarea { display: block; width: 220px; }
		.rounded_body fieldset .grid_6 textarea { display: block; width: 400px; }
	/* sefined rounded corners */
	.sefined .rounded_body { background: #eaecf3 url('../images/sefi_bg.png') no-repeat center 20px; }
	.sefined .rounded_body h3 { color: #33cc33; }
	.sefined .rounded_body h4 { color: #336649; }
		/* fieldsets */
		.sefined .rounded_body fieldset label { color: #336649; }
		.sefined .rounded_body fieldset .validation_message { color: #da2115; }
		.sefined .rounded_body fieldset .note { color: #33cc33; }
		.sefined .rounded_body fieldset .note a { color: #33cc33; }
		.sefined .rounded_body fieldset span.readonly {color: #336649; }

	/* different grid sizes */
	.grid_3 .rounded_header { background: url('../Images/rounded_3_header_bg.gif'); }
	.grid_3 .rounded_footer { background: url('../Images/rounded_3_footer_bg.gif'); }
	.grid_4 .rounded_header { background: url('../Images/rounded_4_header_bg.gif'); }
	.grid_4 .rounded_footer { background: url('../Images/rounded_4_footer_bg.gif'); }
	.grid_5 .rounded_header { background: url('../Images/rounded_5_header_bg.gif'); }
	.grid_5 .rounded_footer { background: url('../Images/rounded_5_footer_bg.gif'); }
	.grid_10 .rounded_header { background: url('../Images/rounded_10_header_bg.gif'); }
	.grid_10 .rounded_footer { background: url('../Images/rounded_10_footer_bg.gif'); }
	.grid_12 .rounded_header { background: url('../Images/rounded_12_header_bg.gif'); }
	.grid_12 .rounded_footer { background: url('../Images/rounded_12_footer_bg.gif'); }
	
	/* grid 2 is pink */
	.grid_2 .rounded_header { background: url('../Images/rounded_2_header_bg.gif'); }
	.grid_2 .rounded_footer { background: url('../Images/rounded_2_footer_bg.gif'); }
	.grid_2 .rounded_body { background: #efd5df; }
		/* my menu items */
		.grid_2 .rounded_body h3,
		.grid_2 .rounded_body a { border-bottom: solid 1px #a9cc82; }
		.grid_2 .rounded_body h3 { color: #223f7d; padding-bottom: 4px; }
		.grid_2 .rounded_body a { line-height: 27px; font-size: 9pt; font-weight: bold; text-decoration: none; font-style: italic; color: #ae2e5e; display: block; width: 130px; height: 29px; padding: 0 0 0 10px; background: url('../Images/my_menu_item_bg.gif'); }
	
/* Fezzes */
a.big_fez { display: block; width: 161px; height: 43px; line-height: 41px; padding: 0 0 0 15px; font-size: 14pt; color: #ffffff; font-weight: bold; text-decoration: none; background: url('../Images/big_fez_bg.png'); }	
a.small_fez { margin: 10px 0 0; display: inline; float: right; width: 96px; height: 19px; line-height: 17px; padding: 0 0 0 7px; font-size: 9pt; color: #ffffff; font-weight: bold; font-style: italic; text-decoration: none; background: url('../Images/small_fez_bg.png'); }	

/* Select Estate FInanciering */
.sefi_banner { height: 43px; background: url('../Images/sefi.png') no-repeat left; margin: 20px 0 0 10px; padding: 0 0 0 53px; }
.sefi_banner p { margin: 0; line-height: 40px; color: #7f8392; font-family: Verdana, Sans-Serif; font-size: 11pt; }

/* AFM */
.afm_banner { height: 50px; background: url('../Images/balk_afm2.png') no-repeat center 4px; border: solid 2px #000000; margin: 20px 0 0; }

/* Known IE6 unsolved issues..
 - Textarea fields get broken off to a new line?
 */


/* IE6/7 compatibility */
.rounded_body { zoom: 1; }
.footer { zoom: 1; }
.rounded_header, .rounded_footer { font-size: 1px; }

