/*
    Styles for the extern site IFrame - some of these override styles so that we can re-use controls from 
    the main site but with tweaks to appearance.
*/

    .external {
        max-width: 3000px;
        padding: 10px;
    }
    
    .external_tab_header { padding-left: 10px;}
    .external_tab_header h2 { padding-bottom: 5px;}
    .external_tab_header h2 { font-size:20px;color:#9bad25;}
    .external_tab_header h3 { font-size:16px;color: #535353;font-family: "open_sansregular",sans-serif;}
    .external h1 { font-size:26px;color:#9bad25;line-height: 26px;}
    .external_logo {float:right}
    .external_logo span {               
        color: #9bad25;
        display: block;
        font-size: 15px;
        text-transform: uppercase;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
    }        
                                  
    /* we NEVER want to see accordions on the external page! Keep that for Parisian boulevards please. */
    .responsive-tabs-container.accordion-xs .tabs{display:block;}
    .responsive-tabs-container.accordion-xs .accordion-link{display:none;}
    
    /* we want tabs to look different on this page */
    .external_tabs {
        background:none;
        border-top:none;
    }
    
    .external_tabs li a {
        color: #535353;
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 17px;
        text-decoration: none;
        font-family: "open_sansregular",sans-serif;
        font-size: 14px;  
        line-height: 21px;        
    }
                  
                  
    .external_tabs li a 
    {
        color: #4e4e4e;
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 17px;
        text-decoration: none;
        font-family: "Museo500",Arial,Helvetica,sans-serif;            
    }                          
                  
    .external_tabs li.active a { color: #9bad25; }
    
    /* centre up the footer logo*/
    .external_tab_footer a img {
        display: block;
        margin: auto;                       
    }
       
    .external_tab_footer {            
        border-top: 1px solid #dddddd; 
        margin-bottom: 10px;
        width: 100%;
        height: 20px;
        margin-top: 20px; 
        padding-top: 10px;
        height: 50px;
    }
    
    .externalBookLeft {                      
        float: left;   
        border-right: 1px solid #dddddd;  
        margin-top: 10px; 
        margin-bottom: 20px;     
    }
    
    .externalBookRight {
        float: right;
        border-left: 1px solid #dddddd;
        margin-top: 10px; 
        margin-bottom: 20px; 
    }
                      
    .external_booking {
        background: #fff none repeat scroll 0 0
    }
            
    .external_booking_tab  h3 {            
        font-size: 16px;           
        padding-bottom: -3px;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
        border-top: 1px solid #dddddd;
        border-bottom: none;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 0px;
        color: #9bad25;
        font-size: 16px;
    }
            
    .external_booking_tab  .sidebar_list li {
        color: #535353;
        font-size: 14px;
        font-family: "open_sansregular",sans-serif;
        line-height: 21px;
    }
    
    .external_booking_tab  .sidebar_list li span {
        color: #9bad25;
        font-size: 14px;
    }
    
    .external_booking_tab  .accessibility_icon {
        display: none;
    }
            
    .external_booking_tab  .external_help {
        font-size: 16px;      
        font-family: "open_sansregular",sans-serif;      
    }
    
    .external_booking_tab  .external_help {                       
        padding-top: 10px;
    }
            
    .external_booking_tab  .external_help .external_green {
        color: #9bad25;
    }
                    
    .external_booking_tab  .external_help p 
    {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0px;
        margin-top: 0px;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
    }
   
    .tab-content 
    {
        border-right: solid;
        border-bottom: solid;
        border-left: solid;                        
        border-color: #dddddd;
        border-width: 1px;
        padding-top: 10px;
    }
    
    .quickbox_bg {
        padding: 0px;
    }
    
    .quickbox_form {
        box-shadow: none;
        border-bottom: 1px solid #dddddd; 
    }
    
    .quickbox_bg .wbg, .quickbox_form {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        
    }
    
    #quickform label 
    {
        font-size: 14px;
        line-height: 21px;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
    }
    
    .quickbox_bg .dtlcal_list {
        background: none;
        box-shadow: none;
    }
            
    
          
    .quickbox_bg .dtlcal_list li h4 {
        color: #696969;
        font-family: "Museo500",Arial,Helvetica,sans-serif;        
        font-size: 18px;
        line-height: 18px;    
        text-align: center;
        font-weight: bold;
    }  
                                    
    .dtlcal_list li {        
        height: 400px;        
    }
    
    .tabs_price .external_tab .info_text h2 {font-size:20px;color:#9bad25;}

    @media only screen and (max-width:600px) {
        .external h1 { text-align: center;}
        .external_tab_header {text-align: center;}
    }                
                                  
    .external_location {
        font-family: "Museo500",Arial,Helvetica,sans-serif;
    }
    
    #availability_ctrl_header h2, #price_ctrl_header h2, #responsive_availability_ctrl_header h2 
    {
        color: #9bad25;
        font-size: 20px;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
    }
    
    #availability_ctrl_header p, #price_ctrl_header p, #responsive_availability_ctrl_header p
    {
        line-height: 21px;
    }
            
    .changeover {
        color: #535353;
        font-size: 14px;
        line-height: 21px;
        font-family: "Museo500",Arial,Helvetica,sans-serif;
        text-indent: 10px;
    }
    
    .changeover span {
        color: #9bad25!important;
    }
                       
                       
    .availability_calendars h4 {
        padding-bottom: 24px!important;
        padding-top: 13px!important;
    }                           
                                      
    .dtlcal_list li h4 
    {
        color: #696969;
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 24px;
        padding-top: 13px;
        text-align: center;
        font-weight: bold;
    }                                                                                                
    
    
   .dtl_plsnote p  {
       font-family: "open_sansregular",sans-serif;
        color: #535353;
        font-size: 14px;
        line-height: 21px;
   }
   
   .dtl_plsnote strong {
       color: #748618;
   }
    
   #avaliabilityForm {
       padding-left: 10px;
       padding-right: 10px;
   } 
   
   #quick_book_form_StartDate {
   text-align: center;
   }
      
   #external_book_form .dtlcal_list li:nth-child(2n+1) {
       border-right: none;
   }