/* ========================================================================================
ReadyToLoseWeight: Main Layout 
Version:1.0
Author: StyleTech Solutions Ltd
Last Updated: 23 December 2009
=========================================================================================== */

/* Generic 
=========================================================================================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:63.3%;
 	background-color:#ffffff;
 	background-image:url(../images/generic/body-botBlend.gif);
 	background-position:bottom;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	min-width:980px;
}

h1 { margin:0; }
h2 { margin:0; }
h3 { margin:0; }
h4 { margin:0; }
h5 { margin:0; }
img { border:none; margin:0 }
p { color:#005483; font-size:1.1em; margin:0; }

a:link { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }
a:visited { text-decoration:none; }

.left { float:left; }
.right { float:right; }

ol,ul {
	list-style: none; margin: 0; padding: 0; font-size:1.1em;
}
.clear {
	clear: both; text-indent: -9999px;
}
.error 
{
	text-align:left; color:#FF0000;
}
.textboxMultiLine {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:125%;
}

.red { color:#ED0000; }
.green { color:#69A346; }
.blue { color:#003B81; }


/* Structure 
=========================================================================================== */
div#headWrapper {
	width:auto; margin:auto;
	background:url(../images/generic/headWrapper-bg.jpg) top repeat-x;
}
div#bodyWrapper {
	width:auto; margin:auto;
	background:url(../images/generic/bodyWrapper-bg.jpg) top repeat-x;
}
div#footWrapper {
	width:auto; margin:auto; 
}
div#content {
	width:980px; margin:auto; 
}

div#banner {
	width:1000px; margin:auto; height:173px;
	background:url(../images/generic/bannerLogo-bg.jpg) top left no-repeat;
}
.masthead {
	float:right; width: 425px; height:156px;
	background:url(../images/generic/home-mast.jpg) top right no-repeat;
}

#PrimaryNav {
	width:980px; position:relative; margin:auto;
}
#SecondaryNav {
	float:right; height:30px; position: relative; width:600px;
}
div#featureContent {
	width:312px; float:left; margin-top:15px;
	display:block; /* :KLUDGE: Fixes IE double margin float bug */
}
div#pageContent {
	float:left; position:relative; width:665px;	 
}


/* Primary Navigation 
=========================================================================================== */
#navigation {
	float:left; position:absolute; margin-top:123px; left:0;
	z-index:999; list-style:none; width:980px;
}
	#navigation li {
		float:left; font-size:110%; font-weight:bold;
	}
		#navigation li a {
			float: left; display: block; text-align:center;
			height: 2.4em; /* Targets IE 5.5 only */
			hei\ght: 40px; /* All Other Browsers */
			outline: none; /* hide dotted outline in Firefox */
			width:130px;
			padding: 0.8em 0 0 0; color: #fff; text-decoration: none; overflow: hidden;
		}
		#navigation li a.home {
			width:40px; text-indent:-5000em;
			background:url(../images/generic/home-button.jpg) no-repeat;
		}
			#navigation li a.home:hover, #navigation li a.homeActive {
				background:url(../images/generic/home-roll.jpg) no-repeat;
			}
			
		#navigation li a.links {
			background:url(../images/generic/link.gif) no-repeat;
		}
		    /* Fix for IE6 */
			* html #navigation li a.links:hover {
				background:url(../images/generic/link-roll.gif) no-repeat;
			}
			/* All Other Browsers */
			#navigation li a.links:hover {
				background:url(../images/generic/link-roll.png) no-repeat;
			}
			
		#navigation li a.home-link {
			background:url(../images/generic/home-link.gif) no-repeat;
		}
			#navigation li a.home-link:hover {
				background:url(../images/generic/home-link-roll.gif) no-repeat;
			}	
				
		#navigation li a.suit {
			background:url(../images/generic/suit-button.jpg) no-repeat;
		}
			#navigation li a.suit:hover, #navigation li a.suitActive {
				background:url(../images/generic/suit-roll.jpg) no-repeat;
			}			
		#navigation li a.worked {
			background:url(../images/generic/worked-button.jpg) no-repeat;
		}
			#navigation li a.worked:hover, #navigation li a.workedActive {
				background:url(../images/generic/worked-roll.jpg) no-repeat;
			}
		#navigation li a.free {
			background:url(../images/generic/free-button.jpg) no-repeat;
		}
			#navigation li a.free:hover, #navigation li a.freeActive {
				background:url(../images/generic/free-roll.jpg) no-repeat;
			}
		#navigation li a.why {
			background:url(../images/generic/why-button.jpg) no-repeat;
		}
			#navigation li a.why:hover, #navigation li a.whyActive {
				background:url(../images/generic/why-roll.jpg) no-repeat;
			}
		#navigation li a.questions {
			background:url(../images/generic/questions-button.jpg) no-repeat;
		}
			#navigation li a.questions:hover, #navigation li a.questionsActive {
				background:url(../images/generic/questions-roll.jpg) no-repeat;
			}
		#navigation li a.log {
			background:url(../images/generic/log-button.jpg) no-repeat;
		}
			#navigation li a.log:hover, #navigation li a.logActive {
				background:url(../images/generic/log-roll.jpg) no-repeat;
			}
		#navigation li a.logAdmin {
			background:url(../images/generic/log-onlineadmin-button.gif) no-repeat;
		}
			#navigation li a.logAdmin:hover{
				background:url(../images/generic/log-onlineadmin-button-roll.gif) no-repeat;
			}			
		
		
.topLinks {
	float:left; position:absolute; margin:4px 0 0 583px;
}
	.topLinks a {
		font-size:120%; padding:5px 9px; color:#5077A9; text-decoration:none; outline: none;
	}
		.topLinks a:hover {
			text-decoration:underline;
		}
		
		
/* Intro Panel 
=========================================================================================== */
#introPanel {
	float:left; width:980px;
}	
	#introPanel .promoArea {
		float:left; display:inline; width:256px; margin:38px 0 0 34px;
	}	
	
	#introPanel .textArea {
		float:right; display:inline; width:609px; margin:280px 40px 10px 0;
	}
		#introPanel .textArea p {
			font-size:140%; line-height:150%;
	}
		#introPanel .textArea p a {
			color:#003b81; text-decoration:underline;
		}
			#introPanel .textArea p a:hover {
				color:#e53636; text-decoration:none;
			}
			#introPanel .textArea p em {
				color:#0074ff; font-style:normal;
			}
			
	#introPanel .videoArea {
		float:right; display:block; width:645px; margin:80px 40px 0 0;
	}
	
.header-home 
{
    height:330px; position:relative;
}
    .header-home .promoArea
    {
        position:absolute; top:0px; left:0px; z-index:1;
    }
    .header-home .textArea
    {
        margin:0px 40px 0px 0px !important;
    }


.header-what { background:url(../images/generic/what-header.jpg) top left no-repeat; }
.header-what-group { background:url(../images/generic/what-group-header.jpg) top left no-repeat; }
.header-what-one { background:url(../images/generic/what-one-header.jpg) top left no-repeat; }
.header-what-online { background:url(../images/generic/what-online-header.jpg) top left no-repeat; }
.header-what-self { background:url(../images/generic/what-self-header.jpg) top left no-repeat; }

.header-worked { background:url(../images/generic/worked-header.jpg) top left no-repeat; }
.header-worked-eileenlesley { background:url(../images/generic/worked-header-eileenlesley.jpg) top left no-repeat; }
.header-worked-richard { background:url(../images/generic/worked-header-richard.jpg) top left no-repeat; }
.header-worked-shaun { background:url(../images/generic/worked-header-shaun.jpg) top left no-repeat; }
.header-worked-vicky { background:url(../images/generic/worked-header-vicky.jpg) top left no-repeat; }

.header-why { background:url(../images/generic/why-header.jpg) top left no-repeat; }
.header-why-body { background:url(../images/generic/why-header-body.jpg) top left no-repeat; }
.header-why-mind { background:url(../images/generic/why-header-mind.jpg) top left no-repeat; }
.header-why-family { background:url(../images/generic/why-header-family.jpg) top left no-repeat; }

.header-qanda { background:url(../images/generic/qanda-header.jpg) top left no-repeat; }

.header-pro { background:url(../images/generic/pro-header.jpg) top left no-repeat; }
.header-pro-CHCP { background:url(../images/generic/pro-header-CHCP.jpg) top left no-repeat; }
.header-pro-expect { background:url(../images/generic/pro-header-expect.jpg) top left no-repeat; }
.header-pro-referrals { background:url(../images/generic/pro-header-referals.jpg) top left no-repeat; }
.header-pro-together { background:url(../images/generic/pro-header-together.jpg) top left no-repeat; }

.header-workplace { background:url(../images/generic/workplace-header.jpg) top left no-repeat; }
.header-workplace-workplace { background:url(../images/generic/workplace-header-workplace.jpg) top left no-repeat; }
.header-workplace-healthy { background:url(../images/generic/workplace-header-healthy.jpg) top left no-repeat; }
.header-workplace-active { background:url(../images/generic/workplace-header-active.jpg) top left no-repeat; }
.header-workplace-why { background:url(../images/generic/workplace-header-why.jpg) top left no-repeat; }

.header-generic  { background:url(../images/generic/header-generic.jpg) top left no-repeat; }



.header-workedContent {
	background:url(../images/generic/worked-content-header.jpg) top left no-repeat;
}

.header-free {
	background:url(../images/generic/free-header.jpg) top left no-repeat;
}



/* Promo Panels 
=========================================================================================== */
.promoArea-top {
	height:11px; background:#0f2467 url(../images/generic/promoArea-top.gif) top no-repeat; margin:0; padding:0
}
	.promoArea-bot {
		text-align:center; padding:8px 15px 70px 15px; min-height:180px;
		background:#0f2467 url(../images/generic/promoArea-bot.gif) bottom no-repeat;
	}
		.promoArea-bot h1 {
			font-size:230%; color:#fff; font-weight:normal;
		}
		.promoArea-bot p {
			text-align:left; font-size:150%; line-height:140%; color:#fff;
		}
		.promoArea-bot ul {
			text-align:left; font-size:150%; line-height:130%; padding-top:15px;
		}
			.promoArea-bot ul li {
				text-align:left;
				background:url(../images/generic/promo-bullet.gif) 0 0 no-repeat;
			}
				.promoArea-bot ul li a {
					color:#fff; display:block; padding:10px 0 10px 40px; text-decoration:none; outline: none;
				}
					.promoArea-bot ul li a:hover, .promoArea-bot ul li a.active {
						text-decoration:underline;
						background:url(../images/generic/promo-bullet-roll.gif) 0 0 no-repeat;
					}
					
					
.promoArea a.join {
	float:right; position:relative; display:block; border:none; width:256px; height:65px;
	background:url(../images/generic/hullpanel-button.gif) top left no-repeat;
}
	.promoArea a.join:hover {
		background:url(../images/generic/hullpanel-buttonRoll.gif) top left no-repeat;
	}


/* Feature Panels 
=========================================================================================== */
.sidePanel {
	float:right; margin:0 16px 16px 0; width:267px; position:relative;
}		
	.recipe-top {
		background:url(../images/generic/recipePanel-top.jpg) top no-repeat;
	}	
		.recipe-bot {
			height:46px;
			background:url(../images/generic/recipePanel-bot.gif) no-repeat;
		}
	.recipe-top .content {
		padding:170px 20px 10px 20px; height:140px;
	}
		.recipe-top .content p {
			font-size:120%; line-height:150%; color:#0d2164;
		}
			.recipe-top .content p a {
				color:#0d2164; text-decoration:underline;
			}
				.recipe-top .content p a:hover {
					color:#f60000; text-decoration:none;
				}
	.recipe-top .content a.more {
		display:block; font-size:120%; line-height:150%; color:#0d2164; font-weight:bold; text-decoration:underline;
	}
		.recipe-top .content a.more:hover {
			text-decoration:none;
		}
			
	
		.join-top {
			background:url(../images/generic/joinPanel-top.gif) top no-repeat;
		}	
		.join-bot {
			height:25px;
			background:url(../images/generic/joinPanel-bot.gif) no-repeat;
		}
	.join-top .content {
		padding:120px 20px 0 20px;
	}
		.join-top .content p {
			font-size:190%; line-height:150%; 
			color:#557eae; text-align:center; margin-top:10px;
		}
	.join-top a.join {
		position:relative; display:block; border:none; width:232px; height:41px; outline: none;
		background:url(../images/generic/joinpanel-button.gif) top left no-repeat;
	}
	.join-top a.join:hover {
		background:url(../images/generic/joinpanel-buttonRoll.gif) top left no-repeat;
	}
	
	

span.join-white {
	display:block;
	border:none;
	width:232px;
	height:41px;
	background:url(../images/generic/join-white-button.gif) top left no-repeat;
}
span.join-white a:hover {
	display:block;
	background:url(../images/generic/join-white-button-roll.gif) top left no-repeat;
}
.join-white a {
	width:263px;
	height:43px;
	display:block;
	font-size:10%;;
	text-indent: -5000px;
	outline: none; 
}


/* Buttons a plenty 
=========================================================================================== */

span.save-but { display:block; border:none; width:103px; height:41px; background:url(../images/generic/save-but.gif) top left no-repeat; }
span.save-but a:hover { display:block; background:url(../images/generic/save-but-roll.gif) top left no-repeat; }
.save-but a { width:103px; height:41px;display:block; font-size:10%; text-indent: -5000px; outline: none;  }

span.start-but { display:block; border:none; width:224px; height:41px; background:url(../images/generic/start-prog-button.gif) top left no-repeat; }
span.start-but a:hover { display:block; background:url(../images/generic/start-prog-button-roll.gif) top left no-repeat; }
.start-but a { width:224px; height:41px;display:block; font-size:10%; text-indent: -5000px; outline: none;  }



span.yes-but { display:block; border:none; width:479px; height:49px; background:url(../images/generic/yes-button.png) top left no-repeat; }
span.yes-but a:hover { display:block; background:url(../images/generic/yes-button-roll.png) top left no-repeat; }
.yes-but a { width:479px; height:49px;display:block; font-size:10%; text-indent: -5000px; outline: none;  }

span.no-but { display:block; border:none; width:479px; height:49px; background:url(../images/generic/no-button.png) top left no-repeat; }
span.no-but a:hover { display:block; background:url(../images/generic/no-button-roll.png) top left no-repeat; }
.no-but a { width:479px; height:49px;display:block; font-size:10%; text-indent: -5000px; outline: none;  }



span.send-but { display:block; border:none; width:103px; height:41px; background:url(../images/generic/send-but.gif) top left no-repeat; }
span.send-but a:hover { display:block; background:url(../images/generic/send-but-roll.gif) top left no-repeat; }
.send-but a { width:103px; height:41px;display:block; font-size:10%; text-indent: -5000px; outline: none;  }



/* Home Panels 
=========================================================================================== */
.homePanel {
	float:left; position:relative; margin-right:14px; width:212px;
}
	.homePanel.end {
		margin-right:0px;
	}
	.homePanel .content {
		padding:165px 15px 10px 15px;
	}
		.homePanel-purpleTop .content {
			padding:50px 100px 10px 15px;
		}
		.homePanel .content p {
			font-size:120%; line-height:150%;
		}
			.homePanel .content p a {
				text-decoration:underline;
			}
				.homePanel .content p a:hover {
					text-decoration:none;
				}
				
	.homePanel .content a.more {
		display:block; font-size:120%; line-height:150%; font-weight:bold; text-decoration:underline;
	}
		.homePanel .content a.more:hover {
			text-decoration:none;
		}
			.homePanel-greenTop .content a.more {
				color:#6faecd;
			}
			.homePanel-purpleTop .content a.more {
				color:#0075ff;
			}
			.homePanel-blueTop .content a.more {
				color:#5c0055;
			}
				
		.homePanel-greenTop .content p, .homePanel-greenTop .content p a {
			color:#6faecd;
		}
		.homePanel-purpleTop .content p, .homePanel-purpleTop .content p a {
			color:#656565;
		}
		.homePanel-blueTop .content p, .homePanel-blueTop .content p a {
			color:#ca0d0d;
		}
	
		.homePanel-greenTop {
			height:320px;
			background:url(../images/generic/homePanel01-top.jpg) top no-repeat;
		}
		.homePanel-greenBot {
			height:45px;
			background:url(../images/generic/homePanel01-bot.jpg) no-repeat;
		}
		.homePanel-purpleTop {
			height:320px;
			background:url(../images/generic/homePanel02-top.jpg) top no-repeat;
		}
		.homePanel-purpleBot {
			height:45px;
			background:url(../images/generic/homePanel02-bot.jpg) no-repeat;
		}
		.homePanel-blueTop {
			height:320px;
			background:url(../images/generic/homePanel03-top.jpg) top no-repeat;
		}
		.homePanel-blueBot {
			height:45px;
			background:url(../images/generic/homePanel03-bot.jpg) no-repeat;
		}
		

.quotePanel {
	float:right; width:640px; height:170px; position:relative; display:inline; padding-top:18px;
	background:url(../images/generic/quotePanel-bg.jpg) top left no-repeat;
}
	.quotePanel .content {
		float:right; width:385px; margin-right:20px; display:inline;
	}
		.quotePanel .content h3 {
			width:367px; height:57px; text-indent:-5000em; overflow:hidden;
			background:url(../images/generic/quotePanel-title.gif) top left no-repeat;
		}
		.quotePanel .content p {
			font-size:120%; line-height:150%; color:#1b63b3; margin-top:-8px;
		}
			.quotePanel .content a.more {
				float:left; font-size:120%; line-height:150%; font-weight:bold; color:#1b63b3; 
				margin-top:6px; display:block; text-decoration:underline;
			}
				.quotePanel .content a.more:hover {
					text-decoration:none;
				}
		.quotePanel a.join {
			float:right; position:relative; display:block; border:none; width:162px; height:31px;
			background:url(../images/generic/joinButton-home.gif) top left no-repeat;
		}
			.quotePanel a.join:hover {
				background:url(../images/generic/joinButton-homeRoll.gif) top left no-repeat;
			}
		
.quoteHolder {
	float:right; width:630px; position:relative; display:inline; padding:20px 0 20px 10px; overflow:hidden !important;
}
	.quoteHolder p {
		font-size:130%; line-height:150%; color:#0075ff; font-style:italic;
	}
	.quoteHolder h3 {
		font-size:150%; color:#ed0000; margin-bottom:8px;
	}
.quote {
	float:left; width:45%; margin:0 15px 0 10px;
}
	.quote p.name {
		float:right; margin-top:10px; color:#005483 font-style:italic; font-size:110%;
	}


/* Menu Panels 
=========================================================================================== */
.menuPanel {
	float:left; display:inline; position:relative; margin:0 4px 16px 8px; width:317px;
}
	.menuPanel .content {
		padding:4px 20px 25px 15px;
	}
		.menuPanel .content h2 {
			font-family:Tahoma, Geneva, sans-serif; font-size:190%; line-height:120%;
			text-align:center; margin-bottom:5px;
		}
		.menuPanel img {
			margin:5px 6px;
		}
		.menuPanel .content p {
			font-size:140%; line-height:150%;
		}
			.menuPanel .content p a {
				text-decoration:underline;
			}
				.menuPanel .content p a:hover {
					text-decoration:none;
				}				
	.menuPanel .content a.more {
		display:block; font-size:120%; line-height:150%; font-weight:bold; text-decoration:underline;
	}
		.menuPanel .content a.more:hover {
			text-decoration:none;
		}
		.menuPanel-greenTop .content a.more, .menuPanel-greenTop .content h2 { color:#ed0000; }
		.menuPanel-purpleTop .content a.more, .menuPanel-purpleTop .content h2 { color:#0369b2; }
		.menuPanel-pinkTop .content a.more, .menuPanel-pinkTop .content h2 { color:#003b81; }
		.menuPanel-brownTop .content a.more, .menuPanel-brownTop .content h2 { color:#69a346; }
		.menuPanel-blueTop .content a.more, .menuPanel-blueTop .content h2 { color:#0369b2; }
				
		.menuPanel-greenTop .content p, .menuPanel-greenTop .content p a { color:#3574ab; }
		.menuPanel-purpleTop .content p, .menuPanel-purpleTop .content p a { color:#656565; }
		.menuPanel-pinkTop .content p, .menuPanel-pinkTop .content p a { color:#656565; }
		.menuPanel-brownTop .content p, .menuPanel-brownTop .content p a { color:#3574ab; }
		.menuPanel-blueTop .content p, .menuPanel-blueTop .content p a { color:#656565; }
	
		.menuPanel-greenTop { display:block; background:url(../images/generic/menuPanel01-top.gif) top no-repeat; }
		.menuPanel-greenBot { height:40px; background:url(../images/generic/menuPanel01-bot.jpg) no-repeat; }
		.menuPanel-purpleTop { display:block; background:url(../images/generic/menuPanel02-top.gif) top no-repeat; }
		.menuPanel-purpleBot { height:40px; background:url(../images/generic/menuPanel02-bot.jpg) no-repeat; }
		.menuPanel-pinkTop { display:block; background:url(../images/generic/menuPanel03-top.gif) top no-repeat; }
		.menuPanel-pinkBot { height:40px; background:url(../images/generic/menuPanel03-bot.jpg) no-repeat; }
		.menuPanel-brownTop { display:block; background:url(../images/generic/menuPanel04-top.gif) top no-repeat; }
		.menuPanel-brownBot { height:40px; background:url(../images/generic/menuPanel04-bot.jpg) no-repeat; }
		.menuPanel-blueTop { display:block; background:url(../images/generic/menuPanel05-top.gif) top no-repeat; }
		.menuPanel-blueBot { height:40px; background:url(../images/generic/menuPanel05-bot.jpg) no-repeat; }


/* Body Content
=========================================================================================== */
.bodyContent {
	padding:0 20px;
	margin-bottom:80px;
}
	.bodyContent h1 {
		font-family:Tahoma, Geneva, sans-serif; font-size:190%; line-height:120%; color:#000000;
	}
	.bodyContent h2 {
		font-family:Tahoma, Geneva, sans-serif; font-size:220%; line-height:120%; color:#003b81;
	}
	.bodyContent h3 {
		font-size:190%; line-height:140%; font-weight:normal; color:#e53636;
	}
	 .bodyContent h4 {
		font-family:Tahoma, Geneva, sans-serif; font-size:170%; line-height:120%; color:#003b81; padding-top:10px
	}
	
	.bodyContent p {
		font-size:140%; line-height:140%;
	}
		.bodyContent p a {
			color:#003b81; text-decoration:underline; outline: none; 
		}
			.bodyContent p a:hover {
				color:#e53636; text-decoration:none;
			}
	.bodyContent ul {
		padding:16px 38px; font-size:140%; line-height:140%; list-style:disc;
	}
		.bodyContent ul li {
			color:#003b81; list-style:disc; padding: 3px 1px
		}
			.bodyContent ul li.pdf {
				padding:5px 0 5px 38px; margin:6px 0;
				background:url(../images/generic/pdf-icon.gif) 0 0 no-repeat; list-style:none 
			}
			.bodyContent ul li a {
				padding:10px 0; text-decoration:none; color:#003b81; outline: none;
			}
				.bodyContent ul li a:hover {
					color:#e53636; text-decoration:underline;
				}



/* Registration / Login 
=========================================================================================== */
#longColumn #featureContent {
	float:left; position:relative; display:inline; margin-top:-251px;
}
#longColumn #pageContent {
	float:right; width:645px; 
}
	#longColumn #pageContent p {
		font-size:120%; line-height:150%;
	}
	
	.header-account {
		background:url(../images/generic/login-header.jpg) top left no-repeat;
	}
	.header-registration {
		background:url(../images/generic/registration-header.jpg) top left no-repeat;
	}

#longColumn #introPanel .textArea {
    height:0px;
}
		
	.signPanel-top {
		background:url(../images/generic/signPanel-top.gif) top no-repeat;
	}	
		.signPanel-bot {
			height:20px; background:url(../images/generic/signPanel-bot.gif) no-repeat;
		}
	.signPanel-top .content {
		padding:20px 20px 10px 20px;
	}
		.signPanel-top .content h3 {
			width:218px; height:22px; text-indent:-5000em; overflow:hidden; margin-bottom:10px;
			background:url(../images/generic/login-title.gif) top left no-repeat;
		}
		.signPanel-top .content p {
			font-size:120%; line-height:150%; color:#fff;
		}
		.signPanel-top .content label {
			font-size:120%; line-height:150%; color:#fff; font-weight:bold;
		}
		.signPanel-top .content input {
			float:left; width:215px; border:#c45d26 1px solid; padding:3px; margin:2px 0 5px 0;
		}
			.signPanel-top .content p a {
				color:#fff; font-weight:bold; text-decoration:none;
			}
				.signPanel-top .content p a:hover {
					text-decoration:underline;
				}
		.signPanel-top a.login {
			float:right; position:relative; display:block; border:none; width:232px; height:41px;
			background:url(../images/generic/login-button.gif) top left no-repeat;
		}
			.signPanel-top a.login:hover {
				background:url(../images/generic/login-buttonRoll.gif) top left no-repeat;
			}
			
			
	.signupPanel-top {
		background:url(../images/generic/signPanel-top.gif) top no-repeat;
	}	
		.signupPanel-bot {
			height:20px; background:url(../images/generic/signPanel-bot.gif) no-repeat;
		}
	.signupPanel-top .content {
		padding:16px 20px 10px 20px;
	}
		.signupPanel-top .content h3 {
			width:72px; height:24px; text-indent:-5000em; overflow:hidden; margin:0 auto 14px auto;
			background:url(../images/generic/signup-title.gif) top center no-repeat;
		}
		.signupPanel-top .content p {
			font-size:120%; line-height:150%; color:#fff; font-weight:bold;
		}
		.signupPanel-top a.signup {
			float:right; position:relative; display:block; border:none; width:232px; height:41px; padding-bottom: 13px;
			background:url(../images/generic/signup-button.gif) top left no-repeat;
		}
			.signupPanel-top a.signup:hover {
				background:url(../images/generic/signup-buttonRoll.gif) top left no-repeat;
			}
			
			
	.stepsPanel-top {
		background:url(../images/generic/signPanel-top.gif) top no-repeat;
	}	
		.stepsPanel-bot {
			height:20px; background:url(../images/generic/signPanel-bot.gif) no-repeat;
		}
	.stepsPanel-top .content {
		padding:20px 13px 10px 13px;
	}
		.stepsPanel-top .content h3 {
			width:229px; height:79px; text-indent:-5000em; overflow:hidden; margin:0 auto 18px auto;
			background:url(../images/generic/steps-title.gif) top center no-repeat;
		}
			
			

/* Form
=========================================================================================== */ 
h2#form {
	font-size:180%; line-height:160%; text-transform:uppercase; color:#02185d;
}

span.note {
	float:left; position:relative; margin-left:235px; color:#9e9987; padding:4px 0;
}
.highlightPanel {
	float:left; padding:10px 0; margin:10px 0;
	background:#eaf1f9;
}
.formRadio {
	float:left; margin-left:235px; width:200px !important; color:#9e9987; padding:2px 0; margin-bottom:10px;
}
	.formRadio .radio {
		width:16px; float:left;
	}
		.formRadio span {
			float:left; font-size:120%; display:block; line-height:100%; padding:5px 2px; margin-right:10px;
		}
		
	
.prevousButton {
	float:left; position:relative; display:block; border:none; width:152px; height:41px; text-indent:-5000em;
	background:url(../images/generic/previousbutton.gif) top left no-repeat;
}
		.prevousButton:hover {
			background:url(../images/generic/previousbutton-roll.gif) top left no-repeat;
		}

.nextButton {
	float:right; position:relative; display:block; border:none; width:122px; height:41px; text-indent:-5000em;
	background:url(../images/generic/nextbutton.gif) top left no-repeat;
}
		.nextButton:hover {
			background:url(../images/generic/nextbutton-roll.gif) top left no-repeat;
		}

form.reg {
	width:600px;
}
fieldset {
	border:0;
}
form.reg p {
	float:left;
	position: relative;
	width: 550px;
	color:#fff;
	margin-bottom:6px !important;
}
form.reg label {
	float:left; font-size:100%; color:#003145; width:220px; padding-top:3px; line-height:140%; text-align:right; margin-right:10px;
}
form.reg input {
	height:18px; width:300px; padding:2px;
}
form.reg select {
	height:24px; padding:2px;
}
form.reg input[type="text"], textarea {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
form.reg #Message {
	float:left;
	position:relative;
	width:304px;
	margin:0 0 10px 0px;
}
/* style form elements on focus 
form.reg input:focus, textarea:focus {
	background: #ffc;
}*/



form.reg p.required {
	background:url(../images/generic/mandatory.gif) right 0px no-repeat;
}
	
	

/* Footer Site Links
=========================================================================================== */
#footer {
	width:980px; margin:auto; padding:20px 0;
}
	#footer p {
		font-size:120%; color:#fff; margin-bottom:5px;
	}
		#footer p a {
			color:#fff; margin:0 6px; text-decoration:underline; outline: none;
		}
				#footer p a.first {
					margin:0 6px 0 0;
				}
			#footer p a:hover {
				text-decoration:none;
			}