/* form.css */

form {font-size: 100%;}

.form_border, .form_border_wide {
  float: left;
  border: 1px solid #333;
  padding: 10px 10px 10px 10px;
  /*width: 600px;*/
  margin-bottom: 20px;
}

.form_border_wide {width: 700px;}

.form_border .filter {
  float: left;
  padding: 3px 5px 0 0;
}

.form_border_small {
  border: 1px solid #333;
  padding: 3px 3px 3px 3px;
  width: 197px;
}

form div {
  clear: left;
  margin: 5px 0 0 0;
  padding: 5px 3px;
}

form div label {
  float: left;
  text-align: right;
  width: 150px;
  padding-right: 10px;
}

form div input {
  width: 200px;
}

fieldset.divider {
  border: none;
  border-top: 1px solid #C66330;
}

fieldset.divider legend {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 120%;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #C66330;
}

.no_label {padding-left: 163px;}
.input_info {padding-left: 163px; font-size: 80%; margin-top: -8px;}

.submit {padding-left: 163px; width: auto;}
.submit label {display: none;}

.description {padding-left: 163px; font-size: 80%; margin-top: -10px;}
.selectOne {width: 205px;}
.inputSubmit {width: auto; background-color: #D3E9BE; padding: 3px 6px 3px 6px;}
.inputSelect {width: 205px;}
.inputCheckbox {width: auto; border: none;}
.inputTextarea {overflow: auto; width: 300px;}

.checkbox_field {display: block;}

/* PRO IE */
/*.options_assignment_checkbox {position: relative; float: left;}
.options_assignment_optional {position: absolute; float: left; margin-left: -25px;}*/

.options_assignment_checkbox {float: left; display: inline;}
.options_assignment_optional {display: inline-block;}

.required {font-weight: bold;}
.optional {font-weight: normal;}


input, select, textarea {
  border: 1px solid #333;
  padding: 2px 2px 2px 2px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  position: static;
}

.inputTextEn {
  float: right;
  width: 170px;
  background-color: #ddd;
  margin-bottom: 15px;
}

.registration_checkbox {
    padding-left: 160px;
    text-align: left;
    float: left;
}

.registration_checkbox input {
    margin-right: 20px;
    float: left;
}

.registration_checkbox label {
    text-align: left;
    width: 100%;
    float: left;
}

div.paging {
  float: left;
  margin-top: 10px;
  padding: 3px 3px 3px 5px;
  /*border: 1px solid #e5e5e5;*/
  background-color: #e5e5e5;
}

.paging_select {
  float: left;
  width: auto;
  margin-top: 3px;
  padding-right: 10px; 
}

.paging_arrows {
  float: left;
  width: auto;
  padding: 2px 20px 0 20px;
}

.paging_numbers {
  float: left;
  width: auto;
  padding-right: 10px;
  margin-top: 7px;
}

.paging_numbers a {
  display: inline;
  padding: 2px 5px;
  height: 16px;
  border: 1px solid #666666;
  background-color: white;
  margin-right: 3px;
  margin-top: -3px;
  text-align: center;
}

/*div.paging input {visibility: hidden;}*/
div.paging select {width: 50px;}

.clear {clear: both;}
.inline {display: inline;}

.width50 {width: 50px;}
.width70 {width: 70px;}
.width75 {width: 75px;}
.shortInput {width: 15px;}
.longInput {width: 350px;}

/*pole pro nabidku ajaxu*/
div.autocomplete {
  position: absolute;
  width: 350px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 16px;
  cursor: pointer;
}

/**************** SEARCH ***************************/
form .input_search {
  display: inline;
  padding: 0;
  margin: 0;
  width: 20px;
  border: none;
}

.search_form {
  background-color: #D1E3E9;
  width: 648px;
}

.search_results {
  float: left;
  padding: 10px;
  width: 638px;
  background-color: #fbfbfb;
  border: 1px solid #eee;
}

div.search_paging {
  float: left;
  margin-top: 10px;
  padding: 0;
  /*border: 1px solid #e5e5e5;*/
  background-color: #e5e5e5;
  width: 100%;
}

.search_paging_arrows {
  float: left;
  width: auto;
  padding: 5px;
}

.search_paging_numbers {
  float: right;
  width: auto;
  padding-right: 10px;
  padding-top: 6px;
  margin-top: 2px;
}

.search_paging_numbers a {
  display: inline;
  padding: 2px 5px;
  height: 16px;
  border: 1px solid #666666;
  background-color: white;
  margin-right: 3px;
  /*margin-top: -3px;*/
  text-align: center;
}

a.search_button, .search_button_unclickable {
  display: block;
  padding: 2px 8px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  background-color: white;
  float: left;
  /*margin-bottom: 10px;*/
  text-decoration: none;	
}

input.search_input {
/*  float: left;*/
  margin-left: 3px;
  width: 150px;
  display: inline;
  clear: none;
}

div.search_area {
  display: inline;
}

.search_submit_button {
  display: inline;
}

p.error {
  display: block;
  width: 198px;
  margin-left: 157px;
  padding: 3px;
  border: 1px solid red;
  background-color: #FFEFEF;
  color: red;
  font-size: 10px;
  font-weight: normal;
}

/**** login form *****/
input.loginInput {width: 165px;}


/*** cart buttons ***/
button.cart_button, a.cart_button {
    display: inline;
    border: 1px solid #576F3E;
    padding: 5px;
    background-color: #D3E9BE;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    margin-right: 10px;
}

a.cart_button {
    color: black;
    padding: 7px 5px;
}
