/*****************************************/
/* GF Partnership Global Website CSS Document */
/*****************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 0;
	margin: 0;
	background: #b8d6e2 url('/gfx/bg_body.gif') top left repeat-x;
	color: #444c53;
	
}

/****************/
/** Global Styles **/
/***************/
h1 { color: #004b8d; font-size: 2.2em; font-weight: normal; padding: 0 0 6px 0; margin: 0;}
h2 { color: #00a4e4; font-size: 1.7em;font-weight: normal; padding: 0 0 12px 0; margin: 0;}

.size1 {	font-size: 75% !important; }
.size2 {	font-size: 90% !important; }
.size3 { 	font-size: 100% !important; }

a { color: #004b8d; text-decoration: none; }
a:hover { color: #00a4e4; text-decoration: underline; }

p { margin: 0; padding: 0; }

fieldset { border: none; padding: 0; margin: 0; }

input.txt {
	font-size: 0.9em;
	color: #444c53;
	padding: 4px 4px 3px 4px;
	border: 1px #b7d6e2 solid;
	background: #fff url('/gfx/bg_input_txt.gif') top left no-repeat;
}

select.txt {
	font-size: 0.9em;
	color: #676a78;	
}

textarea.txt {
	font-size: 0.9em;
	color: #444c53;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 4px 3px 4px;
	border: 1px #b7d6e2 solid;
}

img.border { border: 1px #820c8e solid; }



form { padding: 0; margin: 0; }
.form { padding: 0 0 12px 0; }

legend { display: none; visibility:hidden; }


.formRow {
	clear: both;
	height: 100%;
	margin-bottom: 6px;
}

.formLabel {
	float: left;
	width: 163px !important;
	width /**/: 175px;
	text-align: right;
	font-weight: bold;
	padding: 4px 12px 0 0;
	margin-bottom: 6px;
}

.formElement {
	float: left;
	width: 382px !important;
	width /**/: 380px;
	text-align: left;
	padding: 0;
	margin-bottom: 6px;
	vertical-align:top;
}

.formSubmit {
	width: 454px !important;
	width /**/: 627px;
	padding: 12px 0 0 173px;
	margin: 0;
}

.mandatory { color: #CC0000; padding: 0 0 0 6px; }
.errorbox { border: 1px #CC0000 solid !important; background-color: #f8f2f2; }

#error {border: 1px #CC0000 solid !important; background-color: #f8f2f2; padding: 12px; margin: 12px 0 0 0; }
#error p { padding: 0; margin: 0;}
#error ul { padding: 6px 0 12px 12px !important; margin: 0; }
#error ul li { list-style: none; background: #f8f2f2 url('/gfx/gfx_bullet.gif') 0em 0.3em no-repeat !important; padding: 0 0 4px 12px;  margin: 0;}

.mandatorytitle { background: #626c7f url('/gfx/bg_form_top.gif') top left no-repeat; color: #fff; display: block; padding: 12px; margin: 0 0 12px 0;}


img { border: none; }


.border {
	border: 3px #dbddde solid;
}

div.hr { padding: 0px; margin: 12px 0; height: 1px; background: #fff url('/gfx/bg_hr.gif') top left repeat-x; clear: both;}
hr { display: none; visibility: hidden; }

.small { font-size: 0.9em; }

/************/
/** Structure **/
/************/
#container {
	width: 882px;
	margin: 26px auto;
}

	#header {
		width: 882px;
	}
	
		#logo { 
			width /**/: 173px;
			width: 165px !important;
			padding-left: 8px;
			height: 65px;
			float: left;
		}
		
		#helpline { 
			width /**/: 606px;
			width: 598px !important;
			height /**/: 65px;
			height: 31px !important;
			padding: 34px 8px 0 0;
			text-align:right;
			float: right;
		}
		
			#helpline span {
				font-size: 1.8em;
				color: #004b8d;
			}
			
		#tabs {
			width /**/: 882px;
			width: 868px !important;
			padding: 22px 7px 2px 7px;
			height /**/: 70px;
			height: 46px !important;
			background: transparent url('/gfx/bg_tabbar.gif') bottom left no-repeat;
			clear: both;
		}
		
			#tabs ul {
				margin: 0;
				padding: 0;
			}
			
			#tabs ul li {
				list-style: none;
				display: inline;
			}
			
			#tabs ul li a {
				float: left;
				text-align:center;
				background: #e6f0f3 url('/gfx/bg_tab_left.gif') left 0 no-repeat;
				color: #fff;
				width /**/: 108px;
				width: 101px !important;
				height: 46px;
				font-size: 1.2em;
				margin-right: 7px;				
			}
		
			
			#tabs ul li.lasttab a, #tabs ul li.lasttab a.on, #tabs ul li.lasttab a:hover  {
				margin: 0 !important;
				padding: 0 !important;
				
			}
			
			#tabs ul li a.on, #tabs ul li a:hover {
				background-position: left -46px;
				color: #004b8d;
				text-decoration:none;			

			}
			
			#tabs ul li a span {
				background: transparent url('/gfx/bg_tab_right.gif') right 0 no-repeat;
				display: block;
				padding: 6px 10px;
				vertical-align:middle;
			}
			
			#tabs ul li a.on span, #tabs ul li a:hover span {
				background-position: right -46px;
			}
			
				
			#tabs ul li a span.singleLine {			
				padding-top: 16px;
			}
	
	#inner_container {
		width: 882px;
		background: transparent url('/gfx/bg_container.gif') top left repeat-y;
	}
	
	#wrapper {
		width /**/: 882px;
		width: 870px !important;
		padding: 0 6px;
		background: transparent url('/gfx/bg_innercontainer.gif') top left no-repeat;
	}
	
	#content_full {
		width /**/: 870px;
		width: 846px !important;
		padding: 12px;
	}
	
		
		#functions {
			height /**/: 32px;
			height: 22px!important;
			padding: 10px 0 0 15px;
			width /**/: 120px;
			width: 105px !important;
			float: left;
		}
		
		#functions a { 
			background: #f5f8fa url('/gfx/icon_printer.gif') 0 0 no-repeat;
			padding: 0 0 0 22px;
		}
		
		#search {
			width /**/: 750px;
			width: 290px !important;
			float: right;	
			padding: 3px 0 0 460px;	
			height /**/: 32px;
			height: 29px !important;
		}
		
			#txtSearch {
				width: 180px;
				margin: 0;
			}
			
			.textbox { height: 22px; width: 200px; float: left;}
			.submitbutton { height /**/: 22px; height: 22px !important; width: 30px; float: left; padding-top: 1px;}
		
	#imagetop {
		width /**/: 870px;
		width: 842px !important;
		padding: 0 14px 16px 14px;
	}
	
	#content_wrapper {
		width: 870px;
		background: transparent url('/gfx/bg_contentwrapper.gif') top left repeat-y;
		margin: 0 0 12px 0;
	}	
			
	#menu {
		width: 194px !important;
		width /**/: 229px;
		padding: 9px 0 0 14px;
		margin: 0 21px 0 0;
		float: left;
		background: transparent url('/gfx/menu_top.gif') top right no-repeat;
	}
	
		#menu ul {
			padding: 0;
			margin: 0;
		}
		
			#menu ul li {
				list-style: none;
			}
			
			#menu ul li a {
				display: block;
				background: #008ede url('/gfx/menu_bg_off.gif') top left repeat-x;
				border-top: 1px #34b7ea solid;
				border-bottom: 1px #005586 solid;
				color: #fff;
				padding: 6px;
				width /**/: 194px;
				width: 182px !important;
			}
			
			#menu ul li a.on, #menu ul li a.on:hover {
				background: #ffd204 url('/gfx/menu_bg_on.gif') top left repeat-x;
				text-decoration: none;			
				border-top: 1px #e4c536 solid;
				border-bottom: 1px #9a7f02 solid;
				color: #004b8d;
				width /**/: 194px;
				width: 182px !important;
			}
			
			#menu ul li a:hover {
				background: #00a3e4 url('/gfx/menu_bg_hover.gif') top left repeat-x;
				text-decoration: none;
				border-top: 1px #34b7ea solid;
				border-bottom: 1px #005586 solid;
				color: #fff;
				width /**/: 194px;
				width: 182px !important;
			}
			
			#menu ul ul {
				padding: 4px 0;
				background-color: #fff;
			}
			
			#menu ul ul li {
				background-color: #fff;
				border-bottom: 1px #004b8d dotted;
				margin: 0 12px;
			}
			
			#menu ul ul li.last {
				border-bottom: none;
			}
			
			#menu ul ul li a, #menu ul ul li a:hover, #menu ul ul li a.on {
				background-image: none;
				border: none;
				color: #004b8d;
				background: #fff url('/gfx/gfx_menu_bullet.gif') 0.6em 0.7em no-repeat;
				padding: 6px 12px 6px 24px;
				width /**/: 182px;
				width: 122px !important;
			}
			
			#menu ul ul li a.on, #menu ul ul li a:hover, #menu ul ul li a.on:hover {
				text-decoration: underline;
				color: #00a4e4;
				background-image: none;
				border: none;
				background: #fff url('/gfx/gfx_menu_bullet.gif') 0.6em 0.7em no-repeat;
				padding: 6px 12px 6px 24px;
			}
		
		
	
		
	#content {
		width /**/: 641px;
		width: 627px !important;
		padding: 0 14px 0 0;
		float: left;
	}
	
		#content p {
			padding: 0 0 12px 0;
		}
		
		#leftcol {
			width /**/: 428px;
			width: 414px !important;
			padding: 0 14px 0 0;
			float: left;
		}
		#rightcol {
			width: 199px;
			float: left;
		}
		
		
		
	
		
	
	#footer {
		width: 882px;
		height: 130px;
		background: #bad8e3 url('/gfx/bg_footer.gif') top left no-repeat;
		clear: both;
	}	
	
	#groupsites { 
			width: 276px !important;
			width /**/: 300px;
			float: left;
			padding: 10px 0 0 24px;
		}
		
	
		
	
		#footernav {
			width: 510px !important;
			width /**/: 572px;
			height: 22px !important;
			height /**/: 50px;
			padding: 28px 22px 0 40px;
			float: right;
		}
		
			#footernav ul
			{
				border: 0;
				padding: 0;
				margin: 0;
				list-style-type: none;
				text-align: center;
				clear: left;
				float: right;		
			}
			
			#footernav ul li { 
				display: inline; /* <-- added for IE 5.2/Mac */
				float: left;
				text-align: center;
				padding: 3px 8px 0 8px;
				margin: 0;			
				height: 17px !important;
				height /**/: 23px;
				border-right: 1px #91b8c6 solid;
			}
			
			#footer ul li.last {
				padding: 3px 0 0 12px !important;
				border: none !important;
			}
					
			#footernav a {
				display: block;
				float: left;
				font-weight: normal;
			}
			
		
			#footerpanel {
				width: 882px;
				height: 69px;
			}
				
				#footer_logo { 
					width: 113px !important;
					width /**/: 138px;
					padding: 34px 0 0 25px;
					float: left;
				}
				#reg_info { 
					width: 620px; 
					padding: 28px 0 0 0;
					float: left;
					color: #004b8d;
					font-size: 0.9em;
				}
				
				#reg_info p {
					margin: 0;
					padding: 0;
				}
				
				#fivesite {
					width: 66px;
					float: left;
					padding: 38px 0 0 0;
				}
				
/** Flexi-Panel **/
.flexi-panel {
	width: 199px;
	background: #fff url('/gfx/bg_flexipanel.gif') top left no-repeat;
	float: left;
	margin-bottom:16px;
}

	.flexi-panel_inner {
		padding: 8px 8px 0 8px !important;
	}
	
	.flexi-panel_inner .links {
		height: 100px;
	}
	
	.flexi-panel_base {
		width: 199px;
		height: 10px;
		background: transparent url('/gfx/bg_flexipanel_base.gif') bottom left no-repeat;
	}
	
.flexi-panel h3 {
	text-align: center;
	color: #004b8d;
	font-weight: normal;
	padding-top: 10px;
	font-size: 1.4em;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px #7697b4 dotted;
}

.flexi-panel ul { margin: 8px 0 12px 0 !important; padding: 0;  }
.flexi-panel ul li {
	list-style-type: none;
	background: transparent url('/gfx/gfx_menu_bullet.gif') 0.8em 0.4em no-repeat;
	padding: 0 0 4px 26px;
	color: #003b6f;		
}


/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}