.loginForm.top-popup  
{
	span.loginType{
		@pv-custom-checkbox();
        font-weight:@pv-font-weight-regular;
	}

    input
    {
	    vertical-align:text-top;
        float:right;

        &[type="text"], 
        &[type="password"], 
        &[type="email"] 
        {
		        
        }
    }
}

.registerForm 
{

    .field
    { 
        margin-top: 5px; 
        margin-bottom: 4px;
		.box-sizing();
		width:100%;
		float:left;

        label
        { 
            width: 140px; 
            float: left; 
            line-height:25px;
            clear:both; 
        }

        &.checkbox
        {
			@pv-custom-checkbox();
	        input { vertical-align:middle; }
	        label { float:left;width:auto; }
			label.wide { width:100%; .box-sizing(); }
        }
    }
}

.loginForm
{
    a.close.red {
        right: 18px;
        top: 15px;
    }
    line-height: 30px;
    padding: 10px 20px 20px 20px;
    width: 282px;
    font-weight:@pv-font-weight-semibold;
    ul
    {
        margin-top: 4px;

        li {
            ul {
                .forgot-password p {
                    padding-top:15px;
                    width:100%;
                }
                .register-link p {

                    margin-top: 12px;
                    padding-top:10px;
                    width:100%;
                    border-top: 1px solid #a8d7f7;
                }
            }
        }
    }

    li
    {
		float:left;
		width:100%;
        clear: both; 
        border: 0; 
        margin: 0 0 4px 0;
        padding: 0; 

        label 
        { 
            width: auto;
            margin-top: 6px;

            &.loginType { margin-top: 0px; width:100%; }
            &.lblDossierNumber { font-weight: @pv-font-weight-bold; width: 68px;text-align: right; margin-bottom: 20px;}
        }

        span.loginType label{ margin-bottom:10px;margin-right:10px;cursor:pointer; }
        input.tbDossierNumber[type="text"] { }
    }

    .checkbox-holder { 
		margin-bottom:5px; 
		@pv-custom-checkbox();
        font-weight:@pv-font-weight-regular;
    }
    .link-box { line-height:20px; font-weight:@pv-font-weight-regular;}

}

.registerForm,
.loginForm
{
    h4
    {
	    font-size: 20px;
        font-weight: bold;
		text-transform:none;
		color:@pv-loginform-h4-color;
    }

    div.seperator
    {
        /*height: 50px;*/
	    padding-bottom:18px;
	    margin-bottom:0;
    
    }
}

.registerForm div.register-box, 
.loginForm div.login-box 
{
	/*background: url(../../img/Base/gradient/result_item_bg.png) repeat-x left top;*/
	padding-top:10px;
    position:relative;
	.box-sizing();
	width:100%;
	float:left;

	& > div
	{
		.box-sizing();
		float:left;
		width:100%;
	}

    &::before
    {
        display:block;
        content:'';
        height:18px;
        width:100%;
        position:absolute;
        top:0;
        z-index:-1;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aedcfb+0,d0ebfc+6,ffffff+100 */
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#aedcfb;
            @stops: #aedcfb 0%,#d0ebfc 6%,#ffffff 100%;
        );
    }
}

.registerForm div.register-box
{
	.row.field:last-child
	{
		margin-top:85px;
	}
}

.loginForm li .button-holder
{
	padding:10px 0;
}