/***************************************
	SmallAds Stylesheet for Bilar.is Website
	Developed by Haukur Mar Bodvarsson
***************************************/
#search-options{
	display: none;
	height: 300px;
}
#detailed-search{
	display: none;
	position: absolute;
	top: 36px;
	left: 290px;
	width: 500px;
}


div.small-ads acronym, #ad-view acronym{
	border: none;
}

/* Common classes */

/* View Ad */
div.ad-view-wrapper h2.car-name, div.ad-view h2.car-name{
	color: #c1191c;
	font-size: 1.5em;
}
div.ad-view h3, div.ad-view-wrapper h3, div.ad-view-wrapper .car-price, div.ad-view .car-price{
	color: #7e7e80;
	font-size: 1.1em;
	padding: 0 0 .5em;
}

div.ad-view-wrapper .car-price, div.ad-view .car-price{
	font-size: 1.3em;
	}
	div.ad-view-wrapper .car-price span, div.ad-view .car-price span{
		color: #7da721;
	}
	
	div.ad-view{
		_height: 1%;
	}
	div.ad-view #ad-images{
		float: left;
		width: 326px;
		margin-right: 10px;
	}
	
	div.ad-view #ad-info{
		float: right;
		width: 340px;
	}
	
	div.ad-view #ad-images img.default-img{
		margin: 0 0 5px;
		width: 320px;
		height: 240px;
	}
	
	div.ad-view #ad-images img{
		padding: 2px;
		border: 1px solid #e7e3d4;
		cursor: pointer;
	}
	div.ad-view #ad-images img.sel{
		border:1px solid #c1191c; 
	}
	
	div.ad-view	p.pic-info{
		border: 1px solid #e1ddc8; 
		padding: 2px 7px;
		margin: 0 0 4px 0;
		color: #585858;
		font-size: .9em;
	}
	
	div.ad-view #ad-images span.thumb{
		position: relative;
		display: block;
		float: left;
		}
		div.ad-view #ad-images span.thumb span.new{
			display: block;
			width: 55px;
			height: 55px;
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/new_pic_overlay.png',sizingMethod='scale');
		}
		html>body div.ad-view #ad-images span.thumb span.new{
			filter:none;
			background: url(../../Images/new_pic_overlay.png) 0 0 no-repeat;
		}
	div.ad-view #ad-images span.thumb a.del-img{
		display: block;
		width: 16px;
		height: 16px;
		font-size: 0;
		line-height: 0;
		position: absolute;
		right: 5px;
		bottom: 5px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/icons/16x16/remove.png',sizingMethod='scale');
		cursor: pointer;
	}
	html>body div.ad-view #ad-images span.thumb a.del-img{
		filter:none;
		background: url(../../Images/icons/16x16/remove.png) 0 0 no-repeat;
	}
	div.ad-view #ad-images span.thumb a.del-img:hover{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/icons/16x16/remove_hover.png',sizingMethod='scale');
	}
	html>body div.ad-view #ad-images span.thumb a.del-img:hover{
		filter:none;
		background: url(../../Images/icons/16x16/remove_hover.png) 0 0 no-repeat;
	}
	div.ad-view #ad-images span.thumb a.del-loading{
		filter:none;
		background: url(../../Images/icons/16x16/loading.gif) 0 0 no-repeat !important;
	}
	
	/* Detailed info */
	div.ad-view #ad-info dl{
		width: 100%;
		overflow: hidden;
	}
	div.ad-view #ad-info dt{
		clear: both;
		width: 40%;
		font-weight: bold;
	}
	div.ad-view #ad-info dd{
		width: 55%;
	}
	div.ad-view #ad-info dt, 
	div.ad-view #ad-info dd{
		float: left;
		padding: 0 0 3px;
	}
	
#ad-view #ad-contact{
	clear: both;
	padding: 5px 0; 
	margin: 0 -15px;
	}
	#ad-view #ad-contact div.content{
		padding: 0 15px;
	}
	#ad-view #ad-contact div.ui-f-mtxt label{
		line-height: 19px;
	}
	
	
/* Ad List */
span.nr-of-ads{
	display: block;
	position: relative;
	top: -2em;
	margin-bottom: -1em;
	font-size: 1.1em;
	width: 50%;
}
#sort-by{text-align: right;position: relative;}
#sort-by strong{margin: 0 10px 0 0;}
#sort-by a{text-decoration: none;}
#sort-by a:hover{text-decoration: underline;}
#sort-by a.sel{
	color: #901e20;
	text-decoration: underline;
}	
#sort-by a.sel:hover{text-decoration: none;}
#sort-by a.desc, 
#sort-by a.asc
{
	background: url(../../Images/icons/dart_down.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
}
#sort-by a.asc{
	background: url(../../Images/icons/dart_up.gif) 0 50% no-repeat;
}

div.ad-list{
	font-size:.9em;
}
div.ad-list a{
	text-decoration: none;
}
div.ad-list a:hover{
	text-decoration: underline;
}
/* Clearing */
div.ad-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.ad-list{zoom:1;}

div.ad-list div.ad-item{
	width: 216px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 20px;
	position: relative;
	}
	div.ad-list div.ad-item-last{
		margin: 0;
	}

	div.ad-list div.ad-item span.new-today{
		display: block;
		width: 55px;
		height: 55px;
		cursor: pointer;
		position: absolute;
		top: 0;
		left: 0;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/new_pic_overlay.png',sizingMethod='scale');
	}
	html>body div.ad-list div.ad-item span.new-today{
		filter:none;
		background: url(../../Images/new_pic_overlay.png) 0 0 no-repeat;
	}
	

	div.ad-list div.default-img{
		border: 1px solid #e1ddc8;
		background: #fff;
		float: left;
/*
		height: 150px;
		overflow: hidden;
*/
	}
	div.ad-list div.default-img-wrapper{
		height: 170px;
	}
	div.ad-list div.default-img img{
		border: 4px solid #e1ddc8;
		margin: 3px;
		max-height: 150px;
	}
	div.ad-list h2.car-name{
		padding: 8px 0 0;
		color: #4295ba;
		font-size: 1.1em;
		clear: both;
	}
	div.ad-list h3{
		color: #7e7e80;
		font-size: 1.1em;
		padding: 0 0 .5em;
	}

	div.ad-list div.description{
		height: 4em;
	}
	div.ad-list a.more{
		clear: both;
	}
	
	div.ad-list dl{
		overflow: hidden;
		width: 100%;
		padding-bottom: 7px;
	}
	div.ad-list dl dt{
		float: left;
		display: block;
		width: 100px;
		clear: both;
		font-weight: bold;
		padding: 0 0 5px;
	}
	div.ad-list dl dd{
		float: left;
	}
	/* IE7 */
	*:first-child+html div.ad-list dl dd{
		float: none;
	}
	
	div.ad-list .price{
		color: #5b8423;
		font-weight: bold;
	}
	
	#left div.most-viewed{
		margin: 10px 0;
		}
		div.most-viewed .divider{
			margin: 14px 0 0;
		}
		div.most-viewed .first-divider{
			margin-top: 7px;
			margin-bottom: 14px;
		}
		div.most-viewed .ad-item{
			margin: 6px 0;
		}
		div.most-viewed .ad-item h2{
			font-size: 1em;
		}
		div.most-viewed .ad-item a{
			text-decoration: none;
		}
		div.most-viewed .ad-item a:hover{
			text-decoration: underline;
		}
		div.most-viewed .ad-item .default-img{
			border: 1px solid #e1ddc8;
			background: #fff;
		}
		div.most-viewed .ad-item .default-img a{
			border: 3px solid #fff;
			display: block;
		}
		div.most-viewed .ad-item p.price{
			font-size: .9em;
			font-weight: bold;
			color: #7DA721;
			margin: 0;
			padding: 0;
			}
			div.most-viewed .ad-item p.price span{
				color: #7e7e80;
			}

	
/* Edit Ad */

div.edit-ad h2{
	padding: 7px 0;
	margin: 0;
	
}
#customer-login h3{
	padding: 0 0 10px 0;
}	
#customer-login p{
	padding-top:0;
}
#customer-login label{
	font-weight: normal;
}
#customer-login .ui-u{
	width: 47%;
	margin-right: 20px;
}
#customer-login .ui-u-last{
	margin-right: 0;
}
#customer-login p.center{
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 1.2em;
}
#customer-login div.highlight{
	background: #f4f4f4;
	border: 1px solid #ccc;
	padding: 10px;
}
#customer-login div.fb-login-btn{
	margin: 0 auto;
	width: 188px;
}
#customer-login div.ui-f-btn{
	padding-left: 120px;
}

#customer-login div.bilar-login label{
	width: 54px;
}	
#customer-login div.bilar-login div.ui-f-btn{
	padding-left: 54px;
}	

#customer-login a.forgot-password{
	margin: 3px 0 10px 54px;
	font-size: .9em;
	display: block;
	float: left;
}

#customer-login div.new-customer{
	padding-bottom: 48px;
}

/* Steps */
div.steps{
	position: relative;
	margin-right: -10px;
	padding: 7px 0 20px;
}
div.steps a.sel{
	font-weight: bold;
}
div.steps ul{
	margin: 0;
	padding: 0;
}
/* Clearing */
div.steps ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.steps ul{zoom:1;}

div.steps li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.steps li a{
	display: block;
	height: 40px;
	width: 136px;
	background-image: url(../../Images/Forms/bg_steps4.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -2000em;
	overflow: hidden;
	outline: none;
	}
	div.steps li.step1 a.sel{background-position: 0 0;}

	/* Normal and active states */
	div.steps li.step2 a{background-position: -137px 0;}
	div.steps li.step2 a.sel{background-position: -137px -60px;}
	div.steps li.step3 a{background-position: -273px 0;}
	div.steps li.step3 a.sel{background-position: -273px -120px;}
	div.steps li.step4 a{background-position: -409px 0;}
	div.steps li.step4 a.sel{background-position: -409px -180px;}
	div.steps li.step5 a{width: 139px;background-position: -546px 0;}
	div.steps li.step5 a.sel{width: 139px;background-position: -546px -240px;}
	
	div.step2 li.step1 a{background-position: 0 -60px;}/* step1 state when step2 is active */
	div.step3 li.step1 a, div.step4 li.step1 a, div.step5 li.step1 a{background-position: 0 -120px;} /* step1 state when step 3,4 and 5 is active */
	
	div.step3 li.step2 a{background-position: -137px -120px;}/* step2 state when step3 is active */
	div.step4 li.step2 a, div.step5 li.step2 a{background-position: -137px -180px;} /* Step2 when step 4 and 5 is active */

	div.step5 li.step3 a, /* Top line is just until payment step is complete */
	div.step4 li.step3 a{background-position: -273px -180px;} /* step3 state when step4 is active */
	/*div.step5 li.step3 a{background-position: -273px -240px;} /* step3 state when step5 is active */
	
	div.step5 li.step4 a{background-position: -409px -240px;} /* step4 state when step5 is active */



/* Clearing */
#upload-controls{
	padding: 0 0 10px;
}
#upload-controls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#upload-controls{zoom:1;}

#upload-controls div.file-inputs{
	width: 49%;
}
#upload-controls div.progress-panel{
	float: left;
	margin: 0;
	min-height: 150px;
/*
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
*/
	}
	#upload-controls div.progress-panel div.progress-bar{
		width: 500px;
		min-height: 120px;
		border: 1px solid #e1ddc8 !important;
		background: #fff !important;
	}
	
#images-uploaded{
	position: relative;
	min-height: 300px;
	margin: 10px 0;
	
	}
	#images-uploaded div.img-loading{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	#images-uploaded div.img-loading img{
		position: absolute;
		top: 70px;
		left: 42%;
	}

#images-uploaded div.ad-list div.default-img{
	float: left;
	margin: 0 7px 7px 0;
}
#images-uploaded div.ad-list div.default-img a.default-img img,
#images-uploaded div.ad-list div.default-img a:hover img{
	border-color: #ca191d;
}

.user-exist{
	color: red;
}


/* My Ads */
div.my-ads .ad-expired{
	color: red;
}

div.my-ads .ad-valid{
	color: Green;
}


div.pager { font-size: 0.9em;font-family:verdana; padding: 0.8em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; text-decoration: none; }
.pager .pager-info{padding: 0 10px 0 0; color: #293239;}
.pager span.pager-cell{margin: 0 3px 0;}
.pager a{color: #63931d; text-decoration: underline;border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em .3em .2em 0.5em; }
.pager a:hover {border: 1px solid #63931d;} 
/*.pager a:visited {color: #63931d; text-decoration: underline; border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }*/
.pager .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pager .pager-cell-current { border: 1px solid #63931d; padding: 0.2em 0.5em; font-weight: bold; background: #63931d; color: #FFF; }
.pager a:active{color: #360; }