@charset "utf-8";
/* mobile-demo CSS Document */
#maincontent {
/*	margin: 0px 200px 0px 200px; */
	padding: 10px;
}

#mobile-demo-container {
	width: 378px;
	height: 770px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #CCC;
}
.ui-page {
	margin-top: 0px;	
}
/* Prevents the word Menu being displayed in MainMenuRWD
.ui-btn-text {
	display: none;
}
 */
 
/* Video Container Styles ------------------------------------ */
.video-container {
    position: relative;
    padding-bottom: 71%;
    padding-top: 5%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
}

/* Format for list menu titles ------------------------------
   Collapse accordians from the start ----------------------- */
.tab {
   padding-top: 0.5em;
   padding-right: 1.5em;
   padding-bottom: 0.5em;
   padding-left: 0.5em;
   margin: 0;
   position: relative;
   cursor: pointer;
   outline: 0;
}
.tab:after {
   content: '+';
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   /* NRWfont-size: 1.5em;   Onlyaffects the size of the'+' */
   padding: 0.5em;
}
.tab.active {
  background: rgba(0,0,0,0.3);
}
.tab.active:after {
   content: '-'; 
}

.panel { 
  overflow: hidden;
}
.js .panel {
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.js .panel.active {
  /*NRW max-height: 30em;*/
}
.panel p {
  /*NRW padding: 1em;*/
}
.panel p:last-child {
   margin: 0; 
}