@import url("whitespace-reset.css");

body {
	font-family: Tahoma, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #505050 url("/images/bg_page.gif") repeat-x 0 0; }
div#other_pages {
	float:right;
	font-size:11px;
}
div#results {
	clear:both;
}
div#results a,
div#other_pages a {
	color:#B00022;
}
div#other_pages a,
div#other_pages b {
	float:left;
	border:1px solid #ccc;
	padding:2px 6px;
	margin:1px;
}
div#other_pages b,
div#other_pages a:hover {
	background:#f7f7f7;
}
div#results .description {
	color:#444;
	font-size:11px;
}
div#results .url {
	color:#777;
	font-size:10px;
}
#sitewrapper {
	width: 963px;
	margin: 0 auto;
	background: transparent url("/images/bg_sitewrapper.gif") repeat-y 0 0; }

#header {
	position: relative;
	height: 156px;
	background: transparent url("/images/bg_header.jpg") no-repeat 0 0; }
	#header p.back {
		position: absolute;
		top: 2px;
		width:100%;
		color:#fff;}
		#header p.back a {
			color: #FFFFFF;
			padding: 0 0 0 10px;
			text-decoration: underline;
			background: transparent url("/images/arrow_back.gif") no-repeat 0 3px; }
		#header p.back a:hover {
			text-decoration: none; }
		#header div.account-links {
			padding:0;
			position:absolute;
			right:20px;
			top:2px;
			background:none;
		}
		#header div.account-links a {
			color:#fff !important;
			margin-left:8px;
			border-left:1px solid #999;
			padding:0 0 0 12px;
		}
		#header div.account-links a.share {
			border:none;
		}
		#header p.welcoa-logo {
			display:none;
		}
	#header h1#logo {
		height: 117px;
		width: 391px;
		background: transparent url("/images/logo.gif") no-repeat 0 0;
		position: absolute;
		top: 28px;
		left: 15px; }
		#header h1#logo a {
			display: block;
			height: 100%;
			width: 330px;
			text-indent: -5000px;
		}
		#header h1#logo a:hover { }
	#header ul#navigation {
		height: 18px;
		position: absolute;
		bottom: 18px;
		right: 5px; }
		#header ul#navigation li {
			float: left; }
			#header ul#navigation li a {
				float: left;
				height: 18px;
				line-height: 18px;
				padding: 0 15px;
				font-family: Arial, Sans-serif;
				font-weight: bold;
				color: #444444;
				border-left: 1px solid #444444; }
			#header ul#navigation li a.current {
				color: #FFFFFF;
				background: transparent url("/images/bg_nav-active.gif") repeat-x 0 0; }
			#header ul#navigation li a:hover { }

#content {
	padding: 0 0 0 15px; }

#main {
	width: 623px;
	float: left; }
	#main h2 {
		font-size: 24px;
		color:#932032;
		margin: 0 0 10px 0; }
	#main h3 {
		font-size: 16px;
		color:#333;
		margin: 0 0 10px 0; }
	#main p {
		margin: 0 0 10px 0;
		line-height: 140%; }
		#main p a {
			color: #B00022;
			font-weight: bold;
			text-decoration: underline; }
		#main p a:hover {
			text-decoration: none; }
	#main #rotator {
		width: 623px;
		margin: 20px 0; }
		#main #rotator div.feature {
			width: 593px;
			height: 179px;
			padding: 15px;
			background: transparent url("/images/bg_rotator.jpg") no-repeat 0 0; }
		#main #rotator h2 {
			font-size: 24px;
			margin: 0 0 5px 0; }
		#main #rotator p {
			line-height: 140%;
			margin: 0 0 10px 0;
			width: 470px; }
		#main #rotator a.btn_access-now {
			display: block;
			height: 36px;
			width: 281px;
			text-indent: -5000px;
			background: transparent url("/images/btn_access-now.gif") no-repeat 0 0; }
		#main #rotator #rotator-control {
			height: 20px;
			width: 623px;
			font-size: 11px;
			color: #434343;
			position: relative;
			background: transparent url("/images/bg_rotator-control.gif") no-repeat 0 0; }
			#main #rotator #rotator-control a#btn_next {
				color: #434343;
				position: absolute;
				top: 2px;
				right: 10px;
				padding: 0 10px 0 0;
				text-decoration: underline;
				background: transparent url("/images/arrow_next.gif") no-repeat 100% 3px; }
			#main #rotator #rotator-control a#btn_previous {
				color: #434343;
				position: absolute;
				top: 2px;
				left: 10px;
				padding: 0 0 0 10px;
				text-decoration: underline;
				background: transparent url("/images/arrow_previous.gif") no-repeat 0 3px; }
			#main #rotator #rotator-control a#btn_next:hover,
			#main #rotator #rotator-control a#btn_previous:hover { text-decoration: none; }
			#main #rotator #rotator-control ul {
				width: 68px;
				margin: 0 auto;
				position: relative;
				top: 2px; }
				#main #rotator #rotator-control ul li {
					float: left;
					margin: 0 1px; }
					#main #rotator #rotator-control ul li a {
						float: left;
						outline:none;
						height: 15px;
						width: 15px;
						text-indent: -5000px;
						background: transparent url("/images/icon_feature.gif") no-repeat 0 0; }
					#main #rotator #rotator-control ul li a.current,
					#main #rotator #rotator-control ul li a:hover {
						background: transparent url("/images/icon_current-feature.gif") no-repeat 0 0; }

	#main #events {
		clear: both;
		margin: 0 0 20px 0; }
		#main #events h3 {
			font-size: 12px;
			color: #444444;
			line-height: 21px;
			height: 21px;
			padding: 0 10px;
			background: transparent url("/images/bg_event-header.gif") no-repeat 0 0; }
		#main #events a.event {
			display: block;
			color: #434343;
			width: 611px;
			padding: 2px 6px;
			float: left;
			border-bottom: 1px solid #444444;
			border-top: 1px solid #FFFFFF;
			background: #FFFFFF url("/images/bg_event.gif") repeat-x 0 0; }
			#main #events a.event div.date {
				height: 42px;
				width: 29px;
				float: left;
				position: relative;
				margin: 0 10px 0 0;
				background: transparent url("/images/bg_event-date.gif") no-repeat 0 0; }
				#main #events a.event div.date span.month {
					color: #FFFFFF;
					display: block;
					width: 100%;
					position: absolute;
					top: 10px;
					left: 0;
					font-size: 10px;
					font-weight: bold;
					text-align: center; }
				#main #events a.event div.date span.day {
					color: #FFFFFF;
					display: block;
					width: 100%;
					position: absolute;
					top: 20px;
					left: 0;
					font-size: 17px;
					font-weight: bold;
					text-align: center; }
			#main #events a.event strong {
				display: block;
				margin: 6px 0 3px 0; }
			#main #events a.event small {
				display: block;
				font-size: 10px; }

		#main #events a.event:hover {
			color: #FFFFFF;
			text-decoration: none;
			background: #AF0022 url("/images/bg_event-hover.gif") repeat-x 0 0; }
			#main #events a.event:hover div.date {
				background: transparent url("/images/bg_event-date-hover.gif"); }
				#main #events a.event:hover div.date span.month,
				#main #events a.event:hover div.date span.day { color: #B00022; }

		#main #events p.more {
			clear: both;
			font-size: 10px;
			text-align: right; }
			#main #events p.more a { }
			#main #events p.more a:hover { }

#sidebar {
	width: 302px;
	float: right; }
	#sidebar #subnav {
		padding: 5px 0 0 0;
		margin: 0 0 20px 0;
		background: transparent url("/images/bg_subnav.gif") no-repeat 0 0; }
		#sidebar #subnav ul {
			padding: 0 0 9px 10px;
			background: transparent url("/images/bg_subnav-bottom.gif") no-repeat 0 100%; }
			#sidebar #subnav ul li {
				font-size: 11px;
				font-weight: bold;
				margin: 4px 0 0 0; }
				#sidebar #subnav ul li a {
					color: #002051;
					display: block;
					height: 27px;
					line-height: 25px;
					padding: 0 0 0 50px;
					position:relative;
					background-color: transparent;
					background-position: 0 0;
					background-repeat: no-repeat; }
				#sidebar #subnav ul li a:hover,
				#sidebar #subnav ul li a.here {
					background-position:0 100%;
					color:#fff; 
					text-decoration:none;}
				
				#sidebar #subnav ul li a.here {
					line-height:24px;
				}

				#sidebar #subnav ul li a#nav_making-the-case { background-image: url("/images/nav_making-the-case.gif"); }
				#sidebar #subnav ul li a#nav_building-results { background-image: url("/images/nav_building-results.gif"); }
				#sidebar #subnav ul li a#nav_roi { background-image: url("/images/nav_roi.gif"); }
				#sidebar #subnav ul li a#nav_great-ideas { background-image: url("/images/nav_great-ideas.gif"); }
				#sidebar #subnav ul li a#nav_everything-you-wanted { background-image: url("/images/nav_everything-you-wanted.gif"); }
				#sidebar #subnav ul li a#nav_checklist { background-image: url("/images/nav_checklist.gif"); }
				#sidebar #subnav ul li a#nav_case-studies { background-image: url("/images/nav_case-studies.gif"); }
				#sidebar #subnav ul li a#nav_webinars { background-image: url("/images/nav_webinars.gif"); }
				#sidebar #subnav ul li a#nav_learning { background-image: url("/images/nav_learning-institute.gif"); }
				
				#sidebar #subnav ul ul {
					background:#1a2e59;
					padding:10px;
					position:relative;
					top:-8px;
					width:220px;
					margin:0 0 0 42px;
				}
				#sidebar #subnav ul ul li {
					margin:0;
					padding:0;
				}
				#sidebar #subnav ul ul li a {
					color:#3F5D8F;
					display:block;
					font-size:10px;
					line-height:11px;
					margin:0;
					padding:0 0 4px;
					height:auto;
				}
				#sidebar #subnav ul ul li a.here {
					color:#fff;
					line-height:14px;
				}

	#sidebar p#wellness-philosophy {
		height: 18px;
		position:relative;
		width: 290px;
		margin: 0 0 15px 0; }
		#sidebar p#wellness-philosophy img {
			position:absolute;
			top:-13px;
			left:10px;
		}
		#sidebar p#wellness-philosophy a {
			display: block;
			height: 100%;
			width: 260px;
			padding: 0 30px 0 0;
			line-height: 18px;
			font-size: 11px;
			font-weight: bold;
			text-align: right;
			color: #434343;
			background: transparent url("/images/btn_sidebar-generic.gif") no-repeat 0 0; }
			#sidebar p#wellness-philosophy a strong {
				color: #B00022; }
		#sidebar p#wellness-philosophy a:hover {
			text-decoration: none; }

	#sidebar fieldset#search {
		width: 290px;
		height: 31px;
		margin: 0 0 15px 0;
		background: transparent url("/images/bg_search.gif") no-repeat 0 0; }
		#sidebar fieldset#search input { }
		#sidebar fieldset#search input.query {
			float: left;
			width: 240px;
			border: none;
			background: transparent;
			position: relative;
			top: 6px;
			left: 5px;
			font-size: 15px;
			color: #333; }
		#sidebar fieldset#search input.submit {
			float: right; }

	#sidebar p#toolbox {
		height: 120px;
		width: 290px;
		margin: 0 0 10px 0; }
		#sidebar p#toolbox a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px;
			background: transparent url("/images/bg_small-business-toolbox.gif") no-repeat 0 0; }
			#sidebar p#toolbox a strong { }
		#sidebar p#toolbox a:hover { }

	#sidebar p#additional-resources {
		height: 38px; }
		#sidebar p#additional-resources a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px;
			background: transparent url("/images/btn_additional-resources.gif") no-repeat 0 0; }
			#sidebar p#additional-resources a strong { }
		#sidebar p#additional-resources a:hover { }


	
		
#footer {
	clear: both;
	text-align: center;
	background: transparent url("/images/bg_footer.gif") no-repeat 50% 10px;
	padding: 30px 0; }
	#footer p {
		font-size: 10px;
		color: #000000;
		margin: 0 0 7px 0; }
		#footer p a {
			color: #505050;
			font-weight: bold;
			text-decoration: underline; }
		#footer p a.welcoa {
			padding: 0 18px 0 0;
			background: transparent url("/images/icon_welcoa.gif") no-repeat 100% 0; }
		#footer p a:hover {
			text-decoration: none; }

#overlay {
	background:#000;
	height:1600px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	opacity:.85;
	filter: alpha(opacity=85);
}			
#account-window {
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:1001;
	width:100%;
}		
#account-container {
	background:#000;
	border:1px solid #ccc;
	-moz-border-radius:10px;
	padding:30px;
	width:500px;
	margin:50px auto;
	position:relative;
}
#account-container label {
	color:#999;
	font-size:10px;
}
#account-container h3 {
	font-size:18px;
	margin:0 0 10px;
}
#account-container input {
	border:none;
	padding:3px;
	background:#ccc;
	color:#333;
}
#account-container .row {
	margin:0 0 5px;
}
#account-container button {
	background:#666;
	padding:4px;
	color:#000;
	border:none;
	margin:10px 0 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#account-container div.or {
	position:absolute;
	left:252px;
	background:#000;
	padding:4px 0 8px;
	font-size:18px;
	top:35%;
}
#account-container a {
	color:#fff;
}

#login-form {
	float:left;
	width:200px;
}

#create-account-form {
	float:right;
	padding-left:70px;
	width:200px;
	border-left:1px solid #ccc;
}
ul.errors {

	padding:4px;
	border:1px solid #990511;
	background:#990511;
	color:#fff;
	margin:0 0 1em;
}
ul.success {
	padding:4px;
	border:1px solid #05513B;
	background:#C8E7C5;
	color:#333;
	margin:0 0 1em;
}
.row {
	margin:0 0 .5em;
}
.row label {
	font-size:10px;
}
ul.errors a {
	font-weight:bold;
	text-decoration:underline;
}

ul.news-list {
	padding:1em 0;
}
ul.news-list li {
	margin:1em 0;
}
ul.news-list li a {
	color:#932032;
}

ul.benchmarks {
	margin:0 0 2em;
}
	
	ul.benchmarks li a {
		display:block;
		margin-top:5px;
		text-decoration:none;
		position:relative;
	}
	ul.benchmarks div.information {
		background-repeat:no-repeat;
		background-position:left 10px;
		padding:10px 0 0 42px;
		margin:10px 0 0 0;
		border-top:1px solid #9e3747 !important;
	}
	ul.benchmarks li div.information-first {	
		border:none;}
	
		#main ul.benchmarks li div.information h3 {
		font-size:14px;
		color:#1c3161;
		margin:0;
		}
		
		ul.benchmarks li a:hover div.information h3 {
			text-decoration:underline;
		}
		
		ul.benchmarks li div.information span {
		color:#000;
		font-size:11px;}
			.clearfix:after {
			    content: "."; 
			    display: block; 
			    height: 0; 
			    clear: both; 
			    visibility: hidden;
			}
			
			ul.video-list {
				margin:1em 0;
			}
			ul.video-list li {
				width:49%;
				display:inline;
				padding:0;
				margin:0;
				float:left;
			}
			ul.video-list li a {
				display:block;
				padding:10px;
				border:1px solid #ccc;
				margin:3px;
				color:#932032;
			}
			ul.video-list li a:hover {
				background:#f7f7f7;
			}
			
			#main a {
				color:#932032;
			}
			a.back-to {
				float:right;
				margin:0 0 1em;
				
			}
			div.video h3 {
				font-size:18px;
				line-height:24px;
				color:#932032;
			}
			#main div.video p {
				margin:0;
				padding:0;
				font-size:11px;
			}
			#main div.video p.supporting-file {
				border:1px solid #ccc;
				padding:7px;
				margin:10px 0;
				display:block;
				font-size:11px;
			}
			#main div.video p.description {
				margin:10px 0;
				font-size:12px;
			}
			div#video-player {
				border:1px solid #ccc;
				width:620px;
				height:496px;
				clear:both;
			}
			a#close-login {
				background: url('../images/close-icon.png') no-repeat scroll top left;
				width: 18px;
				height: 18px;
				position:absolute;
				top:-8px;
				right:-8px;
				cursor:pointer;
			}
			
			.content-managed ul {
				padding:0 0 0 1em;
				margin:.5em 0;
				list-style:disc;
			}
			.content-managed ol {
				padding:0 0 0 1em;
				margin:1em 0;
				list-style:decimal;
			}
			.content-managed ol li,
			.content-managed ul li {
				margin:0 0 0 1em;
				padding:.2em;
			}
			
div.checklist-wrapper button {
	background:#1a2e59;
	padding:4px 10px;
	color:#fff;
	font-size:24px;
	border:none;
}	
div.checklist-wrap {
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
}		
ul.checklist-list {
	width:48%;
	float:left;
	margin-right:3%;
}		
ul.checklist-list li {
	background:#f7f7f7;
	padding:5px 5px 5px 25px;
	margin:3px 0;
}			
ul.checklist-list li a {
	text-decoration:none;
	display:block;
}
ul.checklist-list li:hover {
	background:#f0f0f0;
}
ul.checklist-list li._complete {
	background:#c8e7c5 url(/checklist/images/check.gif) 5px center no-repeat;
	color:#557352;
}
span.question_num {
	font-weight:bold;
	color:#888;
	font-size:24px;
}
td.checklist label {
	display:block;
	margin:0 0 5px;
}
td.checklist span.questions {
	display:block;
	margin:0 0 10px;
}
td.checklist {
	font-size:14px;
}
td.checklist input {
	margin-right:10px;
}
td.sm {
	font-size:10px;
}
td.checklist blockquote {
	margin:0 0 20px 0;
}
ul.checklist-list li span {
	padding:0 10px 0 0;
	color:#777 !important;
}
table.final-form td {
	font-size:12px;
	padding:4px;
}
table.final-form label {
	display:block;
	margin:0 0 5px;
}
table.final-form span.questions {
	display:block;
	margin:0 0 4px;
	font-weight:bold;
}
			
	
			
			
			
			
			
			
			
			
			
			
			.clearfix {display: inline-block;}
			/* Hides from IE-mac \*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
			/* End hide from IE-mac */