@import "reset-min.css";
@import "fancybox.css";

html {
	background:#f3f0e6  url(/img/bg.png) top center repeat-x;
}
body {
	min-width: 584px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #988f8a;
	text-align: center;
	background: url('/img/bg-bottom.png') bottom center repeat-x;
	padding-bottom: 442px;
}

* { outline: none; }
a { color: inherit; text-decoration: none;}
.clear {clear: both;}
em { font-style: normal; }

div.hr {
	clear: left;
	height: 20px;
	background: url(/img/hr.png) repeat-x bottom;
}
div.hr hr {
	display: none;
}


h2 {
	padding: 0 50px;
	margin-bottom: 10px;
	color: #988f8a;
	font-size: 18px;
}
h2 strong, h2 a {
	color: #5a4a42;
}

span.light {
	color: #988f8a;
}


#box {
	width:584px;
	margin:50px auto 0;
	text-align:left;
}

#header {
	background: url(/img/bg-top-small.png) top no-repeat;
	padding: 30px 50px 0;
}
#header img {
	float: left;	
}
#header h1 {
	margin: 20px 0 0 80px;
	color: #5a4a42;
	text-shadow: white 0px 1px 0px;
	font-size: 30px;
	line-height: 21px;
	position: relative;
}
#header h1 em {
	color: #988f8a;
	font-size: 17px;
	position: absolute;
	left: 1px; top:26px;
}
#header h1 em a {
	color: #988f8a;
}

#content {
	background: url(/img/bg-middle-small.png) #f9f7f2 bottom center no-repeat;
	min-height: 170px;
	padding: 30px 0 20px;
}
#content p{
	padding: 0 50px;
}


#footer {
	position: relative;
	background: url(/img/bg-bottom-small.png) top no-repeat;
	padding: 30px 20px 10px 0;
	text-align: right;
	text-shadow: white 0px 1px 0px;
}
#footer a { color: #988f8a; text-decoration: underline;}
#footer a:hover { text-decoration: none;}

#footer .lang {
	display: block;
	position: absolute;
	left:20px; top: 30px;
}
#footer .lang a {color: #5a4a42;}

form input, form select {
	color: #5a4a42;
}

/**
 * Section "Login"
 */

#login form {
	margin-left: 120px;
	width: 340px;
}
#login form p {
	padding: 0;
	font-size: 18px;
	text-indent: 10px;
	color: #5a4a42l
}
#login form input {
	width: 320px; height: 32px;
	padding: 9px 10px;
	margin: 5px 0;
	font-size: 24px;
	border: none;
	background: url(/img/login/input.png) no-repeat;
}
#login form button {
	margin: 10px 0 0;
	width: 340px; height: 48px;
	font-size: 24px;
	text-shadow: #677c1d 0px -1px 0px;
	color: white;
	border: none;
	background: url(/img/login/button.png) no-repeat;
}

ul {
	margin-bottom: 10px;
	border-top: 1px solid #e4e2e0;
}

ul > li {
	position: relative;
	color: #5a4a42;
	padding: 11px 50px;
	font-size: 14px;
	background: url(/img/list-bg.png) bottom repeat-x white;
	border-bottom: 1px solid #e4e2e0;
}
ul > li a.edit {
	
	position: absolute;
	right: 50px; top: 0;
	height: 40px;
	font-size: 11px;
	line-height: 40px;
	color: #988f8a;
}

ul ol li {
	list-style-type: decimal;
	margin-left: 30px;
	color: #988f8a;
	padding: 1px 0;
}
ul ol li em {
	color: #5a4a42;
	font-style: normal;
}


/**
 * Section "Home"
 */

#home ul > li {
	min-height: 55px;
}

h3 {
	font-size: 16px;
}
h3 strong {
	display: inline-block;
	vertical-align: middle;
	color: white;
	padding: 2px 5px;
	overflow: hidden;
	text-indent: -999px;
}
h3 strong.buy_bg {
	background: url(/img/buy-small-bg.gif) no-repeat;
	width: 65px; height: 26px;
}
h3 strong.buy_en {
	background: url(/img/buy-small-en.gif) no-repeat;
	width: 79px; height: 26px;
}
h3 strong.sell_bg {
	background: url(/img/sell-small-bg.gif) no-repeat;
	width: 79px; height: 26px;
}
h3 strong.sell_en {
	background: url(/img/sell-small-en.gif) no-repeat;
	width: 79px; height: 26px;
}
h4 {
	position: absolute;
	top: 11px; right: 50px;
	width: 95px; height: 53px;
	padding-top: 4px;
	background: url(/img/time-bg.gif) no-repeat;
	text-align: center;
	text-shadow: white 0px 1px 0px;
	font-size: 12px;
}
h4 .time {
	font-size: 26px;
}
h4 a {
	color: #5A4A42;
}
.actions {
	padding-top: 5px;
}
#home ol {
	margin-right: 100px;
}


/**
 * Section "Users", "Invitation", "Settings"
 */

form {
	padding-bottom: 20px;
}
form.settings {
	padding-top: 10px;
}
form.settings p {
	padding-bottom: 10px;
}
form.settings p span{
	padding-left: 6px;
}
form.settings input[type=text], form.settings input[type=password] {
	width: 250px;
	padding: 5px 5px 0;
	border: none;
	border-bottom: 1px solid #d5d2cd;
	background: white;
	font-size: 16px;
	color: #5a4a42;
}
form.settings .submit {
	padding: 10px 50px;
}
form.settings input.error {
	border-bottom: 1px solid #cb390b;
}
form.settings label {
	padding-left: 10px;
}
form.settings p.checkbox {
	padding-top: 5px !important;
	padding-bottom: 20px !important;
}
form.settings p.checkbox label{
	padding-left: 6px;
	color: #5a4a42;
	font-size: 12px;
}
form.settings p.terms {
	margin: 20px 0 20px;
	color: #5a4a42;
	font-size: 12px;
}
form.settings p.terms input {
	margin-left: 6px;
}
form.settings p.terms label.error {
	color: #cb390b;
}
form.settings p.terms a {
	text-decoration: underline;
}

#users .invite input[type=text] {
	font-size: 14px;
}
#users .invite input.error {
	border-bottom: 1px solid #cb390b;
}

#settings .icon_terms a {
	color: #5a4a42;
	font-size: 14px;
}

/**
 * Section "Auctions Manage"
 */

#auctions-manage form {
	color: #5a4a42;
	font-size: 13px;
}
#auctions-manage #main_settings {
	float: left;
	width: 60%;
	padding-bottom: 10px;
}
#auctions-manage #main_settings * {
	padding-right: 0;
}
#auctions-manage #main_settings p {
	position: relative;
	height: 25px;
	padding-left: 130px;
}
#auctions-manage #main_settings span {
	position: absolute;
	left: 50px;
}

#auctions-manage #participants {
	float: right;
	width: 40%;
}
#auctions-manage #participants * {
	padding: 0;
}
#auctions-manage #participants select {
	width: 182px;
}
#auctions-manage #datetime {
	clear: both;
	padding-bottom: 10px;
}

#auctions-manage li {
	position: relative;
	font-size: 13px;
}
#auctions-manage .lang {
	padding-bottom: 10px;
}
#auctions-manage .lang input {
	width: 100%;
	padding: 4px 0 1px;
	border: none;
	border-bottom: 1px solid #988f8a;
	background: transparent;
}
#auctions-manage .lang textarea {
	width: 100%;
	padding: 1px;
	border: 1px solid #988f8a;
	background: white;
	color: #5a4a42;
}

#auctions-manage .lang span {
	font-size: 11px;
	color: #988f8a;
}
#auctions-manage .lang p {
	padding: 0 5px 0 0;
}
#auctions-manage .lang p.name {
	width: 315px;
}
#auctions-manage .lang p.desc {
	width: 315px;
	padding-top: 5px;
}

#auctions-manage .details {
	position: absolute;
	top:0; right: 50px;
	width: 140px;
	padding-top: 11px;
}
#auctions-manage .details p {
	padding: 0 0 10px;
}
#auctions-manage .details img {
	margin-top: 3px;
}
#auctions-manage .details input {
	width: 100%;
	margin-top: 3px;
}
#auctions-manage .details input[type=checkbox] {
	width: auto;
}
#auctions-manage .details input[type=text] {
	font-size: 16px;
}
#auctions-manage .details select {
	width: 100%;
	font-size: 16px;
	margin-top: 3px;
}
#auctions-manage .submit {
	padding: 10px 50px;
}



/**
 * Section "Auctions"
 */


body#auction {
	min-width: 794px;
}
#auction #box {
	width:794px;
	text-align:left;
}
#auction #header {
	background: url(/img/bg-top-big.png) top no-repeat;
	padding: 20px 20px 0;
}
#auction div.hr {
	height: 5px;
}
#auction h1 {
	color: #5a4a42;
	font-size: 18px;
	margin: 0 0 10px 33px;
	line-height: normal;
}
#auction h1.started {
	color: #8c9310;
}
#auction h1 em {
	position: absolute;
	width: 434px;
	left: 287px; top:0;
	text-align: right;
}
#auction h1 span{
	color: #5a4a42;
}
#auction h2.error {
	text-align: center;
	padding: 40px 20px 140px;
	margin-bottom: 0;
	background: url(/img/bg-middle-big-error.png) bottom no-repeat;
}

#auction #content {
	padding: 20px 0 0;
	background-image: none;
}
#auction #footer {
	background-image: url(/img/bg-bottom-big.png);
}

#auction #tholder {
	width: 102.01%;
	margin-left: -2%;
	position: relative;
}
#auction #tshadow {
	position: absolute;
	bottom: -10px; left: 0;
	width: 15px; height: 10px;
	background: url(/img/table-bg.gif) top left no-repeat;
}
#auction table {
	width: 100%;
}
#auction thead h2 {
	padding: 0 0 0 35px;
}
#auction thead h2 strong {
	display: inline-block;
	vertical-align: middle;
	color: white;
	overflow: hidden;
	text-indent: -999px;
}
#auction thead h2 strong.buy_bg {
	background: url(/img/buy-big-bg.gif) no-repeat;
	width: 82px; height: 29px;
}
#auction thead h2 strong.buy_en {
	background: url(/img/buy-big-en.gif) no-repeat;
	width: 69px; height: 29px;
}
#auction thead h2 strong.sell_bg {
	background: url(/img/sell-big-bg.gif) no-repeat;
	width: 97px; height: 29px;
}
#auction thead h2 strong.sell_en {
	background: url(/img/sell-big-en.gif) no-repeat;
	width: 69px; height: 29px;
}

#auction thead .bid h2 {
	padding: 0 0 0 15px;
}
#auction tbody tr.even {
	background-color: #5a4a42;
	font-size: 14px;
}
#auction tbody tr.odd {
	background-color: #66574f;
	font-size: 14px;
}
#auction tbody td {
	padding: 10px 0 10px 20px;
	vertical-align: top;
}
#auction tbody td.name {
	padding: 10px 0 10px 35px;
}
#auction .name strong, #auction .price strong {
	font-size: 16px;
	color: white;
}
#auction .name em {
	float: left;
	width: 20px;
	line-height: 21px;
}
#auction .name p {
	margin-left: 20px;
	padding: 0;
}
#auction .name a {
	color: #cac4c1;
	text-decoration: underline;
}
#auction .price {
	width: 186px;
}
#auction tbody .bid {
	width: 281px;
	padding: 10px 0 10px 15px;
	position: relative;
}
#auction tbody .even .bid {
	background-color: #e4dfda;
}
#auction tbody .odd .bid {
	background-color: #edeae4;
}
#auction tbody .bid input[type=text]{
	font-size: 24px;
	text-align: right;
	color: #5a4a42;
	width: 95px;
	padding: 8px 4px 3px 25px;
	background: white url(/img/bid-bg.gif) repeat-x bottom;
	border-top: 1px solid #8d8a87;
	border-right: 1px solid #d5d0cb;
	border-bottom: 1px solid #f4f2f0;
	border-left: 1px solid #d5d0cb;
}
#auction tbody .bid div {
	position: relative;
}
#auction tbody .bid .plus {
	position: absolute;
	top: 4px; left: 4px;
	width: 17px; height: 16px;
	border: none;
	background: transparent url(/img/bid-plus.gif) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	font-size: 1px;
	color: white;
}
#auction tbody .bid .minus {
	position: absolute;
	top: 23px; left: 4px;
	width: 17px; height: 16px;
	border: none;
	background: transparent url(/img/bid-minus.gif) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	font-size: 1px;
	color: white;
}
#auction table#summary {
	font-size: 14px;
	color: #5a4a42;
}
#auction table#summary .details {
	padding: 14px 0 10px 20px;
	background-color: #fcfcfc;
}
#auction table#summary .details span {
	font-size: 12px;
	color: #988f8a;
}
#auction table#summary .summary {
	color: #988f8a;
	background-color: #edeae4;
	width: 186px;
	padding: 10px 0 10px 20px;
	border-top: 4px solid #91c02a;
}
#auction table#summary .offer {
	color: #988f8a;
	background-color: #f8fcde;
	width: 281px;
	padding: 10px 0 10px 15px;
	border-top: 4px solid #91c02a;
}
#auction table#summary .summary > span,
#auction table#summary .offer > span {
	font-size: 16px;
	color: #5a4a42;
}
#auction table#summary strong {
	font-size: 28px;
	font-weight: normal;
	color: #5a4a42;
}
#auction table#summary #time_left strong {
	color: #c32110;
}
#auction table#summary span.info {
	color: #5a4a42;
}
#auction #commit {
	display: block;
	color: #80b525;
	background: url(/img/commit.gif) left center no-repeat;
	text-shadow: white 0px 1px 0px;
	font-size: 18px;
	padding-left: 50px;
	width: 150px;
	margin-top: 10px;
}
#auction #commit.error {
	color: #988f8a;
	background-image: url(/img/commit-error.gif);
}
html[lang='en'] #auction #commit {
	font-size: 28px;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#auction #log {
	border-top: 1px solid #e1dfdd;
	background: #fafaf9 url(/img/bg-middle-big.png) bottom no-repeat;
	font-size: 14px;
}
#auction #log th {
	background: url(/img/hr.png) bottom repeat-x;
}
#auction #log h2 {
	padding: 0;
}
#auction #log td {
	padding: 2px 0;
	color: #5a4a42;
}
#auction #log .order {
	text-align: center;
	width: 40px;
	color: #988f8a;
}
#auction #log .digits {
	text-align: right;
	color: #988f8a;
}

#auction #bids {
	float: left;
	width: 450px;
	margin: 10px 0 0 20px;
}
#auction #participants {
	float: right;
	width: 275px;
	margin: 10px 20px 0 0;
}
#auction .bidtime {
	font-size: 10px;
	color: #988f8a;
}
#auction .best_offer {
	display: none;
}

#auction #winner h2 {
	padding: 20px 23px;
	text-align: center;
	margin-bottom: 10px;
	background-color: #edeae4;
}
#auction #winner h2 span {
	color: #5a4a42;
}

body#auction.narrow {
	min-width: 694px;
}
#auction.narrow #box {
	width:694px;
	text-align:left;
}
#auction.narrow #header {
	background-image: url(/img/bg-top-narrow.png);
}
#auction.narrow h1 em {
	left: 187px;
}
#auction.narrow h2.error {
	background-image: url(/img/bg-middle-narrow-error.png);
}
#auction.narrow #log {
	background-image: url(/img/bg-middle-narrow.png);
}
#auction.narrow #footer {
	background-image: url(/img/bg-bottom-narrow.png);
}

#auction.narrow .price {
	width: 236px;
}
#auction.narrow table#summary .summary {
	width: 236px;
}
#auction.narrow #bids {
	width: 400px;
}
#auction.narrow #participants {
	width: 225px;
}