@charset "utf-8";

/* === GENERAL RULES === */

*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; outline:none}
h2{font-size:24px;}
h2 b{font-size:14px; color:#888}
h3{font-size:14px;}
h4{margin-bottom:10px; padding:2px}
h5{font-size:17px;}
small{color:#666}

table{width:100%;}
th{padding:2px 4px; background:#464646; color:#FFF}
th.selected{background:#B98713 url(../media/icon_order.png) no-repeat right -19px; padding-right:16px;}
th.selected.desc{ background-position: right top !important;}
th a{color:#fff; text-decoration:none}
th.ln{width:74px; white-space:nowrap} /*large numbers*/
th.sn{width:25px;} /*small numbers*/
th.sn2{width:35px;} /*small numbers*/
th.name{width:250px; text-align:left;}
td{border-bottom:1px dashed #aaa; padding:0px 4px;}
td.blue, th.blue{background:#DBE1EA;}
td.red{ background:#EDD6D5; color:#632E2B}
tr:hover td{background-image: url(../media/bg_trans5.png); background-repeat:repeat}
td.nowrap{white-space:nowrap}

.hidden{display:none}
.right{text-align:right}
.center{text-align:center !important}
.left{text-align:left}
.center_block{margin-left:auto; margin-right:auto}
.compressed{letter-spacing:-1px}
.big{font-size:24px;}
.medium{font-size:20px;}
.medium2{font-size:15px}
.blue{ color:#647582}
.blue2{color:#455969}
.red{color:#900}
.white{color:#FFF}
.green{color:#090}
.important{background:#A6655E; color:#FFF; padding:2px 4px}
.bg_blue{background-color:#455969; padding:2px 10px; color:#FFF}
.bg_red{background-color: #813D39; padding:2px 10px; color:#FFF}
.bg_red .blue{color:#CCAEAA}
.bg_gray{background:#464646; color:#fff;}
.lower5{margin-top:5px}
.lower10{margin-top:10px}
.lower20{margin-top:20px}
.absmiddle{vertical-align: middle;}
.rfloat{float:right}
.lfloat{float:left}
.clear{clear:both}
.trebuchet *{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
abbr{text-decoration:none;border-bottom:none;}
.timeago{font-size:10px; color:#999}
strong{font-size:13px}


.curv10{border-radius:10px;-o-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.curv5{border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.curv3{border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.shadow1{-moz-box-shadow: 1px 1px 8px #618C5B; -webkit-box-shadow: 1px 1px 8px #618C5B; box-shadow: 1px 1px 8px #618C5B;}
.shadow2{-moz-box-shadow: 1px 1px 8px #AA498E; -webkit-box-shadow: 1px 1px 8px #AA498E; box-shadow: 1px 1px 8px #AA498E;}
.shadow3{-moz-box-shadow: 1px 1px 6px #BFB17F; -webkit-box-shadow: 1px 1px 6px #BFB17F; box-shadow: 1px 1px 6px #BFB17F;}

img{border:none}
.loading{ display:inline-block; background:url(../media/loading3.gif) !important; width:16px; height:16px; vertical-align: middle;}

.icon12{display:block; width:12px; height:12px; background-repeat: no-repeat;}
.icon12:hover{ background-position:0 -12px;}

.icon_remove{background-image:url(../media/icon_remove.png);}
.icon_note{background-image:url(../media/icon_note.png);display:block; width:14px; height:15px;}
.icon_info{background-image:url(../media/icon_info.png); display:block; width:16px; height:16px;}

.relative{position:relative;}
.corner{position:absolute; top:6px; right:3px}




.msg{padding:10px; border:2px solid white; -moz-box-shadow:1px 1px 2px black; margin:0 0 15px 0; font-size:12px; position:relative}
.msg.green{ background:url(../media/bg_msg_green.png) repeat; color:#000}
.msg.red{ background:url(../media/bg_msg_red.png) repeat}
.msg .closeicon{display:block; position:absolute; width:12px; height:12px; top:4px; right:4px; background:url(../media/icons/icon_msg_close.png) no-repeat;}
.msg .closeicon:hover{background-position:-0px -12px;}
.msg .icon{float:left; width:48px; height:48px; margin:0 15px 0px 0; background: url(../media/icons/icon_msg48.png) no-repeat}
.msg .closeicon{padding:0 !important;}
.msg .ok{}
.msg .info{background-position:-48px 0px !important}
.msg h4{font-size:16px; margin-bottom:0px}
.msg p{display:block; padding-right:10px; color:#000;}

.msg.closed {padding:3px}
.msg.closed h4{font-size:10px; margin-top:2px;margin-bottom:0px}
.msg.closed p{display:none;}
.msg.closed .icon{width:16px; height:16px; margin:0 8px 0 4px; background: url(../media/icons/icon_msg16.png) no-repeat}
.msg.closed .info{background-position:-16px 0px !important}
.msg.closed .help{background-position:-32px 0px !important}
.msg.closed .error{background-position:-48px 0px !important}





/* === LAYOUT === */
.webpage{width:995px; margin:0 auto; position:relative;}

#header{min-height:40px; margin:10px auto; width:100%; position:relative}
#header h1{display:block;float:left; width:995px; height:90px; background:url(../media/logo.png) no-repeat; text-indent:-9999px}
#main_menu, #user_options{position:absolute; list-style:none}
#main_menu li, #user_options li{display:inline; }
#main_menu{top:16px; left:250px;}
#main_menu li{padding:9px 15px 5px; background:#EEE; margin-right:3px; border-top:1px solid #D3D3D3; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; }
#main_menu li.selected{background:#4a4a4a;}
#main_menu li.selected a{color:#FFF}
#main_menu li a{color:#333; font-size:16px}

#user_options{top:8px; right:0;}
#user_options li{padding:2px 2px; color:#455969;}
/*#user_options li a{color:#666; text-decoration:none; font-size:14px}
#user_options li a:hover{ text-decoration:underline}*/

input{margin-right:7px; padding:1px 2px}

#content{width:680px; padding:10px; float:left; clear:both}
#content.no_right_panel{width:975px !important}
#rightpanel{float:left; width:270px; margin-left:20px; text-align:right}

/* === GENERAL DESIGN === */
body{font-size:12px}

a{color:#455969; text-decoration:none}
a:hover b{color:#000; text-decoration:underline}
a:hover{text-decoration:underline}
/*h4{color:#fff; background-color:#8CA5B3;}*/

#footer{background:#464646; color:#C9C9C9; padding:7px 10px; font-size:12px; margin-top:25px;}
#footer b{color:#507AA3}


.btn{font-size:16px; font-weight:bold; background:#77A372; color:#E8EFE4; border:2px solid white; text-decoration:none; padding:1px 7px;}
.btn:hover{background-color:#618C5B; color:#FFF; cursor:pointer}

/* === CONTENT === */
.content_box{padding:10px 10px 10px 64px; border:1px solid #D3D3D3;margin-bottom:10px;background:#ebebeb}
.module.trio{float:left; width:650px; margin-right:10px; text-align:left}
.module.trio.last{margin-right:0 !important;width:255px !important; float:right !important}

#user_register{background:#ebebeb url(../media/register_user.png) no-repeat 15px 12px;}
#user_login{background:#ebebeb url(../media/login_user.png) no-repeat 11px 20px;}
#user_search{background:#ebebeb url(../media/search_user.png) no-repeat 12px 8px;}
.error_box{padding:10px 10px 10px 64px; border:1px solid #DBCACA; background:#F1EBEB url(../media/error_box.png) no-repeat 15px 12px;}
.ok_box{padding:10px 10px 10px 64px; border:1px solid #B4C6A8; background: #DDEADB url(../media/ok_box.png) no-repeat 12px 12px;}
#register_continue{background-position: 10px 45px}
#register_continue.finished{ background-position:12px 12px !important}

.captcha{width:220px; margin-left:130px}
#finish_reg_btn{ margin:45px 0 0 150px}
#finish_confirmation{margin:0 0 0 30px}

#donate{}
.module{text-align:center; border:1px solid #C1D7D9; background:#E1EBEC; padding:10px; margin-bottom:15px;}
.module:hover{border-color:#A0C1C5; background:#E7EEEF;}
.module ul{list-style: none;text-align:left; }
.users li{ background:url(../media/user_small.png) no-repeat; padding-left:20px; line-height:17px;} 


tr.insert_offer td{background-color:#E7DDAF; padding:5px; color: #9F8D4F}
tr.insert_offer:hover td{background-image: none; }
.frm_bid{width:60px; text-align:right; margin-right:0;}
.frm_notes{width:240px}
a.insert_offer_cancel{color:#9F8D4F; text-decoration:underline; font-size:11px}
tr.insert_offer .btn{background-color:#BDAE7A; color:#EFE8C9; font-size:11px;}
tr.insert_offer .btn:hover{ background-color:#B1A061; color:#fff;}
tr.offered td{ background-color:#E3E9CF}
tr.offered td.red{background-color:#D5DEB6 !important}
tr.offered .icon_info{position:absolute; top:7px; right:4px;}
tr.show_offer{display:none}
tr.show_offer td{background-color:#D5DEB6; padding:6px;}

tr.sold td{ background-color:#E0EFCB}
tr.sold .streetname, tr.sold .min_bid{text-decoration:line-through}

/*============================= TIPSY ==================================*/
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-south { background-image: url(../media/tipsy-south.gif); background-position: bottom center; }
.tipsy-north { background-image: url(../media/tipsy-north.gif); background-position: top center; }






/*======================== ADMIN MENU =============================*/

a.admin.processing{width:60px; background:url(/img/admin_loader.gif) no-repeat !important; color:#999; font-size:10px; padding-left:15px;}
a.admin{display:inline-block; width:14px; height:14px; background:url(/media/icon_admin.gif) no-repeat; text-decoration:none}
a.admin:hover{ background-position:0px -13px;}


.admin_menu {
	margin: 0;
	padding: 0 !important;
	list-style-type: none;
	display: inline-block;
}

.admin_menu li {
	margin: 0;
	padding: 0 !important;
	position: relative;
}
.admin_menu a, #optmenu a {
	float: left;/* */float: none;/*  */
	/*display: block;*/
	color:#000;
	text-decoration:none;
}
.admin_menu li ul, #optmenu {
	/*visibility: hidden;*/
	display:none;
	position: absolute;
	z-index: 10;
	width:auto;
	min-width:160px;
	border:1px solid #fff;
	/*outline:1px solid #957700;*/
	background-color:#FFCC00;
	margin-top:1px !important;
	-moz-box-shadow: black 0px 0px 5px;
	-webkit-box-shadow: black 0px 0px 3px;
	left:25px;
}
.admin_menu li ul li, #optmenu li {
	width: 100%;
	display: block;
	float: left;
	position: static;
	text-align:left;
	margin:0; padding:0;
}
.admin_menu li ul li a, #optmenu li a{
	background:none;
	border:none !important;
	-moz-border-radius:0 !important;
	padding:4px 7px !important;
	display:block;
	font-size:11px;
	white-space:nowrap
}

.admin_menu li ul li hr{border: 1px solid #E1B500}
.admin_menu li ul li hr.hr2{border:1px solid #FFDD55}



html>body .admin_menu li ul li, html>body #optmenu li {
	float: none;
	position: relative;
}
.admin_menu li ul li:hover, #optmenu li:hover {
	position: relative;
	background-color:#F2C100
}
.admin_menu li ul li a:hover, #optmenu li a:hover {
	background-color:#F2C100 !important;
	text-decoration:none !important;
}

.admin_menu li ul li ul {
	top: 1;
	left: 100%;
}
ul.admin_menu li:hover ul, .admin_menu li:hover li:hover ul,
#admin_menu li:hover li:hover li:hover ul {
	/*visibility: visible;*/
	display:block;
}
.admin_menu li:hover li ul, .admin_menu li:hover li:hover li ul,
.admin_menu li:hover li:hover li:hover li ul {
	/*visibility: hidden;*/
	display:none
}