/* button */
#tema .button { float:left; width: 225px;}
#tema .button a{ display:block; width: 225px; height: 30px;  }
#tema #on a{ background: url(/xtpl/i/filter_off.gif) no-repeat top; }
#tema #off a { background: url(/xtpl/i/filter_on.gif) no-repeat top; }
#tema .button a b{ display:none;  }
#tema #filter{ display:none; clear:both;  float: left; width: 100%; text-align: left; }

/* filter common */
.filter1{  clear: both; float:left; width: 100%; padding-top: 20px; background: url(/xtpl/i/lines_gr.gif) repeat-x top; margin-top: 5px; text-align: left}
.filter1 select, .filter1 input{ display:block; width: 200px; margin-top: 3px; margin-left: 20px  }
.filter1 label{ margin-left: 20px }
.filter1 div{ white-space:nowrap; float:left ; }
.filter1 div div input{ width: auto; display:inline; margin: 10px 0 0 20px }
.filter1 div div{ margin: 3px 0 5px;  }
.filter1 div div label{ margin-left: 3px }
.filter1 fieldset input{ width: 70px; display:inline; margin: 3px 3px 0 3px }
.filter1 fieldset {border: 0; float:left; margin-left: 15px }
.filter1 fieldset label{ margin-left: 3px }
.filter1 legend{ margin:  0 0 -5px -3px; }
*html .filter1 legend{ margin:  0 0 0 -3px; }

/* extended filter */
.filter2{ clear:both ; margin: 10px 0 0; background: #efefef; float:left; width: 100%; padding: 10px 0;  text-align: left }
.filter2 select{ width: 170px; display:block; margin-top: 3px; margin-left: 20px}
.filter2 label{ margin-left: 20px }
.filter2 div{ float:left; width: 33%;   }

#filter .send{ clear:both; text-align: right; white-space:nowrap;  border-top: 5px solid #ddd; padding-top: 10px; margin-top: 10px  }
#filter .send img{ margin-left: 10px;  }
#filter .send select{ width: 200px; margin-bottom: 5px}
#filter .send label{ font-weight: bold; color: #307DD5; margin-right: 10px; top:-6px;  position: relative; }