@charset "utf-8";
/* CSS Document */

#filterdiv
{
	text-align:center;
	background-color:#f8fbff;
	font-size:1.2em;
	font-weight:bold;
	margin:0.2em 0em;
	padding:0.2em 0em;
}

#filterdiv img
{
	float:right;
	margin-right:0.2em;
}

#advertlist
{
	list-style:none;
	background-color:white;
	padding:0em;
	margin:0em;
	text-align:center;
	min-height:20em;
	border:1px blue solid;
}

#advertlist .advertimg
{
	float:right;
	max-height:6em;
	max-width:6em;
	margin-top:0.5em;
	margin-right:0.5em;
}

#advertlist.list
{
	width:70%;
	margin:0em auto;
}

#views
{
	position:absolute;
	right:1em;
	top:2.2em;
}

#advertlist .advert
{
	display:inline-block;
	text-align:left;
	margin:0.5em;
	overflow:hidden;
	position:relative;
	vertical-align:top;
	/*border: 3px #7CEFFC ridge;*/
	background-color:#FFF;
	cursor:pointer;
}

.advert .images,
#advertlist .info
{
	display:none;
}

.info table
{
	border-collapse:collapse;
	border:1px black solid;
	text-align:center;
	margin:0.2em;
}

.info table tr:first-child
{
	background-color:#CCF;
}

.info td
{
	width:10em;
	border-right:1px black solid;
}

#advertlist .advert:hover
{
	background-color:#7CEFFC;
}

#advertlist.gallery li
{
  border-radius:0.3em;
	border:1px blue solid;
	box-shadow:2px 2px 4px blue;
	padding:0.3em;	
	background-color:#f8fbff;
}

#advertlist .desc
{
	white-space:nowrap;
	overflow:ellipsis;
}

.gallery .advert
{
	width:45%;
	margin:0.5em 1em;
	height:10em;
	max-height:10em;
}

#advertlist.list .advert
{
	display:block;
	height:auto;
	border:none;
	margin:0em;
	padding:0.2em 0em;
}

#advertlist.list .advert a,
#advertlist.list .desc,
#advertlist.list .submitdt,
#advertlist.list .location,
#advertlist.list img
{
	display:none;
}

#advertlist.list .advert h1
{
	display:inline-block;
	text-align:left;
	font-weight:normal;
}

#advertlist.list .rate,
#advertlist.list .advert .price
{
	float:right;
}

.advert a
{
	position:absolute;
	bottom:0.2em;
	left:0.2em;
	font-size:0.8em;
}

.submitdt
{
	position:absolute;
	bottom:0.2em;
	right:0.2em;
	color:gray;
	font-size:0.8em;
}

.advert h1
{
	font-size:1.1em;
	margin:0em;
	position:relative;
	z-index:1;
	white-space:nowrap;
	width:auto;
}

.advert p
{
	margin:0em;
	max-height:1.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#viewad .advert
{
	width:62em;
	margin:auto;
	display:block;
	height:auto;
	max-height:35em;
	overflow-y:auto;
	margin-top:1.2em;
	border:3px black ridge;
	padding-bottom:1.5em;
}

#viewad .price
{
	display:block;
	width:26em;
	text-align:right;
}

#viewad .advertimg
{
	display:none;
}

#viewad .advert p
{
	max-height:none;
	max-width:36em;
	white-space:normal;
}

#viewad .link
{
	margin-left:1em;
}

#viewad .respond
{
	width:34em;
	display:inline-block;
	margin-top:1em;
	margin-bottom:1em;
	padding:0.3em;
	background-color:#b6d5f9;
	border-radius:0.3em;
}

#viewad .respond h1
{
	text-align:left;
	font-size:1.2em;
	margin-bottom:0.5em;
}

#advertadd,
#advertsearch
{
	float:right;
	margin-left:0.3em;
	margin-right:0.5em;
}

#advertadd
{
	max-height:1.5em;
	max-width:1.5em;
}

#advertform
{
	border:3px solid rgb(153, 153, 153);
	border-radius:1em 1em 1em 1em;	
	box-shadow:2px 2px 5px gray;
	background-color:#FFF;
	z-index:2000;
	z-index:-1\9;
	padding:1em 1em 1em;
	margin:5em 10em auto;
	top:5em;
	width:35em;
	position:fixed;
	top:1em;	
	opacity:0;
	transform:scale(0,0);
	-webkit-transform:scale(0,0);
	transition:opacity 1.5s ease, transform 1.5s ease, z-index 1s ease 0.25s;
	-webkit-transition:opacity 1.5s ease, -webkit-transform 1.5s ease;
	-moz-transition:opacity 1.5s ease, -moz-transform 1.5s ease;
	-o-transition:opacity 1.5s ease, -o-transform 1.5s ease, z-index 1s ease 0.25s;
	-ms-transition:opacity 1.5s ease, -ms-transform 1.5s ease, z-index 1s ease 0.25s;
}

#advertform.display
{
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	opacity:1;
	z-index:2000;
}

#advertform .icon
{
	float:right;
	margin:0.3em;
}

#advertform label,
#viewad .respond label
{
	text-align:right;
	display:inline-block;
	width:10em;
	margin-right:0.2em;
}

#viewad .respond label
{
	width:5em;
	vertical-align:top;
}

#description
{
	vertical-align:middle;
	margin-bottom:0.5em;
}

#advertBtn
{
	margin-top:1em;
	text-align:center;
}

#map
{
	width:50%;
	height:10em;
	margin-top:0.5em;
}

#imgthumbs
{
	max-height:10em;
	position:absolute;
	bottom:0.1em;
	white-space:nowrap;
	max-width:25em;
	overflow-x:auto;
}
#imgthumbs img
{
	margin-left:0.3em;
	display:inline-block;
}

#images
{
	width:25em;
	/**min-height:22em;**/
	border-radius:0.5em;
	box-shadow:1px 1px 3px gray;
	text-align:center;
	padding:0.2em;
	float:right;
	right:1em;
	position:relative;
	padding-bottom:10em;
}

#images > img
{
	max-height:18em;
	max-width:20em;
}

#kblang span
{
	display:inline-block;
	width:2em;
	text-align:center;
	cursor:pointer;
}

#kblang span:hover
{
	color:blue;
}

#kblang .selected
{
	font-weight:bold;
}