div.modal {
	position              : relative;
	display               : none;
	width                 : 550px;
	margin                : 0 auto;
	margin-top            : 100px;
	padding               : 40px 20px 20px 20px;
	color                 : #000000;
	background            : #e8e7e3;
	z-index               : 9999;
	-webkit-box-shadow    : 0px 2px 19px 2px #555555;
	-moz-box-shadow       : 0px 2px 19px 2px #555555;
	box-shadow            : 0px 2px 19px 2px #555555;
	-webkit-border-radius : 5px 5px 5px 5px;
	border-radius         : 5px 5px 5px 5px;
}

#toppings {
	width : 920px;
}

div.modal a.modal-close {
	display    : block;
	float      : right;
	width      : 14px;
	height     : 14px;
	margin-top : -20px;
	background : url('../../images/close-modal.png') top left no-repeat;
}

div.modal a {
	color : #c11f12;
}

#modal-register div.popup-socserv {
	border : none;
}

.themodal-lock {
	/* when modal is opened we're removing scrollbars from the main content */
	overflow: hidden;
}

.themodal-overlay {
	/* overlay will stay fixed and will take all the space available */
	position: fixed;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9999;

	/* if modal content doesn't fit inside the overlay, display scrollbars */
	overflow: auto;

	/* allow one-finger iPad scrolling */
	-webkit-overflow-scrolling: touch;

}

/* fix for iPad glitches */
.themodal-overlay > * {
	-webkit-transform: translateZ(0px);
}

.themodal-overlay {
	background: rgba(0, 0, 0, 0.5);
	/* IE6–IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
	zoom: 1;
}