/* 
    Document   : enroll
    Created on : Oct 14, 2008, 9:24:35 PM
    Author     : ag
    Description:
        Additional css stylings for MCC Enrollment pages
*/

/*------- IMPORT -------*/
@import url("main_960.css");

.enroll #top_nav
{
	width: 100%;
}
	.enroll #top_nav .sub
	{
		margin-left: 443px;
		width: 517px;
	}

	.enroll #top_nav form#search
	{
		left: 412px;
	}

.enroll #crumb_bar
{
	padding-right: 15px;
	font-size: 20px;
	font-weight: bold;
	background: url(/images/enroll/header_gradient-blue-960.jpg) right top no-repeat;
}

.enroll #content
{
	float: none;
	padding-top: 10px;
	width: 960px;
}
	.enroll #content #intro
	{
		padding-top: 5px;
		padding-bottom: 0;
	}

.enroll #content .box
{
	width: 960px;
	background: url(/images/boxes/bg_box_960.gif) 0 0 repeat-y;
}
	.enroll #content .box dl
	{
		margin: 0 0 0 25px;
		padding: 0;
	}
		.enroll #content .box dl dt
		{
			margin: 0 0 3px 0;
			font-size: 110%;
		}
		.enroll #content .box dl dd
		{
			margin: 0 0 8px 20px;
		}
	
	/* positions need to be static due to jquery animations in IE */
	.enroll #content .box .copy,
	.enroll #content .box .copy div
	{
		position: static;
	}

	.enroll #content .box .copy
	{
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.enroll #content .box .copy h3
	{
		margin-top: 20px;
	}
		.enroll #content .box .copy .first
		{
			margin-top: 10px;
		}
	
	.enroll #content .box .top
	{
		height: 50px;
		margin-bottom: 10px;
		color: #ffffff;
		text-align: right;
		background: url(/images/boxes/bg_box_top-gradient-blue-960.jpg) 0 0 no-repeat;
	}
		.enroll #content .box .top h2.step
		{
			position: absolute;
			top: 5px;
			left: 15px;
			margin: 0;
			padding: 0;
			font-size: 36px;
			line-height: 36px;
		}
		.enroll #content .box .top h2.step-num
		{
			position: absolute;
			top: 8px;
			left: 115px;
			margin: 0;
			padding: 0;
			font-size: 55px;
			line-height: 55px;
		}
		.enroll #content .box .top h3
		{
			position: absolute;
			top: 39px;
			right: 14px;
			margin: 0;
			padding: 0;
			font-size: 18px;
			line-height: 20px;
		}
		
		/* progress bar */
		.enroll #content .box .top .progress
		{
			position: absolute;
			top: 5px;
			right: 3px;
			color: #999999;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
		}
			.enroll #content .box .top .progress ul
			{
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.enroll #content .box .top .progress ul li
				{
					float: left;
					display: inline;
					background: url(/images/enroll/progress/bg_li.gif) right top repeat-x;
					
					/*border-left: 1px solid #ff0000;*/
				}
					.enroll #content .box .top .progress ul li a:link,
					.enroll #content .box .top .progress ul li a:visited
					{
						display: block;
						padding: 5px 21px 5px 9px;
						text-decoration: none;
						color: #999999;
					}
					.enroll #content .box .top .progress ul li a:active,
					.enroll #content .box .top .progress ul li a:hover
					{
						display: block;
						padding: 5px 21px 5px 9px;
						text-decoration: none;
						color: #666666;
					}
					
				.enroll #content .box .top .progress ul li.prev
				{
					background: url(/images/enroll/progress/bg_li-prev.gif) right top repeat-x;
				}
				.enroll #content .box .top .progress ul li.current
				{
					background: url(/images/enroll/progress/bg_li-current.gif) -26px 0 no-repeat;
				}
					.enroll #content .box .top .progress ul li.current a
					{
						padding-right: 24px;
					}
				.enroll #content .box .top .progress ul li.first
				{
					background: url(/images/enroll/progress/bg_li-first.gif) left top no-repeat;
					padding-right: 0;
					padding-left: 9px;
				}
				.enroll #content .box .top .progress ul li.last
				{
					background: url(/images/enroll/progress/bg_li-last.gif) right top no-repeat;
					padding-right: 0;
					
				}
					.enroll #content .box .top .progress ul li.last a
					{
						padding-right: 18px;
					}
				.enroll #content .box .top .progress ul li.first.current
				{
					background: url(/images/enroll/progress/bg_li-first-current.gif) left top no-repeat;
					padding-right: 0;
					padding-left: 9px;
				}
				.enroll #content .box .top .progress ul li.last.current
				{
					background: url(/images/enroll/progress/bg_li-last-current.gif) right top no-repeat;
					padding-right: 0;
					padding-left: 2px;
				}
				
				.enroll #content .box .top .progress ul li.prev a:link,
				.enroll #content .box .top .progress ul li.prev a:visited,
				.enroll #content .box .top .progress ul li.current a:link,
				.enroll #content .box .top .progress ul li.current a:visited
				{
					color: #002a6c;
				}
				
				.enroll #content .box .top .progress ul li.prev a:active,
				.enroll #content .box .top .progress ul li.prev a:hover,
				.enroll #content .box .top .progress ul li.current a:active,
				.enroll #content .box .top .progress ul li.current a:hover
				{
					color: #000000;
				}
		
		.enroll #content .box .bottom
		{
			height: 64px;
			margin: 0;
			padding: 0;
			text-align: right;
			font-size: 14px;
			line-height: 14px;
			font-weight: bold;
			color: #002a6c;
			background: url(/images/boxes/bg_box_bottom-gradient-blue-960.jpg) left bottom no-repeat;
		}
			.enroll #content .box .bottom a:link,
			.enroll #content .box .bottom a:visited
			{
				display: block;
				padding: 21px 27px 15px 10px;
				text-decoration: none;
				color: #002a6c;
				background: url(/images/boxes/bg_box_bottom_link-gradient-blue.jpg) right top no-repeat;
			}
			.enroll #content .box .bottom a:active,
			.enroll #content .box .bottom a:hover
			{
				display: block;
				padding: 21px 27px 15px 10px;
				text-decoration: none;
				color: #000000;
				background: url(/images/boxes/bg_box_bottom_link-gradient-blue.jpg) right top no-repeat;
			}
				.enroll #content .box .bottom a span
				{
					display: inline-block;
					width: 140px;
					text-align: center;
				}
		
		.enroll #content .box .bottom .finished
		{
			position: absolute;
			top: 15px;
			left: 402px;
			width: 152px;
			height: 20px;
			margin: 0;
			padding: 6px 0 10px 0;
			text-align: center;
			background: url(/images/boxes/bg_box_finished-gradient-blue.gif) left top no-repeat;
		}

.enroll #enroll-help
{
	padding-top: 10px;
}
	.enroll #enroll-help table
	{
		float: left;
		margin-left: 80px;
	}
		.enroll #enroll-help th
		{
			margin: 0;
			padding: 0 0 5px 0;
		}
		.enroll #enroll-help td
		{
			margin: 0;
			padding: 0 10px 3px 20px;
		}
		
.enroll #method-options
{
	margin-top: 30px;
}
	.enroll #content .box .copy #method-options .no-margin h3
	{
		margin-top: 0;
	}

.enroll #print-method-trigger
{
	/*margin-top: 30px;*/
	/*display: none;*/
}
.enroll #print-method
{
	/*margin-top: 30px;*/
}
	.enroll #print-method table
	{
		width: 90%;
		margin: 0 auto;
	}
		.enroll #print-method table th
		{
			width: 30%;
			margin: 0 20px 0 20px;
			border-bottom: 1px solid #999999;
		}

/* ------------------------------------------ */
/* color elements */

/* ----- Green ----- */
.enroll .green #crumb_bar
{
	background: url(/images/enroll/header_gradient-green-960.jpg) right top no-repeat;
}

.enroll .green #content .box .top
{
	background: url(/images/boxes/bg_box_top-gradient-green-960.jpg) 0 0 no-repeat;
}
.enroll .green #content .box .bottom
{
	color: #1c4709;
	background: url(/images/boxes/bg_box_bottom-gradient-green-960.jpg) left bottom no-repeat;
}
	.enroll .green #content .box .bottom a:link,
	.enroll .green #content .box .bottom a:visited
	{
		color: #1c4709;
		background: url(/images/boxes/bg_box_bottom_link-gradient-green.jpg) right top no-repeat;
	}
	.enroll .green #content .box .bottom a:active,
	.enroll .green #content .box .bottom a:hover
	{
		color: #000000;
		background: url(/images/boxes/bg_box_bottom_link-gradient-green.jpg) right top no-repeat;
	}
	
	.enroll .green #content .box .bottom .finished
	{
		background: url(/images/boxes/bg_box_finished-gradient-green.gif) left top no-repeat;
	}
	
/* ----- Orange ----- */
.enroll .orange #crumb_bar
{
	background: url(/images/enroll/header_gradient-orange-960.jpg) right top no-repeat;
}

.enroll .orange #content .box .top
{
	background: url(/images/boxes/bg_box_top-gradient-orange-960.jpg) 0 0 no-repeat;
}
.enroll .orange #content .box .bottom
{
	color: #7f331a;
	background: url(/images/boxes/bg_box_bottom-gradient-orange-960.jpg) left bottom no-repeat;
}
	.enroll .orange #content .box .bottom a:link,
	.enroll .orange #content .box .bottom a:visited
	{
		color: #7f331a;
		background: url(/images/boxes/bg_box_bottom_link-gradient-orange.jpg) right top no-repeat;
	}
	.enroll .orange #content .box .bottom a:active,
	.enroll .orange #content .box .bottom a:hover
	{
		color: #000000;
		background: url(/images/boxes/bg_box_bottom_link-gradient-orange.jpg) right top no-repeat;
	}
	
	.enroll .orange #content .box .bottom .finished
	{
		background: url(/images/boxes/bg_box_finished-gradient-orange.gif) left top no-repeat;
	}
	
/* ----- Red ----- */
.enroll .red #crumb_bar
{
	background: url(/images/enroll/header_gradient-red-960.jpg) right top no-repeat;
}

.enroll .red #content .box .top
{
	background: url(/images/boxes/bg_box_top-gradient-red-960.jpg) 0 0 no-repeat;
}
.enroll .red #content .box .bottom
{
	color: #861803;
	background: url(/images/boxes/bg_box_bottom-gradient-red-960.jpg) left bottom no-repeat;
}
	.enroll .red #content .box .bottom a:link,
	.enroll .red #content .box .bottom a:visited
	{
		color: #861803;
		background: url(/images/boxes/bg_box_bottom_link-gradient-red.jpg) right top no-repeat;
	}
	.enroll .red #content .box .bottom a:active,
	.enroll .red #content .box .bottom a:hover
	{
		color: #000000;
		background: url(/images/boxes/bg_box_bottom_link-gradient-red.jpg) right top no-repeat;
	}
	
	.enroll .red #content .box .bottom .finished
	{
		background: url(/images/boxes/bg_box_finished-gradient-red.gif) left top no-repeat;
	}

/* ----- Purple ----- */
.enroll .purple #crumb_bar
{
	background: url(/images/enroll/header_gradient-purple-960.jpg) right top no-repeat;
}

.enroll .purple #content .box .top
{
	background: url(/images/boxes/bg_box_top-gradient-purple-960.jpg) 0 0 no-repeat;
}
.enroll .purple #content .box .bottom
{
	color: #4c1f2d;
	background: url(/images/boxes/bg_box_bottom-gradient-purple-960.jpg) left bottom no-repeat;
}
	.enroll .purple #content .box .bottom a:link,
	.enroll .purple #content .box .bottom a:visited
	{
		color: #4c1f2d;
		background: url(/images/boxes/bg_box_bottom_link-gradient-purple.jpg) right top no-repeat;
	}
	.enroll .purple #content .box .bottom a:active,
	.enroll .purple #content .box .bottom a:hover
	{
		color: #000000;
		background: url(/images/boxes/bg_box_bottom_link-gradient-purple.jpg) right top no-repeat;
	}
	
	.enroll .purple #content .box .bottom .finished
	{
		background: url(/images/boxes/bg_box_finished-gradient-purple.gif) left top no-repeat;
	}