.parentGhost
	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	color:#ffffff;
	z-index:10000;
	background-image:url('../images/parentGhost/parent-ghost-background-1x1.png');
	background-position:top;
	background-repeat:repeat;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;

	overflow:hidden;
	}

.parentGhost.show
	{
	visibility:visible;
	}

.parentGhost.hide
	{
	visibility:hidden;
	}

.modalPanel
	{
	position:relative;

	float:left;

	/*  USE SPECIFIC SIZING FOR MODAL 

	edit in specific css
	
	because we want dynamic sizing going on on some modals, see clientUsersEdit
	
	*/
	/*
	top:10%;
	left:10%;

	width:80%;
	height:80%;
	*/

	background-color:#ffffff;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:					border-box;

	padding:0px;

	color:#535061;

	/*border: 4px  solid #C0C0C0;
	border: 4px  solid #eaeaea;*/
	/*border: 4px  solid #ffffff;*/


	-webkit-border-radius:	0px;
	-moz-border-radius:		0px;
	border-radius:				0px;

	/* shadow */
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);

	overflow: auto;

    -webkit-animation: fadein 0.75s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.75s; /* Firefox < 16 */
        -ms-animation: fadein 0.75s; /* Internet Explorer */
         -o-animation: fadein 0.75s; /* Opera < 12.1 */
            animation: fadein 0.75s;

	}

/* ======================================= 

animation

========================================= */
@keyframes fadein 
	{
    from 
		{ 
		opacity:0;
		top:-100%;
		}
    to   
		{ 
		opacity:1;
		top:15%;
		}
	}


/* Firefox < 16 */
@-moz-keyframes fadein 
	{
    from 
		{ 
		opacity:0;
		top:-100%;
		}
    to   
		{ 
		opacity:1;
		top:15%;
		}
	}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein 
	{
    from 
		{ 
		opacity:0;
		top:-100%;
		}
    to   
		{ 
		opacity:1;
		top:15%;
		}
	}

/* Internet Explorer */
@-ms-keyframes fadein 
	{
    from 
		{ 
		opacity:0;
		top:-100%;
		}
    to   
		{ 
		opacity:1;
		top:15%;
		}
	}

/* Opera < 12.1 */
@-o-keyframes fadein 
	{
    from 
		{ 
		opacity:0;
		top:-100%;
		}
    to   
		{ 
		opacity:1;
		top:15%;
		}
	}

.modalPanel hr
	{
	border-top: 1px solid #eaeaea;
	margin-top:10px;
	margin-bottom:10px;
	}

/* specific modals */
.modalPanel.modalForm
	{

	}

.modalPanel.modalTemplate
	{
	top:15%;
	left:35%;
	width:30%;
	height:70%;
	}

/* .timeoutOverlayBox
	{
	position:relative;

	width:350px;
	top:30%;

	margin-left:auto;
	margin-right:auto;

	background-color:#ffffff;
	color:#19234f;
	padding:10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:			6px 6px 6px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:		6px 6px 6px 0px rgba(0,0,0,0.2);
	box-shadow:					6px 6px 6px 0px rgba(0,0,0,0.2);
	}

.timeoutOverlayBox .heading
	{
	font-size: 18px; 
	line-height:20px;
	margin-bottom:10px;
	font-weight: bold;
	}

.timeoutOverlay.show
	{
	visibility:visible;
	}

.timeoutOverlay.hide
	{
	visibility:hidden;
	}

.timeoutOverlay a
	{
	color:#ffffff;
	text-decoration:underline;
	} */


/* ======================================= 

tabbular form

========================================= */



div.tabularFormViewBox
	{
	float:left;
	position:relative;

	width:100%;

	/* WARDO - 21102016 */
	/* height:215px; */
	/* height:350px; */
	/* height:575px; */
	height:408px;

	/*background:#e6ffff;*/
	background:transparent;

	/* scrollbar */
	/*overflow:auto;*/

	overflow:hidden;
	}



div.tabularFormSectionWrap
	{
	float:left;
	position:relative;
	display:block;

	width:100%;

	/* WARDO - 24102016 */
	height:675px;
	/* height:900px; */

	/*background:pink;*/
	background:transparent;
	}

/* this height will prob have to change depending on secific modal form */
div.tabularFormSection
	{
	/* WARDO - 21102016 */
	/* height:215px; */
	/* height:350px; */
	/* height:575px; */
	height:408px;
	}