@charset "utf-8";

/* MODAL */
body#modal 					{ background-color: transparent; margin: 0; padding: 0; background-image: none; }
#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;}
#modalhider 				{ width: 100%; height: 100%; position: absolute; z-index: 900; background-color: #FFFFFF; }
#modal_body_content 		{ padding: 0; position: relative; overflow: hidden; }

/* 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; }

/* CLOSE BUTTON */
#modal_close_button 	{ height: 21px; width: 21px; margin: 0; position: absolute; top: 3px; right: 5px; background: url('images/modal/modal_sluiten.gif') no-repeat bottom left; text-indent: -99999px; overflow: hidden; }

/* MODAL 1 */
#modal_top01 					{ height: 7px; background: url('images/modal/bg_modal_top01.png') no-repeat top left; }
#modal_body01 				{ background: url('images/modal/bg_modal_body01.png') repeat-y; padding: 5px 15px 20px 28px; height: auto; overflow: hidden; }
#modal_bottom01 			{ height: 13px; background: url('images/modal/bg_modal_bottom01.png') no-repeat bottom left; }

/* MODAL 2 */
#modal_top02 					{ height: 7px; background: url('images/modal/bg_modal_top02.png') no-repeat top left; }
#modal_body02 				{ background: url('images/modal/bg_modal_body02.png') repeat-y; padding: 5px 15px 20px 28px; height: auto; overflow: hidden; }
#modal_bottom02 			{ height: 13px; background: url('images/modal/bg_modal_bottom02.png') no-repeat bottom left; }