/*** JS-Popups **************************************************************/

#backgroundPopup{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #222;
	z-index: 1;
}

.popup {
    display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	width: 600px;
	background: #FFFFFF;
	padding: 0;
	
	z-index: 10;
	font-size: 11px;
	border: 1px solid #555;
		
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#login-p-popup                      { width: 250px; }
#lostpasswordsuccess-popup          { width: 400px; }
#registered-popup                   { width: 400px; }
#lostpassword-p-popup               { width: 350px; }
#newuser-p-popup                    { width: 720px; }
#kaart-type-popup                   { width: 394px; }
#product-selectie-popup             { width: 610px; }
#eigen-varianten-popup              { width: 660px; }
#card-name-popup                    { width: 400px; }

#product-preview-selectie-popup     { width: 430px; z-index: 20; }
#product-preview-popup              { width: 430px; z-index: 20; }


.popup-closebar {
    margin: 2px;
    margin-bottom: 5px;
	background-color: #ececec;
	text-align: right;
	padding: 4px;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.popup-contents {
    padding: 15px;
}

.popup-bottom {
    padding-top: 10px;
	background: url('/site/img/content/dotted_border.jpg') repeat-x;
}



/*** Productselectie ********************************************************/


#product-selectie-popup #selected,
#product-selectie-popup #not-selected {
    float: left; 
    width: 205px;
	padding: 5px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#product-selectie-popup #selected legend,
#product-selectie-popup #not-selected legend {
	padding: 0 5px 0 5px;
	color: #0094d9;
}

#product-selectie-popup #controls {
    padding-left: 10px; 
    padding-right: 10px; 
    padding-top: 4px;
    float: left; 
    width: 120px;
    text-align: center;
}

#product-selectie-popup #controls_bottom {
    text-align: right;
	padding-top: 10px;
	background: url('/site/img/content/dotted_border.jpg') repeat-x;
	margin-right: 2px;
}

#product-selectie-popup .select {
    height: 306px;
    overflow-y: auto;
    margin-top: 4px;
}


#product-selectie-popup .select img {
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.selected-product,
.not-selected-product {
    border: 1px solid #f2f2f2;
    padding: 3px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.selected-product-checked {
    background-color: #E2F5F9;
    border: 1px solid #0095DA;
}