/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

input { padding: 3px; }

form { 
   margin: 0px;
   padding: 0px;
}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

.formular {  background: #f1f6f7; border: 1px solid #aaa; font-size: 12px; color: #000; text-align: left; margin-right: 5px; margin-bottom: 5px; padding: 0px; }
.formular div { clear: both; border-top: 1px solid #cacaca; padding: 5px; margin: 2px; }
.formular div:first-child { border-top: 0px; }
.formular .unbordered { border-top: 0px; }
.formular .unbordered div { border-top: 0px; }
.formular .captcha div { border-top: 0px; padding: 0px; margin: 0px; }
.formular div.bordered { border-bottom: 1px solid #cacaca; }
.formular div.submenu { padding-left: 40px; border: 0px; }
.formular div:last-child { border-bottom: 0px; }
.formular #um_charcount { border-bottom: 0px; }
.formular span { width: 150px; float: left; font-weight: bold; font-size: 11px; }
.formular input { width: 150px; float: left; padding: 3px; margin: 0px 5px 5px 0px; }
.formular select { width: 150px; float: left;  margin: 0px 5px 5px 0px;  }
.formular div.help { width: 60%; border: 1px solid #cacaca; margin: 5px 0px 0px 150px; background: #ceedf4; font-size: 10px; }
.formular .star { color: red; margin-left: 7px; font-size: 11px;}
.formular hr { clear: both; background: #ceedf4; }
.formular .clear { border: 0px; height: 0px; font-size: 0px; margin: 0px; padding: 0px; }
.formular .header { color: #444; font-size: 13px; font-weight: bold; margin: 0px; padding: 8px; background: #bfd7f6 url("../images/design/box_header_bg.png") repeat-x; border-bottom: 1px solid #aaa; }
.formular h2 { font-size: 15px; margin: 5px; font-weight: bold; color: #444; }

table {
   color: #444 !important;
}

table.formular .charCounter {
   width: 100px;
   clear: none;
}

table.formular{
   border: 1px solid #ccc;
   margin-top: 15px;
   background-color: transparent;
   width: 100%; 
}

table.formular td{
   padding: 5px 5px 5px 10px;
   border-bottom: 1px solid #ccc;
   vertical-align: middle; 
}

table.formular td td {
   border: 0px;
}

table.formular td div{
   border: 0px;
}

.formular .name {
  font-weight: bold;
  width: 150px;
  vertical-align: middle;
  /*border-right: 1px solid #ccc;*/
  background-color: #efefef;
  color: #444;
}

table.formular tr.split td{
   border-top: 3px solid #bcbcbc;
}

table.formular input[type=text]{
   border: 1px solid #ccc;
   float: none;
}

table.smallInput input[type=text]{
   width: 80px;
}

.smallInput select{
   width: 80px;
}

table.formular input[type=checkbox]{
   float: none;
   margin: auto;
   width: auto;
}

table.formular input[type=checkbox]{
   float: none;
   margin: auto;
   margin-right: 5px;
   width: auto;
}

table.formular input[type=radio]{
   float: none;
   margin: auto;
   width: auto;
}

table.formular select{
   float: none;
   margin: auto 5px auto auto;
}

table.formular span{
   float: none;
   vertical-align: middle;
}

table.formular p{
   margin: 0px 0px 10px 0px;
}

table.formular div.help { 
   clear: both;
   width: auto; 
   border: 1px solid #cacaca; 
   margin: 5px;
   padding: 5px; 
   background: #ceedf4; 
   font-size: 13px; 
}

.formular span.compulsory{
   color: #da370c;
   width: auto;
   float: none;
}

table.formular input.wrong{
   border: 2px solid #ffc20e;
}

table.formular input.missing{
   border: 2px solid #da370c;
}

table.formular div.wrong{
   border: 2px solid #ffc20e;
}

table.formular div.missing{
   border: 2px solid #da370c;
}

.formsubmit { background-color: #94bcee; border: 1px solid #444; }
.formsubmit div { border: 0px; }
.formsubmit span { clear: both; width: 90%; }
.formsubmit input { padding: 5px; }
.formsubmit .clear { border: 0px; height: 0px; font-size: 0px; padding: 0px; }

.box div.formular { border: 0px; margin: 1px; background-color: inherit;}


#pleas_wait { width: 90px; height: 40px; position: absolute; top: 50%; left: 50%; z-index: 10; background: #fff; border: 1px solid #666; padding: 10px; }

/* ----------------------------------------------------------------------------------------------------------
miniform
---------------------------------------------------------------------------------------------------------- */

.miniform {
   font-size: 13px;
}

.miniform form{
   margin: 0px;
   padding: 0px;
}

.miniform div {
   padding: 5px; 
}

.miniform .name {
   font-weight: bold;
}

.miniform .block {
   border-bottom: 1px dotted #dadada;
}

.miniform table td { 
   vertical-align: middle; 
}

/* ----------------------------------------------------------------------------------------------------------
Help
---------------------------------------------------------------------------------------------------------- */

#help { text-align: left; width: 305px; position: absolute; z-index: 100; top:50px; left: 50px; }
#help .helptext { padding: 5px; clear: left; }
#help .main { background: #fff; border: 1px solid #9e9e9e; border-bottom: 0px; width: 300px; }
#help .left_shad { background: url("../ikony/bubble_left_shad.png") 100% 0% repeat-y; }
#help .bottom { background: url("../ikony/bubble_bottom.png") 0px 0px repeat-x; width: 304px; }
#help .sharp { background: url("../ikony/bubble_sharp.png") 0% 0% no-repeat; height: 20px; }
#help .head { background: #dee2e5; height: 20px; color: #4c4d64; font-weight: bold; padding-left: 10px; border-bottom: 1px solid #9e9e9e; font-size: 11px; }

#help2 { border: 1px solid #777; position: absolute; z-index: 100; top: 50px; left: 50px; background: #fff url("../images/design/help2_bg.png") 0% 100% repeat-x; }
#help2 .main { margin: 4px; }
#help2 .arrow { width: 12px; height: 6px; position: absolute; top: 100%; left: 10px; background: url("../images/design/help2_adown.gif") 0% 0% no-repeat;  }

.info { padding-left: 10px; }

.wrong { border: 2px solid #f9e378; }
.wrong_c { border: 2px solid #f9e378; float:left; margin-right: 3px; }
.wrong_s { border: 2px solid #f9e378; }
.missing { border: 2px solid #ea5a35}
.missing_c { border: 2px solid #ea5a35; margin-right: 3px; }

.star { font-size: 25px; color: #3743A8; margin: 2px; margin-right: 5px; }

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.AuctionList { font-size: 13px; color: #000; text-align: left; border-bottom: 1px solid #ddd; }
.AuctionList .name { font-size: 15px; }
.AuctionList .price { text-align: right; }
.AuctionList  thead td.name  { font-size: 11px; }
.AuctionList .startprice { font-size: 11px; color: #999; font-weight: normal; }
.AuctionList .ending { font-size: 13px; color: #38509e; font-weight: normal; }
.AuctionList .enddate { font-size: 11px; color: #999; font-weight: normal; }
.AuctionList .auctionended { color: #de3131; }
.AuctionList .even {  height: 100%; background-color: #efefef; }
.AuctionList .even:hover { background-color: #fff4d7; }
.AuctionList .odd  {  height: 100%; }
.AuctionList .odd:hover { background-color: #fff4d7; }
.AuctionList .image { border: 1px solid #bbb; }
.AuctionList .AuctionName a h2 { margin: 0px; font-size: 14px; letter-spacing: normal; }
.AuctionList .condition { font-size: 11px; color: #555; }
.AuctionList .new{ font-size: 11px; color: #339900; }
.AuctionList .reserve{ font-size: 11px; color: #da370c; }
.AuctionList .split { border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.AuctionList .split:first-child { border-left: 1px solid #fff; }
.AuctionList .split:hover { background-color: #fff; }

.AuctionList tr.bold .name { font-weight: bold; }
.AuctionList tr.undercolor td { background-color: #fffab4; }

/*
#categoryColapsedMenu { padding: 5px; }
#categoryColapsedMenu ul { clear: both; list-style: none; margin: 0px; padding: 0px; }
#categoryColapsedMenu ul li {
   background: url("../images/sipka_menu_navy.png") 0px 10px no-repeat; 
   padding: 3px 0px 3px 0px;
}
#categoryColapsedMenu ul a { color: #000; font-weight: bold;  padding-left: 5px; }
#categoryColapsedMenu ul li { padding: 0px; }
#categoryColapsedMenu ul li:hover { }
#categoryColapsedMenu ul li ul { display: none; padding: 0px; margin: 0px; }
#categoryColapsedMenu ul li ul li { display: block; background-image: none; padding-left: 0px; margin: 0px; padding: 0px; }
#categoryColapsedMenu ul li ul li ul{ display: block; padding: 0px; margin: 0px;   }
#categoryColapsedMenu ul li ul:last-child { clear: both; border: 0px;}
#categoryColapsedMenu ul li ul a {  padding: 0px;  border: 0px;}

#categoryColapsedMenu h2 { display: block; height: 25px; width: 100%; border-bottom: 1px solid #c4c4c4; margin: 0px; }
#categoryColapsedMenu h2 a { font-size: 13px; padding: 6px 0px 6px 0px; margin: 0px; }
#categoryColapsedMenu h3 { font-size: 12px; padding: 2px 2px 2px 10px; margin: 0px; border-bottom: 1px solid #c4c4c4; }
#categoryColapsedMenu h3 a { font-weight: bold; color: #333; margin-left: 20px; }
#categoryColapsedMenu h4 { font-size: 12px; padding: 2px 2px 2px 10px; margin: 0px; border-bottom: 1px solid #c4c4c4; }
#categoryColapsedMenu h4 a { font-weight: normal; color: #333; margin-left: 40px;  }
#categoryColapsedMenu h2 span, h3 span , h4 span { font-style: italic; color: #da370c; font-size: 9px; font-weight: normal; }
*/
#categoryColapsedMenu a.collapse { display: block;  float: left; width: 16px; height: 16px; background: url("../ikony/chevron-collapse.png") 2px 7px no-repeat; }
#categoryColapsedMenu a.uncollapse { display: block; float: left; width: 16px; height: 16px; background: url("../ikony/chevron-uncollapse.png") 2px 7px no-repeat; }

#categoryColapsedMenu  ul li { clear: both; min-height: 25px; }
#categoryColapsedMenu  ul li a {   }
#categoryColapsedMenu ul li ul { display: none; padding: 0px; margin: 0px; }
#categoryColapsedMenu ul li ul li ul{ display: block; padding: 0px; margin: 0px;   }

.errorMessage{
   clear: both;
   padding: 20px;
   margin: 10px;
   border: 1px solid #da370c;
   background-color: #fdd379;
   color: #da370c;
   font-size: 15px;
   font-weight: bold;
}


.errorMessage ul{
   padding: 0px;
   margin: 0px;
}

.errorMessage.blue{
   border: 1px solid #4d6df3;
   background-color: #e3eefb;
   color: #4d6df3;
}

.okMessage{
   clear: both;
   padding: 20px;
   margin: 10px;
   border: 1px solid #7db504;
   background-color: #c2f653;
   color: #206100;
   font-size: 15px;
   font-weight: bold;
}


.taright{
   text-align: right;
}


#auctionTemplates{
   height: 100px;
   padding: 5px;

}

#auctionTemplates .item{
   float: left;
   width: 100px;
   margin: 5px;
   padding: 0px;
   clear: none;
}

#auctionTemplates .item img{
   border: 1px dotted #999;
}

#pictureTrayForm { height: 155px; }
#pictureTrayForm .container { clear: none; float: left; width: 100px; margin: 10px; border: 1px solid #dcdcdc; }

#helppage {}
#helppage h2 { font-size: 17px; color: #555; font-weight: bold; display: block; background-color: #ededed; padding: 5px; }
#helppage h3 { font-size: 13px; color: #333; font-weight: bold; display: block; margin-top: 8px; }
#helppage h2:first-letter { font-size: 25px; color: #ff8c00; font-weight: bold; margin-right: 10px; }
#helppage p { padding-left: 10px; }
#helppage .quote { border: 1px solid #cacaca; background: #fafafa; padding: 20px; margin-left: 15px; }

.b {font-weight: bold; }
.h0 { height: 0px; }
.h200 { height: 200px; }
.fl { float: left;  }
.fr { float: right;  }
.fl15 { width: 15%; float: left;  }
.fl24 { width: 24%; float: left;  }
.fl25 { width: 25%; float: left;  }
.fr49 { width: 49%; float: right;  }
.fl49 { width: 49%; float: left;  }
.fl59 { width: 59%; float: left;  }
.fl50 { width: 50%; float: left;  }
.fl47 { width: 47%; float: left;  }
.fl42 { width: 42%; float: left;  }
.fl40 { width: 40%; float: left;  }
.fr40 { width: 40%; float: right;  }
.fl30 { width: 30%; float: left;  }
.fl33 { width: 33%; float: left;  }
.fr30 { width: 30%; float: right;  }
.fl66 { width: 66%; float: left;  }
.fl57 { width: 57%; float: left;  }
.fr66 { width: 66%; float: right;  }

.margin2 { margin: 2px; }
.margin5 { margin: 5px; }
.marginbottom5 { margin-bottom: 5px; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }
.margintop10 { margin-top: 10px; }
.margintop15 { margin-top: 15px; }
.margintop5 { margin-top: 5px; }
.leftmargin5 { margin-left: 5px; }
.leftmargin10 { margin-left: 10px; }
.leftmargin20 { margin-left: 20px; }
.leftmargin60 { margin-left: 60px; }
.leftmargin100 { margin-left: 100px; }
.leftmargin150 { margin-left: 150px; }

.rightmargin5 { margin-right: 5px; }

.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.paddingbottom5 { padding-bottom: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.displayblock { display: block }
.displaynone,.dn { display: none }
.width30 { width: 30%}
.width20px { width: 20px; }
.width50px { width: 50px; }
.width60px { width: 60px; }
.width70px { width: 70px; }
.width100px { width: 100px; }
.width125px { width: 125px; }
.width150px { width: 150px; }
.width200px { width: 200px; }
.width250px { width: 250px; }
.width300px { width: 300px; }
.width400px { width: 400px; }
.width100 { width: 100%; }
.height100 { height: 100px; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.clear { clear: both; border: 0px; }
.tacenter { text-align: center; }
.valig { vertical-align: middle}
.ml150{ margin-left: 150px; }