﻿/* START Incentive */

div.pageHeader,  
div.pageHeader img
{
	height: auto;	
	width: 100%;
}

div.blockIncentive
{
	/*padding: 10px;
	float:left;*/

    div.blockIncentiveImage
    {
	    float:left;
	    /*background-color: #bbe3ff;*/
	    /*width: 202px;*/
	    height: 259px;
	    overflow: hidden;
	    position: relative;
	    text-align: center;
	    line-height:259px;
	    vertical-align:middle;

        img
        {
	        position: relative;
	        margin: auto;
	        vertical-align:middle;
        }
    }

    div.blockIncentiveContent
    {
		width:~"calc(100% - 240px)";

	    /*float:left;
	    margin-left:15px;*/

        div.incentiveTitle,
        div.incentiveAuthor,
        div.incentiveDescription,
        div.incentiveRest,
        div.incentiveForm,
        div.incentiveFormErrors
        {
	        /*float:left;
	        width: 100%;*/
        }

        div.incentiveDescription,
        div.incentiveRest,
        div.incentiveForm
        {
	        margin-top:15px;
	        border-top:1px solid #bbe3ff;
	        padding-top:15px;
        }

        .row.field
        {
	        position:relative;
	        width:100%;
	        margin-bottom:6px;
	        min-height:28px;

            label
            {
	            float: left;
                width: 180px;
                clear: left;
                font-weight: bold;
                min-height: 21px;
				line-height:32px;
            }

            input {
                float: left;
                clear: right;
                margin-right: 5px;
            }

            .cbConditions
            {
                display:block;
                width:100%;

                label
                {
                    font-weight:normal;
                    width:338px;
                    clear:none;
                }
            }

            .RadioButtonListGender label
            {
                float:left;
                font-weight:normal;
                clear:none;
                width:auto;
                padding-right:5px;
            }

            input[type="text"]:not(.address):not(.addressNumber)
            {
                width:208px;
            }

            input[type="text"].address
            {
                width:161px;
            }

            input[type="text"].addressNumber
            {
                width:30px;
            }

        }

        div.incentiveRest
        {
            div.incentiveRestItemHeader
            {
	            clear:both;
	            float:left;
	            width:100px;
            }

            div.incentiveRestItemValue
            {
	            float:left;
            }
        }

        div.incentiveForm
        {
            div.incentiveFormErrors
            {
	            border:2px solid #c61616;
	            background-color:#fdf8b0;
	            background-image:url(/Img/Base/gradient/gradient_incentive_error.png);
	            background-repeat:repeat-x;
	            padding:13px;
	            margin-bottom:15px;
	            float:left;
	            background-image: url("../../img/Base/gradient/gradient_incentive_error.png");
            }

            div.incentiveFormIntro
            {
	            font-weight:bold;
	            margin-bottom:15px;
            }

            div.incentiveFormHeader
            {
	            clear:both;
	            float:left;
	            width:160px;
	            margin-bottom:2px;
	            margin-top:9px;
            }

            div.incentiveFormValue 
            {
	            float:left;
	            margin-top:4px;

                input,
                select
                {
	                border:1px solid #bbe3ff;
	                height:24px;
	                width:260px;
                }

                input
                {
	                padding-left:3px;
                }

                input.fancy
                {
	                width:118px;
	                letter-spacing:12px;
                }

                span.RadioButtonListGender
                {
                    label
                    {
	                    position:relative;
	                    top:-4px;
	                    margin-right:10px;
                    }

                    input
                    {
	                    width:20px;
	                    position:relative;
	                    top:4px;
	                    border:0px;
                    }
                }

                input.error,
                select.error
                {
	                border:1px solid #c61616;
                }

                input.address
                {
	                width:192px;
                }

                input.addressNumber
                {
	                width:50px;
	                margin-left:8px;
                }

                div.country
                {
	                width:269px;
                }

                select.country
                {
	                width:269px;
	                background-position:247px 2px;
                }

            }

            div.incentiveFormConditions
            {
	            clear:both;
	            float:left;
	            margin-top:15px;
            }

            div.buttonSend
            {
	            clear:both;
	            float:right;
	            margin-top:40px;
	
            }

        }

        .codeLabel
        {
	        padding-top:4px;
        }

	    input.fancyCode 
        {
		    letter-spacing: 8px;
		    width: 118px;
		    background-image: url(img/base/Elements/pc/CodeField.jpg);
		    background-repeat: no-repeat;
		    border: none;
		    height: 28px;
		    padding-left: 5px;
		    font-size: 16px;
		    font-family:'Courier New';
	    }

    }

}

.col3.sidebar.incentive > .content
{
	padding:10px;
}

.incentive .row.field.gender,
.incentive .row.field.terms
{
	@pv-custom-checkbox();
}

.incentive .row.field.gender span label
{
	margin-top:5px;
}

.incentive .row.field.terms
{
	margin-top:25px;
}

@media (max-width: 767px)
{
	div.blockIncentive div.blockIncentiveContent .row.field label
	{
		width:100%;
		clear:both;
	}

	div.blockIncentive div.blockIncentiveContent .row.field .cbConditions label
	{
		width:100%;
		.box-sizing();
	}

	div.blockIncentive div.blockIncentiveContent .row.terms
	{
		min-height:60px;
	}

}


/* END Incentive */