﻿.exampleWrapper {
     width: 737px;
     padding: 53px 15px 15px;
 
     background: transparent url(images/bg_image.png) no-repeat left top;
     color: #888888;
     font: 13px/26px "Arial", "Helvetica", sans-serif;
}
 
.exampleWrapper .tabStrip {
     width: 565px;
}
 
.exampleWrapper .place,
.exampleWrapper .date {
     margin-bottom: 10px;
     padding-bottom: 15px;
     border-bottom: 1px solid #a6bcc3;
}
     .exampleWrapper .date {
          padding-bottom: 0;
          zoom: 1;
     }
 
.exampleWrapper .date:after{
     content: "";
     display: block;
     clear: both
}
 
.exampleWrapper .datePart {
     width: 160px;
     float: left;
}
.exampleWrapper .datePart .rcInputCell {
     width: 100px !important;
}
 
 
.exampleWrapper .multiPage {
     width: 525px;
     height: 286px;
     margin-top: 20px;
     margin-left: 20px;
     position: relative;
}
 
.qsf-demo-container .riSingle {
     margin: 10px 0 0;
}
 
.exampleWrapper .rbPrimaryButton {
     position: absolute;
     bottom: 15px;
     left: 0;
}
 
.exampleWrapper .buttonSeparator {
     width: 378px;
     border-bottom: 1px solid #959485;
     height: 1px;
}
 
html .exampleWrapper .RadListBox .rlbTemplate {
     display: inline;
}
.exampleWrapper strong {
     color: #555555;
     font-weight: 900;
}
.exampleWrapper .compareValidator {
     line-height: 19px;
     clear: both;
     color: red;
     font-style: italic;
}
 
 
/* Flight */
 
.exampleWrapper .RadListBox .rlbTemplateContainer,
.exampleWrapper .rlbGroup {
     border: none !important;
}
 
/* target IE8 */
@media \0screen {
     .exampleWrapper .RadListBox .rlbGroupCell {
          height: 100% !important;
     }
}
 
html .exampleWrapper .rlbHeader {
     padding-top: 5px;
     padding-left: 10px;
     background-color: #2dabc1;
     color: #a8e7f2;
     border-radius: 4px 4px 0 0;
}
#Flight:after {
     content: "";
     display: block;
     clear: both;
}
#Flight {
     height: 212px;
     border-bottom: 1px solid #a6bcc3;
     zoom: 1;
}
#Flight .arrival,
#Flight .departure {
     float: left;
}
#Flight .arrival {
     margin-left: 20px;
}
.arrival .RadListBox ,
#Flight .departure .RadListBox  {
     display: block;
}
#Flight .rlbGroup {
     background-color: transparent;
}
 
 
/* target IE6-7 */
@media screen\9 {
     .exampleWrapper #Flight .rlbGroup {
          overflow: hidden;
     }
     .exampleWrapper #Flight .rlbList {
          width: 250px !important;
     }
     .exampleWrapper .rlbHeader {
          width: 250px !important;
     }
     #FlightuserControl_rlbArrival {
          margin-left: 5px;
     }
}
 
.exampleWrapper .RadListBox .rlbList {
     background: #eeeeee;
     padding: 5px;
     height: auto;
}
 
html .exampleWrapper .RadListBox .rlbItem {
     border-width: 1px 0 0 0;
     border-style: solid;
     border-color: #fff;
     padding: 5px;
}
.exampleWrapper .RadListBox .rlbItem:first-child {
     border: none;
}
 
 
/* Passengers */
 
.exampleWrapper .passengerName {
     padding-bottom: 20px;
     border-bottom: 1px solid #a6bcc3;
}
     .exampleWrapper .passengerName label,
     .exampleWrapper .passengerName .RadInput {
          display: block;
     }
     .exampleWrapper .passengerName .riSingle {
          display: inline-block;
     }
 
.exampleWrapper .baggage:after {
     content: "";
     display: block;
     clear: both;
}
.exampleWrapper .baggage {
     padding: 15px 0 20px;
     border-bottom: 1px solid #a6bcc3;
     zoom: 1;
}
 
.exampleWrapper .baggage .departure,
.exampleWrapper .baggage .arrival {
     width: 250px;
     float: left;
}
 
.exampleWrapper .baggage .departure{
     margin-right: 25px;
}
 
 
/* Payment */
 
#Payment {
     padding-bottom: 20px;
     border-bottom: 1px solid #a6bcc3;
     zoom: 1;
}
 
#Payment:after{
     content: "";
     display: block;
     clear: both;
}
 
 
.exampleWrapper .flightCourse {
     width: 250px;
     float: left;
     margin-bottom: 20px;
     background-color: #eeeeee;
}
.exampleWrapper .flightCourse:first-child {
     margin-right: 25px;
}
.exampleWrapper .flightCourse span{
     display: block;
     padding-left: 10px;
}
.exampleWrapper .flightCourse .header,
.exampleWrapper .flightCourse .footer {
     padding-top: 5px;
     padding-bottom: 5px;
}
 
.exampleWrapper .flightCourse .header {
     background-color: #2dabc1;
     color: #a8e7f2;
     border-radius: 5px 5px 0 0;
}
 
.exampleWrapper .flightCourse .footer {
     background-color: #c1c1c1;
}