@charset "utf-8";
/* CSS Document */
/* === HTML Section === */
body{
	font-family: Helvetica,Arial,sans-serif;
	font-size:14px;
	color: #58666e;
	background:#F5F5F5;
}
.search-container{ 
	width: 100%px;
	margin: 30px auto;
	padding: 35px;
	border: 1px solid #cbcbcb;
	background-color: #FFF;
}
.search-header{
	width:auto;
	height:50px;
	background-color:#F5F5F5;
	border:1px solid #cbcbcb;
	border-bottom:none;
	padding-left:22px;
}
.search-header h2{font-weight:500;}
.main-container{
	padding:10px;
	border:1px solid #cbcbcb;
	position:relative;

}
.data-container{	
	min-height:500px;
	max-height:800px;
	overflow:scroll;
}
/* === List Section === */
ul.data-list{
	list-style:none;
}
ul.data-list li{
    width: 92%;
    height: auto;
    float: left;
    padding: 13px;
	border: 1px solid #cbcbcb;
}
ul.data-list li:hover{
	background-color:#F5F5F5;
}
.list-img, .list-details{
	float:left;
}
.list-img{
	width:11%;
}
.list-details{
	width:80%;

}
.list-details a{
	font-weight:bold;
	color: #58666e;
	text-decoration:none;
}
/* === Form Section === */
form.auto-suggest-form .input-field{ width:98%; margin:22px auto;}
form.auto-suggest-form .right-align{float:right;}
form.auto-suggest-form .left-align{float:left;}
form.auto-suggest-form fieldset{border:none;}
form.auto-suggest-form input{width:96.2%; padding:5px 4px;}
form.auto-suggest-form *:focus {outline: none;}
form.auto-suggest-form textarea{
	width:98.4%;
	padding: 5px 4px;
	}
form.auto-suggest-form select{width:99.5%; padding:5px 2px; color: #58666e;}