.clear
{
    clear: both;
}

.contentHeader
{
    font-weight: bold;
    font-size: 13px;
    color: #498a37;
    margin-bottom: 18px;
}

.helpLink
{
    float:right;
    text-decoration:none;
    color: Black;
    font-size: 10px;
    padding-right: 8px;
}

.stepsContainer
{
    height: 37px;
    margin-bottom: 16px;
    overflow: hidden;
}

.formContainer
{
    margin-bottom: 19px;
    font-family: Verdana;
    font-size: 11px;
}

.printSummaryButton
{
    color: rgb(127, 138, 156); 
    float: right; 
    font-size: 12px; 
    font-weight: bold; 
    height: 27px; 
    line-height: 18px; 
    margin: 0pt 20px 0pt 0pt; 
    overflow: hidden; 
    padding-top: 17px;
    cursor: pointer;    
}



/* steps styles */

.stepsContainer .first, .stepsContainer .last
{
    height: 37px;
    float: left;
    width: 6px;
}

.stepsContainer .first
{
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_left.png) no-repeat top;
}

.stepsContainer .last
{
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_right.png) no-repeat top;
}

.stepsContainer .current .last
{
    width: 28px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_right_current.png) no-repeat top;
}

.stepsContainer .delimiter, .stepsContainer .step, .stepsContainer .stepItem
{
    height: 37px;
    float: left;
    overflow: hidden;
}

.stepsContainer .step
{
    height: 37px;
    line-height: 37px;
    padding-left: 28px;
    padding-right: 28px;
    font-size: 11px;
    font-weight: bold;
    color: #e8eef5;
    cursor: pointer;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_text_bkg.png) repeat-x top;
}

.stepsContainer .passed .step, .stepsContainer .current .step
{
    color: #FFFFFF;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_text_bkg_selected.png) repeat-x top;
}

.stepsContainer .s1 .step, .stepsContainer .s2 .step, .stepsContainer .s3 .step, .stepsContainer .s4 .step, .stepsContainer .s5 .step
{
    text-align: center;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
}


.stepsContainer .s1 .step
{
    width: 85px;
}

.stepsContainer .s2 .step
{
    width: 141px;
}

.stepsContainer .s3 .step
{
    width: 144px;
}

.stepsContainer .s4 .step
{
    width: 184px;
}

.stepsContainer .s5 .step
{
    width: 224px;
}


.stepsContainer .delimiter
{
    width: 12px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_delimiter.png) no-repeat top;
}

.stepsContainer .passed .delimiter
{
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_delimiter_passed.png) no-repeat top;
}

.stepsContainer .current .delimiter
{
    width: 34px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/steps_delimiter_current.png) no-repeat top;
}

/* STEPS FORM */
.formContainer .top
{
    height: 6px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/form_top.png) no-repeat top;
}

.formContainer .bottom
{
    height: 6px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/form_bottom.png) no-repeat top;
}

.formContainer .stepPannel
{
    display: none;
}

.formContainer .stepPannel.current
{
    display: block;
}

.formContainer .toolPannel
{
    border-right: 1px solid #b4b4b4;
    border-left: 1px solid #d3d3d3;
    background: #e7eef8;
    overflow: hidden;
}

.formContainer .dataPannel
{
    border-right: 1px solid #b4b4b4;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #c8cbcf;
    background: #c1d4ee;
}




.toolPannel p
{
    color: #498a37;
    font-weight: bold;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 7px;
}

.toolPannel .leftTextBlock, .toolPannel .midleTextBlock
{
    float: left; /*height: 110px;*/ /*padding-bottom: 30px;*/
}

.toolPannel .buttonPanel
{
    float: right;
}

.toolPannel .leftTextBlock
{
    width: 280px;
    padding-right: 147px;
    padding-left: 25px;
    margin-bottom: 15px;
}

.toolPannel .midleTextBlock
{
    width: 230px;
    padding-right: 34px;
    margin-bottom:15px;
}

.toolPannel .buttonPanel .topNextButton
{
    margin-top: 15px;	
    margin-bottom: 10px;
    margin-right: 49px;
}

.toolPannel .buttonPanel .bottomNextButton
{
    margin: 30px 49px 25px 0px;
}

.formContainer .dateAndPassengers
{
    
}

.formContainer .dateAndPassengers .datePickerBox input, .formContainer .dateAndPassengers .datePickerBox img
{
    float: left;
}

.formContainer .dateAndPassengers .datePickerBox input
{
    margin-top: 2px;
    width: 10px;
    text-align: center;
}

.formContainer .dateAndPassengers .datePickerBox img
{
    padding-left: 4px;
    cursor: pointer;
}

.formContainer .dateAndPassengers .passengerLabels
{
    overflow: hidden;
    padding: 15px 0px 0px 462px;
}

.formContainer .dateAndPassengers .passangersSummContainer
{
    margin-top: 6px;    
}

.formContainer .dateAndPassengers .passengerLabels label
{
    font-weight: bold;
}

.formContainer .dateAndPassengers .inputCell
{
    width: 95px;
    overflow: hidden;
    float: left;
}

.formContainer .dateAndPassengers .inputCell input
{
    width: 60px;
    height: 19px;
    padding-top: 4px;
    padding-left: 7px;
    padding-right: 7px;
    border: solid 1px #b2bbc3;
    color: #000000;
    font-size: 10px;
}

.formContainer .dateAndPassengers .rowLeft
{
    width: 435px;
    height: 50px;
    overflow: hidden;
    padding-left: 25px;
    float: left;
}

.formContainer .dateAndPassengers .rowLeft span
{
    font-weight: bold;
    margin-right: 5px;
}

.formContainer .dateAndPassengers .rowLeft select
{
    margin-right: 7px;
    margin-left: 7px;
}

.formContainer .dateAndPassengers .rowCell
{
    float: left;
}

.formContainer .dateAndPassengers .rowCell.text
{
    line-height: 22px;
}

.formContainer .dateAndPassengers .rowRight
{
    width: 390px;
    height: 50px;
    overflow: hidden;
    float: left;
}

.formContainer .dateAndPassengers .rowRight span
{
    font-weight: bold;
    margin-right: 2px;
    margin-left: 3px;
}

.formContainer .routePanels
{
    width: 815px;
    border-top: solid 1px #FFFFFF;
    margin: 35px 0px 0px 27px;
    padding-top: 30px;
    overflow: hidden;
}


.formContainer .routePanels .mapPanel
{
    float: left;
    width: 460px;
}

.formContainer .routePanels .mapPanel #map
{
    width: 460px;
    height: 429px;
}

.formContainer .routePanels .mapPanel #map span
{
    white-space: normal;
    font-size: 0px;
}

.formContainer .routePanels .mapPanel .routeSummary
{
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
    overflow: hidden;
}

.mapPanel .routeSummary .rightBlock, .mapPanel .routeSummary .leftBlock
{
    padding: 5px;
}

.mapPanel .routeSummary .leftBlock
{
    float: left;
}

.mapPanel .routeSummary .rightBlock
{
    float: right;
}

.formContainer .routePanels .routePointsPanel
{
    float: left;
    width: 334px;
    padding-right: 19px;
}

.formContainer .routePanels .routePointsPanel .header
{
    background: #3e6ba9;
    font-family: Lucida Grande, Lucida, Verdana;
    font-weight: bolder;
    color: #FFFFFF;
    border: 1px solid #aeb7c1;
    border-bottom: 0px;
    height: 31px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

.routePanels .routePointsPanel .titleBlock
{
    width: 130px;
    font-size: 14px;
    line-height: 31px;
    height: 31px;
    float: left;
}

.routePanels .routePointsPanel .toolBlock
{
    float: left;
    margin-top: 2px;
    width: 35px;
    height: 26px;
}

.routePanels .routePointsPanel .linkButtonBlock
{
    font-size: 12px;
    padding-top: 7px;
    height: 24px;
    float: left;
    width: 155px;
    text-align: right;
}

.routePanels .routePointsPanel .points
{
    overflow: hidden;
}

.routePanels .routePointsPanel .linkButtonBlock a, .routePanels .routePointsPanel .linkButtonBlock a:visited
{
    color: #FFFFFF;
}

.routePanels .routePointsPanel #sortable
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.routePanels .routePointsPanel .destinationPoint
{
    /*height: 80px;*/
    background: #FFFFFF;
    padding: 2px;
    border-style: solid;
    border-color: #aeb7c1;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    cursor: move;
}

.routePanels .routePointsPanel .destinationPoint .addresseInput
{
    color: #000000;
    width: 240px;
    -moz-user-select: text;
}

.routePanels .routePointsPanel .destinationPoint .addresseInput.notFound
{
    border: solid 1px red;
}


.routePanels .routePointsPanel .destinationPoint.first, .routePanels .routePointsPanel .destinationPoint.last
{
    background: #e7eef8;
}

.routePanels .routePointsPanel .destinationPoint .letter
{
    width: 48px;
    height: 80px;
    background: #58a543;
    line-height: 80px;
    color: #FFFFFF;
    text-align: center;
    font-family: Verdana;
    font-size: 30px;
    font-weight: bolder;
    float: left;
}

.routePanels .routePointsPanel .destinationPoint .data
{
    width: 256px;
    height: 68px;
    font-size: 11px;
    color: #000000;
    float: left;
    padding-left: 14px;
    padding-top: 12px;
}

.routePanels .routePointsPanel .destinationPoint .data input
{
    width: 252px;
    height: 22px;
    border: 1px solid #AEB7C1;
    color: #000000;
}

.routePanels .routePointsPanel .destinationPoint .data label
{
    font-style: italic;
    font-size: 10px;
    color: #707b8a;
}

.routePanels .routePointsPanel .destinationPoint .data > div
{
    overflow: hidden;
}

.routePanels .routePointsPanel .destinationPoint .pointTitleBlock
{
    width: 110px;
    padding-top: 3px;
    float: left;
}

.routePanels .routePointsPanel .destinationPoint .pointRemoveBlock
{
    width: 25px;
    padding-bottom: 7px;
    float: right;
}

.routePanels .routePointsPanel .destinationPoint .pointRemoveBlock a, .routePanels .routePointsPanel .destinationPoint .pointRemoveBlock a:visited
{
    color: #2d4f7c;
}


.routePanels .routePointsPanel .shadow
{
    height: 10px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/lastRoutePointShadow.png) no-repeat top;
}

.routePanels .routePointsPanel .container
{
    border: 1px solid #aeb7c1;
    border-top: 0px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/routePointsBackground.png) repeat-y top;
    margin-bottom: 25px;
}

.formContainer .validationError
{
    color: #FF0000;
    font-size: 9px;
    float: left;
    display: none;
}

/* Step 2 */

.dataPannel .passSummary
{
    padding-top: 7px;
    margin-bottom: 3px;
    height: 25px;
    background: #3e6ba9;
    border-bottom: 1px solid #a7bfe0;
    overflow: hidden;
    font-weight: bold;
}

.dataPannel .passSummary .first
{
    margin-left: 65px;
}

.dataPannel .passSummary .infoLabel
{
    color: #ffffff;
    padding-top: 2px;
    padding-left: 20px;
}

.dataPannel .whiteBox, .dataPannel .whiteBox .left, .dataPannel .whiteBox .content, .dataPannel .content, .dataPannel .whiteBox .right
{
    float: left;
}

.dataPannel .whiteBox
{
    height: 18px;
    overflow: hidden;
    margin: 0px 5px 0px 5px;
}
.dataPannel .whiteBox .left
{
    height: 18px;
    width: 3px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/white_box_L.png) no-repeat top;
}

.dataPannel .whiteBox .content
{
    height: 18px;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 18px;
    font-family: Lucida Grande, Lucida, Verdana;
    font-size: 10px;
    background: #FFFFFF;
    color: #3e6ba9;
}
.dataPannel .whiteBox .right
{
    height: 18px;
    width: 3px;
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/white_box_R.png) no-repeat top;
}

.dataPannel .wayPointItem
{
    height: 194px;
    border-top: 1px solid #aeb7c0;
    border-bottom: 1px solid #aeb7c0;
    padding: 3px;
    background: #FFFFFF;
    overflow: hidden;
    margin-bottom: 3px;
}

.dataPannel .wayPointItem.first, .dataPannel .wayPointItem.last
{
    height: 137px;
}

.dataPannel .wayPointItem .letter.first, .dataPannel .wayPointItem .letter.last
{
    height: 137px;
    line-height: 137px;
}

.dataPannel .wayPointItem .letter
{
    height: 194px;
    line-height: 194px;
    width: 48px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: Verdana;
    color: #FFFFFF;
    background: #58a543;
    float: left;
}

.dataPannel .wayPointItem .content
{
    overflow: hidden;
    width: 809px;
    float: left;
}

.dataPannel .wayPointItem .infoBar
{
    background: #e7eef8;
    color: #000000;
    height: 38px;
    line-height: 38px;
    width: 809px;
    padding-left: 12px;
    font-weight: bold;
}

.dataPannel .wayPointItem .infoBar span
{
    color: #3e6ba9;
}

.dataPannel .wayPointItem .leftPanel, .dataPannel .wayPointItem .rightPanel
{
    float: left;
    overflow: hidden;
}

.dataPannel .wayPointItem .rightPanel
{
    width: 346px;
}

.dataPannel .wayPointItem .leftPanel
{
    color: #84909e;
    width: 451px;
    padding-left: 12px;
}

.dataPannel .wayPointItem .leftPanel.last
{
    width: 790px;
}

.dataPannel .wayPointItem .labelItem
{
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px;
    color: #84909e;
    font-family: Lucida Grande, Lucida, Verdana;
    font-size: 11px;
    font-weight: bold;
}

.dataPannel .wayPointItem .passengersIn, .dataPannel .wayPointItem .passengersOut
{
    height: 56px;
    padding-left: 29px;
    margin-right: 7px;
    border: 1px solid #aeb7c0;
    overflow: hidden;
    color: #000000;
}

.dataPannel .wayPointItem .passengersOut
{
    margin-top: 1px;
}



.dataPannel .wayPointItem .infoRow
{
    height: 56px;
    line-height: 56px;
    color: #000000;
    border: 1px solid #aeb7c0;
    font-size: 11px;
    font-weight: bold;
    padding-left: 18px;
    width: 320px;
}

.dataPannel .wayPointItem .infoRow.last
{
    width: 770px;
}

.dataPannel .wayPointItem .editRow
{
    height: 18px;
    line-height: 21px;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    padding-top: 3px;
}

.dataPannel .wayPointItem .editRow.bottomR
{
    height: 30px;
    font-size: 11px;
}

.dataPannel .wayPointItem .editRow select
{
    height: 20px;
    width: 50px;
    margin: 8px 10px 0px 0px;
    float: left;
}
.dataPannel .wayPointItem .editRow span
{
    float: left;
    margin: 7px 3px 0px 0px;
}

.dataPannel .wayPointItem .passengersIn
{
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/pass_in.png) no-repeat left;
}

.dataPannel .wayPointItem .passengersOut
{
    background: url(/Frontend/Images/Centrumturist/OnlineBooking/pass_out.png) no-repeat left;
}

.dataPannel .wayPointItem .waitEditRow
{
    height: 58px;
    width: 337px;
    border: 1px solid #aeb7c0;
    border-bottom: 0px;
    overflow: hidden;
}

.dataPannel .wayPointItem .moveOutEditRow
{
    height: 58px;
    width: 337px;
    border: 1px solid #aeb7c0;
    border-top: 0px;
    background: #e7eef8;
    overflow: hidden;
}

.dataPannel .wayPointItem .rightPanel .centeredCell
{
    height: 58px;
    line-height: 58px;
    font-family: Lucida Grande, Lucida, Verdana;
    font-size: 12px;
    font-weight: bold;
    float: left;
}

.dataPannel .wayPointItem .rightPanel .centeredCell input
{
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 5px;
}

.dataPannel .wayPointItem .rightPanel .chooseCell
{
    height: 38px;
    padding-top: 14px;
    float: left;
}

.dataPannel .wayPointItem .rightPanel .cellSpacer
{
    height: 38px;
    width: 10px;
    float: left;
}

.dataPannel .wayPointItem .rightPanel .chooseCell .topBlock, .dataPannel .wayPointItem .rightPanel .chooseCell .bottomBlock
{
    margin-right: 15px;
}

.dataPannel .wayPointItem .rightPanel .moveOutEditRow .chooseCell .topBlock, .dataPannel .wayPointItem .rightPanel .moveOutEditRow .chooseCell .bottomBlock
{
    margin-right: 5px;
}

.dataPannel .wayPointItem .rightPanel .chooseCell .topBlock
{
    font-style: italic;
    font-size: 11px;
    font-family: Verdana;
    height: 15px;
}

.dataPannel .wayPointItem .rightPanel .chooseCell .topBlock.spacer
{
    height: 15px;
    width: 10px;
}

.dataPannel .wayPointItem .rightPanel .chooseCell .bottomBlock select
{
    width: 40px;
}

.dataPannel .wayPointItem .rightPanel .moveOutEditRow .chooseCell .bottomBlock select
{
    width: 40px;
}


/* step 3 */

.busSelector
{
    padding: 15px 15px 15px 25px;
    overflow: hidden;
}

.busSelector .busItem
{
    border: 1px solid #b5b5b7;
    height: 153px;
    width: 387px;
    padding: 3px;
    margin-bottom: 14px;
    margin-right: 14px;
    background: #FFFFFF;
    overflow: hidden;
    float: left;
}

.busSelector .busItem .busHeader
{
    height: 38px;
    overflow: hidden;
    margin-bottom: 3px;
    background: #e7eef8;
}

.busSelector .busItem .selector
{
    float: left;
    height: 38px;
    padding-top: 10px;
}

.busSelector .busItem .headerText
{
    float: left;
    height: 38px;
    line-height: 38px;
}

.busSelector .busItem .busInfo
{
    overflow: hidden;
}

.busSelector .busItem .busInfo .busPhoto
{
    float: left;
    width: 220px;
    height: 110px;
}

.busSelector .busItem .busInfo img
{
    width: 220px;
    height: 110px;
}

.busSelector .busItem .busInfo .busInfoText
{
    font-family: Verdana;
    font-size: 11px;
    float: left;
    width: 147px;
    height: 98px;
    padding: 6px 10px 6px 10px;
	overflow-y: scroll;
}

/* step 4 */

.serviceChooseContainer
{
    background-image: url(/Frontend/Images/Centrumturist/OnlineBooking/step5_background.png);
    background-position: right;
    background-repeat: repeat-y;
    background-color: #c1d4ee;
    padding: 20px 10px 20px 25px;
}

.serviceChooseContainer .serviceItemsList
{
    float: left;
    width: 600px;    
}

.serviceChooseContainer .serviceSelectedItemsListContainer  {
    float:left;
    margin-left:28px;
    width:200px;
}

.sliderTrack
{
    float: left;    
}

div.floating div#serviceSelectedItemsListContainer
{
    position: fixed;
    top: 0;    
}

div.pinned_top div#serviceSelectedItemsListContainer
{
    position:relative;
    right:0;
    top:0;    
}

div.pinned_bottom div#serviceSelectedItemsListContainer
{
    position:relative;
    right:0;
    bottom:0;    
}

.servicePayAfterTripStub
{
    height: 68px;    
}

.serviceSelectedItemsTitle  
{
    color: White;
    background-color: #3F6BAA;
    padding: 5px;
    font-weight: bold;
}

.serviceSelectedItemsPriceValue
{
    
}

.serviceSelectedItemsPriceValueContainer
{
    color: #830C10;
    padding: 13px;
    text-align: right;
    font-weight:bold;
}

.serviceBlock
{
    padding: 3px;
    border: 1px solid #BAB9B7;
    margin-top: 10px;
    background-color: White;
}

.serviceTitle
{
    background:none repeat scroll 0 0 #E7EEF8;
    color:#000000;
    font-family:Lucida Grande,Lucida,Verdana;
    font-size:12px;
    font-weight:bolder;
    height:38px;
    line-height:38px;
    overflow:hidden;
    padding-left:10px;
}

.serviceChooseContainer .serviceItem
{
    overflow: hidden;
    padding: 3px;
    border: 1px solid #b5b7b9;
    background: #FFFFFF;
    color: #000000;
    margin-bottom: 4px;
}

.selectedService
{
    overflow: hidden;
    padding: 3px;
    background: #FFFFFF;
    color: #000000;
    margin: 4px;
    font-weight: bold;
    border-bottom: 1px solid #B5B9BC;
}

.selectedServiceTitle
{
}

.selectedServiceDescription
{
    color:#595959;
    font-weight:normal;
    margin-bottom:5px;
}

.deleteService
{
    color: #3F6BAA;
}

.selectedServiceDelete
{
    float: left;    
}
.selectedServicePrice
{
    float: right;
    color: #830C10;
}

.serviceChooseContainer .serviceItem .headerText
{
    font-family: Lucida Grande, Lucida, Verdana;
    font-weight: bolder;
    font-size: 12px;
    color: #000000;
    background: #e7eef8;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}

.serviceChooseContainer .serviceItem .serviceItemPhoto
{
    width: 123px;
    height: 107px;
    border: 1px solid #b5b7b9;
    margin-top: 3px;
    float: left;
}

.serviceChooseContainer .serviceItem .serviceItemPhoto img
{
    width: 123px;
    height: 107px;
}

.serviceChooseContainer .serviceItem .serviceItemForm
{
    width: 436px;
    height: 107px;
    margin-top: 15px;
    margin-right: 18px;
    float: left;
    overflow: hidden;
}

.serviceChooseContainer .serviceItem .serviceItemForm .leftBox
{
    width: 170px;
    padding-left: 18px;
    float: left;
    overflow: hidden;
    font-size: 11px;
    font-weight: normal;
}

.serviceChooseContainer .serviceItem .serviceItemForm .leftBox .selector select
{
    width: 170px;
}

.serviceChooseContainer .serviceItem .serviceItemForm .serviceLabel
{
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}

.serviceChooseContainer .serviceItem .serviceItemForm .serviceInfo
{
    height: 45px;
}

.serviceChooseContainer .serviceItem .serviceItemForm .leftBox .selector input
{
    height: 18px;
    font-family: Verdana;
    font-size: 11px;
    width: 158px;
}

.serviceChooseContainer .serviceItem .serviceItemForm .rightBox
{
    width: 220px;
    float: left;
    overflow: hidden;
}

.serviceChooseContainer .serviceItem .serviceItemForm .rightBox .cell
{
    float: right;
}


.serviceChooseContainer .serviceItem .serviceItemForm .rightBox .serviceInp input
{
    width: 95px;
    font-size: 10px;
    height: 16px;
    border-width: 1px;
    border-color: #b3bcc4;
    border-style: solid;
    padding-top: 2px;
}

.serviceChooseContainer .serviceItem .serviceItemForm .rightBox .serviceInp
{
    width: 110px;
    height: 37px;
    text-align: right;
}

.serviceChooseContainer .serviceItem .serviceItemForm .rightBox .servicePrice
{
    height: 31px;
    text-align: right;
    font-weight: bold;
    color: #498a37;
}

.serviceChooseContainer .serviceItem .serviceItemForm .rightBox .buttonContainer
{
    width: 150px;
    text-align: right;
    float: right;
}


/* step 5 */

.finalStepContent
{
    padding: 30px;
    overflow: hidden;
}

.finalStepContent #submit_s5
{
    width: 144px;
    height: 26px;
    float: left;
}

.finalStepBottomSpacer
{
    height: 40px;
    width: 40px;
}

.finalStepContent .row
{
    overflow: hidden;
}

.finalStepContent .row label
{
    margin-left: 86px;
    float: left;
}

.finalStepContent .labelBox
{
    width: 140px;
    height: 20px;
    line-height: 20px;
    float: left;
}

.finalStepContent .dataBox
{
    height: 20px;
    float: left;
    margin-right: 6px;
}


.finalStepContent .left
{
    width: 375px;
    float: left;
}

.finalStepContent .rowsSpacer
{
    height: 6px;
    width: 370px;
}

/*
            .finalStepContent .left .dataBox,
            .finalStepContent .left .labelBox
            {
            	margin-bottom: 6px;
            }
            */

.finalStepContent .left .labelBox
{
}

.finalStepContent .left .dataBox
{
}

.finalStepContent .left .dataBox input[type=text]
{
    float: left;
    width: 211px;
    padding: 3px 0px 0px 3px;
    height: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #b4b4b4;
    font-size: 10px;
    font-family: Tahoma;
}

.finalStepContent .left .dataBox select
{
    float: left;
    width: 217px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #b4b4b4;
    font-size: 10px;
    font-family: Tahoma;
}

.finalStepContent .right
{
    width: 400px;
    float: left;
}

.finalStepContent .left .selectorsBox
{
    float: left;
    overflow: hidden;
}

.finalStepContent .left .selectorsBox
{
    width: 140px;
}

.finalStepContent .left .selectorsBox input
{
    margin-top: 10px;
}

.finalStepContent .left .selectorsBox span
{
    margin-top: 12px;
}

.finalStepContent .right .labelBox
{
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
}

.finalStepContent .right .dataBox
{
    line-height: 20px;
    font-style: italic;
    color: #4d4d4d;
}

.finalStepContent .right .dataBox input[type="text"]
{
    font-style: normal;
    width: 217px;
    padding: 3px 0px 0px 0px;
    height: 15px;
    background: #edf4ff;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #b4b4b4;
    font-size: 10px;
    font-family: Tahoma;
}

/* STEP 6 SUMMARY*/
.summaryStep
{
    overflow: hidden;
}

.summaryStep .top img, .summaryStep .bottom img
{
    position: absolute;
}

.summaryStep .top
{
    height: 6px;
}

.summaryStep .bottom
{
    height: 6px;
}

.summaryStep .toolPannel
{
    border-right: 1px solid #b4b4b4;
    border-left: 1px solid #d3d3d3;
    background: #e7eef8;
    overflow: hidden;
}


.summaryStep .toolPannel .headerTextBlock
{
    color: #498a37;
    font-weight: bold;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    margin: 0px 0px 0px 20px;
    float: left;
}

.summaryStep .toolPannel .closeButtonPanel
{
    color: #7f8a9c;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding-top: 17px;
    line-height: 18px;
    margin: 0px 20px 0px 0px;
    float: right;
    overflow: hidden;
}

.summaryStep .toolPannel .closeButtonPanel .buttonCell
{
    float: left;
    height: 18px;
    margin-left: 6px;
}

.summaryStep .dataPannel
{
    border-right: 1px solid #b4b4b4;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #c8cbcf;
    background: #c1d4ee;
}

.summaryStep .dataPannel
{
    position: relative;
    max-height: 650px;
    overflow: auto;
}

.summaryStep .dataPannel td
{
    width: 175px;
    padding: 0px 20px 0px 20px;
    border-right: solid 1px #9eafc3;
}

.summaryStep .dataPannel .column1
{
    width: 185px;
}

.summaryStep .dataPannel .column2
{
    width: 245px;
}

.summaryStep .dataPannel .summaryHSpacer
{
    height: 20px;
}

.summaryStep .dataPannel .headerText, .summaryStep .dataPannel .infoText
{
    font-size: 12px;
    color: #4c4e4d;
    font-family: Arial;
}

.summaryStep .dataPannel .headerText
{
    font-weight: bold;
}

.summaryStep .dataPannel .inforow
{
    overflow: hidden;
}

.summaryStep .dataPannel .inforow-cell
{
    float: left;
}

.summaryStep .dataPannel .wsspacer
{
    height: 20px;
}

.summaryStep .dataPannel .linespacer
{
    height: 19px;
    border-top: solid 1px #9eafc3;
}

.summaryInputButton
{
    margin-right: 30px;
}

/* ------------ Suggestions ----------------- */
.obSuggestionsContainer
{
    clear: both;
    padding: 4px;
}

.obSuggestionsHeader
{
    color: #8994A3;
    font-size: 115%;
}

.obSuggestionsBody
{
}

.obSuggestionsContainer .obSuggestionsBody .obSuggestion
{
    margin-top: 3px;
    cursor: pointer;
    padding: 2px;
    border: solid 1px #C1D4EE;
}

.obSuggestionsContainer .obSuggestionsBody .obSuggestionHighlighted
{
    background-color: #C1D4EE;
    border: solid 1px #3E6BA9;
}

.obSuggestionTitle
{
}

.obSuggestionLink
{
    cursor: pointer;
    text-decoration: underline;
    color: #3E6BA9;
}

.obSuggestionDetails
{
    color: #707B8A;
    font-size: 85%;
}

.headerTextBlockLink
{
    cursor: pointer;    
}

.paymentTypeText
{
    margin-right: 5px;
    margin-left: 2px;
}

.paymentTypeContainer
{
    padding: 10px;    
}


