/*    css make: faxenoff (faxenoff@gmail.com)   */

/* Def */
html,body{height: 100%; font-family: "Tahoma", "Arial", sans-serif;font-size: 90%;color: #000; background-color: #fff; padding: 0; margin: 0; }
html>body{font-size: 93%;} html:root body {font-size: 90%;}
h1,h2,h3, big{ display: block; margin: 0px; padding: 0px; font-family: "Arial",sans-serif;font-size: 150%;}
h1{font-size: 22pt;} h2{font-size: 13pt;}
a{color: #05b; background-color: inherit; text-decoration: underline; } a:hover{ color: #036; background-color: inherit;} a.selected { font-weight: bold; }
img{ border: 0px;}  .br{clear: both;} form, p{margin: 0; padding: 0;} input{ vertical-align: middle;}
textarea, input, select { border: 1px solid #aaa; }
textarea:focus, input:focus { background-color: #ffe; border: 1px solid #aa9; padding: 0px !important; }
/*#content input:focus{padding: 2px;}*/
input.chk{width: 14px; height: 14px; border: 0px;}
input.chk:focus{padding: 0 !important;}
.tal { text-align: justify; }
.lt{text-align: left !important;} .ce{text-align: center;} .rt{text-align: right;} .w100{width: 100%;} .w90{width: 90% !important;}
.fr{float: right;} .fl{float:left;}
.f200{overflow: auto; height: 200px; color: inherit; background-color: #eee; border: 1px solid #ddd; padding: 10px 0px;}
.h0{ overflow: hidden;} * html .h0{ height: 1px; overflow: visible;}
.w100px { width: 100px !important; }
.w50 { width: 50px !important; }
.small {font-size: 70%;}
.nowrap { white-space: nowrap; }
.rr { position: relative; }

li { margin-bottom: 5px; }

code { display: inline; font-family: "Tahoma", "Arial", sans-serif; }

optgroup { background-color: #eee; color: #000;  }
option { background-color: #fff; }

/* Main */
#auction,
#all{position: relative; min-height: 100%;}
#all{min-width: 880px;}

#top{padding: 20px 40px 10px 40px; color: inherit;}
#top h1{font-weight: normal;font-size: 300%;}
#top h1 a{color: #000; background-color: inherit;text-decoration: none;}
#top h1 small{font-size: 45%; font-weight: normal;color: #666;background-color: inherit; vertical-align: middle;}
#top h1 a:hover{color: #07f !important; background-color: inherit;}
.menu{color: #4b708c; background-color: inherit;font-size: 90%;}
#top .menu{float: right; margin-top: 18px;}
.menu a{ padding: 0px 10px;color: #4b708c; background-color: inherit; text-decoration: underline;}
.menu a:hover{color: #000; background-color: inherit;}

.greenbtn,
#top .regbtn {
  background-color: #060;
  color: #fff;
  padding: 10px;
  background-image: url(/images/bg_semi_90h.png);
  font-weight: bold;
}

#panel div{height: 80px; position:relative;}
#panel small{position: absolute; top: 3px; left: 8px; font-size: 8pt;font-weight: normal;}
#panel .cats{height: 80px; width: 180px; float: left;
    color: #000; background-color: #8bbc67; border: 1px solid #fff; text-align: center; position:relative;
    font-weight: bold;font-size: 130%;}
#panel .cats small{color: #fff; background-color: transparent;}
#panel .cats a{display: block;color: #000; background-color: inherit;
    height: 49px; padding: 36px 15px 5px 5px;  
    background-image: url(/images/bg_semi_90h.png);}
#panel .cats a:hover{color: #000; background-color: #64b626;}
#panel .cats a span,#panel .personal a span{background-image: url(/images/da.gif);background-repeat: no-repeat; background-position: 0px 8px;
    padding-left: 16px;}

#panel .login{width: 210px;float: right; padding: 5px; position: relative; display: block; height: 80px;
    color: #0b5791; background-color: #d8e3ec; border: 1px solid #fff;
    background-image: url(/images/bg_semi_90h.png); }
#panel .login span{ float: left; text-align: right; padding: 20px 0px 0px 10px; color: #000; background-color: inherit;}
#panel .login input{ font-size: 70%;}
#panel .login a{font-size: 80%; color: #4b708c; background-color: #d8e3ec;}
#panel .login a:hover{color: inherit; background-color: #abdbff;}
#panel .login span input{width: 105px;}

#panel .personal{ padding: 0; width: 220px; height: 90px;
    display: block;color: #000; background-color: #d8e3ec;}
#panel .personal a{padding: 36px 15px 5px 15px; display: block; height: 49px; text-align: center;font-weight: bold;font-size: 130%;}
#panel .personal a span{float: none;padding-top: 0;}

#go_login{ position: absolute; bottom:29px; right: 20px; width: 20px;}

#panel .die{ position: relative;  height: 60px; margin: 0px 222px 0px 364px; padding: 20px 5px 10px 5px;
    color: #614700; background-color: #fcc530; border: 1px solid #fff; 
    background-image: url(/images/bg_semi_90h.png);}
#panel .die form{text-align: center;}
#panel .die form s{display: block; text-align: left; padding-left: 20px;text-decoration: none; color: #b68500; background-color: inherit;}
#panel .die span{text-align:right; display: block; padding: 5px 10px 0px 0px;}
#panel .die span input {width: 14px; height: 14px;}
#query { width: 70%; margin-left: 20px;}

#panel .hard { margin-left: 182px; }

#panel .sendorder{
    display: block; height: 80px; margin-right: 230px;
    border: 1px solid #bbbb99; background-color: #ffd;
    padding: 5px 10px 5px 10px;
    font-size: 90%;
    text-align: justify;
}

#main_text {padding: 0 10px 10px 10px; font-size: 110%; margin-bottom: 20px; }
#main_text big { display: block; margin-bottom: 10px; }
#main_text .c1 { width: 48%; margin: 0px 20px 0px 0px; }
#main_text .c2 { float: right; width: 48%; margin: 0px 0px 0px 20px; }
#main_text p{width: 100%; margin: 0px auto; }
#main_text li { margin: 0px; padding: 0px; }

h2{color: #000; background-color: #fff; font-weight: normal; font-size: 170%;}

/*#content{margin: 20px 5% 10px 5%;}*/
#content{margin: 20px 70px;}
#content p { margin: 0px 0px 10px 0px; text-align: justify; }
/*#content #left{ float: left; width: 21%; padding-bottom: 20px; }
#content #left a{padding: 3px 10px; line-height: 180%;font-size: 90%;}
#content #left big{display: block; font-size: 100%;}
#content #left a.selected{ color: #555; background-color: #eee;}
#content #left a.selected:after{content: " >";}
#content #right{display: block;}*/

#content #toc { float: left; width: 24%; padding-bottom: 20px; }
#content #toc a{ padding: 3px 10px; line-height: 180%; font-size: 90%; }
#content #toc big{ display: block; font-size: 100%;}
#content #toc .in{ padding-left: 20px; }
#content #toc a.selected{ color: #555; background-color: #eee; }
#content #toc a.selected:after{ content: " >";}
#content #toc big{ display: block; font-size: 100%;}

#content .col { clear: left; padding: 0px 5% 20px 0px; width: 100%;}
#content .col input{margin: 3px 5px 3px 0px; width: 60%;}
#content .col input.chk,
#content .col input.rad{margin-left: 30px; float: left; width: auto;}
#content .col input.rad:focus{border: 0 !important; padding: 0 !important;}
#content .col em{margin: 3px 5px 3px 50px; font-style: normal; display: block; text-align: left;}
#content .col i{font-style: normal; width: 17%; float: left; text-align: right; padding-top: 4px; color: #555;}
#content .col big{display: block; margin-bottom: 10px; border-bottom: 1px solid #eee;}
#content .col input.rd {margin: 3px 5px; float: left; width: auto;}
#content .col small{display: block;  color: #555; margin: 3px 0; text-align: left; font-style: italic; font-size: 0.9em}
.files s, #auction s,
#content .col s{float: left; width: 250px; text-align: right; text-decoration: none; clear: left; padding: 2px 0px; color: #555;}
.files u, #auction u,
#content .col u{margin-left: 260px;text-decoration: none; display: block; font-size: 110%;padding: 2px 0px;}

#content .radios s input { text-align: right; width: auto !important; }

#content .col1{float: left; width: 100%; padding: 0px 5% 5px 0px; border-bottom: 1px solid #eee; margin-bottom: 5px;}

#content .col2{float: left; width: 43%; padding: 0px 3% 20px 0px; position: relative; }
#content .col2 big{display: block; margin-bottom: 10px; border-bottom: 1px solid #eee;}
#content .col2 s{text-decoration: none; width: 40%; float: left; text-align: right; padding-top: 4px; color: #555;}
#content .col2 input{margin: 3px 5px;}
#content .col2 select.fit { width: 55%; margin: 3px 5px; }


#content h3{border-bottom: 1px solid #000; margin-bottom: 5px; }
#content h4{border-bottom: 1px solid #000; margin-bottom: 5px; font-size: 120%; position: relative; }
#content #right h3{clear: none;}
#content #right .info{ margin: 0px 0px 20px 20px; text-align: justify; }

#content .col4{float: left; width: 23%; padding: 0px 2% 20px 0px; position: relative;}

#content .own{ border: 1px solid #99bb99; background-color: #dfd; padding: 0px 10px 10px 10px; }

.controls {
    /*border: 1px solid blue;*/

    clear: left;
    position: relative;
    display: block;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    background-color: #d8e3ec;
    padding: 5px;
    height: 37px;
}
.controls a { display: block; float: right; padding: 10px; aborder: 1px solid red;}
.controls a.selected{ background-color: #fff; padding: 10px 15px 5px 15px; }

.controls_ud a { float: left;}
.controls_ud a.selected{ padding: 5px 15px 10px 15px; text-decoration: none; margin-top: 5px; }

.controls form  { position: relative; display: block; float: right; padding: 10px; /* border: 1px solid red; */ }
.controls input { width: auto !important; }

form .fhigh, .controls .high { color: #600; background-color: #fee; border: 1px solid #a88; background-image: url(/images/bg_red.png);  }
form .favg,  .controls .avg  { color: #660; background-color: #ffe; border: 1px solid #aa8; font-weight: bold; background-image: url(/images/bg_gold.png); }
form .flow,  .controls .low  { color: #060; background-color: #efe; border: 1px solid #8a8; font-weight: bold; background-image: url(/images/bg_ocean.png); }

table#list { clear: both; border-collapse: collapse; width: 100%; margin: 20px auto 0px auto; }
table#list th{font-size: 80%;font-family: "Tahoma", sans-serif; text-align: left;padding: 3px 10px;
    border-bottom: 1px solid #bbb; white-space: nowrap; }
table#list th.rt{text-align: right;}
/*table#list th a{text-decoration: none;color: #888; background-color: inherit;}
table#list th a:hover{text-decoration: none;color: #000; background-color: inherit;}*/
table#list td{padding: 5px 10px; vertical-align: top;}
/*table#list td.lin,table#list td.lin2{padding-left: 0;background-image: url(lin00000.gif);background-repeat: repeat-x; background-position: right 12px;}
table#list td.lin2{background-position: left 12px; text-align: right; padding-right: 0;}*/
table#list td b{color: inherit; background-color: inherit /*#fff*/; padding-left: 10px; padding-right: 5px;}
table#list td p{color: #444; background-color: inherit;font-size: 90%; padding-left: 10px;}
table#list td small{/*white-space: nowrap;*/ color: #777; background-color: inherit; }
table#list td big{white-space: nowrap; text-align: right;color: inherit; background-color: inherit/*#fff*/; padding-right: 10px; padding-left: 5px;}
table#list td a.in{margin-top: 5px; display: block;}
table#list td.small{font-size: 70%;  }
table#list td.nw { white-space: nowrap; }

table#list tr td {color: inherit; background-color: #ffffff;}
table#list tr.odd td.lin b,
table#list tr.odd td.lin2 big,
table#list tr.odd td {color: inherit; background-color: #f4f7f9;}

.published,
table#list tr.published td.lin b,
table#list tr.published td.lin2 big,
table#list tr.published td {color: inherit; background-color: #f0fff5;}

.published_odd,
table#list tr.published_odd td.lin b,
table#list tr.published_odd td.lin2 big,
table#list tr.published_odd td {color: inherit; background-color: #e2f4ec;}

table.small td { font-size: 80%; }
table.small input { font-size: 80%; width: 100%; }

/* new */

.nodes a {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 5px;
}
.nodes a .price { float: right; list-style-type: none !important;  }
.nodes .odd { background-color: #e4e7e9; }
.nodes .odd small { color: #666; }

.nodes a .noprice { list-style-type: none; }

.nodes #pages a {
  display: inline;
}

#companyinfo {
  float: right; 
  width: 30%; 
  margin: 0px 0px 0px 10px; 
  padding: 5px 10px;
  background-color:#bbdbff;
}

#companyproducts {
  width: 67%;
}

#sample {
  border-collapse: collapse;
}

#sample th { 
  background-color: #bbb; font-weight: bold; 
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

#sample td { 
  border: 1px solid #bbb;
}

.sampleinfo td{
    border: 1px solid #fff !important;
    font-size: 80%;
    font-style: italic;
    text-align: center;
}

/* new end */

/*table#list tr.odd td,
table#list tr.odd td.lin b,
table#list tr.odd td.lin2 big
{color: inherit; background-color: #f0f3f5;}*/

#pages{margin: 20px 0px 0px 0px;text-align: left;}
#pages a{vertical-align: middle; padding: 3px 5px;}
#pages a:hover{color: inherit; background-color: #ddebf7;}
#pages a.selected{padding: 3px 10px;color: inherit; background-color: #FCC530;font-size: 140%;}

#take_offer{float: right; margin: 3px 3px 0px 0px;}

#e{padding-bottom: 80px;clear: both; width: 100%;}
#bottom{ position: relative; height: 60px; width: 90%; margin: -60px auto 0px auto; }
#bottom p{float: left; width: 33.3%; font-size: 90%; padding: 0px; }

/**/
div.avg,        .avg        td { background-color: #ffe !important; }
div.avg_odd,    .avg_odd    td { background-color: #f8f8e8 !important; }
div.high,       .high       td { background-color: #fff4f4 !important; }
div.high_odd,   .high_odd   td { background-color: #fae8e8 !important; }
tr.winner td { background-color: #88fa88 !important; }
/*#events .low  td { border: 1px solid #bdb; background-color: #dfd; }*/
/*#events*/ .low  td { border: 0px; }
#events small { display: block; font-style: italic; text-align: right; }
#events input     { font-size: 7px; }
#events .i { font-size: 200%; font-family: Tahoma; color: #800; font-weight: bold; text-align: center;}

/**/
#regions .i { margin-left: 15px; }
#regions input:focus { background-color: inherit; border: inherit; padding: inherit;}
#regions a { color: #333; padding: 2px; }
/*#regions a { border-bottom: 1px dotted #888; }*/
#regions a:hover { color: #05b; background-color: #eee; }
#regions .city { color: #05b; text-decoration: underline; border-bottom: none; width: 24%; float: left; display: block; }
#regions .city:hover { color: #16c; text-decoration: underline; border-bottom: none; }

#regions .region {  }

/**/
.inline-help {
    position: relative;
    border: 1px solid #bbbb99; background-color: #ffd;
    margin: 0px 0px 20px 0px;
    font-size: 90%;
    text-align: justify;
}
.inline-help .amore { text-align: right; }
.inline-help .more { display: none;  }
.inline-help .q {
    position: absolute;
    font-size: 25pt;
    color: #bb9;
    font-weight: bold;
    float: left;
    margin-left: 10px;
}
.inline-help .div {
    margin: 10px 10px 10px 40px;
}

/**/
.error{ position: relative; border: 1px solid #500; padding: 10px 20px; color: #900; background-color: #fee; font-weight: bold; width: 100%; }
.warn{color: #900; background-color: inherit; font-weight: bold;}
a.warn { text-decoration: none; }
a.warn:hover { color: #a00; background-color: #fdd; border: 1px solid #f88; }
.ok { position: relative; border: 1px solid #050; padding: 10px 20px; color: #090; background-color: #efe; font-weight: bold;  }
.green { color: #080 !important; font-weight: bold; }
.warn u { text-decoration: none; border-bottom: 1px dotted #800; }

/**/
#line { text-align: right; padding: 0px 0px; clear: left; }
#line .deposit {
    white-space: nowrap;
    font-size: 80%;
    text-align: center;
    /*color: #0b5791; background-color: #d8e3ec; border: 1px solid #fff;*/
    padding: 2px 10px;
    min-width: 200px;
}

#server_time {
    font-size: 80%;
    float: left;
    padding: 2px 10px;
    color: #333;
}

#line .aborted {
    background-color: #a22;
    font-weight: bold;
    font-size: 90%;
    margin: 2px;
    padding: 2px 15px;
    text-align: center;
}
#line .aborted a { color: #fff; }

#jserror { background-color: #a22; color: #fff; padding: 1px 10px; margin: 1px 0px; clear: both; display: block; text-align: center;}

/**/
.sort { font-family: Arial; margin-left: 10px; }
.sort a {
    margin: 0px;
    padding: 0px 5px;
    border: 1px solid #eee;
    color: #aaa !important; background-color: #fff;
}
.sort a.selected, .sort a:hover {
    color: #a00 !important;
    border: 1px solid #fdd;
    background-color: #fdd !important;
}
.sort a:hover { border: 1px solid #f88; }
.sort a.dselected, .sort .d:hover {
    border: 1px solid #cfc;
    background-color: #cfc !important;
    color: #0a0 !important;
}
.sort .d:hover { border: 1px solid #0d0; }

/**/
#auction #content { width: 95%; margin: 10px 20px; }
#auction .title{ margin: 0px; padding: 0px 10px; font-size: 100%; color: #fff; background-color: #8bbc67; text-align: center; }
#auction .others { width: 100%; }
#auction .others th { text-align: left; }
#auction .others td { padding-left: 20px; }
#auction .others .rt { text-align: right; }
#auction .info { font-weight: bold; margin-bottom: 20px; }
#auction .bestbid { background-color: #dfd; }

/*.hilite tr:hover td,
.active tr:hover td { background-color: #ffe !important; }*/
.active tr td:hover { cursor: pointer;  }

.hra  {
    display: block;
    clear: left; float: left;
    width: 100%;
    border-top: 1px solid #bbb; margin-top: 20px;
}
.hra strong {
    color: #fff; background-color: #bbb;
    text-align: left; font-size: 14pt;
    padding: 0px 5px;
    font-weight: normal;
}
.hra strong a {
    color: #fff; background-color: #bbb;
    padding: 0px 5px;
    text-decoration: none;
}

.select-regions div { float: left; width: 25%; }
.select-categories a { display: block; padding-left: 50px; }

/**/
.responses { margin: 0px 0px 10px 0px; }
.responses td { padding: 2px; }
#responses div.a { padding: 10px;  }
#responses div.own { background-color: #efe; color: #090; border: 1px solid #ded; font-weight: bold; }
#responses #forwarder { color: #f22; border: 1px solid #fee; font-weight: bold; width: auto !important; }
#responses .view { width: auto !important; color: #060; background-color: #efe; border: 1px solid #8a8; font-weight: bold; background-image: url(/images/bg_ocean.png);  }
#responses .item { margin-top: 15px; padding: 10px; }

/* роролр */

#blank { font-family: "tahoma","arial", sans-serif; font-size: 105%; background-color: white; margin: 10px; }

dl#OurReq { margin: 1em; }

#OurReq dt { float: left; clear: left; width: 10em; text-align: right;  padding-right: 0.5em; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
#OurReq dd { font-size: 1em; }

.number { font-family: monotype; font-weight: lighter; padding: 0 0.2em; }


dl#OurReq { margin: 1em; display: block }

#OurReq dt { width: 10em; text-align: right;  padding-right: 0.5em; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
#OurReq dd { font-size: 1em; }

.number { font-family: monotype; font-weight: lighter; padding: 0 0.2em; }

#blank table { margin: 0 0 2em; border: 1px solid black; width: 95%;  font-size: 105%; border-collapse: collapse; }
#blank table td{ border: 1px solid black; padding: 0.2em 0.5em; font-size: 0.9em; font-weight: bold; }
#blank table caption { font-weight: 100;}
#blank table  thead, tfoot { text-transform: uppercase; }

#allMoney { width: 95%; margin: 2em 0; padding-bottom: 0.3em; border-bottom: 2px solid black; font-size: 0.7em; font-weight: bold; }

dl#signs { width: 95%; font-size: 0.9em; font-weight: normal; }

/*.lotTable {width: 95%; border: 1p solid black;}
.lotTable td {text-align: center; padding: 1px}
.lotTable td input {font-weight: bold}*/

table.lots {border-collapse: collapse; width: 100%; float:left; margin: 0px auto 20px auto; }
table.lots th{font-size: 80%; font-family: "Tahoma", sans-serif; text-align: center;padding: 3px 10px;
    border-bottom: 1px solid #bbb; white-space: nowrap;  background-color: #cde; }
table.lots th.rt{text-align: right;}
table.lots th.lt{text-align: left;}
table.lots td.rt{text-align: right;}
table.lots td.lt{text-align: left;}
/*table.lots th a{text-decoration: none;color: #888; background-color: inherit;}
table.lots th a:hover{text-decoration: none;color: #000; background-color: inherit;}*/
/*table.lots th.files {text-align: left; padding-bottom: 1em;}*/
table.lots tr.odd td {color: inherit; background-color: #f4f7f9;}

table.lots td {font-size: 95%; /*color: inherit; background-color: #ffffff; padding: 5px 3px; */vertical-align: middle; border-left: 1px solid #def; border-right: 1px solid #def;}
table.lots td.nw { white-space: nowrap; }
table.lots td.num { padding: 10px 8px; text-align: right; white-space: nowrap; }
table.lots td.num input { width: 60px !important; text-align: right; }
table.lots td.errtd { background-color: #fdd; border: 1px dotted #800;  }
table.lots tr.odd td.errtd,
td.errtd { background-color: #fdd; border: 1px dotted #800;  }
table.lots td.errtd * { border: 1px solid #d00; color: #d00; font-weight: bold; }

table.lots tr.h td { border: 0px; }
table.lots tr.total td { background-color: #def; padding: 3px 3px; text-align: right; font-weight: bold; }
table.lots h3 { margin-top: 20px; }

/*a.warn {color: #a22; padding: 4px; border: 1px solid #fff; text-decoration: none; }
a.warn:hover { color: #a00; background-color: #fdd; border: 1px solid #f88; }*/

.minprice { font-weight: bold; background-color: #bfb !important; }

.files { margin-bottom: 10px; }
.files input { width: 60%; }

/* --- */
#pmenu {
    margin: 0px 50px 0px 50px;
    clear: both;
    background-color: #fdfdfd;
}
#pmenu table {
    width: 100%;
}
#pmenu td {
    vertical-align: top;
    padding-top: 10px;
}
#pmenu big { display: block; }
#pmenu a { margin: 5px 0px 0px 15px; display: block; }


.winner { font-weight: bold; background-color: #bfb !important; }

/* new for trade2 */
.info_ico { 
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.infoed {
  margin-left: 75px;
  min-height: 70px;
}

.infoed a {
  margin: 0px;
  padding: 0px;
}

.noa {
  text-decoration: none;
  font-size: 90%;
}

.noa big {
  color: #222;
  font-weight: bold;
}

.noa .infoed {
  text-decoration: underline;
  text-align: left !important;
}

.noa .infoed a {
  display: block;
  margin-bottom: 7px;
}

.vdiv td {
  padding-right: 20px;
}

.item-edit .empty {
  width: 150px;
  height: 150px;
    abackground-color: #eee;
  border: 1px dashed #888;
  color: #888;
  font-size: 60px;
  line-height: 150px;
  text-align: center;
  margin-bottom: 10px;
}

.item-edit .phimg {
  width: 150px;
  height: 150px;
}

.item-edit .t {
  width: 100%;
}

.item-edit .t textarea {
  height: 100px;
}

.item-edit .t td {
  vertical-align: top;
  text-align: left;
}

.item-edit .imgph {
  width  150px;
}

.item-edit .imgph input {
  width: 150px;
}

/*.bestSum { background-color: #f5f5f5; }*/