@charset "utf-8";

/* MODAL */
body#modal 					{ background-color: transparent; margin: 0; padding: 0; background-image: none; }

/* Default modal styles */
#crModalWrapper 			{ position: fixed; top: 50%; left: 50%; z-index: 900; display: none; width: 1px; height: 1px; }
#crModal 					{ position: relative; top: 0; margin: -20px 0 0 0px; z-index: 900; }
#crModalIframe 				{ background-color: transparent; }
#crModalBackground 			{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 899; }
#crModalLoading 			{ width: 40px; height: 40px; display: none; background-image: url('images/modal/modal_loading.gif'); 
							  background-repeat: no-repeat; margin: -20px 0 0 -20px; z-index: 850;}

/* Content styling */
#modal_top					{ height: 26px; background: url('images/modal/bg_modal_top.png') no-repeat top left; }
#modal_body					{ background: url('images/modal/bg_modal_body.png') repeat-y; padding: 5px 30px 5px 30px; height: auto; overflow: hidden; }
#modal_bottom 				{ height: 38px; background: url('images/modal/bg_modal_bottom.png') no-repeat bottom left; }
#modal_top_small 			{ height: 26px; background: url('images/modal/bg_modal_top_small.png') no-repeat top left; }
#modal_body_small			{ background: url('images/modal/bg_modal_body_small.png') repeat-y; padding: 5px 30px 5px 30px; height: auto; overflow: hidden; }
#modal_bottom_small 		{ height: 38px; background: url('images/modal/bg_modal_bottom_small.png') no-repeat bottom left; }
#modal_close_button 		{ height: 25px; width: 25px; margin: 0; position: absolute; top: 20px; right: 18px; background: url('images/modal/modal_sluiten.gif') no-repeat bottom left; text-indent: -99999px;  overflow: hidden; z-index:888;}
#modalhider 				{ width: 100%; height: 100%; position: absolute; z-index: 900; background-color: #FFFFFF; }
#modal_body_content 		{ padding: 0; position: relative; overflow: hidden; z-index:777; }

/* Debug styles */
#crModalDebug 				{ position: fixed; text-align: left; background-color: #FFFFFF; color: #000000; border: 4px solid #FF7700; 
							  width: 100%; height: 100px; overflow: auto; bottom: 0; left: 0; z-index:901; }
#crModalDebug b 			{ margin: 5px 0 5px 5px; display: block; }
#crModalDebug ul 			{ list-style-type: square; }
#crModalDebug ul li label 	{ font-weight: bold; width: 150px; display: inline-block; }
#crModalDebug ul li span 	{ display: inline-block; }