.SearchPage table td, .SearchPage table th {
    border: 0;
    padding: 2px 5px;
    vertical-align: top;
}
.u80_line {
    height: 3px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 320px;
}
.u80_line {
    background-image: url("../images/u80_line.png");
}
.player-button {
    background: -moz-linear-gradient(center top , #D9D9D9 5%, #B2B2B2 100%) repeat scroll 0 0 #BABABA;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #777777;
    display: inline-block;
    font-family: arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.player-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
        cursor: pointer;
}
.player-button:active {
	position:relative;
	top:1px;
}
.button-div { padding: 2px 2px 2px 115px; }
.location-name {
    font-weight: bold;
    font-size: 20px;
	display:block;
}
.location-name a{
    color:#505050;

}
a.btn {
    text-decoration: none;
    width: 190px;
}
.pointer-image-div {
    text-align: center;
}
.distance {
    font-weight: bold;
}
.SearchPage img {
    background: none;
    border: none;
    height: auto;
}
.map-cell {
    width:350px;
    height:180px
}
.search-for {
    background-color: #E6E6E6;
    height: 25px;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    clear: both;
}
.search-for .left {
    text-align: left;
}
.search-for .right {
    float: right;
}
.imagecontainer {
    float: left;
}

.titleimagecontainer {
    padding: 35px 5px 30px 5px;
}
.page_navigation {
    text-align: center;
	clear:both;
    padding-top: 20px;
 }



#user-location {
	width:100%;
	max-width:100%;
	padding:10px 0;
    overflow: hidden;

}
	#user-location input {
		float:left;
		width:450px;
		height:26px;
		font-size: 12px;
		padding-left:33px;
		border-radius:4px;
		background: #FFF url(../images/search/magnifying_26x26.png) left center no-repeat;
        margin: 0 4px 0 0;
	}

#map-container{
	margin-top: 27px;
    width: 100%;
}
	#loc-list{
		float: left;
        width: 49%;
        margin: 0;
        padding: 0;
	}
		#loc-list ul {
			margin:0;
			padding:0;
		}
			#loc-list ul li {
				cursor:pointer;
				padding:5px;
                margin: 0;
                list-style: none;
			}
				#loc-list .left-col {
					float:left;
					width:122px;
					margin-right:10px;
				}
				#loc-list .right-col {
				}
					#loc-list .location-name {
						font-size:18px;
					}
					.brief-description {
						padding:5px 0;
					}
				#loc-list .clear {
					clear:both;
				}

#int-message{
     text-align: center;
}

#search-title{
     width: 100%;
     height: 70px;
     padding-top:60px;
     font-size: 30px;
     font-weight: bold;
     color: #8B008B;
}
#SearchPage_Loading img {
	width:60px;
	display:block;
	margin:0 auto;
}

#SearchPage #pageContainer {
	min-height:200px;
}

#map{
    float: right;
    height: 370px;
    width: 49%;
}
.SearchPageContainer #pageContainer {
    overflow: hidden;
    clear: both;
}
.searchpagefooter {
    overflow: hidden;
    padding-top: 5px;
    margin: 0 auto 30px auto;
    width: 530px;
    font-size: 12px;
}
.searchpagefooter .sort,
.searchpagefooter {
}
.perpage {
	margin: 10px auto;
	width: 50%;
}
.perpage .pagerNum,
.searchpagefooter .sort span.sortType {
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding: 3px 10px;
    margin: 2px;
    text-decoration: none;
    font-size: 12px;
    background: #846b6b;
    line-height: normal;
    display: inline-block;
    border-radius: 3px;
}
.perpage .pagerNum:hover,
.searchpagefooter .sort span.sortType:hover {
    background: #AA9191;
}
.perpage .pagerNum.active,
.searchpagefooter .sort span.sortType.active {
    background: #2ECC71;
}
.perpage .pagerNum.active:hover,
.searchpagefooter .sort span.sortType.active:hover {
    background: #54F297;
}
.SearchPageContainer section.mainContent.longContent {
    background: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
#error-alert {
    clear:both;
}

@media (min-width: 768px) and (max-width: 940px) {
    #map{
        float: none;
        height: 370px;
        margin-right: 100px;
        width: 85%;
        max-width: 925px;
    }
    #loc-list{
        width: 85%;
    }
    #user-location input {
        width: 430px;
    }
    .page_navigation {
        padding: 10px 0 0 0;
        max-width: 100%;
    }
    button {
        margin-right: 30px;
    }
    .search-for {
        margin-top: 25px;
        padding: 10px 5px 5px 5px;
        width: 95%;
    }
    #loc-list .left-col {
        float:left;
        width:20%;
        margin-right:10px;
    }
    #loc-list .right-col {
        float:left;
        width:75%;
    }
    #error-alert {
        width: 100%;
        clear:both;
    }
}

@media (max-width: 768px) {
    .mainContainer {
        width: auto;
        padding: 10px;
    }
    .SearchPage {
        width: auto;
    }
    #map{
        float: none;
        height: 370px;
        max-width: 925px;
        width: 100%;
    }
    #loc-list{
        width: 100%;
    }
    #user-location input {
        width: 430px;
    }
    .page_navigation {
        padding: 10px 0 0 0;
        max-width: 100%;
    }
    button {
        margin-right: 30px;
    }
    .search-for {
        margin-top: 25px;
        padding: 10px 5px 5px 5px;
    }
    #error-alert {
        width: 100%;
    }
    #map-container {
        margin-top: 27px;
        width: 100%;
    }
    #loc-list .left-col {
        float:left;
        width:20%;
        margin-right:10px;
    }
    #loc-list .right-col {
        float:left;
        width:75%;
    }
}

@media (max-width: 480px) {
    #user-location input {
        width: 80%;
        float: none;
    }
    #submit {
        float: none;
    }
    .page_navigation {
        padding: 10px 0 0 0;
        max-width: 100%;
    }
    button {
        margin-right: 30px;
    }
    .search-for {
        margin-top: 25px;
        padding: 10px 5px 5px 5px;
        width: 95%;
    }
    #loc-list .left-col {
        float:left;
        width:20%;
        margin-right:10px;
    }
    #loc-list .right-col {
        float:left;
        width:75%;
    }
    #error-alert {
        width: 100%;
    }
}