.ui-widget {
	font-size:10px;
}

h1 {
	color:#c00;
	font-size:17px;
    @pv-box-text-h1();
}

h2 {
	color:#0092f2;
	font-size: 14px;
	text-transform:uppercase;
    @pv-proposal-h2();
}

.mainHolder.proposal {
/*width:950px;*/
margin-top:35px;
font-size:11px;
@pv-proposal();
}

#fldProposal { position:relative; }

.proposal.mainHolder h4.title { font-weight:bold; }

.mainHolder.proposal .header 
{
    float:left;
    display:inline;
    clear:both;
    width:100%;

     .intro {
        float:left;
        display:inline;
        clear:none;
        background-color: #FFFFFF;
        border: 2px solid #0092f2;
        /*width:416px;*/
        padding:10px;
        margin-right:6px;
        height:190px;
        .box-sizing();
        @pv-proposal-intro();
    
        .yourprice {
            left:-30px;
            top: -20px;
        }

        .text {
            float:left;
            display:inline;
            clear:both;
            width:100% !important;

            p { margin-bottom:5px; }

            ul { float:none;  }/*margin-left:15px;*/
        }
    }

    .photo {
        /*width:510px;*/
        height:186px;
        margin-right:0;
        padding:0;
        border:none;
        float:left;clear:none;
        overflow:hidden;
        border: 2px solid #0092f2;

	    img
	    {
		    height:190px;
		    border:0px;
	    }

        @pv-proposal-photo();
    }

}




.mainHolder.proposal .header .intro .text ul li, ul.tips li { 
    list-style:none; 
    color:#35a2fd; 
    float:none;
    clear:both;
    margin-left:25px;/*width:390px;*/  
    position: relative;
    &:before {
        content: '';
        display: inline-block;
        width:6px;
        height:6px;
        .border-radius(3px);
        background-color:#c00;
        position:absolute;
        left: -13px !important;
        top: 9px !important;
        @pv-list-bullet();
    }
}
 ul.tips li {width:100%;}
.mainHolder.proposal .header .intro .text ul li span, ul.tips li span { color:@color-black; }
.mainHolder.proposal .header .intro .text ul li span .highlight, ul.tips li span .highlight { color:#35a2fd;font-weight:bold; }





.proposalStep 
{
    border: 2px solid #0092f2;
    padding:10px;
    /*width:932px;*/
    width:100%;
    float:left;
    display:inline;
    clear:both;
    background:#fff;
    .box-sizing();

        @pv-custom-checkbox();


    .blockleft {
        /*width:580px;*/
        float:left;
        display:inline;
        clear:none;
    }

    .blockright {
        /*width:350px;*/
        float:left;
        display:inline;
    }

    div.block {
        margin-bottom: 30px;
        line-height:25px;

	    label {
		    width:135px;
		    float:left;
            margin-right: 7px;
		    vertical-align:middle;
	    }
	    &.error label {
		    color:#dc4242;
	    }
    }

    textarea {
	    width:100%;
    }

    @pv-proposal-step();
}

.stepHolder { padding-bottom:100px; }





.mainHolder.proposal .header .intro .text ul li span span.asterisk,
span.asterisk { color:#c00; }

.proposalStep h2 {
    width:100%;
    clear:both;
}

#proposalStep3
{
    .block 
    {
        input { float:left; margin-right:5px; }
        label { width:100%; }
    }
    
    .blockright .block label { width:339px; }

}

.blockFooter {
    float:left;
    display:inline;
    clear:both;
    width:100%;
}



.staticPage.action .errors,
.newsletter .errors,
.hoteldeal .errors,
.flighttickets.main .errors,
.carrental.main .errors,
.mainHolder.proposal .errors,
.searchPage.Prijsvast .errors,
.errors-box {
    border:2px solid #dc4242;
    background-color:#ffe5e6;
    float:left;
    clear:both;
    width:100%;
    padding:10px;
    margin-bottom:10px;
    .box-sizing();
}

.staticPage.action .errors h4,
.newsletter .errors h4,
.hoteldeal .errors h4,
.flighttickets.main .errors h4,
.carrental.main .errors h4,
.mainHolder.proposal .errors h4,
.searchPage.Prijsvast .errors h4,
.errors-box h4 {
    background:url(img/base/proposal/uitroepteken_transparant.png) no-repeat left center;
    padding-left:25px;
}

.errors h4 { line-height: 22px;/*height: 17px;*/ }

.mainHolder.proposal .errors ul.left,
.mainHolder.proposal .errors ul.right {
    float:left;
    display:block;
    clear:none;
    width:50%;
    .box-sizing();
}

.mainHolder.proposal .errors ul.left {
padding-left:15px;
/*width:550px;*/
}
/*
.mainHolder.proposal .errors ul.right { width:350px; }
*/
.flighttickets.main .errors ul li,
.carrental.main .errors ul li,
.mainHolder.proposal .errors ul li {
color:#dc4242;
list-style:disc outside;
margin-left:25px;
/*width:400px;*/
clear:none;
}
.mainHolder.proposal .errors ul li.none { list-style:none; }
.mainHolder.proposal .errors ul.right li { width:350px; }

.flighttickets.main .errors ul li span,
.carrental.main .errors ul li span,
.mainHolder.proposal .errors ul li span {
color:@color-black;
}


.proposalStep .InfoBalloon { clear:none;float:none;display:inline;margin-top:0; }

#pnlRoomAssignment label.left { width:279px; }


#TravTable { width:100%; }
#TravTable .travRow.error .travTitle { color:#c00; }

.header.step3 h1 { font-size:20px; }

.datepicker {
	background:url(img/base/ico/Kalender.svg) no-repeat 96% center !important;
    background-size: 19px 19px !important;
}








/* PAGE STEP */
#pageStep {
    float:left;
    display:inline;
    clear:none;
    /*width:665px;*/
    margin:0 0 18px;

    ul {
        float:left;
        display:inline;
        clear:both;
        width:100%;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fcefa+0,93d0fa+44,8accfa+47,59b8f7+58,0d98f3+100 */
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#8fcefa;
            @stops: #8fcefa 0%, #93d0fa 44%, #8accfa 47%, #59b8f7 58%, #0d98f3 100%;
        );

        .box-shadow(0px 1px #7bc7f9);
        border-bottom:1px solid #fff;

        li {
            float:left;
            display:inline;
            clear:none;
            width:133px;
            height:37px;
            position:relative;
        }

    }

    @pv-proposal-pagestep();
}

#pageStep ul li.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+33,ebf6fe+100 */
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:#ffffff;
        @stops: #ffffff 0%,#ffffff 33%,#ebf6fe 100%;
    );

}
	#pageStep ul li.active .center span {
		color:#c00;
        .text-shadow( none );
	}

#pageStep ul li div {
float:left;
display:inline;
clear:none;
height:100%;
}

#pageStep ul li div.empty { width:8px; }
#pageStep ul li div.center { 
width:112px;
/*padding-top:4px;*/
padding-left:5px; 
height:39px;
}

#pageStep ul li span {
    float:left;
    display:block;
    clear:both;
    font-size:12px;
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    .text-shadow( 2px 2px 2px #0092f2 );

}

#pageStep ul li span.ok {
    background:url(img/base/proposal/vinkje_transparant.png) no-repeat center top;
    width:110px;
    height:10px;
    overflow:hidden;
    text-indent:-9999px;
    margin-top:4px;
}
#pageStep ul li.step1 span.ok { width:105px; }
#pageStep ul li.step2 span.ok { width:100px; }
#pageStep ul li.step3 span.ok { width:185px; }
#pageStep ul li.step4 span.ok { width:100px; }


#pageStep ul li small,
#pageStep ul li a {
float:left;
display:block;
clear:both;
/*font-family:Tahoma;*/
font-size:11px;
font-weight:normal;
width:100%;
}
	#pageStep ul li a {
		color:@color-black;
	
	    &:hover {
		    color:#c00;
	    }
    }

#pageStep ul li small { color:@color-black; }
/* PageStep 2 */

#pageStep ul li div.empty,
#pageStep ul li div.left { width:8px; height:43px; }



#pageStep.steps1 ul li { width:100%; }
#pageStep.steps1 ul li div.center { width:643px; }

#pageStep.steps2 ul li { width:50%; }
#pageStep.steps2 ul li div.center { width:311px; }

#pageStep.steps3 ul li { width:33%; }
#pageStep.steps3 ul li div.center { width:198px; }

#pageStep.steps4 { width:664px; }
#pageStep.steps4 ul li { width:25%; }
#pageStep.steps4 ul li div.center { width:145px; }

#pageStep.steps5 ul li { width:20%; }
#pageStep.steps5 ul li div.center { width:112px; }

#pageStep.steps1 ul li.step1 div.center { background:none; }
#pageStep.steps2 ul li.step2 div.center { background:none; }
#pageStep.steps3 ul li.step3 div.center { background:none; }
#pageStep.steps4 ul li.step4 div.center { background:none; }
#pageStep.steps5 ul li.step5 div.center { background:none; }
/* END PageStep 2 */


#pageStep.wide { width:715px; margin:18px 0 0; }
#pageStep.wide ul li { width:143px; }
#pageStep.wide ul li div.center { width:122px; }

#pageStep.fullwidth { /*width:966px;*/ margin:0; }
#pageStep.fullwidth ul li { width:auto; }
#pageStep.fullwidth ul li div.center { padding-left:10px; padding-right:10px; }
#pageStep.fullwidth ul li.step1 div.center { width:140px; }
#pageStep.fullwidth ul li.step2 div.center { width:140px; }
#pageStep.fullwidth ul li.step3 div.center { width:140px; }
#pageStep.fullwidth ul li.step4 div.center { width:140px; }
#pageStep.fullwidth ul li.step5 div.center { width:140px; }

#pageStep.fullwidth.cruise ul li.step1 div.center { width:140px; }
#pageStep.fullwidth.cruise ul li.step2 div.center { width:140px; }
#pageStep.fullwidth.cruise ul li.step3 div.center { width:140px; }
#pageStep.fullwidth.cruise ul li.step4 div.center { width:140px; }
#pageStep.fullwidth.cruise ul li.step5 div.center { width:140px; }



#pageStep.right { float:right; }

.bid #pageStep, .alternatives #pageStep { margin-top:18px; }
.map #pageStep, .bid #pageStep, .alternatives #pageStep { clear:both; }
.map #pageStep.wide { margin:0 0 18px; }
/* PAGE STEP */