/* @group HTML Elements */

/* h1, h2, h3 {
	margin: 0;
	padding: 0;
} */

.debug {
	border: 1px solid red;
}

h1 {
	font-size: 150%;
	margin: 0 0 8px 0;
	line-height: 150%;
	border-bottom: 2px solid #069;
}

h2 {
	font-size: 120%;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 100%;
	margin: 0 0 4px 0;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
}

img {
	border: none;
}

/* @end */

/* @group Colors */

/*
orange: #ff6807
dark blue: #006699
page bg: #eee
light blue bg: #eff6ff
 */

/* @end */

/* @group Auto Complete jQuery */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #006699;
	color: white;
}


/* @end */

/* @group Auto Complete OLD PROTOTYPE */

div.auto_complete {
	width: 350px;
	background: #fff;
	z-index: 999;
}

/* @end */

/* @group Page Containers */

body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
}

p, ol, ul, td {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

a {
	text-decoration: none;
	color: #ff6807;
}

a:visited {
	text-decoration: none;
	color: #ff6807;
}

a:hover {
	text-decoration: underline;
}

.wrapper1 {
	margin: 0 auto 30px auto;
	padding: 0;
	width: 974px;
	text-align: center;
}

.wrapper2 {
	width: 100%;
	text-align: left;
}

.sidebar {
	width: 168px;
	float: left;
}

.sidebar .skyscraper {
	padding-top: 8px;
}

.main_conten {
	width: 780px;
	float: left;
	padding: 24px 12px 12px 12px;
	margin: 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.main_col {
	width: 464px;
	padding: 0;
}

.side_col {
	width: 300px;
}

.side_col .ad {
	padding-bottom: 16px;
	z-index: 50;
}

.header {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

.header .top_banner {
	background: url(/images/elements/droleo_art.png) no-repeat;
	width: 804px;
	height: 79px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.gravatar {
	float: left;
	margin-right: 8px;
}

.gravatar img {
	padding: 1px;
	border: 1px solid #d5d5d5;
}

.top_banner .login_status {
	font-size: 12px;
	line-height: 17px;
	position: absolute;
	top: 0;
	right: 13px;
	width: 283px;
	padding: 0 8px 8px 8px;
	height: 44px;
	z-index: 50;
	vertical-align: middle;
}

.top_banner .login_status_bg {
	opacity: 0.9;
	padding: 4px;
	position: absolute;
	right: 13px;
	bottom: 12px;
	width: 292px;
	height: 68px;
	background: #fff;
	z-index: 40;
}

.top_banner .languages {
	font-size: 90%;
	line-height: 18px;
	margin: 0 0 6px 0;
}

.top_banner .not_logged_in {
	text-align: center;
	font-size: 120%;
	line-height: 32px;
}

.header .header_logo {
	margin: 0 8px 0 0;
	height: 79px;
	width: 158px;
	float: left;
	background: #fff url(/images/elements/droleo_logo_v3.png) no-repeat 0 0;
	border-bottom: 1px solid #13364F;
	border-left: 1px solid #13364F;
	border-right: 1px solid #13364F;
}

.flash {
	border: 1px solid orange;
	background: #fffbb8;
	font-size: 130%;
	padding: 8px;
	margin-bottom: 24px;
}

.error {
	border: 1px solid #ff3d13;
	background: #ffac96;
}

.success {
	border: 1px solid green;
	background-color: #a7e0ab;
}

.paging {
	line-height: 16px;
	padding-bottom: 1px;
}

#updating_listings {
	z-index: 1000;
	position: absolute;
	top: 10px;
	font-size: 200%;
	left: 230px;
	text-align: center;
	background: #fff;
}

.info_box {
	background: #eff6ff;
	border: 1px solid #82b5c9;
	padding: 16px;
	margin-bottom: 16px;
}

.footer {
	float: right;
	color: #999;
	padding: 4px;
}

/* @end */

/* @group Content Box */

.content_box {
	padding: 0 0 16px 0;
	margin: 0;
	overflow: hidden;
}

.outline {
	border-left: 1px solid #13364F;
	border-right: 1px solid #13364F;
	border-bottom: 1px solid #13364F;
}

.leftborder {
	border-left: 1px solid #ccc;
	margin-bottom: 8px;
	padding: 0 0 0 0;
}

.content_box .head {
	background: #006699 url(/images/elements/box_header_title_bg.png) repeat-x;
	border-top: 1px solid #13364F;
	color: #13364F;
	padding: 0 4px 0 4px;
	line-height: 22px;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
}

.content_box .head a {
	background: #fff;
	padding: 0 3px;
	color: #13364F;
	font-weight: normal;
	border-top: 1px solid #76a5bc;
	border-left: 1px solid #76a5bc;
	text-shadow: none;
}

.content_box .head a:hover {
	text-decoration: none;
	border-right: 1px solid #13364F;
	border-bottom: 1px solid #13364F;
	border-top: none;
	border-left: none;
}

.content_box .sub {
	background: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 0 4px 0 4px;
	line-height: 22px;
	color: #666;
}

.content_box .cont {
	padding: 8px 4px 0 4px;
}

.box_border {
	padding: 0;
	margin: 0;
	border: 8px solid #ddd;
}

.box_border_inset {
	border-left: 1px solid #13364F;
	border-right: 1px solid #13364F;
	border-bottom: 1px solid #13364F;
}

/* @end */

/* @group Side Bar Nav */

.sidebar .navi {
	padding: 4px;
	width: 150px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.navi ul {
	padding: 0;
	margin: 4px 0 0 0;
	list-style-type: none;
}

.navi li {
	font-size: 11px;
	line-height: 22px;
	padding-left: 4px;
	font-weight: bold;
}

.navi li:hover {
	background: #aed4ea;
}

.navi li a {
	padding-left: 22px;
	display: block;
	color: #006699;
	outline: none;
}

.navi a:hover {
	text-decoration: none;
}

#home_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 3px;
}

#my_listings_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 -213px;
}

#search_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 -178px;
}

#my_favorites_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 -321px;
}

#brokers_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 -249px;
}

#forums_nav {
	background: url(/images/icons/16x16_icons.gif) no-repeat 0 -33px;
}

/* @end */

/* @group Forms */

input {
	border: 1px solid #999;
	padding: 4px;
	font-size: 12px;
	background: #fff url(/images/elements/form_field_bg.png) repeat-x 0 0;
}

input.city {
	padding-right: 20px;
	width: 200px;	
}

#city_accent_name_auto_complete li {
}

ul.input_x_overlay {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.input_x_overlay li {
	float: left;
	padding: 0;
	margin: 0;
}

#li_x {
	margin: 0 0 0 -16px;
	background: url(/images/elements/clear_form_field.gif) 0 6px no-repeat;
	width: 13px;
	height: 23px;
	cursor: pointer;
}

input[type=submit] {
	background: #006699;
	color: #fff;
	border-bottom: 1px solid #13364F;
	border-right: 1px solid #13364F;
	border-top: 1px solid #aed4ea;
	border-left: 1px solid #aed4ea;
	outline: none;
}

input[type=submit]:hover {
	background: #aed4ea;
	color: #13364F;
	outline: none;
}

select {
	border: 1px solid #999;
	font-size: 12px;
	margin: 4px 0 4px 0;
	padding: 3px;
}

textarea {
	padding: 8px;
	background: #fff url(/images/elements/form_field_bg.png) repeat-x 0 0;
	border: 1px solid #999;
}

.form_table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.form_table th {
	vertical-align: top;
}

.form_table td {
	padding-bottom: 8px;
	vertical-align: top;
}

.form_table .label {
	vertical-align: top;
	font-weight: bold;
	color: #666;
	width: 120px;
}

.form_table .help {
	color: #999;
	padding-left: 10px;
	line-height: 13px;
}

.submit_button, .submit_button:visited {
	background: #006699;
	color: #fff;
	border-bottom: 1px solid #13364F;
	border-right: 1px solid #13364F;
	border-top: 1px solid #aed4ea;
	border-left: 1px solid #aed4ea;
	outline: none;
}

.submit_button:hover {
	background: #aed4ea;
	color: #13364F;
}

/* @end */

/* @group Tools */

.pipe {
	color: #666;
	display: inline;
	padding-left: 6px;
}

.pipe:after {
	color: #666;
	content: "|";
	padding-right: 6px;
}

.small_text {
	color: #666;
	font-size: xx-small;
	font-weight: normal;
}

.left {
	float: left;
}

.right {
	float: right;
}

.no_margin {
	padding: 0;
	margin: 0;
}

.empty_notice {
	padding: 40px;
	font-size: 120%;
	text-align: center;
}

.left_arrow {
	background: url(/images/arrows/arrow_left_on_white.gif) no-repeat 0 0;
	padding: 0 0 0 11px;
	line-height: 11px;
	display: inline-block;
}

.right_arrow {
	background: url(/images/arrows/arrow_right_on_white.gif) no-repeat right;
	padding: 0 11px 0 0;
	line-height: 11px;
	display: inline-block;
}

/* @group 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%;
}

/* @end */

/* @end */

/* @group Photos */

.photo_frame {
	background: #f7f7f7;
	text-align: center;
	padding: 16px;
	margin: 0 -12px 0 -12px;
	border-top: 1px solid #d2dfce;
	border-bottom: 1px solid #d2dfce;
}

.photo_frame img {
	vertical-align: middle;
}

.photo_icons {
	width: 100%;
	text-align: center;
	margin-top: 16px;
}

#photo_list {
	margin: 20px 0 0 0;
	padding: 0;
	clear: right;
}

#photo_list li {
	background: url(/images/elements/dragger.gif) no-repeat 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 4px 4px 4px 24px;
	margin: 4px 0 4px 0;
}

#photo_list .description {
	float: left;
	width: 230px;
	margin: 0 8px 0 8px;
}

/* @end */

/* @group Tables */

table .highlight {
	background-color: #fcffb9;
	padding: 0 4px;
}

.search_form_table {
	padding: 0 0 0 0;
	margin: 0 0 0 4px;
	border-collapse: collapse;
	width: 100%;
}

.search_form_table th {
	color: #999;
	font-weight: bold;
	vertical-align: middle;
	width: 80px;
	padding-bottom: 6px;
}

.search_form_table th.top {
	vertical-align: top;
}

.search_form_table td {
	padding-bottom: 6px;
}

table.contact th {
	font-weight: normal;
	color: #999;
	padding: 3px 20px 3px 3px;
	vertical-align: top;
	text-align: left;
}

table.contact td {
	padding: 3px;
	vertical-align: top;
}

table.price_history {
	border-collapse: collapse;	
	width: 100%;
}

table.price_history td, table.price_history th  {
	border-bottom: 1px solid #d5d5d5;
	text-align: right;
}

table.price_history th  {
	color: #a9a9a9;	
}

table.price_history td.direction {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	width: 40px;
}
table.price_history td.note {
	color: #999;
	text-align: center;	
}
table.price_history td.down {
	color: green;
	font-weight: bold;
}
table.price_history td.up {
	color: red;
	font-weight: bold;
}

table.price_history div.down, table.price_history div.up {
	width: 40px;
	height: 16px;
}

table.price_history div.down {
	background: url(/images/icons/16x16_up_down.gif) no-repeat center 0;
}

table.price_history div.up {
	background: url(/images/icons/16x16_up_down.gif) no-repeat center -16px;
}

/* @end */

/* @group Sliders */

#demo_bg {
	position: relative;
	background: url(/images/elements/slider_bg.gif) 0 0 no-repeat;
	height: 20px;
	width: 134px;
	padding-left: 3px;
	z-index: 1;
}

#demo_bg div {
	position: absolute;
	cursor: default;
	top: 2px;
}

/* @end */

/* @group HomePage */

.homepage_text {
	margin-bottom: 0;
}

.homepage_text p {
	font-size: 110%;
	margin: 0;
	padding: 0 0 24px 0;
}

.reason {
	font-size: 110%;
	float: left;
	width: 142px;
	padding: 0;
	margin-right: 12px;
}

.reason .title {
	font-size: 135%;
	color: #ff6807;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #ff6807;
}

.reason .description {
	margin: 0;
}

/* @end */

/* @group Brokers */
#home_broker_bar {
	margin-bottom: 15px;
	text-align: center;	
}
#home_broker_bar ul {
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
}

#home_broker_bar li {
	line-height: 14px;
	float: left;
	width: 113px;
	text-align: center;
	border-right: 1px solid #ccc;
	overflow: hidden;
	font-weight: bold;
	white-space: nowrap;
}

#home_broker_bar li .b_name {
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
}
#home_broker_bar li small, .broker_listing_count {
	font-size: 9px;
	line-height: 22px;
	font-weight: normal;
	background: #dcdcdc;
	padding: 2px 5px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#home_broker_bar li small a, .broker_listing_count a {
	color: #797979;
}

#home_broker_bar li.last {
	border-right: none;
}

#broker_info_box_notice {
	font-size: 9px;
	background-color: #63a1c1;
	margin: 16px -16px -16px -16px;
	padding: 6px 12px;
	border-top: 1px solid white;
}

.broker_listing {
	border-bottom: 1px solid #ccc;
	padding: 12px;
}

.broker_listing .logo {
	width: 168px;
	height: 40px;
	padding: 0;
	margin: 0;
	float: left;
}

.broker_listing .details {
	float: left;
	width: 270px;
	white-space: nowrap;
	overflow: hidden;
}

.broker_show_plaque {
	text-align: center;
}

.broker_show_plaque img {
	margin: 8px 12px;
}

.broker_card {
	width: 136px;
	height: 90px;
	overflow: hidden;
	float: left;
	padding: 8px;
	text-align: center;
}

.broker_card .gravatar {
	margin: 0;
	padding: 0;
	float: none;
}

/* @end */

/* @group Button */

.button_wrapper {
	text-align: center;
	margin: 0 auto 0 auto;
}

.button_center {
	background: url(/images/elements/sq_button_bg.png) repeat-x right -1px;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
	height: 22px;
	line-height: 22px;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #898989;
	border-right: 1px solid #898989;
	text-align: center;
	border-left-color: #a6a6a6;
}

.button_center a {
	color: #005078;
	background-image: none;
	display: block;
	outline: none;
}

.button_center a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Admin */

table.admin {
	background-color: #f3f3f3;
	border-collapse: collapse;
}

table.admin th {
	background-color: #e4e4e4;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

table.admin td {
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

table.admin td.highlight {
	background: #333;
	color: #fff;
}

/* @end */

/* @group Login Generator */

.button-bar {
	padding-top: 12px;
}

/* @end */

/* @group Loading Notice */

#loading_notice {
	background: #ffcc00 url(/images/elements/ajax-loader-on-orange.gif) 3px 5px no-repeat;
	color: #765e08;
	position: absolute;
	top: 0;
	width: 118px;
	margin: 0 8px 3px 8px;
	padding: 5px 0 5px 22px;
	border-left: 1px solid #765e08;
	border-right: 1px solid #765e08;
	border-bottom: 1px solid #765e08;
}



/* @end */

/* @group Pages */
.page_text p {
	font-size: 1.2em;
	line-height: 1.5em;
}


/* @end */