/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 * */
/* 
 *     Created on : Feb 6, 2015, 1:21:41 PM
 *         Author     : peter
 *         */

	.modal-backdrop {
		position:fixed;
		display: none;
		background-color:#fff;
		width:100%;
		height:100%;
		opacity: 0.75;
		filter: alpha(opacity=75); /* For IE8 and earlier */
		z-index:100001;
		left:0px;
		top:0px;
	}
	
	.modal{
		background-color: #fff;
		position:fixed;
		display: none;
		max-width:600px;
		height: auto;
		left:50%;
		top:0px;
		bottom: auto;
		padding: 20px;
		margin:150px 0 0 -300px; /* [-(height/2)px 0 0 -(width/2)px] */
		z-index:100002;
		color:#fff;
		box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
	}
	
	.modal-container {
		padding-top: 0px;
		text-align: left;	
		width: auto;
	}
	
	.modal-container input.textfield {
		
	}
	
	
	
	
	.modal-container .checkbox-container {
		width: 100%
	}
	
	.modal-container .checkbox-container input {
		float:left;
	}
	
	.modal-container #radio-container-subscription {
		text-align: left;
		display: none;
	}
	
	.modal-container #radio-container-subscription p {
		margin-bottom: 5px;
	}
	
/*	.modal-container .name_holder input {
 *			float:left;
 *				}
 *					
 *						#popup-signup-firstname {
 *								width: 43px;
 *									}
 *										
 *											#popup-signup-lastname {
 *													width: 196px;	
 *															margin-left: 15px;
 *																}*/
	
	.modal-container .checkbox_label {
		color: #fff;	
		display: block;
		margin-left: 25px;
		height: 15px;
		width: 268px;
	}
	.modal-container .radio_label {
		color: #fff;	
		margin-left: 5px;
		width: 268px;
	}
	
    .modal-container button {
        cursor:pointer;
    }
    .modal-container .button_holder span {
        cursor:pointer;   
    }
    .modal-container .button_holder span:hover {
        text-decoration: underline;
    }

	.modal-error-container {
		margin-bottom: 20px;
	}
	
	.modal h1 {
		color: #fff;
		text-align: center;
		margin-bottom: 15px;
		font-size: 22px;
	}
	.modal p {
		margin-bottom: 20px;
		color:#fff;
	}

	.modal .button_holder {
		text-align: left;
		margin-top: 15px;
	}
	
	.modal .button_holder button {
		width:100px;
		height: 40px;
		background-color: #971023;
		color: #fff;
		border: 0px;
		text-transform: uppercase;
	}
	
	.modal .button_holder button.button-large{
		width:180px;
	}
	
	.modal .button_holder span {
		width:125px;
		height: 40px;
		color: #fff;
		float:right;
		padding-top: 12px;
	}
	
	.modal-error-container ul {
		text-align: left;
	}
	
	.modal-error-container ul {
		list-style-type: none;
	}
	
	.modal-error-container ul .modal-error {
		font-weight:bold;
	}
	}
	
	.modal-container {
		padding: 20px;
		padding-top: 0px;
		text-align: center
	}
	
	.modal-container input.textfield {
		width: 268px;
		height: 30px;
		padding-left: 10px;
		color:black;
		margin-bottom: 15px;
		
	}
	
	
	
	
	.modal-container .checkbox-container {
		width: 100%
	}
	
	.modal-container .checkbox-container input {
		float:left;
	}
	
	.modal-container #radio-container-subscription {
		text-align: left;
		display: none;
	}
	
	.modal-container #radio-container-subscription p {
		margin-bottom: 5px;
	}
	
/*	.modal-container .name_holder input {
 *			float:left;
 *				}
 *					
 *						#popup-signup-firstname {
 *								width: 43px;
 *									}
 *										
 *											#popup-signup-lastname {
 *													width: 196px;	
 *															margin-left: 15px;
 *																}*/
	
	.modal-container .checkbox_label {
		color: #fff;	
		display: block;
		margin-left: 25px;
		height: 15px;
		width: 268px;
	}
	.modal-container .radio_label {
		color: #fff;	
		margin-left: 5px;
		width: 268px;
	}
	
    .modal-container button {
        cursor:pointer;
    }
    .modal-container .button_holder span {
        cursor:pointer;   
    }
    .modal-container .button_holder span:hover {
        text-decoration: underline;
    }

	.modal-error-container {
		margin-bottom: 20px;
	}
	
	.modal h1 {
		color: #333;
		text-align: left;
		margin-bottom: 15px;
		font-size: 22px;
	}
	.modal p {
		text-align:left;
		margin-bottom: 20px;
		color:#555;
	}

	.modal .button_holder {
		text-align: left;
		margin-top: 15px;
	}
	
	.modal .button_holder button {
		width:100px;
		height: 40px;
		background-color: #971023;
		color: #fff;
		border: 0px;
		text-transform: uppercase;
	}
	
	.modal .button_holder button.button-large{
		width:180px;
	}
	
	.modal .button_holder span {
		width:125px;
		height: 40px;
		color: #fff;
		float:right;
		padding-top: 12px;
	}
	
	.modal-error-container ul {
		text-align: left;
	}
	
	.modal-error-container ul {
		list-style-type: none;
	}
	
	.modal-error-container ul .modal-error {
		font-weight:bold;
	}



.modal input{
	width: calc(100% - 126px);
    line-height: 14px;
    font-size: 14px;
    padding: 13px 12px;
    background: #F7F7F7;
    font-family: RobotoCondensed-Regular;
    font-size: 14px;
    color: #BFBFBF;
    line-height: 16px; 
    border: 1px solid #E2E2E2;
    //-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.10);
    // box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.10);
}

.modal .button_holder button{
	padding: 0px 15px;
	text-transform: capitalize;
}

.double-holder .edition-button{
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
	font-size: 14px;
}
.double-holder .edition-button.first{
	float:left;
}
.double-holder .edition-button.last{
	float:right;
}

@media(max-width: 767px){
	.double-holder .edition-button{
		width: 100%;
		float:none;
	}
	.double-holder .edition-button.last{
		margin-top: 0px;
	}
}