@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;}
.crModalDisableScroll			{ overflow: hidden !important; }

/* Content styling */
#modal_top								{ height: 38px; 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: 0 40px 0 40px; height: auto; overflow: hidden; }
#modal_bottom 						{ height: 40px; background: url('images/modal/bg_modal_bottom.png') no-repeat bottom left; }
#modal_close_button 			{ height: 20px; width: 21px; margin: 0; position: absolute; top: 2px; right: 0; background: url('images/modal/modal_sluiten.gif') no-repeat bottom left; text-indent: -99999px;  overflow: hidden;}
#modalhider 							{ width: 100%; height: 100%; position: absolute; z-index: 900; background-color: #FFFFFF; }
#modal_body_content 			{ padding: 0; position: relative; overflow: hidden; color:#FFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#modalText								{ padding:0 0 10px 3px; }

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