/*  
Description:Well Workplace Awards Application
Author:Electric Pulp
Author URI:http://electricpulp.com/
*/

@import url(/css/reset-decs.css);

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.4em;
	color:#373331;
	margin:0;
	padding:0;
	background:url(/img/bckgrnd.gif) no-repeat 50% 0 #fff;
	}
	img { border:none; }
	a, a:link, a:active, a:visited {
		color:#eab34f;
	}
	a:hover {
		color:#373331;
	}
	input, select, textarea {
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
	}
	#header {
		position:relative;
		width:920px;
		height:94px;
		padding:0;
		margin:0 auto;
		}
		#logo {
			position:absolute;
			top:28px;
			left:0;
			margin:0;
			padding:0;
			width:394px;
			height:96px;
			text-indent:-9999em;
			background:url(/img/logo.gif) no-repeat 0 0;
			z-index:2;
		}
	.container {
		position:relative;
		width:920px;
		padding:20px;
		margin:0 auto;
		}
	#utility-bar {
		height:30px;
		background:url(/img/bg-bar.gif) repeat-x 0 0;
		}
		#login-box {
			position:absolute;
			top:-61px;
			right:20px;
			height:61px;
			width:448px;
			border:1px solid #3a3a3a;
			margin:0;
			padding:10px 5px 5px;
			background:#3a3a3a url(/img/bg-login.gif) repeat-x 0 0;
			color:#e0e0e0;
			font-size:11px;
			}
			#login-box legend,
			#login-box h2 {
				font-size:1.6em;
				margin:0 0 .25em;
				padding:0;
			}
			#login-box .form-element {
				width:200px;
				float:left;
				margin-right:10px;
			}
			#login-box .form-element-cap {
				width:238px;
				float:left;
				margin:0;
			}
			#login-box input.styled {
				border:1px solid #373331;
				width:132px;
				height:14px;
				padding:1px 3px;
				margin:0;
				font-size:11px;
			}
			#login-box input.bttn {
				border:1px solid #373331;
				font-size:11px;
				line-height:1em;
				padding:0 1px;
				margin:0;
			}
			#login-box small {
				display:block;
			}
			#login-box a {
				color:#e0e0e0;
			}
			#login-box .progress-label {
				float:left;
				margin-right:3px;
			}
			#login-box #progress-bar {
				float:left;
				width:258px;
				height:13px;
				border:1px solid #373331;
				background:url(/img/bg-progress-bar.gif) no-repeat 0 0 #e0e0e0;
			}
			#login-box .progress-bar-on {
				display:block;
				height:11px;
				background:url(/img/bg-progress-bar-on.gif) repeat-x 0 0 #d29f42;
				border:1px solid #d29f42;
				font-weight:bold;
				color:#333;
				text-decoration:none;
				text-align:right;
			}
			#login-box .progress-bar-on span {
				font-size:9px;
				line-height:13px;
				*line-height:11px;
			}
			#login-box a.emph {
				float:left;
				height:12px;
				color:#e9ae42;
				font-size:12px;
				padding:4px 10px 0 0;
			}
		#content,
		#sub-content {
			position:relative;
			}
		#sub-content {
			width:600px;
			border:2px solid #c7c7c7;
			border-width:0 2px;
			padding:0 50px;
			margin:0 auto;
			}
			#sub-content p {
				margin:0 0 1em;
			}
		.benchmarks #sub-content {
			width:670px;
			background:url(/img/bg-benchmarks.jpg) no-repeat 0 52px;
			padding:0 14px 80px;
		}
		.congrats #sub-content {
			background:url(/img/bg-congrats.jpg) no-repeat 97% 40px;
			min-height:554px;
		}
		.front #content {
			width:400px;
			float:left;
			display:inline;
			}
			.front #content h2 {
				font-size:2.5em;
				line-height:.9em;
				letter-spacing:-1px;
				margin:0;
			}
			#main {
				font-size:.9em;
				line-height:1.4em;
				margin:20px auto 0 auto;
				padding:0 20px 20px;
			}
		#front-image {
			float:right;
			margin-top:-15px;
		}
		.main-col {
			width:610px;
			margin:0 20px 0 0;
		}
		.content-mgmt ul {
			padding:0 0 0 20px;
			list-style:disc;
		}
		.content-mgmt ol {
			padding:0 0 0 20px;
			list-style:decimal;
		}
		
		.split-col {
			width:480px;
			margin:0 20px 0 0;
			float:left;
		}
		.split-col-2 {
			padding-top:50px;
			width:370px;
			float:right;
			}
			.split-col-2 h2 {
				padding-top:12px;
			}
			div.main-col p {
				margin:0 0 1em;
			}
			div.main-col h2 {
				margin:1em 0 0;
			}
		#status-message {
			padding:20px 0 1em;
			width:308px;
			color:#83817f;
			font-size:1.1em;
			}
		.congrats #status-message {
			font-size:1.2em;
			}
		.benchmarks #status-message {
			padding:60px 0 1em 16px;
			}
			#status-message h2 {
				font-size:1.8em;
				font-weight:normal;
				margin:0;
				padding:0;
			}
		#benchmarks-box {
			padding:14px 14px 14px 14px;
			border:1px solid #9f9f9f;
			background:#fff;
			}
			#benchmarks-box .benchmark-key {
				margin:20px auto 10px;
				display:block;
			}
			ol#benchmark-list {
				margin:0;
				padding:0;
				list-style:none;
				float:left;
				}
			ol#benchmark-list-2 {
				margin:0;
				padding:0;
				list-style:none;
				float:right;
				}
				#benchmark-list-2 li a,
				#benchmark-list li a {
					display:block;
					width:309px;
					height:35px;
					text-indent:-999em;
					}
					.benchmark-org a {
						background:url(/img/benchmarks/org-gold.gif) no-repeat 0 0;
					}
					.benchmark-org a.in-progress {
						background:url(/img/benchmarks/org-red.gif) no-repeat 0 0;
					}
					.benchmark-org a.done {
						background:url(/img/benchmarks/org-blue.gif) no-repeat 0 0;
					}
					.benchmark-one a {
						background:url(/img/benchmarks/1-gold.gif) no-repeat 0 0;
					}
					.benchmark-one a.in-progress {
						background:url(/img/benchmarks/1-red.gif) no-repeat 0 0;
					}
					.benchmark-one a.done {
						background:url(/img/benchmarks/1-blue.gif) no-repeat 0 0;
					}
					.benchmark-two a {
						background:url(/img/benchmarks/2-gold.gif) no-repeat 0 0;
					}
					.benchmark-two a.in-progress {
						background:url(/img/benchmarks/2-red.gif) no-repeat 0 0;
					}
					.benchmark-two a.done {
						background:url(/img/benchmarks/2-blue.gif) no-repeat 0 0;
					}
					.benchmark-three a {
						background:url(/img/benchmarks/3-gold.gif) no-repeat 0 0;
					}
					.benchmark-three a.in-progress {
						background:url(/img/benchmarks/3-red.gif) no-repeat 0 0;
					}
					.benchmark-three a.done {
						background:url(/img/benchmarks/3-blue.gif) no-repeat 0 0;
					}
					.benchmark-four a {
						background:url(/img/benchmarks/4-gold.gif) no-repeat 0 0;
					}
					.benchmark-four a.in-progress {
						background:url(/img/benchmarks/4-red.gif) no-repeat 0 0;
					}
					.benchmark-four a.done {
						background:url(/img/benchmarks/4-blue.gif) no-repeat 0 0;
					}
					.benchmark-five a {
						background:url(/img/benchmarks/5-gold.gif) no-repeat 0 0;
					}
					.benchmark-five a.in-progress {
						background:url(/img/benchmarks/5-red.gif) no-repeat 0 0;
					}
					.benchmark-five a.done {
						background:url(/img/benchmarks/5-blue.gif) no-repeat 0 0;
					}
					.benchmark-six a {
						background:url(/img/benchmarks/6-gold.gif) no-repeat 0 0;
					}
					.benchmark-six a.in-progress {
						background:url(/img/benchmarks/6-red.gif) no-repeat 0 0;
					}
					.benchmark-six a.done {
						background:url(/img/benchmarks/6-blue.gif) no-repeat 0 0;
					}
					.benchmark-seven a {
						background:url(/img/benchmarks/7-gold.gif) no-repeat 0 0;
					}
					.benchmark-seven a.in-progress {
						background:url(/img/benchmarks/7-red.gif) no-repeat 0 0;
					}
					.benchmark-seven a.done {
						background:url(/img/benchmarks/7-blue.gif) no-repeat 0 0;
					}
		a.pdf-link {
			color:#6799bb;
			text-decoration:none;
			font-weight:bold;
			display:block;
			padding:12px 0 0 32px;
			background:url(/img/pdf-link.gif) no-repeat 0 0;
		}
		
		h1.step-1-title {
			padding:10px 0 10px 54px;
			margin:0 0 .5em -10px;
			background:url(/img/step-1-title.jpg) no-repeat 0 4px;
			text-align:left;
		}
		h1.step-2-title {
			padding:10px 0 10px 54px;
			margin:0 0 .5em -10px;
			background:url(/img/step-2-title.jpg) no-repeat 0 4px;
			text-align:left;
		}		
		h1.step-3-title {
			width:352px;
			padding:10px 0 10px 148px;
			margin:0 auto .5em;
			background:url(/img/step-3-title.jpg) no-repeat 90px 4px;
			text-align:left;
		}		
		h1.smaller {
			font-size:2em;
		}
		ul#wwp-awards {
			margin:0;
			padding:0;
			float:right;
			width:276px;
			}
			ul#wwp-awards li {
				width:276px;
				height:123px;
				margin:0 0 2px;
				padding:0;
				text-indent:-9999em;
			}
			ul#wwp-awards li.platinum {
				background:url(/img/wwp-platinum.gif) no-repeat 0 0;
			}
			ul#wwp-awards li.gold {
				background:url(/img/wwp-gold.gif) no-repeat 0 0;
			}
			ul#wwp-awards li.silver {
				background:url(/img/wwp-silver.gif) no-repeat 0 0;
			}
			ul#wwp-awards li.bronze {
				background:url(/img/wwp-bronze.gif) no-repeat 0 0;
			}
		ol#process-steps {
			clear:both;
			margin:0;
			padding:20px 0 0;
			}
			ol#process-steps li {
				float:left;
				display:inline;
				}
				a#step-1 {
					float:left;
					display:inline;
					padding:0;
					margin:0 25px 0 0;
					width:290px;
					height:173px;
					text-indent:-9999em;
					background:url(/img/step-1.jpg) no-repeat 0 0;
					}
					a#step-1:hover {
						background:url(/img/step-1-on.jpg) no-repeat 0 0;
					}
				a#step-2 {
					float:left;
					display:inline;
					padding:0;
					margin:0 25px 0 0;
					width:290px;
					height:173px;
					text-indent:-9999em;
					background:url(/img/step-2.jpg) no-repeat 0 0;
					}
					a#step-2:hover {
						background:url(/img/step-2-on.jpg) no-repeat 0 0;
					}
				a#step-3 {
					float:left;
					display:inline;
					padding:0;
					margin:0;
					width:290px;
					height:173px;
					text-indent:-9999em;
					background:url(/img/step-3.jpg) no-repeat 0 0;
					}
					a#step-3:hover {
						background:url(/img/step-3-on.jpg) no-repeat 0 0;
					}

/* buttons */
		
		#content ul.bttn-list,
		#sub-content ul.bttn-list {
			margin:0.33em 0 1em;
			padding:0;
			list-style:none;
			}
			#content ul.bttn-list li,
			#content ul.bttn-list li {
				display:inline;
				float:left;
			}
		.bttn-view-faqs {
			display:block;
			width:183px;
			height:48px;
			text-indent:-9999em;
			background:url(/img/bttn-view-faqs.gif) no-repeat 0 0;
		}
		.bttn-ask-a-question {
			display:block;
			width:183px;
			height:48px;
			text-indent:-9999em;
			background:url(/img/bttn-ask-a-question.gif) no-repeat 0 0;
		}
		.bttn-enter-org-info {
			display:block;
			width:301px;
			height:48px;
			margin:20px 0 0 -4px;
			text-indent:-9999em;
			background:url(/img/bttn-enter-org-info.gif) no-repeat 0 0;
		}
				
/* form styles */

	.form-content input.styled {
		border:1px solid #989898;
	}
	.setup .form-content legend {
		padding:0 0 10px 158px;
		font-size:12px;
		color:#838383;
	}
	.form-row,
	.radio-row {
		width:500px;
		margin:0 auto;
		padding:4px 0;
		clear:both;
		color:#838383;
		}
		.form-row input {
			float:left;
			width:240px;
		}
		input.radio {
			width:auto !important;
		}
		.form-row select {
			float:left;
		}
		.form-row label,
		.radio-row label {
			width:140px;
			float:left;
			text-align:right;
			margin-right:8px;
			font-size:12px;
		}
		.form-row label.inline {
			width:auto;
			margin:0 8px;
		}
		.form-row input.short {
			width:9em;
			float:left;
		}
		.form-row input.really-short {
			width:5em;
			float:left;
		}
		input.bttn-create-account {
			border:none;
			padding:0;
			margin:30px 0 30px 140px;
			width:165px;
			height:56px;
			text-indent:-9999em;
			background:url(/img/bttn-create-account.gif) no-repeat 0 0;
		}
	.long-form .radio-row,
	.long-form .form-row {
		width:700px;
		margin:0 auto;
		padding:4px 0;
		clear:both;
		}
		.long-form .form-row label,
		.long-form .radio-row label {
			width:240px;
		}
		
ol.incomplete {
	background:#ffc6c6;
}

td.display-percent {
	text-align:center;
	width:5em;
}

/* application preferences */
	
.application h1 {
	font-size:2.1em;
	line-height:1.4em;
}
.application h2 {
	font-size:1.8em;
	line-height:1.2em;
	margin:0;
	padding:0;
}
.application h3 {
	font-size:1.4em;
	margin:0;
	padding:1em 0 0;
}
.application h3.expand {
	cursor:pointer;
	background:url(/img/plus.gif) left 17px no-repeat;
	padding-left:20px;
}
.application h3.toggled {
	background-image:url(/img/minus.gif) !important;
}
.application h3.expand:hover {
	color:#333;
	text-decoration:underline;
}
.application h4 {
	color:#666;
	line-height:1.4em;
	}
	.application h2.done {
		float:left;
		padding-right:68px;
		background:url(/img/done.gif) no-repeat 100%  center;
	}
	.application h4.done {
		/*float:left;*/
		padding:3px 68px 0 0;
		background:url(/img/done.gif) no-repeat 100% center;
	}
	.application h2.in-progress {
		float:left;
		padding-right:112px;
		background:url(/img/in-progress.gif) no-repeat 100% center;
	}
	.application h4.in-progress {
		/*float:left;*/
		padding:3px 112px 0 0;
		background:url(/img/in-progress.gif) no-repeat 100% 0;
	}
.application .upload-box {
	border:1px solid #6a6a6a;
	padding:5px;
	margin:.25em 0 1em;
}
.application p {
	clear:left;
}
.application .overview {
	padding-bottom:10px;
	margin-bottom:15px;
	/*background:url(/img/bg-hr.gif) repeat-x 0 100%;*/
}
.application .documentation {
	padding-top:20px;
	margin-top:10px;
	/*background:url(/img/bg-hr.gif) repeat-x 0 0;*/
}
.application .form-content fieldset {
	margin:0;
	padding:0;
}
.application .form-content legend {
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding:1em 0 0;
}
.application .form-content ol li {
	color:#666;
}
.application .form-content ol li label {
	font-size:12px;
	line-height:1.6em;
	font-weight:normal;
}
li.clean-checkbox input,
li.clean-radio input {
	position:absolute;
}
li.clean-checkbox label,
li.clean-radio label {
	display:block;
	padding:0 0 5px 23px;
}
li.clean-textbox {
	
}
li.clean-checkbox label.non-block {
	display:inline;
	line-height:1.7em;
}
a.word-doc {
	font-weight:bold;
	padding:2px 0 0 17px;
	background:url(/img/word-doc.gif) no-repeat 0 0;
}
a.pdf-file {
	font-weight:bold;
	padding:2px 0 0 17px;
	background:url(/img/pdf-file.gif) no-repeat 0 0;
}
.application textarea {
	width:100%;
}
input.bttn-submit-benchmark {
	display:block;
	width:215px;
	height:55px;
	background:url(/img/bttn-save-benchmark.gif) no-repeat 0 0;
	margin:2em auto;
	border:none;
	text-indent:-9999em;
}
input.bttn-submit {
	background: url(/img/bttn-save-data.gif) no-repeat top left;
	width: 129px;
	height: 55px;
	margin:2em auto;
	border:none;
	text-indent:-9999em;
	display:block;
}
/* footer */				
				
	#footer {
		width:960px;
		padding:0;
		margin:0 auto;
		clear:both;
		font-size:12px;
		color:#373331;
		}
		p.copyright {
			display:block;
			background:#373331;
			color:#fff;
			font-size:11px;
			padding:0 4px;
			margin:0 0 1em;
			}
			p.copyright a {
				color:#fff;
			}
		#footer .site-nav {
			float:left;
			}
			#footer .site-nav li {
				display:inline;
				}
				#footer .site-nav li a {
					color:#373331;
					text-decoration:none;
				}
				#footer .site-nav li a:hover {
					text-decoration:underline;
				}
		#footer .legal-nav {
			float:right;
			}
			#footer .legal-nav li {
				display:inline;
				color:#a9a9a9;
				}
				#footer .legal-nav li a {
					color:#a9a9a9;
					text-decoration:none;
				}
				#footer .legal-nav li a:hover {
					text-decoration:underline;
				}
			#footer .legal-nav li.welcoa {
				padding-right:16px;
				background:url(/img/welcoa.gif) no-repeat 100% 0;
			}
			
/* misc */	
			
.thrill,
.agony {
	margin:10px 0 20px !important;
	padding:10px !important;
}
.thrill {
	background:#A4CE84;
	color:#333;
}
.agony {
	background:#993D32;
	color:#fff;
}

form .agony {
	color:#993D32;
	border-left:5px solid #993D32;
	background:none;
	padding:0 0 0 10px !important;
	margin:20px 0 0 !important;
	font-weight:bold;
}

.formrow {
	margin:0 0 .5em;
}
.formrow label {
	float:left;
	width:75px;
	text-align:right;
}
.formrow .element {
	padding-left:85px;
}
.formrow small {
	font-size:10px;
	line-height:12px;
	display:block;
}

ul.video-list {
	margin:1em 0 3em;
	padding:0;
	float:left;
	display:inline;
	width:238px;
	list-style:none;
}
ul.video-list li {
	padding:0;
	margin:0;
}
ul.video-list li a {
	display:block;
	padding:10px;
	border:1px solid #ccc;
	margin:3px;
	text-decoration:none;
}
ul.video-list li a:hover {
	background:#f7f7f7;
}
div#video-player {
	clear:both;
	margin:0 0 10px;
	padding:0 0 10px;
	background:#ccc;
	width:478px;
}
div#video-player a {
	font-size:11px;
	line-height:11px;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	color:#333;
	margin:11px 10px 0;
	padding:5px 5px;
	background:#ccc;
	
}
div#video-player a:hover {
	background:#fff;
	color:#EAB34F;
}
p.supporting-file {
	background:#E9EDF7;
	padding:10px;
	font-size:13px;
}

.submit-app-bar {
	text-align:center;
	padding:20px;
	margin:20px 0;
	background:#f7f7f7;
	border:1px solid #ccc;
}
.submit-app-bar a {
	background:#eab24a url(/img/bttn-bg.gif) top left repeat-x; 
	color:#444; 
	padding:10px 24px 8px; 
	text-decoration:none; 
	font-size:16px; 
	line-height:16px;
	font-weight:bold;
}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    font-size: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE5/Mac \*/
	* html .clearfix {height: 1px;}
	.clearfix {display: block;}
	/* End hide from IE5/Mac */