.tourbooking
{
}

.tb_StepsMenuPsdfsdfanel
{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    background-color: Transparent;
}

.tourbooking-static-menu
{
    background-image: url(    '../Images/TB_MenuNotSelected.jpg' );
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-bottom: 2px;
    padding: 0 !important;
}
.tourbooking-static-menuitem
{
    padding-left: 5px;
    padding-right: 5px;
    height: 28px;
    text-align: center;
    color: #fff;
    background-image: url(    '../Images/TB_MenuNotSelected.jpg' );
    background-repeat: repeat-x;
    font-size: 1.2em;
}
.tourbooking-static-selected
{
    color: #fff;
    background-image: url(    '../Images/TB_MenuSelected.jpg' );
    background-repeat: repeat-x;
}
.tourbooking-static-hover
{
    background-color: #d42c0f;
    color: #fff;
}
.tourbooking-static-hover a
{
    background-color: #d42c0f;
    color: #fff;
}

.stepmenu_butselected
{
    background-image: url(    '../Images/TB_MenuSelected.jpg' );
    background-repeat: repeat-x;
    color: #d42c0f;
    height: 28px;
    border: 0px;
    width: 20%;
    cursor:pointer;
}

.stepmenu_currentbutton
{
       background-image: url(    '../Images/TB_MenuSelected.jpg' );
    background-repeat: repeat-x;
    color: #d42c0f;
    height: 28px;
    border: 0px;
    width: 20%; 
    }
.stepmenu_butnotselected
{
    background-image: url(    '../Images/TB_MenuNotSelected.jpg' );
    background-repeat: repeat-x;
    color: #999;
    height: 28px;
    border: 0px;
    width: 20%;
}

#tb_mainpanel
{
    float: left;
    width: 600px;
    padding: 0px;
    background-color: Transparent;
}

#tb_steplinkpanel
{
    float: left;
    width: 590px;
    padding: 5px;
    background-color: Transparent;
}

#tb_helptext
{
    font-weight: bold;
    background-color: Transparent;
    margin-top: 10px;
    padding-bottom: 10px;
    float: right;
    width: 100%;
    border-bottom: solid 1px #aaa;
}


#tb_titleimagepanel
{
    float: left;
    margin-top:20px;
}

#tb_titlebox
{
    float: left;
    width: 400px;
    padding: 10px;
    background-color: #131313;
    color: #fff;
    height: 45px;
}

.tourbooking_TourNamePanel
{
    font-weight:bold;
    color:#8EB80B;
    float: left;
      padding-right:5px;
}


#tb_imagebox
{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
   
}
#tb_imagebox img
{
    width:65px;
    height:65px;
}

#tb_redbox
{
    float: left;
    width: 105px;
    background-color: #d42c0f;
}
.bfs_RedBoxPanel
{
    width: 100%;
    height: 65px;
}

#tb_periodpricetable
{
    float: left;
    width: 100%;

}

#tb_buttonplace
{
    float: left;
    width: 100%;
    margin-top: 20px;

}

.tourbooking_GridView
{
    width: 100%;
}

.tourbooking_GridView
{

}
.tourbooking_Row
{
       padding: 5px;
    border:1px solid #ddd;
    height:25px;
    }

.tourbooking_AlternatingRow
{
       padding: 5px;
    border:1px solid #ddd;
    height:25px;
    }


.tourbooking_HeaderRow
{
    height:30px;
    padding-left: 5px;
    background-color:#ddd;
    border:1px solid #ddd;
}

.tbf_OpenFlyoutLabelID, .tbf_CloseFlyoutLabel
{
    cursor: pointer;
    text-decoration: underline;
    margin-left:5px;
    color:#d42c0f;
    
}

.tbf_CloseFlyoutLabel{ display:none;}
.tbf_AdditionalInfoPopupPanel
{
     width: 300px;
    }




.tbf_AdditionalInfoPopup
{
    width: 330px !important;
}

.tbf_AdditionalInfoPopupHeader
{
    height:30px;
    }

.tbf_AdditionalRemarksTitlePanel
{
    margin-top:15px;
    margin-bottom:8px;
     font-weight:bold;
    }
.tbf_AdditionalInfoContentPanel
{
    width: 100%;
}

#tb_buttonplace
{
    float: left;
    width: 590px;
    margin-top: 5px;
    padding: 5px;
}

.tbf_AdditionalPricesComponent{ width: 400px; 
    margin: 8px;
    padding: 10px;
    background-color: #ddd;

    }
    
.tbf_PricePeriodsColumn1{width:15%;}
.tbf_PricePeriodsColumn2{width:25%;}
.tbf_PricePeriodsColumn3{width:15%;}
.tbf_PricePeriodsColumn4{width:20%;}
.tbf_PricePeriodsColumn5{width:25%;}

/*************************************
      SECOND TOUR BOOKING STEP       
*************************************/

.tbss_StartEndDatePanel{ margin-top:5px;}

#tb_datepicker{float:left; margin-top:20px;margin-bottom:15px; width:100%;}
.tbss_DatePickerTextLabel{float:left; font-weight:bold; margin-top:5px; margin-right:15px; }
.TourBookingSecond_GridView{ width:599px; border-color:#ddd; margin-left:1px;}
.popcal_CalendarInput{ margin-right:10px;}

#tbss_upperpanel{width:98%;float:left; padding:5px; }

#tbss_pricedetailspanel{ float:left;width:98%;margin:5px;}

#tbss_description{float:left;padding:2px; width:45%;}
#tbss_descriptiontitlepanel{float:left; width:100%;}
#tbss_descriptionpanel{float:left; width:100%;}
#tbss_choosepricecb{float:left;margin-left:5px; margin-top:4px; width:5%;}
#tbss_numberofservices{float:left; width:12%; margin-top:5px;}
#tbss_age{float:left;}
#tbss_nametextbox{float:left;}
#tbss_pricebox{float:right;padding:2px; width:17%; text-align:right;}
#tbss_totalpricebox{float:right;padding:2px; width:15%;text-align:right;}
#tbss_age{float:left;}

.tbss_PriceTextLable{ font-weight:bold;}
.tbss_TotalPricePanel{ float:left; width:598px;  border:solid 1px #ddd; border-top:0px;}
.tbss_TotalPriceLabel{ float:right; font-weight:bold; font-size:12px; padding:12px;}
.tbss_NoServiceChosenLabel{float:left; padding:12px; color:Red;}

.tbss_MessagePanel{ float:left; margin-top:15px; width:100%;}
.tbss_MessageTextBox{ border: solid 1px #ddd;   width: 99%;    height: 80px; overflow:auto;}
.tbss_NumberOfServicesComboBox{width:40px;}
.tbss_PaxesBlockPanel{float:left; padding:15px;  padding-left:30px;}
.tbss_PaxInfoComponentsPanel{width:100%;float:left; padding:5px;}
.tbss_ServiceTotalPriceLabel{margin-right:3px;}


.tbss_GenderText{float:left; margin:5px;margin-left:20px;}
.tbss_GenderComboBox{float:left; width:70px;}
.tbss_NameTex{float:left; margin:5px; margin-left:20px;}
.tbss_NameTextBox{float:left; width:100px;}
.tbss_SurnameTex{float:left;margin:5px;margin-left:20px;}
.tbss_SurnameTextBox{float:left; width:100px;}
.validatedcomponent-validator{float:left;}

#temsandconditions{float:left; width:100%;}
.tbss_TermsAndConditionslinkLabel{color:#D01F00; text-decoration:underline; cursor:pointer;}

.lss_TermsFormView{width:380px;}

.tbss_ValidationSummary{float:left; width:60%;}
.tbss_ContinueButton{ float:right; background-color:#D01F00; color:#fff; 
                      width:137px; height:28px; border:0px; cursor:pointer;}
                      
                      .tbss_TermsContent{ height:80px; overflow:auto; margin-bottom:10px; margin-top:20px;}
                      
/**************************************************
      Third TOUR BOOKING STEP       
***************************************************/

.tbts_DepartureDatePanel{ float:left;  width:100%;  color:#fff; margin-top:5px;}
.tbts_PaxesTitlePanel{float:left; margin-bottom:15px; width:100%;font-size:11px; font-weight:bold;}
.TBThirdDetails_GridView{float:left; margin-bottom:15px; font-size:12px;}
.TBThirdDetails_GridView td{ padding:5px; padding-right:15px;}
.tbts_ConButtonPanel{float:left; width:100%;}


#tb_startenddate{float:left; width:100%;}
#tb_durationandpaxes{float:left;width:100%;}
#tb_duration{float:left; margin-right:30px;}
#tb_paxesnumber{float:left;}
.tbst_TourTotalPriceTitleLabel{font-weight:bold;    font-size:12px;}
