/*	-------------------------------------------------------------
	CSS - ELA POP Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	eLearner Advisor styles
	Filename:		ela-pop_v2.css
	Version:			1.0
	Date:				Sep 26, 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		margin:0px;
		background:#d7d7d7 url(/ela/images/page_bg.jpg) repeat-x;
		font-family:Arial, Helvetica, sans-serif;
	}
	
/*	-------------------------------------------------------------
	Main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		width:760px;
		margin:0px auto;
	}
	#border-topleft {
		width:760px;
		background: url(/ela/images/shadow_topleft.jpg) top left no-repeat;
		display:table;
	}
	#border-left {
		width:760px;
		background: url(/ela/images/shadow_left.jpg) top left repeat-y;
		display:table;
	}
	#border-topright {
		width:760px;
		background: url(/ela/images/shadow_topright.jpg) top right no-repeat;
		display:table;
	}
	#border-right {
		width:760px;
		background: url(/ela/images/shadow_right.jpg) top right repeat-y;
		display:table;
	}
	#border-bottom {
		width:760px;
		height:10px;
		background: url(/ela/images/border-bottom.jpg) repeat-x;
	}
	#mainContentHolder {
		width:740px;
		border-left:2px solid #525252;
		border-right:2px solid #525252;
		display:table;
		margin:0px auto;
		background:#ffffff;
	}

/*	-------------------------------------------------------------
	Header & Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		width:740px;
		height:92px;
		background: url(/ela/images/header.jpg) no-repeat;
	}
	#header #navHolder {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width:630px;
		height:30px;
		margin:0px auto;
		padding:3px 0px 0px 0px;
		text-align:center;
		font-size:11px;
		line-height:12px;
		overflow:hidden;
	}
		#header #navHolder ul {
			margin:0px;
			padding:0px;
		}
			#header #navHolder li {
				list-style:none;
				float:left;
				margin:0px;
				padding:0px;
			}
		#header #navHolder a.nav:link, #header #navHolder  a.nav:visited, #header #navHolder  a.nav:active {
			text-decoration:none;
			color:#c7e3ff;
			display:block;
			width:80px;
			height:30px;
			padding:3px 5px 0px 5px;
			background:url(/ela/images/navbg_01.jpg) 0px 500px no-repeat;
		}
		#header #navHolder  a.nav:hover {
			text-decoration:underline;
			color:#ffffff;
			width:80px;
			height:30px;
			padding:3px 5px 0px 5px;
			font-weight:bold;
			display:block;
			background:url(/ela/images/navbg_01.jpg) no-repeat;
		}
	#header #sponsorHolder {
		margin:36px 38px 0px 0px;
		color:#a90000;
		display:block;
		clear:both;
	}
		#header #sponsorHolder p {
			text-align:right;
			margin:0px;
			padding:0px;
			font-size:11px;
			line-height:12px;
		}
	#footer {
		width:744px;
		height:30px;
		background:#525252;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#b9b9b9;
		font-size:10px;
		margin:0px auto;
		padding:4px 0px 0px 0px;
		display:block;
		clear:both;
	}
		#footer a:link, #footer a:active, #footer a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#b9b9b9;
			font-size:10px;
			text-decoration:none;
		}
		#footer a:hover {
			text-decoration:underline;
			color:#ffffff;
		}
		
/*	-------------------------------------------------------------
	Side Col Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol {
		width:214px;
		margin:6px 0px 0px 10px;
		float:left;
		display:inline;
	}
		#sideCol a:link, #sideCol a:active, #sideCol a:visited {
			color:#a90000;
		}
		#sideCol a:hover {
			color:#ff0000;
		}
	/* Welcome Msg
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#welcomeMsg {
		width:212px;
		border:1px solid #e7f1f8;
		background:#fcfdfe;
		display:table;
		padding:0px 0px 20px 0px;
		margin:0px 0px 6px 0px;
	}
		#welcomeMsg .titleSpace {
			width:194px;
			background:#f1f8fd;
			padding:9px 9px 7px 9px;
		}
		#welcomeMsg h1 {
			font-size:16px;
			color:#085194;
			margin:0px;
			line-height:16px;
		}
		#welcomeMsg .text {
			color:#705821;
			font-size:12px;
			margin:9px;
		}
	#progressMeter {
		font-size:10px;
		color:#525252;
		margin:12px 0px 0px 0px;
	}
		#progressMeter h2 {
			font-size:14px;
			color:#000000;
			margin:0px;
		}
		#progressMeter .meter {
			margin:8px 0px 0px 4px;
			display:inline;
			float:left;
		}
		#progressMeter .meterOff {
			margin:11px 0px 0px 4px;
			display:inline;
			float:left;
		}
	
	/* Pullquote
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#pullQuote {
		width:212px;
		border:1px solid #f8f3e7;
		background:#fefdfc;
		display:table;
		padding:0px 0px 20px 0px;
		margin:0px 0px 6px 0px;
	}
		#pullQuote .titleSpace {
			width:194px;
			background:#fdf9f1;
			padding:9px 9px 7px 9px;
		}
		#pullQuote h1 {
			font-size:16px;
			color:#946b08;
			margin:0px;
			line-height:16px;
		}
		#pullQuote .text {
			color:#705821;
			font-size:12px;
			margin:9px;
		}
		#pullQuote blockquote {
			color:#215170;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-size:16px;
			margin:9px;
		}
		#pullQuote .name {
			color:#e59e00;
			font-size:14px;
			margin:0px 0px 0px 15px;
		}
		#pullQuote .program {
			color:#000000;
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			margin:0px 10px 0px 24px;
		}
		
	/* Sponsor Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sponsorBox {
		width:212px;
		border:1px solid #c6edc2;
		background:#fcfefc;
		display:table;
		padding:0px 0px 0px 0px;
		margin:0px 0px 6px 0px;
	}
		#sponsorBox .titleSpace {
			width:194px;
			background:#f2fdf1;
			padding:9px 9px 7px 9px;
		}
		#sponsorBox h1 {
			font-size:16px;
			color:#129408;
			margin:0px;
			line-height:16px;
		}
		#sponsorBox .text {
			color:#705821;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			margin:9px;
		}
		#sponsorBox a.go:link, #sponsorBox a.go:active, #sponsorBox a.go:visited {
			display:block;
			text-align:center;
			width:107px;
			height:21px;
			font-size:11px;
			font-weight:bold;
			color:#129408;
			background:url(/ela/images/sponsors_button.jpg) top no-repeat;
			padding:6px 0px 0px 0px;
			margin:4px 0px 0px 0px;
		}
		#sponsorBox a.go:hover {
			background:url(/ela/images/sponsors_button.jpg) bottom no-repeat;
			color:#CC0000;
		}
	/* Lists
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol .list {
		margin:0px 0px 0px 16px;
		padding:0px 0px 0px 0px;
	}
	#sideCol .list li {
		list-style-position: outside;
		list-style-type: square;
		margin:0px;
		padding:0px;
		font-size:11px;
	}
	

/*	-------------------------------------------------------------
	main Col Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:490px;
		margin:12px 0px 10px 15px;
		float:left;
	}
		#mainCol h2 {
			color:#085194;
			font-size:13px;
			margin:0px;
		}
		#mainCol h1 {
			color:#e59e00;
			font-size:20px;
			margin:0px 0px 16px 0px;
		}
		#mainCol h1 em{
			text-decoration:underline;
			font-style:normal;
			color:#926500;
		}
		#mainCol a:link, #mainCol a:active, #mainCol a:visited {
			color:#a90000;
		}
		#mainCol a:hover {
			color:#ff0000;
		}
		#mainCol a.bigButton:link, #mainCol a.bigButton:active, #mainCol a.bigButton:visited {
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			width:161px;
			height:27px;
			display:block;
			background:url(/ela/images/bigbutton.gif) top left no-repeat;
			text-align:center;
			padding:12px 0px 0px 0px;
			color:#a90000;
		}
		#mainCol a.bigButton:hover {
			text-decoration:underline;
			background:url(/ela/images/bigbutton.gif) bottom left no-repeat;
			color:#ff0000;
		}
		#mainCol .list {
			margin:0px 0px 0px 16px;
			padding:0px;
			display:block;
		}
		#mainCol .list li {
			list-style-position: outside;
			list-style-type: square;
			margin:0px;
			padding:0px;
			font-size:13px;
		}
	/* Question Boxes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .boxBlue {
		width:475px;
		background:#f4f8fb;
		border:1px solid #c2dbed;
		padding:6px;
		margin:0px 0px 2px 0px;
		display:table;
	}
	#mainCol .boxOrange {
		width:475px;
		background:#fbf9f4;
		border:1px solid #ede0c2;
		padding:6px;
		margin:0px 0px 2px 0px;
		display:table;
	}
	#mainCol .number {
		width:22px;
		text-align:right;
		float:left;
		color:#e59e00;
		font-size:10px;
		display:block;
		margin:3px 3px 0px 0px;
		font-weight:bold;
	}
	#mainCol .question {
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		margin:0px;
	}
	#mainCol .question p {
		margin:0px 0px 6px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		width:450px;
	}
	#mainCol .questionMark {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	#mainCol .questionMark a:link, #mainCol .questionMark a:active, #mainCol .questionMark a:visited {
		color:#a90000;
	}
	#mainCol .questionMark a:hover {
		color:#ff0000;
	}
	#mainCol hr {
		width:465px;
		margin:6px auto;
		height:1px;
		background: #ffffff;
		color:#ffffff;
		border:0px;
		display:block;
		border-bottom: 1px dashed #cccccc;
	}
	#q8 input {
		clear:both;
	}
	/* in-box Charts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blueChart {
		width:450px;
	}
		#blueChart .top {
			width:110px;
			height:30px;
			float:left;
			/* background:#C2DBED; 
			margin:0px 1px 0px 0px; */
			color:#666666;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			padding:6px 0px;
		}
		#blueChart .data {
			width:110px;
			height:18px;
			float:left;
			/* background:#C2DBED; 
			margin: 1px 1px 0px 0px; */
			text-align:center;
			padding:2px 0px;
		}
		#blueChart strong {
			padding:4px 0px 3px 0px;
			display:block;
		}
	#orangeChart {
		width:450px;
	}
		#orangeChart .top {
			width:110px;
			height:30px;
			float:left;
			background:#5e4710;
			color:#ffffff;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			margin:0px 1px 0px 0px;
			padding:6px 0px;
		}
		#orangeChart .data {
			width:110px;
			height:18px;
			margin: 1px 1px 0px 0px;
			float:left;
			background:#103d5e;
			text-align:center;
			padding:2px 0px;
			color:#f4f8fb;
		}
		#orangeChart strong {
			padding:4px 0px 3px 0px;
			display:block;
		}
	
	/* out-of-box Charts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.threeCell {
		width:44px;
		text-align:center;
		float:left;
		display:block;
	}
	.twoCell {
		width:66px;
		text-align:center;
		float:left;
		display:block;
	}
	.oneCell {
		width:134px;
		text-align:center;
		float:left;
		display:block;
	}
		.oneCell p.scorePercent {
			font-weight:bold;
			margin:0px 0px 4px 0px;
		}
		.oneCell p.scoreStatus {
			margin:4px 0px 0px 0px;
		}
	.bigCell {
		width:344px;
		display:block;
		float:left;
		padding:7px 0px 7px 10px;
	}
	#mainCol .chartHeader {
		width:489px;
		font-size:11px;
		font-weight:bold;
		clear:both;
		background:#e5e5e5;
		margin:0px 0px 1px 0px;
		display:table;
	}
		#mainCol .chartHeader .bigCell {
			text-align:center;
		}
		#mainCol .chartHeader .threeCell {
			height:46px;
			border-left:1px solid #ffffff;
		}
		#mainCol .chartHeader .twoCell {
			padding:7px 0px;
			border-left:1px solid #ffffff;
		}
		#mainCol .chartHeader .oneCell {
			padding:7px 0px;
			border-left:1px solid #ffffff;
		}
	#mainCol .chartDataOrange {
		width:489px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		clear:both;
		background:#FDF9F1;
		display:table;
		margin-bottom:1px;
	}
		#mainCol .chartDataOrange .threeCell {
			margin-left:1px;
		}
		#mainCol .chartDataOrange .twoCell {
			padding:7px 0px;
		}
		#mainCol .chartDataOrange .oneCell {
			padding:7px 0px;
		}
		#mainCol .chartDataOrange p.scorePercent {
			color:#085194;
			font-size:12px;
		}
	#mainCol .chartDataBlue {
		width:489px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		clear:both;
		background:#F1F8FD;
		display:table;
		margin-bottom:1px;
	}
		#mainCol .chartDataBlue .threeCell {
			margin-left:1px;
		}
		#mainCol .chartDataBlue .twoCell {
			padding:7px 0px;
		}
		#mainCol .chartDataBlue .oneCell {
			padding:7px 0px;
		}
		#mainCol .chartDataBlue p.scorePercent {
			color:#085194;
			font-size:12px;
		}
	#mainCol .chartResultsOrange {
		width:487px;
		border:1px solid #ede0c2;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		clear:both;
		background:#fbf9f4;
		display:table;
		margin-bottom:1px;
	}
		#mainCol .chartResultsOrange .bigCell {
			font-size:17px;
			width:240px;
			color:#000000;
		}
		#mainCol .chartResultsOrange .twoCell {
			padding:14px 0px 0px 0px;
			width:104px;
			font-weight:bold;
			font-size:24px;
			color:#085194;
		}
		#mainCol .chartResultsOrange .oneCell {
			padding:7px 0px;
			width:132px;
		}
		#mainCol .chartResultsOrange p.scorePercent {
			color:#085194;
			font-size:12px;
		}
	
	#mainCol .chartResultsBlue {
		width:487px;
		background:#f4f8fb;
		border:1px solid #c2dbed;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		clear:both;
		display:table;
		margin-bottom:1px;
	}
		#mainCol .chartResultsBlue .bigCell {
			font-size:17px;
			width:240px;
			color:#000000;
		}
		#mainCol .chartResultsBlue .twoCell {
			padding:14px 0px 0px 0px;
			width:80px;
			font-weight:bold;
			font-size:24px;
			color:#085194;
		}
		#mainCol .chartResultsBlue .oneCell {
			padding:7px 0px 7px 20px;
			width:136px;
		}
			#mainCol .chartResultsBlue .oneCell a.btn:link, #mainCol .chartResultsBlue .oneCell a.btn:active, #mainCol .chartResultsBlue .oneCell a.btn:visited {
				width:131px;
				height:28px;
				display:block;
				background:url(../images/blueResultsBtn.gif) top left no-repeat;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				padding:11px 0px 0px 0px;
			}
			#mainCol .chartResultsBlue .oneCell a.btn:hover {
				background:url(../images/blueResultsBtn.gif) bottom left no-repeat;
				text-decoration:underline;
			}
		#mainCol .chartResultsBlue p.scorePercent {
			color:#085194;
			font-size:12px;
		}

	/* single Column Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#singleCol {
			width:660px;
			margin:16px 40px;
			font-size:14px;
		}
			#singleCol a:link, #singleCol a:active, #singleCol a:visited {
				color:#a90000;
			}
			#singleCol a:hover {
				color:#ff0000;
			}
			#singleCol h3 {
				color:#085194;
				font-size:18px;
				margin:0px;
			}
			#singleCol h2 {
				color:#085194;
				font-size:13px;
				margin:0px;
			}
			#singleCol h1 {
				color:#e59e00;
				font-size:20px;
				margin:0px;
			}
			#singleCol .center {
				text-align:center;
			}
			#singleCol p {
				margin:4px 0px 20px 0px;
				padding:0px;
				font-size:13px;
			}
			#singleCol .boxBlue {
				border:1px solid #c2dbed;
				background:#f4f8fb; 
				padding:10px 30px;
				margin:0px 0px 2px 0px
			}
			#singleCol .boxOrange {
				border:1px solid #ede0c2;
				background:#fbf9f4; 
				padding:10px 30px;
				margin:0px 0px 2px 0px
			}
			#singleCol hr {
				width:650px;
				margin:6px auto;
				height:1px;
				background: #ffffff;
				color:#ffffff;
				border:0px;
				display:block;
				border-bottom: 1px dashed #cccccc;
			}
			#singleCol ul {
				margin-bottom:0px;
				padding-bottom:0px;
			}
			#singleCol .text {
				clear:both;
				margin:10px 18px;
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			#singleCol #col1 h3, #singleCol #col2 h3, #singleCol #col3 h3{
				margin:13px 10px 0px 60px;
				line-height:18px;
			}
			#singleCol #col1 {
				width:211px;
				height:233px;
				background: url(/ela/images/bc_1.gif) no-repeat;
				float:left;
				margin:0px 13px 10px 0px;
				display:block;
			}
				#singleCol #col1 a.button:link, #singleCol #col1 a.button:active, #singleCol #col1 a.button:visited {
					width:161px;
					height:27px;
					padding:12px 0px 0px 0px;
					margin:10px auto 0px auto;
					display:block;
					font-size:13px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					text-align:center;
					text-decoration:none;
					background:url(/ela/images/col1_btn.gif) top no-repeat;
				}
				#singleCol #col1 a.button:hover {
					background:url(/ela/images/col1_btn.gif) bottom no-repeat;
					text-decoration:underline;
				}
				.content {
					height:176px;
					display:table;
				}
			#singleCol #col2 {
				width:211px;
				height:233px;
				background: url(/ela/images/bc_2.gif) no-repeat;
				float:left;
				margin:0px 13px 10px 0px;
				display:block;
			}
				#singleCol #col2 a.button:link, #singleCol #col2 a.button:active, #singleCol #col2 a.button:visited {
					width:161px;
					height:27px;
					padding:12px 0px 0px 0px;
					margin:10px auto 0px auto;
					display:block;
					font-size:13px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					text-align:center;
					text-decoration:none;
					background:url(/ela/images/col2_btn.gif) top no-repeat;
				}
				#singleCol #col2 a.button:hover {
					background:url(/ela/images/col2_btn.gif) bottom no-repeat;
					text-decoration:underline;
				}
			#singleCol #col3 {
				width:211px;
				height:233px;
				background: url(/ela/images/bc_3.gif) no-repeat;
				float:left;
				margin:0px 0px 10px 0px;
				display:block;
			}
				#singleCol #col3 a.button:link, #singleCol #col3 a.button:active, #singleCol #col3 a.button:visited {
					width:161px;
					height:27px;
					padding:12px 0px 0px 0px;
					margin:10px auto 0px auto;
					display:block;
					font-size:13px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					text-align:center;
					text-decoration:none;
					background:url(/ela/images/col3_btn.gif) top no-repeat;
				}
				#singleCol #col3 a.button:hover {
					background:url(/ela/images/col3_btn.gif) bottom no-repeat;
					text-decoration:underline;
				}
		#mainImg {
			width:682px;
			height:324px;
			margin:10px auto 0px auto;
			background: url(/ela/images/conf_img01.jpg) no-repeat;
		}
			#mainImg #headerMsg {
				padding:150px 20px 0px 390px;
				color:#ffffff;
			}
			#mainImg #headerMsg h1 {
				color:#ffe0de;
				font-size:18px;
			}