/* sekcja formularza --------------------------------------------------------------------------------------------- */
div.form {
}

#page div.form div {
  float: left;
}

div.form div.section {
  width: 700px;
  margin-bottom: 10px;
  padding-top: 5px;
  clear: left;
}

div.form div.section div.title {
  width: 690px;
  height: 20px;
  padding: 7px 5px 2px 5px;
  background-color: #FF6500;
  color: #FFFFFF;
  font-weight: bold;
  clear: left;
}

div.form div.section div.info {
  width: 685px;
  padding: 7px 5px 7px 10px;
  clear: left;
}

div.form div.section div.alert {
  width: 685px;
  padding: 7px 5px 7px 10px;
  color: #FF0000;
  font-weight: bold;
  clear: left;
}

div.form div.obligatory {
  width: 700px;
/*  background-color: #FFFFFF; */
  clear: left;
  margin: 1px 0px 0px 0px;
  padding: 3px 0px;
}

div.form div.obligatory input.checkbox, div.form div.obligatory input.radio {
  background-color: transparent;
}

div.form div.optional {
  width: 700px;
/*  background-color: #FFFFFF; */
  clear: left;
  margin: 1px 0px 0px 0px;
  padding: 3px 0px 0px 0px;
}

div.form div.optional input.checkbox, div.form div.optional input.radio {
  background-color: transparent;
}

div.form div.unique {
  width: 700px;
/*  background-color: #FFFFFF; */
  clear: left;
  margin: 1px 0px 0px 0px;
}

div.form div.label {
  width: 165px;
  padding: 5px 15px 2px 5px;
  text-align: right;
}

div.form div.obligatory div.label {
  background: url(/binaries/img/asterisk.gif) no-repeat right 8px;
}

div.form div.label input.checkbox {
  float: right;
}

div.form div.value {
/*  width: 546px; */
  padding: 2px;
  text-align: left;
}

div.form div.value a.btn {
  margin-top: 2px;
}

div.form div.value div.list {
  float: left;
  clear: left;
}

div.form div.value div.listSeparated {
  float: left;
  clear: left;
  padding-bottom: 3px;
}

div.form div.file input.file {
  position: absolute;
  z-index: 2;
  opacity: 1;
/*  filter: alpha(opacity=100);*/
}

div.form div.file input.button {
  width: auto;
  background-color: #FF6500;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 5px;
  border: solid 1px #FFC59F;
  cursor: pointer;
}

div.form div.errorAlert {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 685px;
  padding-left: 5px;
/*  clear: left; */
  color: #FF6805;
}

div.form div.error {
}

div.form div.error div.errorAlert {
  position: static;
  visibility: visible;
}

div.form div.missingAlert {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 685px;
  padding-left: 5px;
/*  clear: left; */
  color: #FF6805;
}

div.form div.missing {
}

div.form div.missing div.missingAlert {
  position: static;
  visibility: visible;
}

div.form div.duplicatedAlert {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 685px;
  padding-left: 5px;
/*  clear: left; */
  color: #FF6805;
}

div.form div.duplicated {
}

div.form div.duplicated div.duplicatedAlert {
  position: static;
  visibility: visible;
}

div.form div.misrepeatedAlert {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 685px;
  padding-left: 5px;
/*  clear: left; */
  color: #FF6805;
}

div.form div.misrepeated {
}

div.form div.misrepeated div.misrepeatedAlert {
  position: static;
  visibility: visible;
}

div.form div.inactive input, div.form div.inactive select {
}

div.form div.help {
  width: 450px;
  padding: 3px 20px 0px 20px;
  margin: -3px 0px -200px -700px;
  border-top: 1px solid #FFECDF;
}

div.form div#photos {
}

div.form div#photos div.photo {
  width: 690px;
	background-color: #FFFFCC;
	border-bottom: #cccc99 solid 1px;
	margin-bottom: 15px;
}

div.form div#photos div.photo div.image {
	width: 143px;
  padding: 5px;
}

div.form div#photos div.photo div.description {
  width: 300px;
  margin: 0px;
  padding: 10px 0px 5px 0px;
	border-bottom: #cccc99 solid 1px;
}

div.form div#photos div.photo div.description div.label {
  width: 320px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

div.form div#photos div.photo div.description div.value {
  width: 320px;
  margin: 0px;
  padding: 5px 0px;
}

div.form div#photos div.photo input {
  background-color: #fffff0;
  width: 300px;
}

div.form div#photos div.photo div.buttons {
  width: 320px;
	margin: 0px;
  padding: 10px 0px 0px 0px;
}

div.form div#photos div.photo div.buttons input {
  width: 100px;
  border: 1px solid #555555;
  background-color: #cccccc;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.form div#photos div.inactive {
  background-color: #CCCCCC;
	background-image:url(/img/layout/foto_inactive.gif)
}

div.form div#photos div.inactive input {
  background-color: #fffff0;
  width: 300px;
}

/* ogólne formularzowe --------------------------------------------------------------------------------------------- */

div.form input {
  float: left;
  width: 250px;
  height: 21px;
  padding: 0px 5px 0px 5px;
  border: 1px solid #666666;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.form input.longText {
  width: 490px;
}

div.form textarea {
  float: left;
  width: 500px;
  height: 100px;
  border: 1px solid #666666;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.form select {
  float: left;
  width: 260px;
  height: 21px;
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.form option {
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

div.form label {
  float: left;
  padding-top: 4px;
  padding-right: 5px;
}

div.form input.radio {
  float: left;
  width: auto;
  border-width: 0px;
  margin-right: 10px;
}

div.form input.checkbox {
  float: left;
  width: auto;
  border-width: 0px;
  margin-right: 10px;
}

div.form input.button {
  width: auto;
  background-color: #FF6500;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 10px;
  border: solid 2px #FFC59F;
  cursor: pointer;
  margin-right: 10px;
}

div.form input.file {
  float: left;
  clear: left;
  width: auto;
  border: 1px solid #000000;
  background-color: #fffff0;
  color: #000000;
  font-size: 12px;
  font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  margin-bottom: 3px;
  margin-right: 10px;
}

div.form input.fileFake {
  width: auto;
}

.content .form .img {
  display: inline-block !important;
  float: none !important;
}