@charset "utf-8";
/* CSS Document */

/*  Color Guide
----------------------------------------------------------------------------------------------------
The following were taken from the logo illustrator file in ASSETS
----------------------------------------------------------------------------------------------------
336699 = Logo Blue
ff3300 = Reddish Orange
ff9900 = Orange
339933 = Green
666666 = Grey
6699ff = Light Blue
99ccff = Lighter Blue

Below are colors were taken from existing styles
----------------------------------------------------------------------------------------------------
1479C5 = General Link color - Light Blue
65B1FF = Active Link color - Lighter Blue
223748 = Dark Blue
8EAAB9 = Bread Crumbs and Bottom Nav Link color - Lighter Blue
cadee5 = Border Color - Light Blue
42220B = UPS Brown
FFAC31 = UPS Yellow
4F7080 = Dark, Bluish Grey
009500 = Green
F45411 = Orange

000000 = Black
ffffff = White
999999 = Grey
cccccc = Light Grey
666666 = Dark Grey
333333 = Darker Grey

Here are some generic colors
----------------------------------------------------------------------------------------------------
ff0000 = Generic Red
00ff00 = Generic Green
0000ff = Generic Blue

00aeef = Generic Cyan
ec008c = Generic Magenta
fff200 = Generic Yellow
*/

/*  CSS Reset - Browsers come with default values such as margins and paddings. This reset gives us a clean slate to work with. 
----------------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*  Classes Library - Some commonly used classes are provided below for quick access.
----------------------------------------------------------------------------------------------------*/
.added						{ background:#2fa52f; color:#fff;}
.align-center 		{ text-align:center; }
.align-left 			{ text-align:left; }
.align-right 			{ text-align:right; }
.block 						{ display:block; }
.bold 						{ font-weight:bold; }
.borders					{ border:1px solid #cadee5; }
.clear-both 			{ clear:both; }
.clear-left 			{ clear:left; }
.clear-right 			{ clear:right; }
.float-left 			{ float:left; }
.float-left-img 	{ float:left; margin:0 15px 15px 0; }
.float-right 			{ float:right; }
.float-right-img 	{ float:right; margin:0 0 15px 15px; }
.hide 						{ display:none; }
.hide-visibility 	{ visibility:hidden; }
.highlight				{ background:#fff200; }
.inline 					{ display:inline; }
.inline-block 		{ display:inline-block; }
.inner						{ padding:10px; }
.italic 					{ font-style:italic; }
.large						{ font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.list-pos-in			{ list-style-position:inside; }
.list-pos-out			{ list-style-position:outside; margin-left:15px; }
.loud							{ color:#000; font-weight:bold; }
.lower-case 			{ text-transform: lowercase; }
.margin-top				{ margin-top: 20px; }
.no-margin 				{ margin: 0; }
.no-margin-left 	{ margin-left: 0 !important; }
.no-padding 			{ padding: 0; }
.padding-top			{ padding-top:20px; }	
.pointer					{ cursor: pointer; }
.quiet						{ color:#8EAAB9; }
.removed					{ background:#900; color:#fff; }
.small						{ font-size:.8em; line-height:1.875em; }
.strikethrough		{ text-decoration: line-through; }
.underline 				{ text-decoration:underline; }
.upper-case 			{ text-transform: uppercase; }
.visible 					{ display:block; }


/*  960.gs CSS Styles - DO NOT TOUCH
----------------------------------------------------------------------------------------------------*/
/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;	
	width: 960px;
	
	position:relative; /* This one is not a part of the original 960. It was added to counter IE's margin shift problem */
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.container_12 .grid_3, .container_16 .grid_4 		{ width: 220px; }
.container_12 .grid_6, .container_16 .grid_8 		{ width: 460px; }
.container_12 .grid_9, .container_16 .grid_12 	{ width: 700px; }
.container_12 .grid_12, .container_16 .grid_16 	{ width: 940px; }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; } 
.omega { margin-right: 0; }

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 	{ width: 60px; }
.container_12 .grid_2 	{ width: 140px; }
.container_12 .grid_4 	{ width: 300px; }
.container_12 .grid_5 	{ width: 380px; }
.container_12 .grid_7 	{ width: 540px; }
.container_12 .grid_8 	{ width: 620px; }
.container_12 .grid_10 	{ width: 780px; }
.container_12 .grid_11 	{ width: 860px; }

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 	{ width: 40px; }
.container_16 .grid_2 	{ width: 100px; }
.container_16 .grid_3 	{ width: 160px; }
.container_16 .grid_5 	{ width: 280px; }
.container_16 .grid_6 	{ width: 340px; }
.container_16 .grid_7 	{ width: 400px; }
.container_16 .grid_9 	{ width: 520px; }
.container_16 .grid_10 	{ width: 580px; }
.container_16 .grid_11 	{ width: 640px; }
.container_16 .grid_13 	{ width: 760px; }
.container_16 .grid_14 	{ width: 820px; }
.container_16 .grid_15 	{ width: 880px; }

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3, .container_16 .prefix_4 	{ padding-left: 240px; }
.container_12 .prefix_6, .container_16 .prefix_8 	{ padding-left: 480px; }
.container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px; }

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 	{ padding-left: 80px; }
.container_12 .prefix_2 	{ padding-left: 160px; }
.container_12 .prefix_4 	{ padding-left: 320px; }
.container_12 .prefix_5 	{ padding-left: 400px; }
.container_12 .prefix_7 	{ padding-left: 560px; }
.container_12 .prefix_8 	{ padding-left: 640px; }
.container_12 .prefix_10 	{ padding-left: 800px; }
.container_12 .prefix_11 	{ padding-left: 880px; }

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 	{ padding-left: 60px; }
.container_16 .prefix_2 	{ padding-left: 120px; }
.container_16 .prefix_3 	{ padding-left: 180px; }
.container_16 .prefix_5 	{ padding-left: 300px; }
.container_16 .prefix_6 	{ padding-left: 360px; }
.container_16 .prefix_7 	{ padding-left: 420px; }
.container_16 .prefix_9 	{ padding-left: 540px; }
.container_16 .prefix_10 	{ padding-left: 600px; }
.container_16 .prefix_11 	{ padding-left: 660px; }
.container_16 .prefix_13 	{ padding-left: 780px; }
.container_16 .prefix_14 	{ padding-left: 840px; }
.container_16 .prefix_15 	{ padding-left: 900px; }

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3, .container_16 .suffix_4 	{ padding-right: 240px; }
.container_12 .suffix_6, .container_16 .suffix_8 	{ padding-right: 480px; }
.container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px; }

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 	{ padding-right: 80px; }
.container_12 .suffix_2 	{ padding-right: 160px; }
.container_12 .suffix_4 	{ padding-right: 320px; }
.container_12 .suffix_5 	{ padding-right: 400px; }
.container_12 .suffix_7 	{ padding-right: 560px; }
.container_12 .suffix_8 	{ padding-right: 640px; }
.container_12 .suffix_10 	{ padding-right: 800px; }
.container_12 .suffix_11 	{ padding-right: 880px; }

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 	{ padding-right: 60px; }
.container_16 .suffix_2 	{ padding-right: 120px; }
.container_16 .suffix_3 	{ padding-right: 180px; }
.container_16 .suffix_5 	{ padding-right: 300px; }
.container_16 .suffix_6 	{ padding-right: 360px; }
.container_16 .suffix_7 	{ padding-right: 420px; }
.container_16 .suffix_9 	{ padding-right: 540px; }
.container_16 .suffix_10 	{ padding-right: 600px; }
.container_16 .suffix_11 	{ padding-right: 660px; }
.container_16 .suffix_13 	{ padding-right: 780px; }
.container_16 .suffix_14 	{ padding-right: 840px; }
.container_16 .suffix_15 	{ padding-right: 900px; }

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .push_3, .container_16 .push_4 	{ left: 240px; }
.container_12 .push_6, .container_16 .push_8 	{ left: 480px; }
.container_12 .push_9, .container_16 .push_12 { left: 720px; }

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 	{ left: 80px; }
.container_12 .push_2 	{ left: 160px; }
.container_12 .push_4 	{ left: 320px; }
.container_12 .push_5 	{ left: 400px; }
.container_12 .push_7 	{ left: 560px; }
.container_12 .push_8 	{ left: 640px; }
.container_12 .push_10 	{ left: 800px; }
.container_12 .push_11 	{ left: 880px; }

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 	{ left: 60px; }
.container_16 .push_2 	{ left: 120px; }
.container_16 .push_3 	{ left: 180px; }
.container_16 .push_5 	{ left: 300px; }
.container_16 .push_6 	{ left: 360px; }
.container_16 .push_7 	{ left: 420px; }
.container_16 .push_9 	{ left: 540px; }
.container_16 .push_10 	{ left: 600px; }
.container_16 .push_11 	{ left: 660px; }
.container_16 .push_13 	{ left: 780px; }
.container_16 .push_14 	{ left: 840px; }
.container_16 .push_15 	{ left: 900px; }

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_3, .container_16 .pull_4 	{ left: -240px; }
.container_12 .pull_6, .container_16 .pull_8 	{ left: -480px; }
.container_12 .pull_9, .container_16 .pull_12 { left: -720px; }

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 	{ left: -80px; }
.container_12 .pull_2 	{ left: -160px; }
.container_12 .pull_4 	{ left: -320px; }
.container_12 .pull_5 	{ left: -400px; }
.container_12 .pull_7 	{ left: -560px; }
.container_12 .pull_8 	{ left: -640px; }
.container_12 .pull_10 	{ left: -800px; }
.container_12 .pull_11 	{ left: -880px; }

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 	{	left: -60px; }
.container_16 .pull_2 	{	left: -120px; }
.container_16 .pull_3 	{	left: -180px; }
.container_16 .pull_5 	{	left: -300px; }
.container_16 .pull_6 	{	left: -360px; }
.container_16 .pull_7 	{ left: -420px; }
.container_16 .pull_9 	{	left: -540px; }
.container_16 .pull_10 	{ left: -600px; }
.container_16 .pull_11 	{ left: -660px; }
.container_16 .pull_13 	{ left: -780px; }
.container_16 .pull_14 	{ left: -840px; }
.container_16 .pull_15 	{ left: -900px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix { height: 1%; }

/*  960 CSS ENDS HERE
----------------------------------------------------------------------------------------------------*/

/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	background: url(../images/headerbg.gif) repeat-x;
	font-family: arial, verdana, Sans-Serif;
	font-size:12px; /* This sets the 'default' font-size. All other font-size declarations should use 'em', 
					and they will be calculated based on parent element font-size. */
}

p {
	margin-bottom:10px;
	line-height:1.5em;
}

/*  Heading
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.65em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.35em; }
h6 { font-size: 1.2em; }

/*  Links
----------------------------------------------------------------------------------------------------*/
a {
	color:#1479C5;
	text-decoration:none;
}
a:hover {
	color:#1479C5;
	text-decoration:underline;
}
a:active {
	color:#65B1FF;
	text-decoration:underline;
}
a:visited {
	color:#1479C5;
	text-decoration:none;
}
a:visited:hover {
	color:#1479C5;
	text-decoration:underline;
}
a:visited:active {
	color:#65B1FF;
	text-decoration:underline;
}
a:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

a.back-link {
	position: absolute;
	right: 0;
	top: 12px;
}

/* Lists
----------------------------------------------------------------------------------------------------*/	
ul, ol {
	padding-bottom:15px;
}

ul{ }
	ul li { line-height: 1.5em; }
	
ol{ }
	ol li { line-height: 1.5em; }
		
/* Form Elements
----------------------------------------------------------------------------------------------------*/
fieldset {
}
	fieldset .block {
		padding-bottom: 5px;
	}
	fieldset .block.first {
		padding-top: 5px;
	}
legend {}
label {}

.error-bullets {}
	.error-bullets ul {
		list-style-position: inside;
		padding: 15px;
	}
	
.error-messages {
	margin: 15px;
}

.edit-btn {
	float:right;
}


.reg-form-home {
	background:url(../images/reg-form-bg.png) repeat-x;
	
	float:left;
	padding:12px;	
	position: relative;
	left: 4px;
	top: -38px;
	
	width: 138px;
	-moz-box-shadow: .2em .2em .2em black; 
	-webkit-box-shadow: .2em .2em .2em black; 
     box-shadow: .2em .2em .2em black; 

	
	-moz-border-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-radius: 12px;
	-webkit-border-radius-top-right: 0;
	-webkit-border-radius-bottom-right: 0;
	
	
}

	.reg-form-home h3{
		padding-top:11px;
		font-size:18px;
		padding-bottom:7px;
		color:red;
	}
	.reg-form-home input {
		margin:4px 4px;
		width:128px;
		border:1px solid orange;
	}
		
	.reg-form-home .dropdown {
		margin:4px 4px;
		width:128px;
		border:1px solid orange;
		
		
	}
	.reg-form-home .mast-submit {
		position:absolute;
		left: 183px;
		top: 34px;
	}
	
.state-form{
	height:240px;
	width:281px;
	position:relative;
	top:-30px;
	
}
	
	.state-form .state-go{
		position:absolute;		
		top:220px;
		left:198px;
	}
		
	.state-form .reg-error{
		font-size:10px;
		color:red;
	}

	.state-form ul li{
		line-height:15px;
		list-style-type:none;
	}
	
	.state-form .notification{
		font-size:10px;
	}
	
	.state-form .edit-info{
		font-weight:bold;
		text-align: right;	
	}
	
	.state-form .reg-start{
		padding-top:5px;
		margin-left:27px;
		margin-bottom:10px;
	}
		
	
.statedropdown {
	background-image:url(../images/dropdownbg.png);
	background-repeat:no-repeat;
	width:250px;
	height:100px;
	position:absolute;
	/*float:right;*/
	top:85px;
	right:30px;
}


	.statedropdown .starttoday{
		position:relative;
		top:-32px;
	}

	.statedropdown .dropdown{
		width:150px;
		position:absolute;
		left:20px;
		top:23px;
		
	}
	
	.statedropdown .submitbt{
		position:absolute;
		float:right;
		top:12px;
		right:21px;
	}
	
.zipwrap{
	background:url(../images/driving%20lessons/zip-bg.png);
	background-repeat:no-repeat;
	float: left;
	position:relative;
	left:39px;
	top:55px;
	width:306px;
	height:100px;
}
	
	.zipwrap .zip-header{
		position:relative;
		top:22px;
		left:22px;
	}
	.zipwrap .button-submit{
		position:relative;
		left:-7px;
		top:23px;
		width:113px;
		
	}
	
	.zipwrap .zip-field{
		position:relative;
		top:21px;
		left:22px;
		width:126px;
		height:20px;
		border:1px solid green;
	}
		
	
/* Layout Styles
----------------------------------------------------------------------------------------------------*/
.wrapper{}

	.header{ 
		/*height:60px;*/
	}
			
	.masthead{
		background-image:url(../images/masthead-bg.jpg);
		background-repeat:repeat-x;
		height: 252px;
		margin:30px 0 15px 0;
	}
	
		.masthead .squeeze{
			margin:0 auto;
			height:252px;
			position: relative;
			width:940px;
		}
		
			.masthead .squeeze .main-image{
				position:relative;
				top:-20px;
				float:left;
			}
			
			.masthead .squeeze .main-image-ds{
				position:relative;
				top:-51px;
				float:left;
			}
			
			
			.masthead .squeeze .icon{
				position:relative;
				float:left;
				top:-50px;
				left:-10px;
			}
			
				.masthead .squeeze .aff{
				position:absolute;
				float:right;
				top:213px;
				left:313px;
				color:red;
				font-size:10px;
				width: 350px;;
			}
			
			
			.masthead .squeeze .main-header{
				position:relative;
				top:33px;
				left:90px;
				float:left;
			}
			
			.masthead .squeeze .main-header-lessons{
				position:relative;
				top:46px;
				left:11px;
				float:left;
			}
			
			.masthead .squeeze .main-header-state{
				position:relative;
				top:33px;
				left:-10px;
				float:left;
			}
	.masthead .squeeze .startbutton{
		position:relative;
		top:58px;
		left:67px;
	}
	
		.masthead .squeeze .startbutton a.button{
			display:block;
			background-image:url(../images/start_final.png);
			background-repeat:no-repeat;		
			width:225px;
			height:94px;
			overflow:hidden;
		}
		
		.masthead .squeeze .startbutton a.button:hover{
			background-position: 0 -97px;
		}
		
		.masthead .squeeze .state-select{
		position:relative;
		top:38px;
		left:67px;
		
		}
		
			.masthead .squeeze .state-select .icon-left{
				position:relative;
				float:left;
				left:5px;
				margin-right:15px;
			}
				
				.masthead .squeeze .state-select .icon-right{
				position:relative;
				float:left;
				left:50px;
										
			}
			
			.masthead .squeeze .state-select a.button-ca{
				position:relative;
				left:-213px;
				top:100px;
				float:left;
				display:block;
				background-image: url(../images/driving%20lessons/ca-button.png);
				background-repeat:no-repeat;		
				width:113px;
				height:26px;
				overflow:hidden;
				text-indent:-10000px;
			}
			
				.masthead .squeeze .state-select a.button-ca:hover{
				background-position: 0 -26px;
			}
			
				.masthead .squeeze .state-select a.button-ga{
				position:relative;
				top:74px;
				float:left;
				left:-53px;
				display:block;
				background-image: url(../images/driving%20lessons/ga-button.png);
				background-repeat:no-repeat;		
				width:113px;
				height:26px;
				overflow:hidden;
				text-indent:-10000px;
			}
			
			.masthead .squeeze .state-select a.button-ga:hover{
				background-position: 0 -26px;
			}
			
			.masthead .squeeze .startbutton p.login-text{
				/*margin-left:55px;			
				margin-top:-7px;*/
				margin: -7px auto 0 700px;
			}

		

				
	.alert{margin-bottom:43px;}		
	.content{ min-height:300px; }
	.content.driving-lessons {
		position:relative; 
		top:-41px	
	}
		
		.content .content-first-header{
			margin-bottom:20px;
		}
		
		.content .content-second-header{
			margin-bottom:20px;
		}
		
		.content .content-third-header{
			margin-bottom:20px;
		}
		
		.content .content-header{
			margin-bottom:20px;
		}
		
		.content p {
			margin-right: 15px;
		}
		
		.content ul li{
			margin-left:30px;
			margin-right: 20px;
		}
		
		.content.faq {
			position:relative;			
			}
			.content.faq h3 {
				font-size: 1.3em;
				
			}
			.content.faq h2 {
				margin-bottom:20px;
				
			}
			.content .faq head{
				margin-bottom:20px;
				
			}
			
			.content.faq p {
				margin-left: 18px;
			}
		
		.content .faq-intro-general{
			width:460px;
			
		}
		.content .faq-intro{
			width:460px;
			margin:0 auto;
		}
		.content .faq-approved{
						
		}
		
		.content .faq-approved .approved-left{
			float:left;
			position:relative;
			left:px;
			margin:0px;
			list-style-type:none;
		}
		.content .faq-approved .approved-left li{
			margin:5px 5px 5px 0;
		}
		.content .faq-approved .approved-right{
			float:left;
			position:relative;
			left:0px;
			list-style-type:none;
			
		}
		.content .faq-approved .approved-right li{
			margin:5px;
		}
		
			.content .faq-intro li {
				color: #1479C5;
				margin-left:30px;
			}
	
		.content .notice{
			font-size:12px;
		}
		
		.content .atoz {
			text-align: left;
		}
		
			.content .atoz p {
				font-size:0.9em;
				margin-right: 0;
			}
			
		.content .faq li {
			margin:10px;
			margin-left:40px;
		}

					
	.footer{ 
		clear: both;
		padding-top:30px;
		text-align: center;
	}

		.footer ul{
			list-style-type:none;
			margin: 0 auto;
			width: 330px;
		}
		
			.footer ul li{
				border-right:1px black solid;
				display:inline;
				float:left;
				padding:5px;
				font-size:.8em;
				line-height:.1em;
				
			}
			
				.footer ul li.last {
					border-right:none;
				}

/* Overrides
----------------------------------------------------------------------------------------------------*/
#dmv-scroller {
	margin: 0;
}
		
/* Accordion
----------------------------------------------------------------------------------------------------*/
h6.accordionButton {
	cursor:pointer;	
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
	color:#1479C5;
	
}

.accordionContainer {
	margin-bottom:10px;
}

.accordionContent{}
.accordionContent ul{
	margin-left:20px;
}


.margin-bottom-faq-header{
	padding-bottom:15px;
	margin-top:15px;
	border-bottom:1px solid black;
}