
/*-----------------fonts styles*/
.bullets{
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height: 16px;
	font-size: 13px;
	padding: 15px 0 0 25px;
	}
.content3{
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 17px;
	font-size: 13px;
	}
.content2{
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: 17px;
	font-size: 13px;
	}
	
.two-dropdown{
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 15px;
	letter-spacing: 1px;
	font-size: 13px;
	border: 1px solid #000; 
	width: 265px; height: 22px;
	}
.jurisd {
	font-style: normal;
	font-weight: normal;
	line-height: 11px;
	color: #000;
	font-size: 9px;
	margin-top:-20px;
	text-shadow: 0 0 0;
	}		
/*----panels----*/
.two-state{
	position: absolute;
	background: url(../../images/traffic-school/shells/nav_fields4_out.png) no-repeat;
	width: 425px; height: 62px;
	top:-4px; left: 257px;
	}
	.two-goback{
		position:relative; float:right; 
		margin: 17px 45px 0 0;
		}
	.two-ST-name0{
		position:relative; float:left; 
		margin: 21px 0 0 55px;
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_CA.png) no-repeat;
		text-indent: -9999px;
		}
	.two-ST-name4{
		position:relative; float:left; 
		margin: 21px 0 0 55px;
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_AZ.png) no-repeat;
		text-indent: -9999px;
		}
	.two-ST-name6
	{
		position:relative; float:left; 
		margin: 21px 0 0 55px;
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_TX.png) no-repeat;
		text-indent: -9999px;
	}
.two-county0{
	position:absolute; 
	top:33px; left: 257px; 
	width: 425px; height: 100px; 
	background: url(../../images/traffic-school/shells/nav_fields4_over.png) no-repeat; 
	z-index:100;
	}
	.two-county-select{
		position:relative; float:left; 
		padding-top:8px;
	}
	.two-reason-select {
		float: left;
		padding-top: 8px;
		position: relative;
	}
	.two-go{
		position:absolute; 
		top:13px; right:73px; 
		width:75px; height: 75px;
	}
.two-court0{
	position:absolute; 
	top:105px; left: 257px; 
	width: 425px; height: 62px; 
	background: url(../../images/traffic-school/shells/nav_fields4_out.png) no-repeat; 
	padding: 25px 0 0 60px;
	}
	
	.two-ST-name1{
		position:relative; float:left; 
		margin: 21px 0 0 55px; 
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_CA.png) no-repeat;
		text-indent: -9999px;
		}
	.two-ST-name2{
		position:relative; float:left; 
		margin: 21px 0 0 55px; 
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_NV.png) no-repeat;
		text-indent: -9999px;
	}
	.two-ST-name3{
		position:relative; float:left; 
		margin: 21px 0 0 55px; 
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_FL.png) no-repeat;
		text-indent: -9999px;
	}
	.two-ST-name5{
		position:relative; float:left; 
		margin: 21px 0 0 55px; 
		width: 200px; height: 37px; 
		background: url(../../images/traffic-school/shells/state_AZ.png) no-repeat;
		text-indent: -9999px;
	}	
.two-county1{
	position:absolute; 
	top:34px; left: 257px; 
	width: 425px; height: 62px; 
	background: url(../../images/traffic-school/shells/nav_fields4_out.png) no-repeat;
	}

	.two-court1{
		position:absolute; 
		top:72px; left: 257px; 
		width: 425px; height: 100px; 
		background: url(../../images/traffic-school/shells/nav_fields4_over.png) no-repeat; 
		z-index:100; 
		}
.shell_name{
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bolder;
	color: #003366;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	padding: 22px 0 0 60px;
	}




/*-----------------fonts styles*/

#container{
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	}
/*-----------------one*/
#one{
	width: 100%; height: 30px;
	padding-top: 20px;
	}
	#one.v2 {
		margin-top: 0;
	}
#one-directions{
	float: left;
	width: 192px;
	z-index: -1;
	}
#one-cta{
	float: right;
	margin: -12px 65px 0 0;
	}
/*-----------------one*/
/*-----------------two*/
#two{
	width: 100%;
	background: url(../../images/traffic-school/bk_grey.gif) repeat;
	height: 200px;
	}
#two2{
	width: 100%;
	background: url(../../images/traffic-school/bk_grey.gif) repeat;
	height: 100px;
	}
	#two2.v2 {
		height: auto;
		margin-top: 0;
		padding-bottom: 20px;
	}
		#two2.v2 img.state-name-img {
			display: block;
			float: left;
			margin-top: 20px;
		}
		#two2.v2 h3 {
			padding-bottom: 15px;
			padding-top:24px;
		}
		#two2.v2 p {
			font-size: 1.3em;
		}
			#two2.v2 p.small {
				font-size: 0.9em;
			}
		#two2.v2 h3, #two2.v2 p {
			margin-left: 200px;
		}
#two3{
	width: 100%;
	background: url(../../images/traffic-school/bk_grey.gif) repeat;
	height: 130px;
	}
#two4 {
	background: url(../../images/traffic-school/bk_grey.gif) repeat;
	height: 100%;
	padding: 20px 0;
	width: 100%;
}
	#two4 #container {}
		#two4 .form {
			background: url(../../images/traffic-school/shells/shell_blue_tall.jpg) no-repeat;
			margin: 0 auto;
			padding-left: 55px;
			padding-right: 25px;
			padding-top: 12px;
			width: 320px;
			
			-moz-box-shadow: 0 0 10px #000;
			-webkit-box-shadow: 0 0 10px #000;
			box-shadow: 0 0 10px #000;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
			#two4 .form h2 {
				position: relative;
				left: 45px;
			}
			#two4 .form legend {
				margin-bottom: 10px;
				padding-left: 85px;
			}
			#two4 .form label {
				display: block;
				font-size: 1.2em;
				margin-bottom: 5px;
				margin-left: 25px;
			}
			#two4 .form input {
				float: left;
			}
			#two4 .form #select-court {
				display: none;
				margin-left: 25px;
			}
			#two4 .form #go-button-1, #two4 .form #go-button-2 {
				display: none;
			}
				#two4 .form #go-button-1 img, #two4 .form #go-button-2 img {
					display: block;
					margin: 0 auto;
				}

/*#two-map{
	position: absolute;
	top:60px; left: 0;
	width: 168px; height: 130px;
	}
	*/
#two-map-state{
	position: absolute;
	top:0; left: 0;
	width: 235px; height: 50px;
	}	
#two-buttons{
	position: absolute;
	top: 0; left: 700px;
	width: 250px;
	}				
/*-----------------two*/
/*-----------------three*/
#three{
	width: 100%; height: 60px;
	background: url(../../images/traffic-school/stripe2.gif) repeat-x 0 10px;
	margin-top: 10px;
	}
#three-headline{
	position: absolute;
	top:0; left: 0;
	margin-top: 16px;
	}	
/*-----------------three*/
/*-----------------four-----------------change height to 100% below*/
#four{
	width: 100%; height: 475px;
	margin: 0px 0 20px 0;
	}
	/*-----------------four-left*/
#four-left{
	position: absolute;
	top: 0; left: 0;
	width: 250px; height: 100%;
	overflow: hidden;
	}
#four-notdo{
	position: relative;
	float: right;
	padding: 15px 0 0 25px;
	}	
/*#four-book{
	position: relative;
	float: left;
	padding: 15px 0 0 25px;
	}	*/
#four-slice { 
	position: relative;
	width: 250px; height: 100%; 
	background: url(../../images/traffic-school/tabs/tab_gray_stripe.png) repeat-y left;
	margin-top: -5px;
	} 
	#four-slice p {
		padding: 15px 0 0 25px;
	}
#four-testi1 {
	position: relative;
	float: left;
	font-style: italic;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height: 19px;
	font-size: 14px;
	text-align: left;
	padding: 10px 0 0 25px;
	}
#four-testi2{
	position: relative;
	float: right;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 10px;
	text-align: right;
	padding: 10px 20px 0 0;
	}		
	/*-----------------four-left*/
	/*-----------------four-center*/

#four-center{
	position: absolute;
	top: 0; left: 275px;
	width: 400px; height: 100%;
	overflow: hidden;
	}
#four-center-slice { 
	width: 375px; height: 100%; 
	background: url(../../images/traffic-school/tabs/tab_gray_stripe.png) repeat-y left;
	margin-top: -5px;
	padding:15px 0 0 25px;
	} 

	/*-----------------four-center*/
	/*-----------------four-right*/

#four-right{
	position: absolute;
	top:0; left: 700px;
	width: 250px; height: 100%;
	overflow: hidden;	
	}		
#four-slice2 { 
	width: 250px; height: 100%; 
	background: url(../../images/traffic-school/tabs/tab_oj_stripe.png) repeat-y left;
	margin-top: -5px;
	}
#four-right-online{
	position:relative; 
	float:left; 
	margin: 15px 0 0 25px;
	}	
#four-right-book{
	position:relative; 
	float:left; 
	margin: 15px 0 0 25px;
	}		
#four-right-content{
	position:relative; 
	padding: 10px 0 0 25px;
	}	
	
	
	/*-----------------four-right*/
	
/*----------------------------------------four-left-top*/
#four-left-top .item {display: inline; float: left; overflow: hidden; width: 250px; height: 100%;}
#four-left-top .item .authimg {position: absolute; }
#four-left-top .item  a {position: relative; }
#four-left-top .item cite {display: block; }
#four-left-top .item p.all {position: absolute;}
/*----------------------------------------four-left-top*/
/*----------------------------------------four-left-bottom*/
#four-left-bottom .item {display: inline; float: left; overflow: hidden; width: 250px; height: 100%;}
#four-left-bottom .item .authimg {position: absolute;}
#four-left-bottom .item  a {position: relative;}
#four-left-bottom .item cite {display: block;}
#four-left-bottom .item p.all {position: absolute;}
/*----------------------------------------four-left-bottom*/
/*----------------------------------------four-center*/
#four-center .item {display: inline; float: left; overflow: hidden; width: 400px; height: 100%;}
#four-center .item .authimg {position: absolute;}
#four-center .item  a {position: relative;}
#four-center .item cite {display: block;}
#four-center .item p.all {position: absolute;}
/*----------------------------------------four-center*/
/*----------------------------------------four-right*/
#four-right .item {display: inline; float: left; overflow: hidden; width: 250px; height: 100%;}
#four-right .item .authimg {position: absolute;}
#four-right .item  a {position: relative;}
#four-right .item cite {display: block;}
#four-right .item p.all {position: absolute;}
/*----------------------------------------four-right*/
/*-----------------four*/	


/*-----------------elements*/
.form-fields{
	margin-top:7px; padding:1px;
	}
.pencil{
	right:5px;
	}	
/*-----------------elements*/
	
