/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.4);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 150px; 
		left: 50%;
		display: block;
		margin-left: -250px;
		width: 540px;
		position: absolute;
		z-index: 101;
		padding: 15px 15px 15px 15px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.overflow-visible {
		overflow: visible;
	}
		
	.reveal-modal:not(:visible) {
	  display: none;
	}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		
	{ 
		position: fixed;
		top: 5%;
		margin-left: -400px;
		width: 800px; 
	}
	
	.reveal-modal		
	{ 
		top: 50% !important;
		transform: translateY(-50%) !important;
    	max-height: 95vh;
    	overflow: auto;
    	background: #fff;
	}
	
	
	.reveal-modal 
	{
		position: absolute;
		top: 150px;
		right: 11px;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	} 
		
		
	.btn submitButtonOrange,.btn submitButton
	{
		cursor: pointer;
	}
	
	.reveal-modal .reveal-modal-button-area.static {
		text-align: right;
	}
	
	.closex
	{
		cursor: pointer;
		font-size: 22px;
		line-height: 1;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
	}
	
	TABLE.t-data-grid THEAD TR TH .reveal-modal-body p,
	TABLE.t-data-grid THEAD TR TH .reveal-modal-body h2,
	TABLE.t-data-grid THEAD TR TH .reveal-modal-body h3,
	TABLE.t-data-grid THEAD TR TH .reveal-modal-body h4 {
		white-space: pre-wrap;
	}