/*-----------------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;
	}
.content{
	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;
	}
.options{
	font-style: normal;
	font-weight: bolder;
	color: #000;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	padding: 15px 0 0 40px;
	}	
.progress{
	letter-spacing: 1px;
	font-size: 10px;
	font-style: bold;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
.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: 16px 0 0 50px;
	}		
.shell_name2{	
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bolder;
	color: #003366;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	padding: 27px 0 0 75px;
	}	
.shell_name3 {	
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bolder;
	color: #003366;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	padding: 19px 0 0 55px;
	}		
.shell_name3x {	
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bolder;
	color: #003366;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	padding: 13px 0 0 55px;
	}
.form{
	letter-spacing: 1px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: left;
	padding: 15px 0 0 25px;
	}
.diff{
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bold;
	line-height: 13px;
	color: #000;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 10px;
	}	
.tiny {
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bold;
	line-height: 11px;
	color: #000;
	font-size: 9px;
	}	
.tiny a{
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bold;
	line-height: 11px;
	color: #000;
	font-size: 9px;
	}
.tiny a:hover{
	text-shadow: 1px 1px 1px #FFF;
	font-style: normal;
	font-weight: bold;
	line-height: 11px;
	color: #ff3300;
	font-size: 9px;
	}	
.head{
	font-style: normal;
	font-weight: bolder;
	color: #666;
	text-decoration: none;
	line-height: 21px;
	letter-spacing: 1px;
	font-size: 19px;
	}	
.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;
	}	
.answers{
	letter-spacing: 1px; line-height: 18px;
	font-size: 13px;
	font-style: bold;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
.ques{
	letter-spacing: 1px; line-height: 18px;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: right;
	}

/*-----------------fonts styles*/

#container{
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	}
/*-----------------one*/
#one{
	width: 100%; height: 30px;
	margin-top: 20px;
	}
#one-directions{
	float: left;
	width: 192px;
	z-index: -1;
	}
#one-cta{
	float: right;
	margin: -25px 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;
	}
#two3{
	width: 100%;
	background: url(../images/traffic-school/bk_grey.gif) repeat;
	height: 130px;
	}
#two-map{
	position: absolute;
	top:0; left: 0;
	width: 168px; height: 130px;
	}
#two-map-state{
	position: absolute;
	top:0; left: 0;
	width: 235px; height: 190px;
	}	
#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;
	}	
/*-----------------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: -10px;
	} 
#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: -10px;
	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: -10px;
	}
#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*/	

/*-----------------five*/
#five{
	width: 100%; height: 50px;
	background: url(../images/traffic-school/stripe2.gif) repeat-x;
	margin-top: 20px;
	}
#five-headline{
	position: absolute;
	top:0; left: 0;
	}		
/*-----------------five*/
/*-----------------six*/
#six{
	width: 100%; height: 80px;
	background: #ccc;
	margin-top: 25px;
	}
#six-directions{
	position: absolute;
	top: 0; left: 0;
	width: 144px;
	margin-top: -24px;
	}
#six-select{
	position: absolute;
	top: 0; left: 200px;
	width: 580px; height: 70px;
	margin: 5px 0 0 -15px;
	background: url(../images/traffic-school/shells/main_a_bk2.png) no-repeat;
	}	
#six1-tab-left{
	position: absolute;
	top: 0; left: -5px;
	width: 315px; height: 70px;
	}		
#six1-tab-right{
	position: absolute;
	top: 0; left: 270px;
	width: 315px; height: 70px;
	}			
#six3-tab-left{
	position: absolute;
	top: 8px; left: 7px;
	width: 199px; height: 70px;
	}	
#six3-tab-center{
	position: absolute;
	top: 8px; left: 191px;
	width: 199px; height: 70px;
	}	
#six3-tab-right{
	position: absolute;
	top: 8px; left:375px;
	width: 199px; height: 70px;
	}
/*-----------------six*/
/*-----------------seven*/

#seven{
	width: 100%; height: 630px;
	margin: 20px 0 40px 0;
	}
	/*-----------------seven-left*/
#seven-left{
	position: absolute;
	top: 0; left: 0px;
	width: 175px; height: 100%;
	overflow: hidden;
	}	
#seven-slice { 
	position: relative;
	width: 175px; height: 100%; 
	background: url(../images/traffic-school/tabs/tab_oj_stripe.png) repeat-y left;
	margin-top: -15px;
	} 
#seven-map{
	padding: 20px 0 0 25px;
	}
#seven-progress{
	padding: 0 0 0 25px;
	}
#seven-submit{
	float: right;
	padding-right: 40px;
	}				
	/*-----------------seven-left*/
	/*-----------------seven-center*/
#seven-center{
	position: absolute;
	top: 0; left: 200px;
	width: 550px; height: 100%;
	overflow: hidden;
	}		
#seven-slice2 { 
	position: relative;
	width: 550px; height: 100%; 
	background: url(../images/traffic-school/tabs/tab_gray_stripe.png) repeat-y left;
	margin-top: -15px;
	} 
#seven-online{
	position: absolute;
	top: 20px; left: 25px;
	width: 400px;
	}	
#seven-online-note{
	position:absolute; 
	top:0px; left:0px; 
	width:140px; height: 125px;
	}	
#seven-online-content{
	position: absolute;
	top: 25px; left: 170px;
	width: 240px; 
	}	
#seven-book{
	position: absolute;
	top: 200px; left: 25px;
	width: 400px;
	}	
#seven-book-content{
	position: absolute;
	top: 100px; left: 170px;
	width: 280px; 
	}	
#seven-book-EN{
	position:absolute; 
	top:0px; left: 0px; 
	width:140px; height: 125px;
	}	
#seven-book-RU{
	position:absolute; 
	top:0px; left: 260px; 
	width:90px; height: 80px;
	}	
#seven-book-SP{
	position:absolute; 	
	top:0px; left: 150px; 
	width:90px; height: 80px;	
	}	
/*#seven-language{
	position: absolute;
	top: 125px; left: 170px;
	width: 200px;
	}	*/
#seven-field{		
	position: relative;
 	float: left;
 	padding: 3px 22px 0 0px;
 	} 	
#seven-check{
	position: relative; float: left;
	margin: 15px 0 0 25px;
	} 	
#seven-submit{
	position: relative; float: right;
	}	
#seven-slice4 { 
	position: relative;
	width: 550px; height: 100%; 
	background: url(../images/traffic-school/tabs/tab_oj_stripe.png) repeat-y left;
	margin-top: -15px;
	} 
	
#seven-ques{
	position: relative; float: left;
	width: 195px; 
	margin: 15px 0 0 25px;
	}
#seven-answers{
	position: relative; float: left;
	width: 200px;
	margin: 15px 0 0 15px;
	}
#seven-edit{
	position: relative; float: right;
	width: 87px;
	margin: 15px 0 0 15px;
	text-align: right;
	}

	/*-----------------seven-center*/
	/*-----------------seven-right*/
#seven-right{
	position: absolute;
	top: 0px; left: 775px;
	width: 175px; height: 100%;
	overflow: hidden;	
	}				
#seven-slice3 { 
	position: relative;
	width: 175px; height: 100%; 
	background: url(../images/traffic-school/tabs/tab_gray_stripe.png) repeat-y left;
	margin-top: -15px;
	} 
	/*-----------------seven-right*/
/*-----------------seven*/

/*-----------------elements*/
.form-fields{
	margin-top:7px; padding:1px;
	}
.pencil{
	right:5px;
	}	
/*-----------------elements*/