@charset "utf-8";
/* CSS Document */

div.request {
  margin:30px 30px 0 30px;
  padding-bottom:150px;
  font-family:Georgia, serif;
  font-size:16px;
}
div.request li {
  font-family:Georgia, serif;
}
div.request div.head {
  height:33px;
  border-top:1px solid #0a6087;
  border-bottom:1px solid #0a6087;
  background:url(interface/request-head.png) no-repeat;
}
div.request div.accommodation {
  background-position:0 0;
}
div.request div.dates {
  background-position:0 -33px;
}
div.request div.details {
  background-position:0 -66px
}
div.request div.head ul,
div.request div.head li {
  height:33px;
}
div.request div.head li {
  float:left;
  width:223px;
  font-size:16px;
  line-height:32px;
  color:#0a6087;
  text-align:center;
}
div.request div.head ul li:last-child {
  width:224px;
}
div.request div.head li.active {
  color:#fff;
}
div.request div.content {
  position:relative;
  background-color:#e4ebee;
  padding:20px 20px 0;
  min-height:562px;
}

div.request div.content p.dsc {
  margin:0;
  height:32px;
  padding-top:8px;
  font-size:16px;
  line-height:16px;
  font-style:italic;
  color:#545454;
}
div.request div.content p.dsc.err {
  color:red;
}

div.request div.content div.buttons {
  position:absolute;
  left:20px;
  bottom:19px;
  width:630px;
  height:23px;
}
div.request div.content div.buttons div.left {
  float:left;
}
div.request div.content div.buttons div.right {
  float:right;
}
div.request div.content div.buttons a.button {
  display:block;
  height:23px;
  font-size:14px;
  font-weight:100 !important;
  line-height:23px;
  padding:0 !important;
  text-decoration:none;
  text-align:center;
  color:#fff;
  background:#0a5f83 url(interface/request-button-icons.png) no-repeat;
}
div.request div.content div.buttons a.button:hover {
  background-color:#bc740c;
}
div.request div.content div.buttons a.forward {
  width:170px !important;
  background-position:148px 0;
}
div.request div.content div.buttons a.back {
  width:170px !important;
  background-position:5px -23px;
}

div.request div#dates,
div.request div#details {
  display:none;
}





div.request div#accommodation div.items {
  height:460px;
  overflow-x:hidden;
  overflow-y:auto;
}
div.request div#accommodation div.item {
  position:relative;
  border-top:1px solid #0a5e83;
  padding:9px 20px 9px 0;
  background:#f3f7f8 url(interface/request-item-bg.png) no-repeat 0 0;
  margin-top:10px;
}
div.request div#accommodation div.item.img {
  min-height:102px;
}

div.request div#accommodation div.item:first-child {
  margin-top:0;
}
div.request div#accommodation div.item a.img {
  position:absolute;
  left:0;
  top:0;
  width:160px;
  height:120px;
  cursor:default;
}
div.request div#accommodation div.item div.checkbox {
  position:absolute;
  width:23px;
  height:23px;
  left:0;
  top:0;
  background-color:#0a5e83;
  overflow:hidden;
  text-align:center;
}
div.request div#accommodation div.item div.checkbox.err {
  background-color:red;
}
div.request div#accommodation div.item div.checkbox input {
  line-height:22px;
  height:22px;
  padding: 0 !important;
  margin:0 !important;
  vertical-align: baseline;
}
div.request div#accommodation div.item a.img img {
  display:block;
}
div.request div#accommodation div.dsc {
  margin-left:40px;
}
div.request div#accommodation div.img div.dsc {
  margin-left:180px;
}
div.request div#accommodation div.dsc h4 {
  color:#0a6087;
  line-height:20px;
  height:20px;
  margin-bottom:6px;
}
div.request div#accommodation div.dsc p {
  color:#545454;
  font-size:14px;
  line-height:19px;
  margin:0;
}




div.request div#dates div.calendar {
  height:321px;
}
div.request div#dates div.calendar div.arrival,
div.request div#dates div.calendar div.departure {
  width:312px;
  height:321px;
}
div.request div#dates div.calendar div.arrival {
  float:left;
}
div.request div#dates div.calendar div.departure {
  float:right;
}
div.request div#dates div.calendar div.head {
  position:relative;
  height:30px;
  text-align:center;
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:30px;
  color:#0a6087;
  background:#fff;
  border:none;
}
div.request div#dates div.calendar div.head a.mbut {
  position:absolute;
  top:0;
  height:30px;
  width:40px;
  overflow:hidden;
  text-indent:-999px;
  background:url(interface/request-dates-icons.png) no-repeat;
}
div.request div#dates div.calendar div.head a.mbut:hover {
  background-color:#e7d7ca;
}
div.request div#dates div.calendar div.head a.back {
  left:0;
  background-position:0 0;
}
div.request div#dates div.calendar div.head a.forward {
  right:0;
  background-position:0 -30px;
}
div.request div#dates div.body {
  margin-top:1px;
  height:270px;
  padding:10px;
  background-color:#fff;
}
div.request div#dates div.body div.weekdays {
  height:20px;
  margin-right:-4px;
}
div.request div#dates div.body div.weekdays span {
  display:block;
  float:left;
  width:40px;
  height:20px;
  text-align:center;
  font-size:14px;
  line-height:14px;
  color:#545454;
  margin-right:2px;
  overflow:hidden;
}
div.request div#dates div.body div.days {
  margin-right:-4px;
  margin-bottom:-4px;
}
div.request div#dates div.body div.days span {
  display:block;
  float:left;
  width:40px;
  height:40px;
  background-color:#e4ebee;
  margin-right:2px;
  margin-bottom:2px;
  text-align:center;
  font-family:Arial, sans-serif;
  color:#bfbfbf;
  line-height:42px;
  overflow:hidden;
}
div.request div#dates div.body div.days span a {
  display:block;
  width:38px;
  height:38px;
  border:1px solid #cbe2ec;
  background-color:#cbe2ec;
  color:#0a6087;
  font-weight:700;
  line-height:41px;
  text-decoration:none;
}
div.request div#dates div.body div.days span a:hover {
  border-color:#0a6087;
}
div.request div#dates div.body div.days span a.mark {
  background-color:#f58738;
  border-color:#f58738;
  color:#fff;
  cursor:default;
}
div.request div#dates div.body div.days span a.mark:hover {
  border-color:#f58738 !important;
}
div.request div#dates div.body div.days span a.sel {
  background-color:#e7d7ca;
  color:#cc702f;
}
div.request div#dates div.body div.days span a.sel:hover {
  border-color:#f58738;
}
div.request div#dates div.body div.days span a.disabled {
  cursor:default;
}
div.request div#dates div.body div.days span a.disabled:hover {
  border-color:#CBE2EC;
}

div.request div#dates div.body div.mask {
  display:none;
}


div.request div#dates div.dates {
  background-color:#fff;
  margin-top:15px;
  height:43px;
  padding:10px;
}
div.request div#dates div.dates div.arrival,
div.request div#dates div.dates div.departure {
  width:237px;
}
div.request div#dates div.dates div.days {
  width:52px;
  margin-left:43px;
}
div.request div#dates div.dates div.arrival,
div.request div#dates div.dates div.days {
  float:left;
}
div.request div#dates div.dates div.departure {
  float:right;
}
div.request div#dates div.dates label {
  display:block;
  font-size:16px;
  line-height:16px;
  color:#545454;
  font-style:italic;
  height:20px;
}
div.request div#dates div.dates input {
  background: url("interface/form_bg.png") repeat-x scroll 0 0 #FFFFFF;
  border:1px solid #70aeca;
  color:#0a6087;
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:700;
  height:20px;
  line-height:21px;
  padding:1px 3px 0;
  display:block;
  float:left;
}
div.request div#dates div.dates input:hover {
  border: 1px solid #0e84b6;
}
div.request div#dates div.dates input:focus {
  border:1px solid #1f3045;
  color:#454743;
}
div.request div#dates div.dates input#id_arrival_day,
div.request div#dates div.dates input#id_departure_day {
  width:26px;
  text-align:center;
  margin-right:4px;
}
div.request div#dates div.dates input#id_arrival_month,
div.request div#dates div.dates input#id_departure_month {
  padding-left:8px;
  width:129px;
  text-align:left;
  margin-right:4px;
}
div.request div#dates div.dates input#id_arrival_year,
div.request div#dates div.dates input#id_departure_year,
div.request div#dates div.dates input#id_days {
  width:44px;
  text-align:center;
}
div.request div#dates div.dates.err input {
  border:1px solid red;
}


div.request div#details div.details>div,
div.request div#details div.travel>div {
  height:23px;
  margin-top:10px;
}
div.request div#details div.details>div:first-child {
  margin-top:0;
}
div.request div#details div.details label,
div.request div#details div.travel label {
  display:block;
  float:left;
  height:23px;
  width:166px;
  padding-right:7px;
  text-align:right;
  line-height:22px;
  color:#fff;
  background-color:#9ea3a5;
}
div.request div#details div.err label {
  background-color:red;
}
div.request div#details div.details div.notes label {
  display: block;
  padding: 0;
  text-align: center;
  width: 100%;
}
div.request div#details div.details input,
div.request div#details div.details textarea,
div.request div#details div.travel input {
  background: url("interface/form_bg.png") repeat-x scroll 0 0 #FFFFFF;
  border:1px solid #70aeca;
  color:#0a5e83;
  font-family:Georgia,Georgia,"Times New Roman",Times,serif;
  font-size:14px;
  line-height:16px;
}
div.request div#details div.details input:hover,
div.request div#details div.details textarea:hover,
div.request div#details div.travel input:hover {
  border: 1px solid #0e84b6;
}
div.request div#details div.details input:focus,
div.request div#details div.details textarea:focus,
div.request div#details div.travel input:focus {
  border:1px solid #1f3045;
  color:#454743;
}
div.request div#details div.details input,
div.request div#details div.travel input {
  height:21px;
  padding:0 3px 0 7px;
  display:block;
  float:left;
  width:250px;
}
div.request div#details div.details>div.err input,
div.request div#details div.travel>div.err input{
  border:1px solid red;
}
div.request div#details div.details textarea {
  width:614px;
  height:288px;
  padding:7px;
  margin:0;
  resize:none;
}

div.request div#details div.travel {
  position:absolute;
  right:0;
  top:0;
  padding: 20px 20px 0;
}
div.request div#details div.travel div.adults {
  margin-top:0;
}
div.request div#details div.travel label {
  width:100px;
}
div.request div#details div.travel input {
  width:30px;
}