@charset "utf-8";
/* CSS Document */
/* === HTML Section === */

.search-container{ 
	width: 100%;
	margin: 50px 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{
    width:80%;
    margin: 0 auto;
	padding:10px;
	position:relative;

}
.data-container{	
	min-height:200px;
	height:auto;
	overflow:hidden;
}
/* === List Section === */
ul.data-list{
	list-style:none;
}
ul.data-list li{
    width: 100%;
    height: auto;
    float: left;
    padding: 13px;
    border-bottom:1px solid #cbcbcb;
	
}
ul.data-list li:hover{
	background-color:rgba(74,161,194,0.3);
}
.list-img, .list-details{
	float:left;
}
.list-img{
	width:20%;
    margin: 8px;
}
.list-details{
	width:65%;
padding:20px;
    vertical-align: middle;
}
.list-details a{
	font-weight:bold;
	color: #58666e;
	text-decoration:none;
}


.list-details p {
    color: #585858;
    padding-right: 15px;
    padding-left: 0px;
}
/* === Form Section === */
form.auto-suggest-form .input-field{ width:49%;}
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;}