@import url("a_global.css");

/*

	960.css              - Grid layout
	a_global.css         - Sheet variables
	datepicker.css       - For the date picker / calendar
	editor               - EDIT for tinyMce
	popup.css            - EDIT for popups
	print.css            - EDIT for print
	redirect.css         - Redirect box
	reset.css            - Base styles

	// Note:
	   Font sizes should be written in ems. The base font is set as 10px so work out
	   your ems from that. For instance, 1.2em is 12px. If you're working inherited
	   fonts, you'll probably need to use an em calculator.
	
*/

/* GENERIC STYLES */

p {
	font-size: 1.2em;
}

h1 { font-size: 2em; font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;}
h2 { font-size: 1.7em;  font-family: "Century Gothic",verdana,arial,helvetica,sans-serif; }
h3 { font-size: 1.5em; font-family: "Century Gothic",verdana,arial,helvetica,sans-serif; }
h4 { font-size: 1.35em; font-family:"Century Gothic",verdana,arial,helvetica,sans-serif;}
h5 { font-size: 1.2em; font-family:"Century Gothic",verdana,arial,helvetica,sans-serif;}

em {font-style: italic;}

h1 {
	margin-left: 15px;
	font-weight: bold;
	color: #662D89;
}

img.left-Align-Image {
	float: left;
	margin:5px 8px 5px 0;
}
img.right-Align-Image {
	float: right;
	margin:5px 0px 5px 8px;
}
img.no-Align-Image {
	float: none;
}

body {
	font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
}

.CG {
	font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
}

/* PAGE SPECIFIC */

div#outerWrapper {
	
}
	div#innerWrapper {
		/*background-color: #FFFFFF;*/
		position: relative;
	}
	
		div#header {
			background-image: url(/imgs/site/background/headBg.png);
			background-position: bottom center;
			background-repeat: no-repeat;
			overflow: hidden;
			margin-bottom: 10px;
			position: relative;
		}
			#header h1 a, #header h2 a {
				background: url(/imgs/site/logo.gif) no-repeat top left;
				width: 237px;
				height: 93px;
				display: block;
				text-indent: -9000px;
				float: left;
				margin: 18px 0 15px 40px;
			}
				#header h1 a {
					margin-left: 25px;
				}
		
			div#headerLogin {
				float: right;
				color: #666;
				font-size: 17px;
				overflow: hidden;
				margin: 60px 80px 0 0;
			}
				div#headerLogin div {
					margin-bottom: 5px;
				}
				
					div#headerLogin span.loginHead {
						padding:0 65px 0 5px;
					}
				
				div#headerLogin a {
					font-size: 11px;
					color: #666;
				}
				
				div.hInput {
					background-image: url(/imgs/site/background/headInput.gif);
					width: 187px;
					height: 24px;
					float: left;
					margin-right: 4px;
				}
					div.hInput input {
						margin: 2px 0 0 6px;
						width: 165px;
						border: none;
						padding: 3px 0 0 3px;
						color: #666;
					}
			
			#headBtns {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 250px;
				overflow: hidden;
			}
				#headBtns #registerBtn {
					background-image: url(/imgs/site/buttons/headRegister.gif);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 210px;
					height: 30px;
					text-indent: -9000px;
					float: right;
					margin-right: 3px;
				}
				#headBtns #wishListBtn {
					background-image: url(/imgs/site/buttons/headWishList.gif);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 123px;
					height: 30px;
					text-indent: -9000px;
					float: right;
				}
				#headBtns #accountBtn {
					background-image: url(/imgs/site/buttons/headAccount.gif);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 123px;
					height: 30px;
					text-indent: -9000px;
					margin-right: 3px;
					float: right;
				}
		
		div#headerSub {
			margin-bottom: -10px;
		}
			
			div#mainNav {
				overflow: hidden;
				width: 100%;
				margin-left: 20px;
			}
				div#mainNav ul {
					margin: 0;
				}
					div#mainNav ul li {
						display: block;
						float: left;
						background-image: url(/imgs/site/background/topNav-left.gif);
						background-position: top right;
						background-repeat: no-repeat;
						margin-right: 3px;
						
					}
						div#mainNav ul li a {
							display: block;
							background-image: url(/imgs/site/background/topNav-right.gif);
							background-position: top left;
							background-repeat: no-repeat;
							padding: 12px 6px 12px 11px;
							color: #FFF;
							font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
							font-size: 14px;
							text-decoration: none;
							position: relative;
							margin-right: 5px;
						}
						div#mainNav ul li:hover, 
						div#mainNav ul li.current {
							background-image: url(/imgs/site/background/topNavOver-left.gif);
						}
						div#mainNav ul li a:hover,
						div#mainNav ul li:hover a,
						div#mainNav ul li.current a {
							background-image: url(/imgs/site/background/topNavOver-right.gif);
							color: #FFF;
							text-decoration: none;
						}
						
						
						
			div#navDecoration {
				background-image: url(/imgs/site/background/navDecoration.gif);
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				width: 907px;
				height: 30px;
			}
		
		
		#homeTop {
			background-image: url(/imgs/site/background/homeTopBg.png);
			background-repeat: no-repeat;
			background-position: center;
			height: 319px;
		}
			#slideBox {
				overflow: hidden;
				width: 503px; 
				height: 228px;
			}
			#slideBoxWrapper {
				padding:22px 0 0 41px;
				overflow: hidden;
				width: 503px;
				float: left;
				
			}
				.slide .slideBg {
					height: 228px;
					overflow: hidden;
				}
				
				div.slide div.slideBg div.textBg {
					background-image: url(/imgs/site/background/homeSlideTextBg.png);
					background-repeat: no-repeat;
					background-position: center;
					display: block;
					width: 203px;
					height: 184px;
					margin: 9px 0 0 9px;
					padding: 13px 15px;
				}
					div.slide div.slideBg div.textBg h3 {
						font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
						font-size: 18px;
						margin-bottom: 5px;
						color: #FFF;
					}
					div.slide div.slideBg div.textBg p {
						color: #FFF;
						font-size: 1em;
					}
					div.slide div.slideBg div.textBg a {
						color: #EEDF00;
						display: block;
						background-image: url(/imgs/site/buttons/homeSlideMore.gif);
						background-repeat: no-repeat;
						background-position: center right;
						padding-right: 75px;
						height: 44px;
						width: 80px;
						padding-top: 9px;
						margin-top: 8px;
						font-size: 1.1em;
					}
				
				#slideText {
					float: right;
					margin-right: 5px;
					margin-top: 34px;
					color: #FFF;
				}	
				#slideBox_controls {
					overflow: hidden;
					margin-top: 32px;
					margin-right: 103px;
					float: right;
				}
					#slideBox_controls ul li {
						display: block;
						float: left;
						width: 20px;
						margin-left: 6px;
					}
						#slideBox_controls ul li a {
							display: block;
							background-image: url(/imgs/site/buttons/homeSliderBtn.gif);
							background-position: bottom;
							background-repeat: no-repeat;
							text-indent: -9000px;
							width: 20px;
							height: 19px;
						}
						#slideBox_controls ul li a.showing, #slideBox_controls ul li a:hover {
							background-position: top;
						}
					
			#homeActivitySearch {
				float: left;
				margin: 30px 0 0 20px;
			}
				#homeActivitySearch h4 {
					font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
					font-size: 3.2em;
					color: #FFF;
					margin-bottom: 5px;
				}
				#homeActivitySearch p {
					color: #FFF;
				}
					#homeActivitySearch p.activitySearchDesc {
						margin-bottom:12px;
					}
					#homeActivitySearch p.activityFormItem {
						margin-top: 5px;
					}
					#homeActivitySearch p.activityFormItem label {
						float: left;
						display: block;
						width: 80px;
						height: 28px;
						line-height: 28px;
						margin-right: 7px;
						text-align: right;
					}
					span.activityInput,
					#homeActivitySearch p.activityFormItem span.activityInput, 
					#homeActivitySearch p.activityFormItem span.activityInputSmall,
					#homeActivitySearch p.activityFormItem span.dropDown,
					#widgetSearch p.activityFormItem span.activityInput {
						float: left;
						display: block;
					}
					
					span.activityInput,
					#homeActivitySearch p.activityFormItem span.activityInput, 
					#widgetSearch p.activityFormItem span.activityInput {
						background-image: url(/imgs/site/forms/home_el.gif);
						background-repeat: no-repeat;
						background-position: center;
						height: 28px;
						width: 166px;
					}
						span.activityInput input,
						#homeActivitySearch p.activityFormItem span.activityInput input,
						#widgetSearch p.activityFormItem span.activityInput input {
							border: none;
							padding: 0;
							margin: 7px 0 0 10px;
							color: #666;
							font-size: 1em;
							width: 155px;
						}
						
					#homeActivitySearch p.activityFormItem span.activityInputSmall {
						background-image: url(/imgs/site/forms/home_el_small.gif);
						background-repeat: no-repeat;
						background-position: center;
						height: 28px;
						width: 100px;
					}
						#homeActivitySearch p.activityFormItem span.activityInputSmall input {
							border: none;
							padding: 0;
							margin: 7px 0 0 10px;
							color: #666;
							font-size: 1em;
							width: 89px;
						}
						
						
						input#homeSearch {
							display: block;
						}
						
							#widgetSearch input#homeSearch {
								padding-left: 0;
								margin-top: 5px;
							}
						
						a#homeAdvancedSearch {
							background-image: url(/imgs/site/buttons/homeSearchAdvanced.gif);
							background-repeat: no-repeat;
							background-position: center;
							display: block;
							width: 166px;
							height: 28px;
							margin-left: 87px;
							margin-top: 5px;
							text-indent: -9000px;
						}
							#widgetSearch a#homeAdvancedSearch {
								margin-left: 0;
							}
						
						
		
		#homeText {
			background-image: url(/imgs/site/background/homeText.png);
			background-repeat: no-repeat;
			background-position: center;
			height: 89px;
			margin-top: 10px;
		}
			#homeText .textBlock {
				height: 67px;
				float: left;
				padding:6px 15px 3px 15px;
				padding-bottom: 10px;
				border-right: 1px solid #FFF;
				margin-top: 5px;
				width: 360px;
				color: #FFF;
			}
			#homeText #homeTextGET {
				color: #FFF;
				font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
				font-size: 18px;
				margin-left: 5px;
				padding-top: 2px;
				width: 140px;
			}
			#homeText .endText {
				width: 320px;
				border-right: none;
				color: #D3D627;
				font-size: 1.2em;
				padding-right: 0;
				padding-top: 2px;
			}
				#homeText #homeTextGET span {
					color: #D3D627;
				}
		
		#homeOrangeStatic {
			width: 893px;
			height: 113px;
			padding: 25px 0 0 47px;
			background: url(/imgs/site/background/home_orange_static.png) no-repeat top left;
			margin: 10px 0;
		}
			#homeOrangeStatic a.insideLink {
				background: url(/imgs/site/background/home_orange_static_justblack.gif) no-repeat top left;
				width: 165px;
				height: 91px;
				margin-right: 5px;
				display: block;
				float: left;
				text-decoration: none;
				position: relative;
				color: #fff;
			}
				#homeOrangeStatic a.insideLink img {
					padding: 8px 0 0 8px;
					width: 73px;
					height: 73px;
					float: left;
				}
				#homeOrangeStatic a.insideLink span {
					float: right;
					font-size: 1.3em;
					width: 68px;
					padding: 0 8px;
					text-align: center;
					padding-top: 30px;
				}
				#homeOrangeStatic a.insideLink img.transover {
					top: 0;
					left: 0;
					position: absolute;
					z-index: 99;
					display: none;
				}
			#homeOrangeStatic a.insideLink:hover {
				background: url(/imgs/site/background/home_orange_static_black.gif) no-repeat bottom left;
			}
				#homeOrangeStatic a.insideLink:hover img.transover {
					display: block;
				}
		
		
		#homeActivities {
			background-image: url(/imgs/site/background/homeActivitySliderBg.gif);
			background-position: center;
			background-repeat: no-repeat;
			margin: 10px 0;
			height: 165px;
			overflow: hidden;
		}
			#scrollLeft {
				width: 15px;
				float: left;
				height: 137px;
				margin:0 7px 0 9px;
				background-image: url(/imgs/site/buttons/homeScrollArrows.png);
				background-repeat: no-repeat;
				background-position: center left;
				cursor: pointer;
			}
			#scrollRight {
				width: 15px;
				float: left;
				height: 137px;
				margin:0 0 0 7px;
				background-image: url(/imgs/site/buttons/homeScrollArrows.png);
				background-repeat: no-repeat;
				background-position: center right;
				cursor: pointer;
			}
			#activityBoxesWrapperBg {
				background-image: url(/imgs/site/background/activitySlideBgWhite.gif);
				background-position: top;
				background-repeat: no-repeat;
				width: 880px;
				margin: 15px 0 0 0;
				float: left;
			}
			#activityBoxesWrapper {
				overflow:hidden;
				height: 98px;
				width: 880px;
			}
				#activityBoxesInner {
					float: left;
					margin: 7px 0 0 2px;
				}
					#homeActivities div.activityBox {
						display: block;
						width: 167px;
						height: 91px;
						margin: 0 4px;
						float: left;
						background-image: url(/imgs/site/background/activitySlideBg.gif);
						background-position: top;
						background-repeat: no-repeat;
					}
					#homeActivities div.on {
						background-position: bottom;
					}
						#homeActivities div.activityBox a {
							display: block;
							width: 79px;
							height: 91px;
							background-repeat: no-repeat;
							background-position: 9px center;
							color: #FFF;
							font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
							font-size: 14px;
							text-decoration: none;
							line-height: 91px;
							padding-left: 88px;
						}
						#homeActivities div.activityBox a:hover {
							text-decoration: none;
						}
						
						#scrollbar {
							height: 20px;
							margin-top: 20px;
							background-image: url(/imgs/site/background/homeScrollBar.gif);
							background-position: center;
							background-repeat: no-repeat;
							overflow: hidden;
							padding: 0 7px;
						}
							#scrollbar #handle {
								height: 14px;
								background-image: url(/imgs/site/background/homeScrollHandle.gif);
								background-position: center;
								background-repeat: no-repeat;
								width: 105px;
								margin-top: 3px;
								cursor: pointer;
							}
		
		#homeBottom {
			overflow: hidden;
			width: 100%;
			margin: 10px 0;
		}
			
			#homeBottom div.homeCol {
				width: 306px;
				float: left;
			}
			#homeBottom div.center {
				margin: 0 11px;
			}
				#homeBottom div.left div.head {
					background-image: url(/imgs/site/background/homeLeftCol.gif);
					background-position: top;
					background-repeat: no-repeat;
					color: #FFF;
					padding: 16px 0 10px 26px;
				}
					#homeBottom div.left div.head h4 {
						font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
						font-size: 2em;
					}
				#homeBottom div.left div.body {
					background-color: #BFE0E4;
					padding: 0px 26px;
					padding-bottom: 10px;
				}
					#homeBottom div.left div.body p {
						font-size: 1.1em;
					}
					#homeBottom div.left div.body h5 {
						color: #008394;
						padding-top: 10px;
						padding-bottom: 2px;
					}
					#homeBottom div.left div.body h5 a {
						color: #008394;
						text-decoration: underline;
					}
					#homeBottom div.left div.body h5 a:hover {
						color: #008394;
						text-decoration: none;
					}
					#homeBottom div.left div.body p.date {
						color: #008394;
						padding-top: 2px;
					}
				#homeBottom div.left div.foot {
					background-image: url(/imgs/site/background/homeBottomBoxBottom.gif);
					background-position: center;
					background-repeat: no-repeat;
					height: 54px;
				}
					#homeBottom div.left div.foot a, 
					#homeBottom div.center div.foot a,
					#homeBottom div.right div.foot a {
						color: #FFF;
						font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
						font-size: 13px;
						display: block;
						float: right;
						margin:28px 40px 0 0;
					}
					#homeBottom div.center div.foot a {
						color: #000;
					}
				
				#homeBottom div.center div.head {
					background-image: url(/imgs/site/background/homeBottomMidTop.gif);
					background-repeat: no-repeat;
					background-position: top;
				}
					#homeBottom div.center div.head h4 {
						color: #FFF;
						font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
						font-size: 2em;
						padding: 16px 0 10px 16px;
					}
						#homeBottom div.center div.head h4 span {
							font-size: 0.6em;
							color: #F7941D;
							
						}
					
				#homeBottom div.center div.foot {
					background-image: url(/imgs/site/background/homeBottomCenterBoxBottom.gif);
					background-position: center;
					background-repeat: no-repeat;
					height: 54px;
				}
				#homeBottom div.center div.body {
					background-color: #000;
					padding: 0 8px 8px 8px;
				}
					#homeBottom div.center div.body div.vid {
						float: left;
						display: block;
						width: 120px;
						margin: 0 12px;
					}
					
						#homeBottom div.center div.body div.vid a.title {
							display: block;
							color: #FFF;
							margin-top: 4px;
							margin-bottom: 8px;
							background-image: url(/imgs/site/buttons/homeBottomCenterArrow.gif);
							background-repeat: no-repeat;
							background-position: top right;
							padding-right: 18px;
							padding-bottom: 4px;
							/*height: 14px;
							line-height: 14px;*/
						}
				
				#homeBottom div.right h4 {
					background-color: #662D89;
					display: block;
					height: 42px;
					color: #FFF;
					font-size: 15px;
					font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
					line-height: 42px;
					padding: 0 28px;
				}
				#homeBottom div.right div.body {
					background-color: #E3DFF3;
					padding: 0px 26px;
					padding-bottom: 10px;
				}
				#homeBottom div.right ul li {
					background-color: #662D89;
					border-bottom: 2px solid;
					border-bottom-color: #FFF;
				}
				
				#homeBottom div.right ul li.top {
					background-color: transparent;
					background-image: url(/imgs/site/background/homeBottomRightTop.gif);
					background-position: top;
					background-repeat: no-repeat;
				}
					#homeBottom div.right ul li a {
						display: block;
						height: 42px;
						color: #FFF;
						font-size: 15px;
						font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
						line-height: 42px;
						padding: 0 28px;
						background-image: url(/imgs/site/buttons/homeBottomRightArrow.gif);
						background-repeat: no-repeat;
						background-position: 255px center;
					}
					
				#homeBottom div.right div.foot {
					background-image: url(/imgs/site/background/homeBottomRightBoxBottom.gif);
					background-position: center;
					background-repeat: no-repeat;
					height: 54px;
				}
					#homeBottom div.right div.body p {
						font-size: 1.1em;
					}
					#homeBottom div.right div.body h5 {
						color: #662D89;
						padding-top: 10px;
						padding-bottom: 2px;
					}
					#homeBottom div.right div.body h5 a {
						color: #662D89;
						text-decoration: underline;
					}
					#homeBottom div.right div.body h5 a:hover {
						color: #662D89;
						text-decoration: none;
					}

	#contentTopDecoration {
		position: relative;
		background-image: url(/imgs/site/background/contentTopPurple.png);
		background-repeat: no-repeat;
		background-position: center left;
		height: 24px;
	}
		
		#colLeft {

		}
			#colLeft #filterSide {
				background-color: #662D89;
				padding: 0 10px;
				text-align: right;
				color: #fff;
			}
				#colLeft #filterSide h3{
					font-weight: bold;
					font-size: 2.5em;
					border-bottom: 1px solid #B396C4;
					padding-bottom: 10px;
					line-height: 100%;
				}
				#colLeft #filterSide .filterBox {
					padding: 10px 0;
					border-bottom: 1px solid #B396C4;
					width: 100%;
				}
					#colLeft #filterSide .filterBox h4 {
						font-size: 1.4em;
						font-weight: bold;
						margin-bottom: 5px;
						width: 100%;
					}
					#colLeft #filterSide .filterBox label {
						float: right;
						font-size: 1.2em;
						margin: 2px 0;
						display: block;
						width: 120px;
					}
					#colLeft #filterSide .filterBox input.chkbx {
						height: 13px;
						width: 13px;
						float: right;
						margin-top: 4px;
						margin-left: 5px;
					}
					#colLeft #filterSide .filterBox .sideSelect {
						width: 100%;
						margin-top: 5px;
						text-align: left;
					}
					#colLeft #filterSide .filterBox .halfWidth {
					
					}
						#colLeft #filterSide .filterBox .halfWidth select {
							width: 42px !important;
						}
						#colLeft #filterSide .filterBox .halfWidth a {
							display: inline-block;
							margin-right: 0;
						}
						
						#colLeft #filterSide .filterBox .sideSelect h4 {
							text-align: right;
						}
						#colLeft #filterSide .filterBox .sideSelect select {
							width: 115px;
						}
			
			#sideNavMain {
				background-color: #662D89;
				color: #FFF;
				font-size: 1.1em;
			}
				#sideNavMain li {
					list-style: none;
					line-height: 120%;
					border-bottom: 1px solid #FFFFFF;
				}
				#sideNavMain li.current {
					background-color: #471F60;
				}
					#sideNavMain li.current a.current {
						font-weight: bold;
						color: #c00;
					}
					#sideNavMain li a {
						color: #FFF;
						padding: 7px 5px 7px 8px;
						display: block;  
						line-height: 120%;
						text-decoration:none;
					}
					#sideNavMain li a:hover {
						display: block; 
						line-height: 120%;
						text-decoration:underline;
					}
					#sideNavMain li ul {
						background-color: #9179A0;
					}
						#sideNavMain li ul li {
							border-bottom: none;
							border-top: 1px solid #FFFFFF;
						}
							#sideNavMain li ul li a {
								padding-left:18px;
							}
							#sideNavMain li ul li ul {
								background-color: #9179A0;
							}
								#sideNavMain li ul li ul li a {
									padding-left: 27px;
								}
								#sideNavMain li ul li ul li ul {
									background-color: #FFFFFF;
								}
									#sideNavMain li ul li ul li ul li a {
										padding-left: 36px;
									}
			
			#subNavBtm {
				background-image: url(/imgs/site/background/sideNavBottom.png);
				background-repeat: no-repeat;
				background-position: center;
				height: 31px;	
				margin-bottom: 10px;
			}
			
			div.sideNavSecond {
				margin-bottom: 10px;
			}
				div.sideNavSecond h2 {
					font-size: 14px;
					background-color: #333333;
					color: #FFFFFF;
					padding: 0;
					margin: 0;
					padding: 3px 6px;
				}
				div.sideNavSecond ul {
					background-color: #CCCCCC;
					padding: 8px;
					color: #000000;
				}
					div.sideNavSecond ul li {
						list-style: none;
					}
						div.sideNavSecond ul li a {
							color: #000000;
							text-decoration: none;
						}
						div.sideNavSecond ul li a:hover {
							text-decoration: underline;
						}
				div.socialBookmarks {
					background-color: #FFFFFF;
					border: 6px solid #CCCCCC;
				}
					div.socialBookmarks ul {
						background-color: transparent;
					}
						div.socialBookmarks ul li {
							display: inline;
							padding-right: 4px;
						}
						
/*Custom Sidenav*/
li.fom ul{
	display: none;
}
	
	#centerContainerWrapper {
		float: left;
		/* background-color: #FFF; */
		position: relative;
		z-index: 4;
		min-height:50px;
		height:auto !important;
		height:50px;
		margin-top: -11px;
	}
		#centerContainerTop {
			padding-left: 10px;
			float: left;
			display: block;
			background-image: url(/imgs/site/background/centerContentTop.gif);
			background-repeat:no-repeat;
			background-position: top left;
			height: 11px;
		}
			.centerContainerTopWide {
				background-image: url(/imgs/site/background/centerContentTopWide.png) !important;
				padding: 0 !important;
			}
		#centerContentBottom {
			padding-left: 10px;
			float: left;
			display: block;
			background: transparent url(/imgs/site/background/centerContentBottom.gif) no-repeat bottom left;
			/* background-image: url(/imgs/site/background/centerContentBottom.gif);
			background-repeat:no-repeat;
			background-position: bottom left; */
			height: 11px;
		}
		#centerContainerTopWide {
			background-image: url(/imgs/site/background/centerContentTopWide.png);
			background-repeat:no-repeat;
			background-position: top left;
			height: 15px;
			margin-top: -15px;
			width: 760px;
			z-index: 9;
			float: left;
			display: block;
		}
		#centerContainerBottomWide {
			background-image: url(/imgs/site/background/centerContentBottomWide.png);
			background-repeat:no-repeat;
			background-position: bottom left;
			height: 15px;
			margin-bottom: -15px;
		}
			.centerContainerBottomWide {
					background-image: url(/imgs/site/background/centerContentBottomWide.png) !important;
			}
		#centerContainer {
			background-color: #FFF;
			float: left;
			min-height:450px;
			height:auto !important;
			height:450px;
			position: relative;
		}
			.remMarAddPad {
				margin-left: 0;
				padding-left: 10px;
			}
			#centreContent {
				padding: 5px 15px 10px 15px;
			}
				#centreContent table tr td {
					padding: 5px;
				}
				#centreContent h2 {
					color: #008394;
					font-size: 1.5em;
					font-weight: bold;
					margin-bottom: 7px;
					clear:both;
				}
				#centreContent a {
					color: #471F60;
				}
				#centreContent p, #centreContent address {
					font-size: 1.2em;
					margin-bottom: 15px;
				}
					#centreContent p.small {
						font-size: 1em;
						margin-bottom: 15px;
					}
				#centreContent h3 {
					font-weight: bold;
				}
				#centreContent ul {
					font-size: 1.2em;
					margin-bottom: 15px;
					margin-left: 15px;
				}
				
				#centreContent ol {
					font-size: 1.2em;
					margin-bottom: 15px;
					margin-left: 15px;
				}
					#centreContent ol li {
						margin-bottom: 5px;
						margin-left: 18px;
					}
						#centreContent ol li ol {
							margin-top: 5px;
							font-size: 1em;
							margin-bottom: 0;
						}
				
				#centreContent ul.quizList {
					margin-left: 0;
					margin-top: 4px;
				}
				
					#centreContent ul li {
						margin-bottom: 5px;
						list-style: disc outside;
						list-style-image: url(/imgs/site/background/bullet.gif);
						margin-left: 18px;
					}
					#centreContent ul.quizList li {
						list-style: none;
						list-style-image: none;
						margin-left: 0;
						
					}
						#centreContent ul li ul {
							margin-top: 5px;
							font-size: 1em;
							margin-bottom: 0;
						}
					
					div#quiz form {
						margin-left: 15px;
					}
					
					div#quizNav {
						background-image: url(/imgs/site/quizNavDecoration.gif);
						background-repeat: no-repeat;
						background-position: bottom left;
						height: 65px;
					}
					
					.milestone-info div#quizNav {
						background-image: url(/imgs/site/distanceNavDecoration.gif);
					}
						div#quizNav ul {
							width: 100%;
							overflow: hidden;
							margin-left: 30px;
						}
							div#quizNav ul li {
								display: block;
								float: left;
								width: 75px;
								height: 35px;
								background-image: url(/imgs/site/buttons/quizBtns.jpg);
								background-repeat: no-repeat;
								background-position: bottom center;
								color: #000;
								font-weight: bold;
								line-height: 35px;
								text-align: center;
								margin-right: 3px;
								margin-left: 0;
							}
							div#quizNav ul li a,
							div#quizNav ul li.current {
								display: block;
								width: 75px;
								height: 35px;
								line-height: 35px;
								color: #FFF;
								background-image: url(/imgs/site/buttons/quizBtns.jpg);
								background-repeat: no-repeat;
								background-position: top center;
							}
				
				form.createProfile {
					background-color: #008394;
					background-image: url(/imgs/site/background/bmi_form_blue_right.jpg);
					background-position: top right;		
					background-repeat: no-repeat;
					margin-bottom: 15px;				
				}
					form.createProfile fieldset {
						background-image: url(/imgs/site/background/bmi_form_blue_left.jpg);
						background-position: top left;
						background-repeat: no-repeat;	
						height: 45px;
						overflow: hidden;
						width: 100%;
					}
						form.createProfile label,
						form.createProfile span,
						form.createProfile #addBtn {
							display: block;
							float: left;
						}
						form.createProfile label {
							color: #FFF;
							margin: 14px 8px 0 20px;
							font-size: 1.2em;
						}
						form.createProfile span {
							margin: 8px 8px 0 0;
						}
						form.createProfile #addBtn {
							margin-top: 8px;
						}
				
				form#calc {
					position: relative;
				}
					form#calc span {
						font-size: 1.5em;
						font-weight: bold;
						display: block;
						width: 33px;
						height: 49px;
						border-left: 1px dotted #000;
						border-right: 1px dotted #000;	
						text-align: center;
						float: left;	
						margin: 14px 9px 0 7px;				
					}
					form#calc img {
						float: left;
						margin: 12px 0 0 0;	
					}
						form#calc fieldset#f3 img {
							margin-right: 20px;
						}
					form#calc div#f1_2Wrapper {
						overflow: hidden;
						width: 100%;
						position: relative;
						margin-bottom: 10px;
					}
					form#calc label {
						font-size: 1.1em;
						font-weight: bold;
						float: left;
						margin-top: 14px;
						margin-left: 5px;
						margin-right: 7px;
					}
					form#calc input.input {
						width: 24px;
						border: none;
						border-color: #FFF;
						padding: 3px 3px;
						float: left;
						margin-top: 14px;
						margin-right: 3px;
						text-align: center;
					}
					form#calc input.radio {
						float: left;
						margin-top: 17px;
					}
					form#calc fieldset {
						position: relative;
						background-color: #CCC;
						
					}
						form#calc fieldset.complete {
							background-color: #D4D628;
						}
						
					form#calc fieldset legend {
						display: block;
						float: left !important;
						background-image: url(/imgs/site/background/bmi_form_legend.png);
						background-repeat: no-repeat;
						background-position: center left;
						height: 33px;
						line-height: 33px;
						color: #000;
						font-weight: bold;
						font-size: 1.2em;
						padding: 0 6px;
						position: absolute !important;
						left: 8px;
						top: 8px;
						width: auto !important;
						
					}
					form#calc fieldset h4.labelLegend {
						display: block;
						float: left !important;
						background-image: url(/imgs/site/background/bmi_form_legend.png);
						background-repeat: no-repeat;
						background-position: center left;
						height: 33px;
						line-height: 33px;
						color: #000;
						font-weight: bold;
						font-size: 1.2em;
						padding: 0 6px;
						position: absolute !important;
						left: 8px;
						top: 8px;
						width: auto !important;
						
					}
						form#calc fieldset div.inner {
							padding-right: 8px;
						}
						
							form#calc fieldset div.inner div.innerWrapper {
								text-align: right;
								float: right;
							}
						
					form#calc fieldset#f1,
					form#calc fieldset#f2 {
						background-image: url(/imgs/site/background/bmi_form_small_left_off.jpg);
						background-repeat: no-repeat;
						background-position: top left;
						float: left;
						position: relative;
					}
					form#calc fieldset#f1 {
						margin-right: 10px;
						width: 204px;
					}
					form#calc fieldset#f2 {
						width: 236px;
					}
					form#calc fieldset#f4,
					form#calc fieldset#f3 {
						margin-bottom: 10px;
					}
					
						form#calc div#f1_2Wrapper fieldset.complete {
							background-image: url(/imgs/site/background/bmi_form_small_left.jpg);
						}
						
					form#calc fieldset#f1 div.inner,
					form#calc fieldset#f2 div.inner {
						background-image: url(/imgs/site/background/bmi_form_small_right_off.jpg);
						background-repeat: no-repeat;
						background-position: top right;
						height: 49px;
					}
						form#calc div#f1_2Wrapper fieldset.complete div.inner {
							background-image: url(/imgs/site/background/bmi_form_small_right.jpg);
						}

						form#calc fieldset.complete {
							background-color: #D4D628;
						}
					
					
					form#calc fieldset#f3,
					form#calc fieldset#f4 {
						background-image: url(/imgs/site/background/bmi_form_large_left_off.jpg);
						background-repeat: no-repeat;
						background-position: top left;
						position: relative;
					}
						form#calc div#f3_4Wrapper fieldset.complete {
							background-image: url(/imgs/site/background/bmi_form_large_left.jpg);
						}
						
					form#calc fieldset#f3 div.inner,
					form#calc fieldset#f4 div.inner {
						background-image: url(/imgs/site/background/bmi_form_large_right_off.jpg);
						background-repeat: no-repeat;
						background-position: top right;
						height: 79px;
					}
						form#calc div#f3_4Wrapper fieldset.complete div.inner {
							background-image: url(/imgs/site/background/bmi_form_large_right.jpg);
						}
					
					#bmiBar {
						margin: 12px 0;
					}
				
				#centerContainer .featuresCol {
					float: left;
					width: 250px;
					position: relative;
				}
					#centerContainer .featuresCol .colTop {
						float: left;
						width: 210px;
						padding: 15px 20px 12px 20px;
						line-height: 100%;
						font-weight: bold;
						background-position: top left;
						background-repeat: no-repeat;
					}
						#centerContainer .featuresCol .colTop h3 { 
							font-size: 1.8em; font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
							font-weight: bold;
							color: #fff;
						}
							#centerContainer .featuresCol .colTop h3 a { 
								text-decoration: none;
								color: #fff;
							}
							#centerContainer .featuresCol .colTop h3 a:hover { 
								text-decoration: underline;
							}
					#centerContainer .featuresCol .content {
						float: left;
						width: 210px;
						padding: 5px 20px 10px 20px;
					}
						#centerContainer .featuresCol .content h4 {
							font-size: 1.8em;
							font-weight: bold;
							margin-bottom: 5px;
						}
						#centerContainer .featuresCol .content p {
							margin-bottom: 10px;
							font-size: 1.1em;
						}
					#centerContainer .featuresCol .morebtm {
						float: left;
						width: 100px;
						height: 33px;
						padding: 0 9px 0 141px;
						margin-bottom: 10px;
						background-position: top left;
						background-repeat: no-repeat;
						text-align: center;
						line-height: 33px;
						font-size: 1.3em;
						color: #fff;
					}
						#centerContainer .featuresCol .morebtm a {
							color: #fff;
							text-decoration: none;
							font-weight: bold;
						}
					#centerContainer .featuresCol .bmiTop {
						float: left;
						width: 210px;
						padding: 10px 20px 0 20px;
						background: #F7941D url(/imgs/site/features/orangetop.gif) no-repeat top left;
						color: #fff;
					}
						#centerContainer .featuresCol .bmiTop h3 {
							font-size: 2em;
							font-weight: normal;
							margin-bottom: 5px;
						}
							#centerContainer .featuresCol .bmiTop h3 a {
								color: #FFFFFF;
								text-decoration: none;
							}
							#centerContainer .featuresCol .bmiTop h3 a:hover {
								text-decoration: underline;
							}
							#centerContainer .featuresCol .bmiTop h3 span {
								font-weight: bold;
								font-size: 2.1em;
							}
						#centerContainer .featuresCol .bmiTop p {
							font-size: 1.1em;
							margin-bottom: 7px;
						}
					#centerContainer .featuresCol .bmiBtm {
						float: left;
						width: 250px;
						height: 198px;
						margin-bottom: 10px;
						background: url(/imgs/site/features/calcbtm.jpg) no-repeat top left;
					}
						#centerContainer .featuresCol .bmiBtm a {
							display: block;
							width: 250px;
							height: 198px;
						}
					#centerContainer .featuresCol .howActive {
						float: left;
						position: relative;
						width: 250px;
						height: 239px;
						margin-bottom: 10px;
						background: url(/imgs/site/features/howactive.jpg) no-repeat top left;
					}
						#centerContainer .featuresCol .howActive h3 {
							display: none;
						}
						#centerContainer .featuresCol .howActive a.button{
							position: absolute;
							left: 20px;
							top: 186px;
							line-height: 34px;
							width: 212px;
							text-decoration: none;
							font-size: 1.6em;
							font-weight: bold;
							text-align: center;
							color: #fff;
						}
						#centerContainer .featuresCol .howActive .top{
							position: absolute;
							margin-top: -36px;
							width: 250px;
							height: 36px;
							z-index: 99;
							background: url(/imgs/site/features/howactivetop.gif) no-repeat bottom left;
						}
						#centerContainer .featuresCol .howActive .left{
							position: absolute;
							margin-left: -10px;
							width: 10px;
							height: 55px;
							z-index: 99;
							background: url(/imgs/site/features/howactiveleft.gif) no-repeat top right;
						}
						#centerContainer .featuresCol .howActive .right{
							position: absolute;
							right: 0;
							width: 7px;
							height: 49px;
							margin-right: -7px;
							z-index: 99;
							background: url(/imgs/site/features/howactiveright.gif) no-repeat top left;
						}
					#centerContainer .featuresCol .orange { background-color: #F7941D; background-image: url(/imgs/site/features/orangetop.gif); }
					#centerContainer .featuresCol .turq     { background-color: #008394; background-image: url(/imgs/site/features/turqtop.gif); }
					#centerContainer .featuresCol .green   { background-color: #D4D628; background-image: url(/imgs/site/features/greentop.gif); }
						#centerContainer .featuresCol .green h3 a {color: #000000; text-decoration: none;}
						#centerContainer .featuresCol .green h3 a:hover {text-decoration: underline;}
					#centerContainer .featuresCol .purp     { background-color: #662D89; background-image: url(/imgs/site/features/purpletop.gif); }
					
					#centerContainer .featuresCol .ltorange h4 { color: #F7941D; }
						#centerContainer .featuresCol .ltorange   h4 a { color: #F7941D; text-decoration: none; }
						#centerContainer .featuresCol .ltorange   h4 a:hover { text-decoration: underline; }
					#centerContainer .featuresCol .ltturq     h4 { color: #008394; }
						#centerContainer .featuresCol .ltturq   h4 a { color: #008394; text-decoration: none; }
						#centerContainer .featuresCol .ltturq   h4 a:hover { text-decoration: underline; }
					#centerContainer .featuresCol .ltgreen   h4 { color: #000000; }
						#centerContainer .featuresCol .ltgreen   h4 a { color: #000000; text-decoration: none; }
						#centerContainer .featuresCol .ltgreen   h4 a:hover { text-decoration: underline; }

					#centerContainer .featuresCol .ltpurp     h4 { color: #662D89; }
						#centerContainer .featuresCol .ltpurp   h4 a { color: #662D89; text-decoration: none; }
						#centerContainer .featuresCol .ltpurp   h4 a:hover { text-decoration: underline; }
					#centerContainer .featuresCol .ltorange { background-color: #FCDAB1; }
					#centerContainer .featuresCol .ltturq     { background-color: #FFFFFF; }
					#centerContainer .featuresCol .ltgreen   { background-color: #F2F3BE; }
					#centerContainer .featuresCol .ltpurp     { background-color: #E3DFF3; }
					
					#centerContainer .featuresCol .btmorange { background-image: url(/imgs/site/features/orangebtm.gif); }
					#centerContainer .featuresCol .btmturq     { background-image: url(/imgs/site/features/turqbtm.gif); }
					#centerContainer .featuresCol .btmgreen   { background-image: url(/imgs/site/features/greenbtm.gif); }
					#centerContainer .featuresCol .btmpurp     { background-image: url(/imgs/site/features/purplebtm.gif); }
					
			
			#curvedContainer {
				padding: 0 20px 35px 20px;
				background-image: url(/imgs/site/quizNavDecorationBottom.gif);
				background-repeat: no-repeat;
				background-position: bottom left;
			}
				#bmiLoginBoxes {
					width: 100%;
					overflow: hidden;
					margin-bottom: 10px;
				}
					#bmiLoginBoxes .box {
						width: 144px;
						float: left;
						height: 177px;
						background-image: url(/imgs/site/background/bmi_login_boxes.jpg);
						background-repeat: no-repeat;
						color: #FFF;
						position: relative;
					}
						#bmiLoginBoxes .box div {
							padding: 9px 7px;
						}
							#bmiLoginBoxes .box div h5 {
								font-weight: bold;
								margin-bottom: 5px;
							}
							#bmiLoginBoxes .box div p {
								font-size: 1.1em;
							}
							#bmiLoginBoxes .box div span.bmi_login_input {
								background-image: url(/imgs/site/background/bmi_login_input.gif);
								background-position: center;
								background-repeat: no-repeat;
								display: block;
								width: 130px;
								height: 28px;
								margin-bottom: 5px;
							}
								#bmiLoginBoxes .box div span.bmi_login_input input {
									width: 123px;
									border-color: #FFF;
									border: none;
									color: #666;
									margin: 7px 0 0 7px;
									padding: 0;
								}
					#bmiLoginBoxes .one {
						background-position: top;
						color: #000;
					}
					#bmiLoginBoxes .two {
						margin: 0 9px;
						background-position: center;
					}
					#bmiLoginBoxes .three {
						background-position: bottom;
					}
						#bmiLoginBoxes .box a.greenGenericBtn {
							position: absolute;
							bottom: 14px;
							left: 7px;
						}
					
					div#bmiTop {
						overflow: hidden;
						width: 100%;
					}
						h2.bmiHead {
							font-size: 4em !important;
							color: #008394 !important;
						}
							h2.bmiHead span {
								font-size: 0.6em;
							}
						
						div#bmiTop p {
							margin-right: 290px;
						}
					
					div#bmiTable {
						width: 554px;
						background-color: #BFE0E4;
						background-image: url(/imgs/site/background/bmi_table_bg-top.jpg);
						background-position: top;
						background-repeat: no-repeat;
						float: left;
						margin-left: 25px;
					}
						div#bmiTable div.inner {
							padding: 10px;
							background-image: url(/imgs/site/background/bmi_table_bg-bottom.jpg);
							background-position: bottom;
							background-repeat: no-repeat;
							text-align: center;
						}
						
					ul#bmiKey {
						float: left;
						margin-top: 60px;
					}
						ul#bmiKey li {
							width: 100%;
							overflow: hidden;
							margin-left: 0;
						}
							ul#bmiKey li span {
								display: block;
								width: 14px;
								height:14px;
								float: left;
								margin-right: 5px;
							}
							ul#bmiKey li p {
								float: left;
								margin: 0;
								padding: 0;
								font-size: 1em;
							}
							
				
				div.lightBlueBox {
					background-color: #BFE0E4;
					background-image: url(/imgs/site/background/lightblue_box_top.jpg);
					background-position: top;
					background-repeat: no-repeat;
					margin-bottom: 15px;
					margin-top: 7px;
				}
					div.lightBlueBox div.inner {
						background-image: url(/imgs/site/background/lightblue_box_bottom.jpg);
						background-position: bottom;
						background-repeat: no-repeat;
						padding: 10px;
					}
						div.lightBlueBox div.inner div {
							overflow: hidden;
							width: 100%;
						}
				div.darkblueBox {
					background-color: #008394;
					background-image: url(/imgs/site/background/darkblue_box_top.jpg);
					background-position: top;
					background-repeat: no-repeat;
					margin-top: 7px;
					margin-bottom: 15px;
					color: #FFF;
				}
					div.darkblueBox div.inner {
						background-image: url(/imgs/site/background/darkblue_box_bottom.jpg);
						background-position: bottom;
						background-repeat: no-repeat;
						padding: 10px;
					}
						div.lightBlueBox div.inner p,
						div.darkblueBox div.inner p {
							float: left;
							margin-bottom: 0 !important;
						}
							div.lightBlueBox div.inner p.middle,
							div.darkblueBox div.inner p.middle {
								border-left: 1px dotted #FFF;
								border-right: 1px dotted #FFF;
								margin: 0 12px;
								padding: 0 8px;
							}
							div.lightBlueBox div.inner p.middle {
								border-left: 1px dotted #000;
								border-right: 1px dotted #000;
							}
						
		#colRight {
			margin-top: -24px;
		}
		
table.tableList2{
	clear: both;
}

table.tableList2 {
	margin-bottom: 10px;
	margin-top: 13px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

table.tableList2 td {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px 7px;

}

table.tableList2 th, table.tableList2 td.foot {
	background-color:#E6E6E6;
	border:1px solid #CCCCCC;
	font-weight: bold;
	padding:5px 7px;

}

table.sponsors tr {
	border-top: 1px solid #CCC;
}
table.sponsors td {
	padding: 22px 0 12px 0;
}

p.strap {
	font-size: 1.4em !important;
	font-weight: bold;
}
a.small_grey_btn {
	background-image: url(/imgs/site/buttons/green_grey_small.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	height: 22px;
	width: 74px;
	line-height: 22px;
	display: block;
	text-decoration: none;
}
a.greenGenericBtn {
	width: 73px;
	height: 22px;
	line-height: 22px;
	color: #000;
	font-size: 1.1em;
	display: block;
	background-image: url(/imgs/site/buttons/green_blank_btn.png);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}
a.greenGenericLargerBtn {
	width: 144px;
	height: 28px;
	line-height: 28px;
	color: #000;
	font-size: 1.3em;
	display: block;
	background-image: url(/imgs/site/buttons/green_blank_large_btn.png);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}


#popupWrapper {
	padding: 10px;
}
	#popupWrapper h1 {
		margin: 0;
		font-size: 1.5em;
		font-weight: bold;
	}
	#popupWrapper h2 {
		margin: 15px 0 8px 0;
		font-size: 1.3em;
		font-weight: bold;
	}
	#popupWrapper ul {
		margin-bottom: 7px;
		margin-left: 25px;
	}
		#popupWrapper ul li {
			list-style: disc;
			font-size: 1.2em;
		}


#footerWrapper {
	background-image: url(/imgs/site/background/footBg.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 202px;
	margin-top: 20px;
}

	#subFooter {
		padding: 15px 30px 0 0;
		text-align: right;
	}
		
		#subFooter ul {
			padding: 0;
		}
			#subFooter ul li {
				display: inline;
				font-size: 10px;
				padding-left: 10px;
			}
				#subFooter ul li a {
					color: #FFF;
					text-decoration: none;
				}
				#subFooter ul li a:hover {
					text-decoration: underline;
				}
					
					#footerLogos {
						width: 100%;
						overflow: hidden;
						height: 59px;
						margin-top: 15px;
					}
				
					#footerLogos .left {
						background-image: url(/imgs/site/background/footLogos-right.jpg);
						background-repeat: no-repeat;
						background-position: center right;
						width: 10px;
						height: 59px;
						float: right;
					}
					
					#footerLogos .logos {
						background-color: #FFF;
						padding-top: 10px;
						padding-bottom: 10px;
						float: right;
					}
				
					#footerLogos .right {
						background-image: url(/imgs/site/background/footLogos-left.jpg);
						background-repeat: no-repeat;
						background-position: center left;
						width: 10px;
						height: 59px;
						float: right;
					}

	#footer {
		padding: 20px;
		padding-right: 30px;
		padding-left: 210px;
		padding-top: 10px;
		text-align: right;
		color: #FFF;
	}
		#footer a {
			color: #FFF;
			text-decoration: none;
		}
		#footer a:hover {
			color: #FFF;
			text-decoration: underline;
		}
		#footer p {
			font-size: 0.9em;
		}



div.wideCurve {
	background-image: url(/imgs/site/background/wideCurves-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	margin-bottom: 20px;
}
	div.wideCurveInner {
		background-image: url(/imgs/site/background/wideCurves-bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 30px;
	}

/* WIDGET */

.sideActivityTop {
	float: left;
	width: 180px;
	padding: 10px 20px 0 20px;
	background: url(/imgs/site/sidebars/activitytop.png) no-repeat top left;
}
	.sideActivityTop h3 {
		color: #fff;
		margin: 0;
		padding: 0;
		font-size: 1.7em;
		font-weight: normal;
		margin-bottom: 7px;
	}
		.sideActivityTop h3 span {
			font-weight: bold;
			font-size: 1.3em;
		}
.sideActivityMid {
	float: left;
	width: 176px;
	padding: 10px 22px 10px 22px;
	background: url(/imgs/site/sidebars/activitymid.gif) no-repeat top left;
}
	.sideActivityMid p {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
	}
.sideActivityBtm {
	float: left;
	width: 220px;
	height: 56px;
	position: relative;
	background: url(/imgs/site/sidebars/activitybtm.png) no-repeat bottom left;
	margin-bottom: 10px;
}
	.sideActivityBtm a {
		position: absolute;
		left: 21px;
		width: 178px;
		line-height: 35px;
		display: block;
		color: #000;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
	}



.sideBmiTop {
	float: left;
	width: 180px;
	padding: 10px 20px 0 20px;
	background: url(/imgs/site/sidebars/bmicalctop.png) no-repeat top left;
	color: #fff;
}
	.sideBmiTop h3 {
		font-size: 1.8em;
		font-weight: normal;
		margin-bottom: 5px;
	}
		.sideBmiTop h3 span {
			font-weight: bold;
			font-size: 2.1em;
		}
	.sideBmiTop p {
		font-size: 1.1em;
		margin-bottom: 7px;
	}
.sideBmiBtm {
	float: left;
	width: 220px;
	height: 198px;
	margin-bottom: 10px;
	background: url(/imgs/site/sidebars/bmicalcbtm.png) no-repeat bottom left;
}
	.sideBmiBtm a {
		display: block;
		width: 220px;
		height: 198px;
	}

	
.howActiveSide {
	float: left;
	position: relative;
	width: 220px;
	height: 238px;
	margin-bottom: 10px;
	background: url(/imgs/site/sidebars/howactive.png) no-repeat top left;
}
	.howActiveSide h3 {
		display: none;
	}
	.howActiveSide a.button{
		position: absolute;
		left: 22px;
		top: 182px;
		line-height: 35px;
		width: 176px;
		text-decoration: none;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	.howActiveSide .top{
		position: absolute;
		margin-top: -9px;
		width: 220px;
		height: 9px;
		z-index: 99;
		background: url(/imgs/site/sidebars/howactivetop.png) no-repeat bottom left;
	}
	.howActiveSide .left{
		position: absolute;
		margin-left: -4px;
		width: 4px;
		height: 54px;
		z-index: 99;
		background: url(/imgs/site/sidebars/howactiveleft.png) no-repeat top right;
	}
	.howActiveSide .right{
		position: absolute;
		right: 0;
		width: 6px;
		height: 54px;
		margin-right: -6px;
		z-index: 99;
		background: url(/imgs/site/sidebars/howactiveright.png) no-repeat top left;
	}


div#widgetSearch {
	margin-bottom: 10px;
	width: 220px;
	position: relative;
}
	div#widgetSearch div.body {
		background-image: url(/imgs/site/background/widget-search-top.png);
		background-repeat: no-repeat;
		background-position: top;
		padding: 17px 0 0 17px;
	}
		div#widgetSearch div.body h3 {
			font-size: 22px;
			color: #FFF;
			width: 100px;
			font-weight: normal;
			float: left;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		div#widgetSearch div.body p {
			margin-top: 0;
			padding-top: 0;
			color: #FFF;
			float: left;
			margin-bottom: 13px;
			margin-top: 4px;
			width: 115px;
		}
			div#widgetSearch div.body div.activityFormItem {
				float: left;
				margin-bottom: 5px;
				margin-right: 0;
			}
				div#widgetSearch div.body div.activityFormItem a.home {
					width: 141px !important;
				}
				div#widgetSearch div.body div.activityFormItem ul {
					width: 141px !important;
				}
				div#widgetSearch div.body div.activityFormItem label {
					color: #fff;
				}
	div#widgetSearch div.foot {
		background-image: url(/imgs/site/background/widget-search-bottom.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		height: 57px;
	}

div.widget {
	margin-bottom: 10px;
}
	div.widgetHeading {
		background-image: url(/imgs/site/background/widget-head.png);
		background-repeat: no-repeat;
		background-position: top;
	}
		div.widgetHeading h3 {
			color: #000;
			font-size: 1.5em;
			font-weight: bold;
			padding: 10px 15px;
		}
	div.widgetContent {
		background-color: #000;
		color: #FFF;
		padding: 3px 15px;
	}
	div.widgetFooter {
		height: 23px;
		background-image: url(/imgs/site/background/widget-foot.png);
		background-repeat: no-repeat;
		background-position: bottom;
	}
		
	div.widget ul {
	}
		div.widget ul li {
			list-style: none;
			border-top: 1px solid #FFF;
			padding: 4px 0;
		}
			div.widget ul li h4 {
				font-size: 1.2em;
				font-weight: normal;
			}
				div.widget ul li h4 a {
					color: #FFF;
					text-decoration: none;
				}
				div.widget ul li h4 a:hover {
					text-decoration: underline;
				}
	

div#bmiSide div.top {
	background-image: url(/imgs/site/background/sideOrangeTop.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 23px;
}
div#bmiSide div.body {
	background-color: #F7941D;
	padding: 0 20px;
	color: #FFF;
}
	div#bmiSide div.body h4 {
		font-size: 34px;
		font-weight: bold;
	}
		div#bmiSide div.body h4 span {
			font-size: 20px;
			font-weight: normal;
		}
	div#bmiSide div.body p {
		padding-top: 3px;
		padding-bottom: 7px;
	}
div#bmiSide a.bottom {
	display: block;
	background-image: url(/imgs/site/background/sideBMIbottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 197px;
	text-indent: -9000px;
}


/* BREADCRUMB */

ul.breadcrumb {
	margin: 0 15px 10px 15px;
}
	ul.breadcrumb li {
		color: #666;
		display: inline;
	}
		ul.breadcrumb li a {
			color: #666;
			text-decoration: none;
		}
		ul.breadcrumb li a:hover {
			text-decoration: underline;
		}



/* PAGINATION */

div.pagination {
	overflow:hidden;
	width:99%;
	margin: 5px 0;
	float:left;
	clear:both;
	
}
	div.pagination p.leftPaginated {
		float:right;
	}
	div.pagination p.rightPaginated {
		float:left;
	}



/* ACCESS NAVIGATION - off page */

.accessNav {
	position : absolute;
	left : -3000px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}



/* LOGGED IN USER NAVIGATION */

div#userNavigation {
	position: relative;
	background-color: #FFFFFF;
	width: 920px;
	margin: 0 10px;
	padding: 0 10px;
	float: left;
	z-index: 999;
	height: 35px !important;
}
	div#userNavigation ul {
		float: left;
		display: block;
		width: 100%;
		margin: 10px 0 10px 0;
		padding:  0;
	}
		div#userNavigation ul li {
			display: inline;
			margin: 0 1px 0 0;
			padding: 0;
			position: relative;
		}
			div#userNavigation ul li a {
				padding: 5px 6px;
				margin: 0;
				text-decoration: none;
				color: #FFFFFF;
				background-color: #000000;
			}
			div#userNavigation ul li a:hover {
				color: #000000;
				background-color: #CCCCCC;
			}
		
		div#userNavigation ul li.moduleMenu {
			padding: 5px 6px;
			background-color: #ccc;
			color: #000;
			position: relative;
			margin-right: 5px;
		}
			div#userNavigation ul.secondLevel {
				display:block;
				position:absolute;
				top:-3000px;
				left:-3000px;
			}
				div#userNavigation ul li:hover ul.secondLevel {
					position:absolute;
					top:12px;
					left:0px;
					width:200px;
					overflow: hidden;
					z-index: 9999 !important;
				}
					div#userNavigation ul li ul.secondLevel li {
						display: block;
					}
						div#userNavigation ul li ul.secondLevel li a {
							display: block;
							width: 150px;
							background-color: #ccc;
							color: #000;
						}
							div#userNavigation ul li ul.secondLevel li a:hover {
								background-color: #000;
								color: #fff;
							}
			

div#siteMap {
	font-size: 1.2em;
}
	div#siteMap ul {
		font-size: 1em !important;
	}


.new-form fieldset {border: 1px solid #eeeeee; clear: both; margin-top: 15px; padding: 10px; padding-top: 0px;}
.new-form legend {font-weight: bold;}

fieldset.regFieldSet {
	border:1px solid #CCC; 
	padding:10px;
	padding-top: 0px;
	margin-bottom: 15px;
}
	fieldset.regFieldSet legend, .new-form legend {
		color: #008394;
		font-size: 1.4em;
		font-weight: normal;
	}

input[type="text"], input[type="password"], input.tmpTag {
	border: 1px solid #999999;
	padding: 3px 5px;
	font-weight: normal;
}

input.input-text, input.text-form, input.input-file, select, input.tmpTag {
	border: 1px solid #999999;
	padding: 3px 5px;
	font-weight: normal;
}

select option {
	margin-right:7px;
}
input[type="text"], input[type="password"] {
	width:50%;
}

input.input-text {
	width:47%;
}
input.tmpTag {
	width: 20%;
}

textarea {
	border: 1px solid #999999;
	width: 50%;
	height: 150px;
	padding: 3px 5px;
	font-family: Arial;
	font-size: 12px;
}

textarea#footer table {
	height: 3em;
}

input.matchActionBtn {
	padding:5px;
}
fieldset.searchBox {
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin:10px 0px;


}


p.showHide {
	display: none;
}
form p {
	padding-bottom: 0;
	margin-bottom: 0;
}
input.short {
	width: 20em;
}
.form-div .error {text-indent: 10px; float: left;}
.form-div input.error{ text-indent: 0px; border: 1px solid red; color: #000; }
.form-div select.error{ text-indent: 0px; border: 1px solid red; color: #000; }
.form-div textarea.error{ text-indent: 0px; border: 1px solid red; color: #000; }
.form-div .noError {text-indent: 10px; float: left;}
.form-div button.calendar {float: left; margin-right: 0px;}



.form-div {clear: both; margin-bottom: 0px; padding: 5px 0px 0px 0px; overflow: hidden; }
.form-div label {float: left; width: 110px; font-weight: bold; text-align: right; display: block; margin-right: 10px; color: #666666;}
#medicalevaluation .form-div label{ text-align: left; }
.form-div input.textInput {width: 200px !important; float: left;}
.form-div select.selectInput {width: 200px !important; float: left;}
.form-div input.textInput.smaller {width: 80px;}
.form-div input.button1 { /*margin-left: 100px;*/ }
.form-column {width: 440px; float: left;}
.form-div textarea {width: 300px; height: 200px; font-family: Arial, sans-serif;}
.form-div.checkbox label { width: 205px; text-align: left;}
.form-div.checkbox input {width: 20px; float: left; margin-left: 96px; margin-right: 5px;}

.form-radio-div p.q{
	color: #666666;
    font-weight: bold;
    margin-right: 10px;
}

.form-radio-div{
	margin-top: 5px;
	overflow: hidden;
}

.form-radio-div select{
	margin-left :15px;
	margin-top: 5px;
}

.form-radio-div p.form-paraLabel{
	margin: 15px 0 0 15px !important
}

.subq{
	min-height: 28px;
}

.mbottom-10{
	margin-bottom: 10px;
}

form .half{
    float: left;
    width: 49%;
}

form .half.last{
	clear: left;
}

form .hide{
	display: none;
}

form .show{
	display: block;
}

#centreContent .form-radio-div p{
	font-size: 1.0em;
	margin-bottom: 5px;
}

#centreContent ul.nextprev{
	margin-left: 0px;
}

#centreContent ul.nextprev li{
	list-style: none;
	margin-left: 0px;
}

#quizNav ul li.tablink{
	cursor: pointer;
}

ul.nextprev li.prev{
	float: left;
}

ul.nextprev li.next{
	float: right;
}

.big-set .form-div label {width: 120px;}

fieldset.big-set {border: 1px solid #cccccc; padding: 10px;}

#classesedit .form-div label.checkLabel {
	float: left;
	margin-left: 10px;
	width: 320px;
}
#classesedit .form-div input.checkboxField {
	width: 13px;
	height: 13px;
}

.form-div div.uploaded-image {
	margin-left: 100px;
	margin-top: 5px;
	border: 1px solid #EEE;
	padding: 5px;
}
	.form-div div.uploaded-image label {
		width: auto;
	}

.form-div label.checkLabel {
	width: 340px;
	text-align: left;
	float: right;
}

.floatDemBoxes .form-div .checkLabel, .floatDemBoxes .form-div .checkboxField {
	float: left !important;
}
	.floatDemBoxes .form-div .checkLabel {
		padding-left: 10px;
		width: 330px;
		margin: 0;
	}
	.floatDemBoxes .form-div .checkboxField {
		width: 13px;
		height: 13px;
		padding: 0;
		margin:0;
		margin-left: 100px;
		vertical-align: bottom;
		position: relative;
		top: -1px;
		*overflow: hidden;
	}

.form-div input.checkboxField {
	margin-left: 100px;
	float: left;
}

p.form-paraLabel {
	margin: 15px 0 0 100px !important;
	padding: 0 !important;
}




/* OUT OF FLOW */

#searchQ {
	width: 200px !important;
	border: 1px solid #666 !important;
	padding: 2px !important;
}

dl.new-dl {}
dl.new-dl dt {font-weight: bold; margin-top: 10px; font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;}



ul.azList {
	margin: 10px 0px 10px 0px !important;
	font-size: 1em !important;
}

/* IE 6 and 7 Ugly but it works */
*:first-child+html ul.azList { margin: 10px 0px 10px 0px; } * html ul.azList { margin: 10px 0px 10px 0px; }

ul.azList li {
	display:inline;
	margin-right: 1px;
	padding: 0px;
	margin-left: 0px !important;
}
ul.azList li a {
	padding: 3px 5px;
	text-transform: uppercase;
	margin: 0px;
	background-color: #000000;
	text-decoration: none;
	color: #FFFFFF !important;
}
ul.azList li a:hover {
	background-color: #CCCCCC;
	color: #000000;
}

div#actLeft {
	float: left;
	margin-right: 15px;
	width: 274px;
}
div#actRight {
	float: right;
	width: 201px;
}
	div#actRight div.img {
		/*border:2px solid #008394;*/
		margin-top:15px;
	}
	
	div.actWish {
		position: absolute;
		right: 15px;
		top: 35px;
	}

/* CSS for the feature */
h3.featureListArticle {
	padding: 0;
}
div#centerContainerHeader_c1{
	width:auto;
	position: relative;
}

div.featureListArticle {
	margin-bottom: 1.3em;
	border-bottom: 1px dotted #008394;
}
div.featureListArticle h2 {
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px dotted #008394;
}


div.featureListArticleDetails {
	overflow: hidden;
	/* width: 100%; */
}

div.featureListIntro {
	float: left;
	padding: 0.3em;
	border: 1px solid #CCCCCC;
	margin: 0 0.8em 0.5em 0;
}

img.featureListImage {
	float: right;
	padding: 0 0 5px 10px;
}



#centreContent p.featureDateInfo {
	color: #BBBBBB;
	font-size: 92%;
	margin-top:0.5em;
}
#centreContent ul.featureOptions {
	padding: 0 0 0 1.2em;
	margin: 0 0 1em 0;
	/*border-top: 1px solid #EEEEEE;*/
}
#centreContent ul.featureOptions li a{
	color:#0091C2;
}
#centreContent ul.featureOptions li a:hover {
	text-decoration: none;
}

p.featureAuthor {
	padding-top: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color:#00659A;
}

.featureListArticleDetails table tr td{
	padding: 5px;
}


ul.nolist, div#centreContent ul.nolist {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
	list-style-image:  none !important;
	list-style: none !important;
}
	ul.nolist li, div#centreContent ul.nolist li {
		list-style: none !important;
		list-style-type: none !important;
		list-style-image:  none !important;
		margin: 0 !important;
	}

div.fisApproved {
	background-image: url(/imgs/site/logos/fis_small.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 50px;
	margin-top: 20px;
}


div.classListItem {
	background-image:url(/imgs/site/background/classlistbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #6a6a6a;
	/* height: 253px; */
	margin-bottom: 15px;
	
}
div.classListItem div.classListItemFooter{
	background-image:url(/imgs/site/background/classlistbg-foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	height: 14px;

	
}
div.classListItem div.classListItemFootInner{
	background-image:url(/imgs/site/background/bottom-listItemFoot.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #6a6a6a;
	height: 16px;
	
	margin-left: 0px;

	
}
	div.classListItem div.top {
		width: 100%;
		overflow: hidden;
		padding-top: 10px;
	}
	
	div.classListItem div.top div.classWish {
		float: right;
		margin-right: 15px;
	}
	
	div.classListItem div.top ul {
		overflow: hidden;
		width: 300px;
		margin-bottom: 0 !important;
		float: left;
	}
		div.classListItem div.top ul li {
			display: inline;
		}
		div.classListItem div.top ul li.listDistance {
			color: #FFF;
			font-size: 0.9em;
			line-height: 23px;
			margin-left: -5px !important;
			overflow: hidden;
		}
			div.classListItem div.top ul li a {
				display: block;
				float: left;
				height: 21px;
				margin-right: 2px;
				text-align: center;
				color: #000 !important;
				text-decoration: none;
				padding-top: 5px;
				background-repeat: no-repeat;
				background-position: top center;
			}
			div.classListItem div.top ul li.lft a, div.classListItem div.top ul li.lft a.off {
				width: 85px;
				background-image: url(/imgs/site/buttons/classlist-left-off.jpg);
			}
			div.classListItem div.top ul li.mdl a, div.classListItem div.top ul li.mdl a.off {
				background:#cbcbcb; 
				height: 17px;
				padding: 5px 10px 2px;
			}			
			div.classListItem div.top ul li.rght a, div.classListItem div.top ul li.rght a.off {
				/*width: 110px;*/
				background-image: url(/imgs/site/buttons/classlist-right-off.jpg);
				background-position: top right;
				padding-right: 7px;
				padding-left: 7px;
			}
			
			div.classListItem div.top ul li.lft a.on {
				background-image: url(/imgs/site/buttons/classlist-left-on.jpg);
			}
			div.classListItem div.top ul li.mdl a.on {
				background: white;
				height: 17px;
				height: 19px; 
				padding: 5px 10px 2px;
			}
			div.classListItem div.top ul li.rght a.on {
				background-image: url(/imgs/site/buttons/classlist-right-on.jpg);
			}
		
		div.classListItem table.sessionTable {
			border-bottom: 1px solid #666;
			border-right: 1px solid #666;
			/*margin-bottom: 5px;*/
		}
			div.classListItem table.sessionTable td {
				border-top: 1px solid #666;
				border-left: 1px solid #666;
				padding: 4px 7px;
			}
			div.classListItem table.sessionTable td.h {
				background-color: #BFE0E4;
				font-weight: bold;
			}
			
			
			
	div.classListItem div.content {
		margin: 15px;
		margin-top: 0;
		margin-bottom: 0;
		background-image: url(/imgs/site/background/classlistinner.gif);
		background-image: url(/imgs/site/background/top-right-listItemHead.gif);
		background-repeat: no-repeat;
		background-position: right top;
		/* height: 206px; */
		background-color: #ffffff;
		padding: 0 15px;
	}
		div.cntLeft {
			width: 400px;
			float: left;
			margin: 8px 15px 8px 0;
			background-color: #ffffff;
			
		}
		div.cntRight {
			width: 239px;
			float: left;
			border-left: 1px solid #CCC;
			padding-left: 15px;
			margin: 8px 0;
			font-size: 0.9em;
			background-color: #ffffff;
		}
		
	div.classListItem div.content div.overview {background-color: #ffffff !important;}

div.formIncomplete {
	padding: 0.7em;
	border: 2px solid #B10202;
	color: #B10202;
	margin-bottom: 0.4em;
	background-color: #FFFFFF;
}
div.formIncomplete p {
	padding: 0;
	margin: 0;
}

p.mapElHead {
	font-weight:bold; 
	margin-bottom:0 !important; 
	border-bottom:1px solid #CCC; 
	padding-bottom:2px;
}

div.searchResTop {
	margin: 0 15px 8px 15px;
	overflow: hidden;
}
	div.searchResTop h2 {
		float: left;
	}
	div.searchResTop div {
		float: right;
	}
	div.searchResTop p {
		margin-bottom: 18px;
	}
	
ul.mapListEl {
	border-bottom:1px solid #CCC;
	margin: 0 !important;
	padding: 0 !important;
}	
	ul.mapListEl li {
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}
	ul.mapListEl li a {
		display:block; 
		padding:2px 3px; 
		margin: 0 !important;
		color:#000; 
		text-decoration:none;
	}
	
	
	
.provider_gallery.body
{
	height:160px;
	width:200px;
	overflow:hidden;
	border:2px solid #008394;
	margin:10px 0;
	float:left;
}


h2.header_gallery
{
	float:left;
}

span.click_to_view
{
	float:left;
	margin:3px 10px;
}


/**
 * Challenge Statistics/Map page.
 */
div.challenge-statistics{
	margin-right:5px;
	margin-top: -10px;
}
div.challenge-statistics .action-buttons{
	float:right;
	width:200px;
}
div.challenge-statistics .action-buttons a{
    margin-right:10px;
    text-indent:-9999px;
    float:right;
}
div.challenge-statistics .action-buttons .button-signup{
	background:url(../modules/challenges/view/assets/img/button-signup.jpg) no-repeat top left;
	height:120px;
	width:189px;
}
div.challenge-statistics .action-buttons .button-login-enter-results{
	background:url(../modules/challenges/view/assets/img/button-login-enter-results.jpg) no-repeat top left;
    height:30px;
	width:185px;
}
div.challenge-statistics .action-buttons .button-control-panel, div.challenge-statistics .action-buttons .button-complete-questionnaire{
    height:131px;
	width:189px;
}

div.challenge-statistics .action-buttons .button-control-panel{
	background:url(../modules/challenges/view/assets/img/button-control-panel.jpg) no-repeat top left;
}

div.challenge-statistics .action-buttons .button-complete-questionnaire{
	background:url(../modules/challenges/view/assets/img/button_take_part.jpg) no-repeat top left;
}

div.challenge-statistics .action-buttons .button-view-private-challenges{
	background:url(/imgs/site/buttons/view_private_challenges.gif) no-repeat top left;
	height: 30px;
	width: 185px;
	margin-bottom: 20px;
}

div.challenge-statistics .action-buttons .button-view-official-challenges{
	background:url(/imgs/site/buttons/view_official_challenge.gif) no-repeat top left;
	height: 30px;
	width: 185px;
	margin-bottom: 20px;
}

div.challenge-statistics .action-buttons .button-view-team-challenges{
	background:url(/imgs/site/buttons/view_team_challenges.gif) no-repeat top left;
	height: 30px;
	width: 185px;
	margin-bottom: 20px;
}


a.button-invite-members{
	background:url(../modules/challenges/view/assets/img/button_invite_people.jpg) no-repeat top left;
    height:30px;
	width:122px;
	float:left;	
	margin-left:10px;
}
div.challenge-statistics p{
	margin-bottom:10px;
}
div.challenge-statistics .map {
	position:relative;
	width:100%;
	height:500px;
}
div.challenge-statistics .map #countdownTimer {
	position:absolute;
	z-index:2;
	margin-top: 25px;
}

div.challenge-statistics .map .mapImage{
	position:absolute;
	width:525px;
	height:490px;
	z-index:1;
}
div.challenge-statistics .map .mapImage .milestones{}
div.challenge-statistics .map .mapImage .milestones span{
    color:#FFFFFF;
    font-size:110%;
    font-weight:bold;
    position:absolute;
    text-align:left;
	z-index:15;
}
div.challenge-statistics .map .mapImage .milestones span.active{
	font-size:175%;
}
div.challenge-statistics .map .mapImage .milestones a{
	color:#FFF;
}
div.challenge-statistics .map .mapImage .milestones .milestone1{
	left:250px;
	top:205px;
}
div.challenge-statistics .map .mapImage .milestones .milestone2{
    left:195px;
    top:285px;
}
div.challenge-statistics .map .mapImage .milestones .milestone3{
	left:55px;
	top:355px;
}
div.challenge-statistics .map .mapImage .milestones .milestone4{
	left:175px;
	bottom:55px;
}
div.challenge-statistics .map .mapImage .milestones .milestone5{
    bottom:101px;
    right:315px;
}
div.challenge-statistics .map .mapImage .milestones .milestone6{
    bottom:210px;
    left:335px;
}
div.challenge-statistics .map .mapImage .milestones .milestone7{
	bottom:225px;
	right:25px;
}
div.challenge-statistics .map .mapImage .milestones .milestone8{
    left:405px;
    top:50px;
}
div.challenge-statistics .map .mapImage .background{
	background:url(../modules/challenges/view/assets/img/map/map_background.png) no-repeat top left;
	height:490px;
	z-index:12;
	position:absolute;
	width:510px;
}


div.challenge-statistics .map .mapImage .overlay{
	background-position:top left;
	background-repeat:no-repeat;
	height:490px;
    left:0;
    position:absolute;
    top:0;
    width:510px;
    z-index:15;
}


div.challenge-statistics .map #averageDistanceTravelled{
	position:absolute;
	top:145px;
	z-index:9;
	color:#F7941D;
	font-size:15px;
}
div.challenge-statistics .map #averageDistanceTravelled .labelDistanceTravelled{
	font-size:22px;
	font-weight:bold;
}
div.challenge-statistics .map #averageDistanceTravelled .distanceMiles{
	font-size:50px;
	font-weight:bold;
}
div.challenge-statistics .map #averageDistanceTravelled .labelMiles{
	font-size:32px;
	font-weight:bold;
}
div.challenge-statistics .map #distanceRemaining {
    bottom:65px;
    color:#F7941D;
    font-size:18px;
    font-weight:bold;
    position:absolute;
    right:20px;
    text-align:right;
    z-index:10;
}

div.challenge-statistics .milestone-info{
	margin-top: 20px;
}

div.challenge-statistics .milestone-info .milestones-reached-header .tab {
	background:#008394;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	color:#FFFFFF;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:35px;
	line-height:35px;
	margin-left:35px;
	padding:0 15px;
	width:auto;
}

div.challenge-statistics .milestone-info .milestone-info-row{
	margin-bottom:20px;
}
div.challenge-statistics .milestone-info .milestone-info-row.current{
	border:10px solid #D4D628;
}

div.challenge-statistics .milestone-info .milestone-info-row .data{
    float:left;
    padding:10px;
    width:320px;
}

div.challenge-statistics .milestone-info .milestone-info-row .datamore{
	padding-bottom: 0px;
	padding-top: 0px;
}

div.challenge-statistics .milestone-info .milestone-info-row .data h3{
	color:#008394;
	font-size:18px;
	font-weight:bold;
}
div.challenge-statistics .milestone-info .milestone-info-row .image{
	float:right;
	width:150px;
	text-align:center;
	margin-top: 10px;
}

div.challenge-statistics .milestone-info .milestone-info-row.current{
	padding-bottom: 15px;
}



.weekly-stats{}
.weekly-stats h3{
	background:url(../modules/challenges/view/assets/img/yellow-header-bg.png) no-repeat;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    height:43px;
    padding-left:46px;
    padding-top:3px;
}
.weekly-stats .container{
	background:#FABF77;
    float:left;
    width:100%;
}

.weekly-stats .container .wk {float: left;  width: 80px; margin: 2px; text-align: center; color: #ffffff; font-weight: bold; line-height: 16px;}
.weekly-stats .container .wk span {display: block; padding: 5px;}

.wkb {color: #b2b2b2; background: #ffffff;}
.wkb.active {color: #000000;}







.leader-board{}
.leader-board h3{
	background:url(../modules/challenges/view/assets/img/blue-header-bg.png) no-repeat;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    height:43px;
    padding-left:46px;
    padding-top:3px;
}
.leader-board .container{
	background:#7FC1C9;
    float:left;
    width:100%;
}
.leader-board .container .header{
    float:left;
    width:100%;
}
.leader-board .container .header table{
	width:100%;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.leader-board .container .header .padding{
    padding:5px 10px 0;
	margin-bottom: 5px;
}
.leader-board .container .header span{
    float:left;
    margin-right:3px;
    text-align:center;
    width:65px;
    color:#FFF;
    font-weight:bold;
}
.leader-board .container .data{
    padding:5px 10px 10px;
}
.leader-board .container .data table{
	width:100%;
}
.leader-board .container .data .padding{
    float:left;
    width:100%;
	margin-bottom:10px;
}
.leader-board .container .data table{
    background:#FFFFFF;
    color:#000;
    height:25px;
    line-height:24px;
    margin-right:3px;
    font-weight:bold;
}
.leader-board .container .data table td{
	border-right:3px solid #7FC1C9;
	border-bottom:3px solid #7FC1C9;
	padding: 0 5px;
}
.leader-board .container .data span.active{
	color:#000;
}

.challenge-statistics .total {
	color:#F7941D;
	font-size:18px;
}
.challenge-statistics .total span{
	font-size:24px;
	font-weight:bold;
}

.challenge-statistics .clear {
	margin-top:10px;
}

.challenge-statistics .content {
	margin-right:220px;
    position: relative;
    z-index: 25;
}

.challenge-statistics .switcher {
	background:url(/imgs/site/blimp.gif) no-repeat;
    height: 102px;
    width: 513px;
    margin-left: 4px;
	position:relative;
}

.challenge-statistics .switcher.private {
	background:url(/imgs/site/blimp_private.gif) no-repeat;
   
}

.challenge-statistics .switcher .toggler {
	
	color: #ffffff;
	font-size: 13px;
	 position: absolute;
	 margin-top: 72px;
	 margin-left: 20px;	
	
}

.challenge-statistics .switcher .toggler a {
	
	color: #ffffff;
		
	
}

.challenge-statistics .switcher .panel {
	float:right;
	background:url(../modules/challenges/view/assets/img/switch-hotspot-1.png) no-repeat top right;
   min-height: 67px;
    min-width: 94px;
   position: absolute;
    right: 0;
    top: -7px;
	z-index:20;
	cursor:pointer;
}

.challenge-statistics .switcher.private .panel {
	float:right;
	background:url(../modules/challenges/view/assets/img/switch-hotspot-2.png) no-repeat top right;
  
}

.challenge-statistics .switcher .dates {
    color: #FFFFFF;
    font-size: 13px;
    left: 19px;
    position: absolute;
    top: 9px;
}
.challenge-statistics .switcher .dates h1 {
   color: #FFFFFF;
    font-size: 20px;
    margin-left: 0;
}

.challenge-statistics .switcher .data {
    background: none repeat scroll 0 0 orange;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    display: none;
    margin-top: -15px;
	padding:15px;
	color:#FFF;
}

.challenge-statistics .switcher .data a {
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
    text-decoration: underline;
    width: 100%;
}

.challenge-statistics .switcher .data div {
	text-align:right;color:#FFF;font-size:12px;border-bottom:1px dotted #FFF;padding-bottom:10px;margin-bottom:10px;
}

h1#ch_h1 {margin-left: 0px; margin-bottom: 10px;}
div#ch_logo {width: 191px; height: 76px; display: block; float: right; margin-left: 10px; margin-bottom: -10px;margin-top:-10px;}
div#ch_logo a {width: 191px; height: 76px; display: block; text-indent: -5000px;  background: url('/imgs/site/logos/GAC_Challenge_Logo_Small.gif') no-repeat;}

/*Control panel control box*/

#controlBox{
	background: transparent url(../imgs/site/controlBoxbg.png) top left no-repeat;
	height: 320px;
}

#controlBox, #controlBox h2{
	color: #fff;
}

#controlBox .control_panel_section{
	padding: 15px 15px 10px 15px;
}

#controlBox .control_panel_section.bottom{
	padding-top: 0px;
}


.leader-board .container .data table td {line-height: 1.5em; padding: 5px 3px 5px 3px;}
