/*-- reset css 
------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }
:focus, :active { outline:none;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
* { margin: 0; padding:0; outline:none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner { border:none;}


/*-- clearfix
------------------------------*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; }

body { font-family: "Verdana"; font-size: 12px; }
a { color: #1176a2; text-decoration: none; }
p { margin-bottom: 1.5em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5em; margin-bottom: 1.5em; margin-top: 1em; color: #222; }

#topbar { position: absolute; top: 0; hieght: 28px; line-height: 28px; background: #f5f5f5; border-bottom: 1px solid #eee; width: 100%; overflow:hidden;}
#topbar .wrapRight { padding: 0 40px; float: right; }
#topbar .wrapLeft { padding: 0 30px; float: left; }
#topbar a { font-family: "Arial"; }

#container { width: 980px; margin: 30px auto 0; }
#content { color: #666; background: #f5f5f5; border: #eee solid 4px; padding: 10px 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow:hidden; }
#content .linkAd { padding: 0 10px; float:right; width:450px; }
#content .newAd { padding: 0 10px; float:left; width:450px; }

#intro .media { float: right; }
#intro .description { padding-right: 440px; text-align: justify; }

#call-to-action {text-align: center; }
.button, .submit input { padding: 4px 20px; color: #dbf2fa; font-size: 16px; font-weight: 700; background: #21ace8; border: 1px solid #1faae7; text-shadow: 0 1px #0a72a1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.button:hover,  .submit input:hover { color: #fff; cursor: pointer; }
.buttonsPanel { overflow: hidden;}
.viewButton {
	display:block;
	float:left;
	margin:5px 10px;
	padding: 5px auto;
	text-align:center;
	width:160px;
}
div.input.text { width:470px; }
div#linkAd { width: 450px; } 
div#newAd { width: 470px; }
div#container div#content { overflow:hidden;}
div#linkAd { float:right; }
div#newAd { float:left; border-right: 2px solid #CCCCCC;  margin-right: 10px; min-height: 410px; }
div#newAd .input.text { } 

input, textarea, select, file { border: 2px solid #1faae7; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#search-box { width: 540px; padding: 40px; margin: 0 auto; }
#search-box .input input { width: 400px; margin-right: 10px; float: left; }
#search-box .input label { display: none; }
#logo { margin-bottom: 10px;  }
.example { color: #999; }
div#newAd div.input.select select { width:311px; }

#content h1 { font-family: "Arial";  font-size: 14px; font-weight: 700; }
div#newAd .submit input, div#linkAd .submit input { margin-left:110px;}
.input { margin-bottom: 10px; }
.input label { width: 100px; padding-right: 10px; display: -moz-inline-box; display: inline-block; text-align: right; margin-top: 7px; }
.input input, .input textarea, .input select, input file { width: 300px; vertical-align: top; }

.qrcode { display: none; }

.meta .info { color: #222; }
.meta .price { color: #c00; font-weight: 700; }

form .error-message {display: -mox-inlne-box; display: inline-block; margin-left: 10px; font-weight: 700; color: #c00; font-size: 10px;  }

#hrDiv { border: 1px solid#CCCCCC; margin: 10px 0px 10px 0px; width: 99%; clear:both;}

.messagebox{
	position:absolute;
	width:100px;
	margin-left:110px;
	margin-top: -15px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:110px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:110px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}