
.waitopac	{
 	opacity:0.5; 
      	filter:alpha(opacity=50);
	background-color: #000000;
}

.rbmFader 	{
	width: 100%;
	height: 100%;
		
	display: none; 
	position: fixed; 
	top: 0px; 
	left: 0px;
	z-index: 99; 
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
	
    transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease s;
    -webkit-transition: opacity 1s ease 0s;
    -ms-transition: opacity 1s ease 0s;
    -o-transition: opacity  1s ease 0s;
    
}


#waitLoading	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: white;
	z-index: 1000;

}


/* --------------- rbmWindow ------------- */

.rbmWindow	{
/*		z-index: 1100;  z-index will be set when opened */
		overflow: visible; 
		background-color: transparent;
		display: none; 
		visibility: hidden; 
 		box-shadow: 11px 10px 45px;
 		
 		position: fixed;
 		
 		max-width: 100vw; /* do not allow windows larger than the viewport */
	}

/* child windows must be absolute to keep the position dependant on the parent window */
.rbmWindow .rbmWindow	{
		position: absolute;
	
}

	/* just in case we render a window from old XML code */
	.wndShadow	{
		display: none;
	}

/* -------- top ----------- */

.rbmWindowBorder	{
	border: 1px solid #dcdcdc;
}

/* -------- content ----------- */

.wndContentInner	{
	height: 100%;
	overflow: visible; 

	max-width: calc(100vw - 10px); /* do not allow windows larger than the viewport */

}

*html .wndContentInner	{
	/* hoehe - 16px - Caption, IE only */
	height: 300px;
	overflow-x: visible;
	overflow-y: hidden;
	
}

.wndInner	{
	margin: 0;
	height: 100%;
	width: 100%;

	float: left;
	overflow: hidden;
	background-color: #ededed;
}



/* -------- caption ----------- */

.wndCaption	{
	height: 30px;
	background-color: #dcdcdc;
	overflow: visible; 
}

.wndClose	{
	width: 100px;
	padding: 10px;
	float: right;
	
	
}

.wndCloseButton {
	float: right;
}

.rbmWindowText_caption	{
	float: left;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 7px;
	height: 20px
}




/* -------- bottom ----------- */

.wndBottom	{
	height: 20px;
	background-color: #dcdcdc;
	overflow: visible; 
}

.rbmWindowText_bottom	{
	float: left;
	font-style: italic;
	
}

.wndSizer	{
	background-color: red;
	width: 4px;
	height: 4px;
	float: right;
}


/* -------- body ----------- */

.scrollIntoViewA	{
	height: 0;
}

.wndBody	{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;	
	background-color: #ffffff;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
}

/* do not scroll the body if it contains an iframe */
 .rbmWindow.containsIFrame .wndBody	{
 	overflow: hidden;
}

/* we have to set a wndBody with an iframe to scroll on mobile devices (iOS) ! */
.isMobile .rbmWindow.containsIFrame .wndBody	{
	overflow: auto;
	-webkit-overflow-scrolling: touch;	
	
}

.wndClose	{
	cursor: pointer;	
}


/********************** rbmTabstrip ***************************/

.tabContainer	{
	float: left;
	overflow: hidden; /* content must not overlap into other tabs! */	
}

.tabShiftContainer	{
	overflow: hidden;
	transition: margin-left 1s ease;
	-moz-transition: margin-left 1s ease;
	-webkit-transition: margin-left 1s ease;
	-ms-transition: margin-left 1s ease;
	-o-transition: margin-left 1s ease;	

}

.rbmWindowTabHeader	{
	margin: 10px 0 10px 15px;
    color: #373833;
    font-size: 13px;
    font-weight: bold;
}




/********************** rbmTooltip ***************************/

.rbmTooltip	{
	position: absolute;
	left: 90px;
	top: 80px;
	width: 400px;
	overflow: visible;
	z-index: 2100;
	
}

.rbmTooltip	.tooltipcenter	{
	height: 100px;
	float: left;
	
}

.rbmTooltip	.tltpcorner	{
	width: 23px;
	height: 24px;
	float: left;
}

.rbmTooltip	.tltptop	{
	height: 24px;
	width: 354px;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_top.gif); 
	overflow: hidden;
	float: left;
}

.rbmTooltip	.tltpleft	{
	width: 24px;
	height: 100%;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_left.gif); 
	float: left;
}

.rbmTooltip	.tltphead	{
	width: 100%;
	height: 22px;
}

.rbmTooltip	.tltpcontent	{
	width:	352px;
	height: 100%;
	background-color: #ffffff;
	float: left;
	overflow: hidden;
	box-shadow: 11px 10px 45px;	
}


.rbmTooltip	.tltpcontentinner	{
		margin: 10px 5px 5px 10px;
		overflow: hidden;
	}
	
.rbmTooltip .tooltipps img	{
	position: absolute;
	display: block;
}



.rbmTooltip	.tltpnnw	{
	top: -24px;
	left: 10px;
}

.rbmTooltip	.tltpnne	{
	top: -24px;
	right: 10px;
}

.rbmTooltip	.tltpssw	{
	bottom: -24px;
	left: 10px;
}

.rbmTooltip	.tltpsse	{
	bottom: -24px;
	right: 10px;
}

.rbmTooltip	.tltpwnw	{
	left: -24px;
	top: 10px;

}


.rbmTooltip	.tltpene	{
	right: -24px;
	top: 10px;
}

/********************** bgHiLighter ***************************/


#bgHiLighter	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
 	opacity:0; 
    	filter:alpha(opacity=0);
    	z-index: 1080;
    	display: none;
	
}

#bgHiLighterTop	{
	width: 100%;
	height: 450px;
	float: left;
}
#bgHiLighterLeft	{
	width: 450px;
	height: 50px;
	float: left;
}

#bgHiLight {
	width: 50px;
	height: 50px;
	float: left;
	background-color: transparent;
 	opacity:100; 
      	filter:alpha(opacity=0);
}

#bgHiLighterRight	{
	width: 500px;
	height: 50px;
	float: right;
}
#bgHiLighterBottom	{
	width: 100%;
	height: 500px;
	float: left;
}



/* --------------------- rbmFlipBox ----------------- */

.rbmFlipBox 	{
/*	width: 100%;  do not set width due to borders */
}

.rbmFlipBoxThemeHead	{
/*	width: 100%;  do not set width due to borders */
	height: 27px;	/* will be adjusted by template */
	cursor: pointer;
	background-color: #FCFCFC;

	background-image: linear-gradient(bottom, rgb(229,230,232) 0%, rgb(237,237,237) 25%, rgb(254,254,254) 83%);
	background-image: -o-linear-gradient(bottom, rgb(229,230,232) 0%, rgb(237,237,237) 25%, rgb(254,254,254) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(229,230,232) 0%, rgb(237,237,237) 25%, rgb(254,254,254) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(229,230,232) 0%, rgb(237,237,237) 25%, rgb(254,254,254) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(229,230,232) 0%, rgb(237,237,237) 25%, rgb(254,254,254) 83%);

    border-left: 1px solid #CDD2D8;
    border-top: 1px solid #CDD2D8;
    border-bottom: 1px solid #B9B9B9;
    border-right: 1px solid #B9B9B9;
	overflow: hidden;

	color: black;

}


.rbmFlipBox .rbmFlipBoxThemeHead .header	{
	padding: 0 5px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: left;
	position: relative;
	float: left;	
}

.rbmFlipBox .themeOpen .rbmFlipBoxThemeHead	{
	font-weight: bold;
	color: #373833;
}

 .rbmFlipBox .themeOpen .rbmFlipBoxThemeHead	.header {
	background-repeat: no-repeat;
}


.rbmFlipBoxThemeContainer {
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	overflow: hidden;
	margin-bottom: 10px;
}


.rbmFlipBoxThemeContainerInner {
	/* for limited height only: limit this hight to the rbmFlipBox.height - rbmFlipBoxThemeHead.height get a scoll bar */
/*	height: 125px; */
	overflow: auto;
	background-color: #F3F4F5;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}	


.rbmFlipBoxThemeBody	{
	height: auto;
}


.rbmFlipBox  span.rbmFlipBoxHeaderIcon {
    background-repeat: no-repeat;
    display: inline;
    margin: 3px 5px 0 0;
    height: 20px;
    text-indent: -10000px;
    width: 20px;
    float: right;
}


/* --------------------- rbmDropBox ----------------- */




.rbmDropBox .rbmDropBoxThemeHead { /*	background-color: #a5c0c8;  */
	color: black;
	height: 27px;
	/*	background-image: url(../images/bg_DropBoxHead.jpg); */
	font-weight: normal;
/*	width: 100%;  do not set width due to borders */
	cursor: pointer;
	background-color: darkgrey;
	overflow: hidden;
}

.rbmDropBox .themeOpen .rbmDropBoxThemeHead {
	/*	background-color: #54788c; */
	color: #527c99;
	font-weight: bold;
}

.rbmDropBox .themeOpen .rbmDropBox .rbmDropBoxThemeHead {
	/*	background-color: #a5c0c8; */
	color: #27323d;
	font-weight: normal;
}

.rbmDropBox .themeOpen .rbmDropBox .themeOpen .rbmDropBoxThemeHead {
	/*	background-color: #54788c; */
	color: #27323d;
	font-weight: bold;
}

.rbmDropBoxThemeContainer {
	border-left: 1px solid #cdd1d8;
	border-right: 1px solid #cdd1d8;
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	overflow: hidden;

	
}

.rbmDropBoxThemeContainerInner {
	background-color: #f0f2f4;
	border-top: 1px solid #cdd1d8;
	overflow: hidden;

}

.rbmDropBoxThemeBottom {
	height: 28px;
	background-image: linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
	background-image: -o-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
	background-image: -moz-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
	background-image: -webkit-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
	background-image: -ms-linear-gradient(top, #F0F2F4 0%, #E3E4E9 50%, #CDD1DA 100%);
}

.rbmDropBoxThemeBody .cmslink {
	margin: 10px 0 10px 0;
}



/* --------------------- contentTab ----------------- */


.contentTabContainer	{

/*	background-color: #dddddd;		/*otherwise we see the highlight */
	background-color: white;
		width: 100%;
		overflow: hidden;
		position: relative;			/* to keep the waitNode inside the container */ 
		
	background-image: linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
	background-image: -o-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(top, #F1F1F1 0%, #F8F8F8 75%, #FFFFFF 100%);
	

}

.contentTabContainer .contentTabContainer	{
	padding: 0;
	border: none;
}

.contentTab	{
	margin-right: 10px;
    overflow: hidden;
		width: 100%;
}

.tabDummy		{
	height: 60px;
	margin: 20px;
	text-align: center;
	float: left;
}

.tabHeader	{
	background-repeat: repeat-x;
	border-top: 1px solid #cfd2d5;
	border-bottom: 1px solid #F08925;

	height: 27px;

	background-image: linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
	background-image: -o-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
	background-image: -moz-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
	background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);
	background-image: -ms-linear-gradient(top, #fbfbfb 0%, #E0E0E6 50%, #f9f9f9 100%);


/*	overflow:hidden; */
}


.contentTabContainer .contentTabContainer .tabHeader	{
	background-color: #F0F2F4;
	border-bottom: 0 solid #F08925;
	border-top: 0 none;
	height: 25px;
	overflow: hidden;
	border-left: 1px solid #C3C7CD;
	
}

.contentTabContainer .contentTabContainer .tabTypeA	{
	border-left:0px solid #C3C7CD;
	border-right:0px solid #FFFFFF;
}

.tabHeader_ul {
	margin: 0;
	height:26px;
	border-top: 0px;
	border-left:0px solid #cfd2d5;
	border-right:1px solid #cfd2d5;
	clear: both;
    cursor: default;
    list-style-position: outside;
    list-style-type: none;
/*    overflow: hidden; */
    padding: 0;
}



.tabTypeA	{
	border-left:1px solid #C3C7CD;
	border-right:1px solid #FFFFFF;
	color:white;
	cursor:pointer;
	display:inline;
	float:left;
	height:25px;
	margin:0;
	overflow:hidden;
	padding: 2px 0 0 0;
}

.tabTypeA div	{
	width: 100%;
	height: 25px;
	padding: 0 10px;
	margin: 0;	
}


.tabTypeA_a	{
	background-color:#F0F2F4;
	border-bottom:1px solid #F0F2F4;
	color:#000000;
	height: 25px;
}


.tabTypeA a  {
	color: #21272d;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	display: block;
	height: 25px;
}

.tabTypeA a:link	{
	color: #21272d;
	font-weight: normal;
	text-decoration: none;
}

.tabTypeA a:visited	{
	color: #21272d;
	font-weight: normal;
	text-decoration: none;
}

.tabTypeA a:active {
	color: #21272d;
	font-weight: normal;
	text-decoration: none;
}

.tabTypeA a:hover	{
	color: #21272d;
	font-weight: normal;
	text-decoration: underline;
}


.tabTypeA_a a {
	color: #f08925;
	font-weight: bold;
	text-decoration: none;
}

.tabTypeA_a a:link	{
	color: #f08925;
	font-weight: bold;
	text-decoration: none;
}

.tabTypeA_a a:visited	{
	color: #f08925;
	font-weight: bold;
	text-decoration: none;
}

.tabTypeA_a a:active {
	color: #f08925;
	font-weight: bold;
	text-decoration: none;
}

.tabTypeA_a a:hover	{
	color: #f08925;
	font-weight: bold;
	text-decoration: underline;
}


.fadingSlideshow	{

}

.fadingSlideshowBox	{
/*	width: 100%; */ 
	height: 100%;  
/*	float: left; */ 
	position: relative; 
	overflow: hidden;
	
}

.fadingSlide	{
	position: absolute;  
	cursor: pointer;  
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.fadingSlide div	{
	background-repeat: no-repeat;
}

/*---------------------------- rbmScrollBox ------------------------------- */



.rbmScrollBox 	{
	height: 100%;
	overflow: hidden;
}

.rbmScrollBoxContainerInner	{
	float: left;
}


.rbmScroller	{
	width: 10px;
	height: 100%;
	float: right;
	line-height: 0;
}

.rbmScrollUp	{
	background-color: orange;
}

.rbmScrollDown	{
	background-color: orange;
}

.rbmScrollbar	{
	background-color: #dddddd;
	border-left: 1px solid orange;
	border-right: 1px solid orange;
	overflow: hidden;
}

.rbmScrollbarHandle	{
	width: 6px;
	height: 20px;
	background-color: orange;
	position: relative;
	border: 1px solid white;
}


.dropzone	{
	width: 200px;
	height: 270px;
	min-height: 270px;
	overflow: auto;
}

.videoUpload .dropzone	{
	width: 250px;
}


.dropzone .dz-default.dz-message {
    background-position: 0 -60px;
    background-size: 200px 200px;
    height: 90px;
    margin-left: -30%;
    margin-top: -61.5px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease-in-out 0s;
    width: 120px;
}


/* ++++++++++++++++++++++++ flexTab ++++++++++++++++++++ */

.flexTabstrip	{
	position: relative;
}

.flexTabNavi	{   
    background-color: #F1F1F1;
    border-top: 1px solid #FFFFFF;
    padding-top: 5px;
}



.flexTabContainer {
    height: 100%;
    overflow: hidden;
    position: relative;

}




.flexTabContent {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
	

    
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
}   
   




.flexTabHeader	{
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	
	cursor: pointer;
}

/* different flextTabTypes: slideLeft */

.flexTabstrip_slideLeft .flexTabContent + .flexTabContent	{
	margin-left: -100%;
}


.flexTabstrip_slideLeft .flexTabContent.flexTabSelected	{
	margin-left: 0;
}

/* different flextTabTypes: slideRight */

.flexTabstrip_slideRight .flexTabContent + .flexTabContent	{
	margin-left: 100%;
}


.flexTabstrip_slideRight .flexTabContent.flexTabSelected	{
	margin-left: 0;
}


/* different flextTabTypes: slideTop */

.flexTabstrip_slideTop .flexTabContent + .flexTabContent	{
	margin-top: -100%;
}


.flexTabstrip_slideTop .flexTabContent.flexTabSelected	{
	margin-top: 0;
}

/* different flextTabTypes: slideBottom */

.flexTabstrip_slideBottom .flexTabContent + .flexTabContent	{
	margin-top: 100%;
}


.flexTabstrip_slideBottom .flexTabContent.flexTabSelected	{
	margin-top: 0;
}

/* different flextTabTypes: fading 
ATTENTION: if tabContent needs to accept clicks it is required
to set elements to display: none after fading either with transition end events
or with rbmWindow-EventListeners 
*/

.flexTabstrip_fading .flexTabContent + .flexTabContent	{
	opacity: 0;

}


.flexTabstrip_fading .flexTabContent.flexTabSelected	{
	opacity: 1;
	display: block;
}

.flexTabstrip_fading .flexTabContent + .flexTabContent.deSelectCompleted	{
	display: none;
}





/* ++++++++++++++++++++++++ contentSlideshow ++++++++++++++++++++ */


.contentSlideshowPreview  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.contentSlideshowPreview li {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 15px;
	width: 216px;
	cursor: pointer;
	background: url(../images/i_Lupe.png) no-repeat 200px 134px; 
}


.contentSlideshow {
	width: 100%;
	height: 100%;
	overflow: hidden;	
	position: relative;
}

.contentSlideshowContainer	{
	width: auto;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	transition: margin-left 1.5s ease;
	-moz-transition: margin-left 1.5s ease;
	-webkit-transition: margin-left 1.5s ease;
	-ms-transition: margin-left 1.5s ease;
	-o-transition: margin-left 1.5s ease;	

}

.contentSlideshowSlide	{
	float: left;
}

.contentSlideshowNavi	{
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;


}




.contentSlideshowNavi .goLeft  {
	width: 20px;
	height: 100%;
	margin-top: -20px;
	background: url(/images/c_SlideshowNavi.png) no-repeat;;
	float: left;
	cursor: pointer;
}
.contentSlideshowNavi .goRight  {
	width: 20px;
	height: 100%;
	margin-top: -20px;
	background: url(/images/c_SlideshowNavi.png) no-repeat -48px 0;
	float: right;
	cursor: pointer;
}

.contentSlideshowNavi .pageCounter  {
	margin: 0 auto;
	position: relative;
	width: auto;
	height: 20px;
}

.contentSlideshowNavi .page {
	float: left;
	width: 14px;
	height: 20px;
	background: url(/images/c_SlideshowNavi.png) no-repeat -34px 0;
	cursor: pointer;
}

.contentSlideshowNavi .page:hover {
	background: url(/images/c_SlideshowNavi.png) no-repeat -20px 0;
}

.contentSlideshowNavi .pageSel {
	background: url(/images/c_SlideshowNavi.png) no-repeat -20px 0;
}






.contentSlideshowNavi_overlayPercentage .goRight, .contentSlideshowNavi_overlayPercentage .goLeft	{
    border-right: none;
    width: 8%;
    
    margin-top: 0;
    
    max-width: 30px;
	position: absolute;	
	
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	

		
}

.contentSlideshowNavi_overlayPercentage .goRight	{

	right: 0;
}

 

.contentSlideshowNavi_overlayPercentage .goRight	{
    background: url(../../images/b_next.png) no-repeat scroll 50% 50% rgba(255, 255, 255, 0.35);
}

.contentSlideshowNavi_overlayPercentage .goLeft	{
    background: url(../../images/b_prev.png) no-repeat scroll 50% 50% rgba(255, 255, 255, 0.35);
    border-left: none;
}

.contentSlideshow.contentSlideshowLB > .contentSlideshowNavi_overlayPercentage .goLeft {
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
}

.contentSlideshow.contentSlideshowRB > .contentSlideshowNavi_overlayPercentage .goRight {
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;    
}


.contentSlideshow.contentSlideshowLB:hover > .contentSlideshowNavi_overlayPercentage .goRight, .contentSlideshow.contentSlideshowMID:hover > .contentSlideshowNavi_overlayPercentage .goRight	{
	background-color: #e2001a;
}


.contentSlideshow.contentSlideshowRB:hover > .contentSlideshowNavi_overlayPercentage .goLeft, .contentSlideshow.contentSlideshowMID:hover > .contentSlideshowNavi_overlayPercentage .goLeft	{
	background-color: #e2001a;
}


.bodyLockPositionY	{
	overflow-y: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
}


.bodyLockPositionX	{
	overflow-x: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
}



/* Mobile Styling uses filling_popup */
/* rbmWindow */
.rbmWindow.filling_popup {
	position: fixed;
	left: 0 !important;
	top: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-height: 100%; /* otherwise sfaris miscalculates the height and makes it around 100px heigher than the screen */
}

.rbmWindow.filling_popup .rbmWindowBorder{ 
	height: 100%;
}

.rbmWindow.filling_popup .wndContentInner { 
	height: 100% !important;
	max-width: 100% !important;
	width: 100vw !important;
	background-color: white;
}

.rbmWindow.filling_popup .wndContentInner { 
	height: calc(100% - 30px) !important;	/* subtract the window caption!!! TODO: move this to a class 'withCaption' */
	max-width: 100% !important;
	width: 100vw !important;
	background-color: white;
	text-align: center;
}

.rbmWindow.filling_popup .wndContentInner .wndInner { 
	width: auto;
	min-width: 800px;
	float:none;
	display: inline-block;
}
/* Ensure that we allow additional space for narrow */
@media (max-width: 800px) {
	.rbmWindow.filling_popup .wndContentInner .wndInner { 
		width: 100%;
		min-width: 0;
	}	
}

.rbmWindow.filling_popup .wndContentInner .wndBody {
	margin-left: auto;
    margin-right: auto;
    width: auto;
    border: none;
} 

