/*----------------Second step, refine your search by county + levels... -----------------------*/

#employment-search{
	float: left;
	width: 490px;
	margin: 20px 0 20px 0;
	background: url(../images/directory-search-bg-repeat.gif) left top repeat-y;
	font-size: 85%;
	color: #295e68;
	}
	#employment-search-top{
		float: left;
		width: 470px;
		padding: 20px 10px 10px 10px;
		background: url(../images/directory-search-bg-top.jpg) left top no-repeat;
		}
		#employment-search-top ul li{
			float: left;
			width: 470px;
			padding: 0 0 5px 0;
			}
			#employment-search-panel label, #employment-search-panel .label{
				float: left;
				width: 180px;
				text-align: right;
				padding: 2px 10px 0 0;
				font-weight: bold;
				}
			#employment-search-panel select{
				float: left;
				width: 270px;
				font-size: 90%;
				color: #224c56;
				}
			#employment-search-panel #employment_keyword{
				float: left;
				width: 264px;
				font-size: 90%;
				color: #224c56;
				padding: 2px;
				background: #ffffff;
				border: 1px solid #7F9DB9;
				}
			/*#employment-search-panel .radio-buttons{
				float: left;
				margin: 3px 0 0 0;
				}
			#employment-search-panel .level_label1{
				float: left;
				width: 60px;
				padding: 3px 0 0 3px;
				text-align: left;
				font-size: 80%;
				font-weight: normal;
				}
			#employment-search-panel .level_label2{
				float: left;
				width: 100px;
				padding: 3px 0 0 3px;
				text-align: left;
				font-size: 80%;
				font-weight: normal;
				}
			#employment-search-panel .level_label3{
				float: left;
				width:70px;
				padding: 3px 0 0 3px;
				text-align: left;
				font-size: 80%;
				font-weight: normal;
				}
				*html #employment-search-panel .radio-buttons{
					float: left;
					margin: 0 0 0 0;
					padding: 0;
					}
				*html #employment-search-panel .level_label1{
					float: left;
					width: 60px;
					padding: 5px 0 0 0;
					text-align: left;
					font-size: 80%;
					}
				*html #employment-search-panel .level_label2{
					float: left;
					width: 100px;
					padding: 5px 0 0 0;
					text-align: left;
					font-size: 80%;
					}
				*html #employment-search-panel .level_label3{
					float: left;
					width: 50px;
					padding: 5px 0 0 0;
					text-align: left;
					font-size: 80%;
					}*/
				
		#employment-search-now{
			float: left;
			width: 150px;
			background: url(../images/directory-search-bg-bottom.gif) left top no-repeat;
			padding: 5px 55px 6px 340px;
			width: 95px;
			height: 24px;
			}
			



/*------------------Instructors listing-----------------*/
#employment-listing{
	float: left;
	width: 490px;
	}
	#employment-listing-title{
		float: left;
		width: 490px;
		}
	#employment-listing-title img{
		float: left;
		}
	/*#employment-listing h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	}*/
	#employment-listing .product-listing-titles{
		float: left;
		width: 490px;
		clear: both;
		color: #524b38;
		font-weight: normal;
		font-size: 80%;
		padding: 10px 0 0 0;
		display: block;
		}
		.matching-results{
			float: left;
			width: 250px;
			}
		.pagging{
			float: right;
			width: 240px;
			text-align: right;
			margin: 0;
			display: inline;
			font-size: 90%;
			}
			.pagging a{
				color: #0f869b;
				font-weight: bold;
				}
			.pagging a:hover, #pagging a:focus{
				color: #000;
				}
		#employment-listing ul, #employment-listing ul li{
			float: left;
			width: 490px;
			}
		#employment-listing ul li a{
			float: left;
			width: 470px;
			padding: 10px;
			font-size: 80%;
			font-weight: normal;
			text-decoration: none;
			clear: both;
			}
		#employment-listing ul li a:hover{
			background: url(../images/jobs-listing-splits.gif) left bottom no-repeat /*#eceadf*/ #EAEAD2;
			color: #295f69;
			cursor: pointer;
			}
		.light{
			background: url(../images/jobs-listing-splits.gif) left bottom no-repeat #fff;
			}
		.dark{
			background: url(../images/jobs-listing-splits.gif) left bottom no-repeat #f5f4ed;
			}
			#employment-listing ul li .job-title{
				float: left;
				width: 223px;
				}
			#employment-listing ul li .job-location{
				float: left;
				width: 164px;
				}
				*html #employment-listing ul li .job-location{
					width: 160px;
					}

/*--------------------Instructor details page------------------*/
#employment-details{
	float: left;
	width: 490px;
	margin: 10px 0 10px 0;
	}
	#instructor-details #zone-image{
		float: left;
		width: 218px;
		height: 218px;
		border: 1px solid #c7bfaa;
		margin: 0 10px 0 0;
		}
		#instructor-details #zone-image img{
			float: left;
			margin: 3px 0 0 3px;
			width: 210px;
			height: 210px;
			border: 1px solid #c7bfaa;
			}
	
	#instructor-details #zone-description{
		float: left;
		width: 258px;
		background: #fff;
		padding: 1px;
		color: #827960;
		}
		#instructor-details #zone-description #name{
			clear: both;
			padding: 5px 5px 5px 5px;
			margin: 0 0 1px 0;
			width: 248px;
			font-weight: bold;
			color: #224c56;
			font-size: 80%;
			background: url(../images/breadcrumb-bg.gif) left top repeat-x #dde4e3;
			}
		#instructor-details #zone-description ul{
			clear: both;
			width: 236px;
			border: 1px dashed #d0d0d0;
			padding: 10px;
			font-size: 80%;
			}
		#instructor-details #zone-description ul#contact-details{
			border-top: none;
			margin: 0;
			background: #fff;
			}
		
		#instructor-details #zone-description #studio-name{
			color: #524b38;
			font-weight: bold;
			}
		#instructor-details #zone-description #url{
			clear: both;
			width: 236px;
			border: 1px dashed #d0d0d0;
			border-top: none;
			padding: 10px;
			font-size: 80%;
			}
		
		#instructor-details #zone-description #url a{
			padding: 0 15px 0 0;
			background: url(../images/icons/new-window.gif) right center no-repeat;
			}
			
		#instructor-details #zone-description #buy-now{
			clear: both;
			width: 236px;
			border: 1px dashed #d0d0d0;
			padding: 10px;
			font-size: 80%;
			border-top: none;
			text-align: right;
			}

/*------------extra-info------------*/
#extra-info{
	float: left;
	width: 488px;
	background: #fff;
	padding: 1px;
	margin: 0;
	color: #447782;
	color: #3F8884;
	}
	
	#extra-info #more-info-top{
		float: left;
		width: 466px;
		border-top: 1px dashed #d0d0d0;
		}
	#extra-info .more-info{
		float: left;
		width: 466px;
		padding: 0 10px 10px 10px;
		border: 1px dashed #d0d0d0;
		border-top: none;
		}
		#extra-info .more-info p{
			float: left;
			width: 466px;
			}
			#extra-info .title{
				float: left;
				width: 85px;
				text-align: right;
				padding: 0 5px 0 0;
				}
			
			#extra-info .icons{
				font-weight: bold;
				background: url(../images/icons/green-tick.gif) left center no-repeat;
				padding: 1px 15px 1px 18px;
				}