* {
    margin: 0;
    font-family: arial, helvetica, sans-serif;
}
html, body {
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    color: #222222;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}
.footer {
  height: 20px;
  background:#eee;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
}

.topBarInHouse {
	display: block;
	background-color: #ffffff;
	height: 59px;
}

.logo
{
display: inline-block;
height: 56px;
padding-top: 2px;
padding-left: 2px;
}

.rfca
{
margin-top: -45px;
vertical-align: middle;
display: inline-block;
font-size:20px;
color:#bab3b3;
width: 262px;
}

.rfcaNoDisappear {
	vertical-align: middle;
	display: inline-block;
	font-size: 20px;
	color: #bab3b3;
	width: 262px;
}

.menu
{
  float: right;
  display: inline-block;
  overflow: visible;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 900px;
  text-align: right;
}

.homePageContainer {
	display: flex;
	width: 95%;
	padding: 10px 0px 10px 20px;
}

.homePageLeft {
	flex: 2;
	padding-right: 15px;
}
.homePageRight {
	flex: 1
}

.homePageSingleRow {
	display: block;
	width: 95%;
	padding: 10px 10px 10px 20px;
}

.yourVenuesVenue {
	display: block;
	width: 100%;
	padding: 10px 0px 10px 20px;
	vertical-align: top;
}

.yourVenuesImage {
	display: inline-block;
	width: 150px;
	padding-bottom: 10px;
	vertical-align: top;
}

.yourVenuesEvents {
	display: inline-block;
	padding-left: 6px;
	vertical-align: top;
}


@media (max-width: 1450px) {
	/* some CSS for small resolution */
	.rfca {
	   display: none;
	}
}

@media (max-width: 1450px) {
   /* some CSS for small resolution */
	.menu 
	{
	  width: 90%;
	}
}

@media (max-width: 900px) {
   /* some CSS for small resolution */
	.menu 
	{
	  width: 100%;
	}
	.homePageContainer {
		display: block;
	}
	.homePageRight {
		padding-top: 15px;
	}
}

@media (min-width: 1450px) {
    /* some CSS for large resolution */
	.menu {
		width: 75%;
	}
}

.menuItem 
{
  display: inline-block;
  margin: 0px 0px 0px 0px;
  /*margin-left: -4px;*/
  padding: 4px 0px 0px 0px;
  border-top: 0px solid #bab3b3;
  border-left: 1px solid #bab3b3;
  height:57px;
  width:8%;
	min-width: 80px;
  text-decoration: none;
  color:#000000;
  font-size: 12px;
  text-align: center;
  line-height:25px;
  cursor: pointer;
}

.menuItem:hover {
	padding: 0px 0px 0px 0px;
  border-top: 4px solid #bab3b3;
	background-color: #f8f8f8;
}

.menu ul
{
  display: block;
  text-align: right;
  background-color: #FFFFFF;
  width: 100%;
  height:58px;
  padding: 6 6 0 0;
}


.bar
{
  clear: both;
  display: block;
  width:99.9%;
  background-color:#eee;
  min-height:36px;
  vertical-align: bottom;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
	border: 0px solid #e0e0e0;
 	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	color: black;
}
.breadcrumbs
{
  display: inline-block;
  min-height:36px;
  background-color:#eee;
  font-size: 14px;
  text-align:left;
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  vertical-align:bottom;
  line-height:36px;
}
.breadcrumbs a
{
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  padding:0 5px 0 5px;
  height:24px;
  top: 6px;  
}

.breadcrumbs a.divider
{
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  padding:0 10px 0 10px;
  border-right:1px solid grey;
  height:24px;
  line-height:24px;
  top: 6px;  
}
.breadcrumbs a:hover
{
  border-bottom:5px solid #bab3b3;
}
.datetime
{
  min-height:30px;
  background-color:#eee;
  font-size: 12px;
  text-align:right;
  padding:3px 10px 0 0;
  line-height:14px;
  
  float: right;
  display: inline-block;
  overflow: none;
}
#mainmenus
{
  top:39px;
  width:99.9%;
  margin:0 0 0 0;
  display:table;
  /*border:4px solid black;*/

}
#left
{
  display: inline-block;
  width:62%;
  max-width:62%;
  float:left;
  padding:1% 0 0 3%;
  text-align:left;
  display:table-cell;
}

#mainmenuheader
{
  top:0.5%;
  margin-left:0px;
  font-weight:bold;
  font-size:20px;
}

h2, .CPUBigHeading
{
  margin: 0px 0px 0px 0px;
  padding:0.5% 0px 0.5% 0px;
  font-weight:bold;
  font-size:20px;
  color: Black;
  font-family: arial, helvetica, sans-serif;
}

li span.before
  { 
    position: relative; 
    left: -16px; 
    color:#782484; /*#cd0033;*/
    }
li span.after
  { 
    font-style:italic;
    font-size:12px;
    color:#782484; /*#cd0033; */
    float: right;
    padding-right: 5px;
    }
.line {
  
}
.line:after {
    content: '';
    
    right: 0;
    border-right: 1px solid #cfc7c0;
    top: -30%;
    bottom: -30%;
}
.vertical-row {
 Float:left;
 height:500px;
 width:1px; /* edit this if you want */
 background-color: #cfc7c0
} 

#right
{
  display: inline-block;
  width:31%;
  max-width:31%;
  float:right;
  padding:1% 0 0 3%;
  border-left:1px solid #bab3b3;
  text-align:left;
  display:table-cell;
  
  height: calc(100vh - 145px);
  
}
#favouritesheader
{
  
  top:0.5%;
  margin-left:-20px;
  font-weight:bold;
  font-size:20px;
}

.mainmenu
{
  
  top:15px;
  margin-left: -35px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width:90%;
  font-family: arial, helvetica, sans-serif;

}
.mainmenu li
{
  display: block;
	clear: both;
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 12pt;
	vertical-align: baseline;
  
  list-style: none;
  padding: 0px 0px 0px 5px;
  border-bottom:0.01em solid #dfdada;
  width:310px;
  height:50px;
  line-height:50px;
  height: 50px;
  cursor: pointer;
}
.mainmenu li:hover
{
    color: #7a1c79;
    background-color: #f8f8f8;
}

#favourites
{
  
  top:15px;
  left:3%;
  width:95%;
  
}

#favourites li
{
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 12pt;
	vertical-align: baseline;  
  list-style: none;
  padding: 20px 0px 20px 0px;
  border-bottom:0.01em solid #dfdada;
  width:100%;
  cursor: pointer;
}

#favourites li:hover
{
    color: #7a1c79;
    background-color: #f8f8f8;
}

#server
{
  float:left;
  font-size: 12px;
  padding:0 0 0 5px;
  line-height:20px;
}
#copyright
{
  float:right;
  font-size: 12px;
}
.footer a {
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    line-height:20px;
}
.footer a:hover {
    color: #000000;
    text-decoration: none;
}


@media all and (max-width : 1130px) {
  .mainmenu
  {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  #right
  {
    width:50%;
  }
  #left
  {
    width:40%;
  }
  
   
}
@media all and (max-width : 800px) 
{
  #right
  {
    float:none;
    display:block;
    width:100%;
    border-left:0px;
    padding-top: 20px;
    padding-left: 40px;
		clear: both;
  }
  #left
  {
    float:none;
    display:block;
    width:90%;
  }
}
.menuSmall 
{
  font-size: 8pt;
  padding-left: 10px;
}
.curvedBox 
{
  border: 1px solid #e0e0e0;
  border-radius: 0px;
  background-color: #ffffff;
}
.directorsDashboardSectionTitle
{
  background-image: none;
}
.directorsDashboardSectionTitle
{
  border: 1px dotted #e0e0e0;
  background-color: #eeeeee;
}
.directorsDashboardSectionTitle, .directorsDashboardSection
{
  border: 1px solid #e0e0e0;
}
.standardTableHeader, .textLabelHeading, .textLabelSubheading
{
  background-image: none;
}

.standardTableHeader {
	background-color: #eeeeee;
}

.textLabelHeading {
	background-color: #f2f2f2;
}

.textLabelSubheading {
	background-color: #f7f7f7;
}

.navigationBar
{
  clear: both;
  display: block;
  width:100%;
  background-color:#eeeeee;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
	border: 0px solid #e0e0e0;
 	border-bottom: 4px solid #eeeeee;
	border-top: 1px solid #e0e0e0;
	color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  cursor: pointer;
}
.navigationElement
{
  display: inline-block;
  border-right: 1px solid #e0e0e0;
  border-top:4px solid #f8f8f8;
	padding: 5px 12px 5px 12px;
	background-color: #ffffff;
  height: 25px; 
  vertical-align: middle;
}
.navigationElement:hover
{
  border-top:4px solid #bab3b3;
  background-color: #f8f8f8;
}

.tabBar
{
  clear: both;
  display: block;
  width:100%;
  background-color:#eeeeee;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
	border: 0px solid #e0e0e0;
 	border-bottom: 0px solid #e0e0e0;
	border-top: 0px solid #e0e0e0;
	color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  cursor: pointer;
}
.tabBarElement, .tabBarElementPurple, .tabBarElementWhite, .tabBarElementWhiteS, .tabBarElementYellow
{
  display: inline-block;
  border-right: 1px solid #e0e0e0;
  border-top:4px solid #f8f8f8;
	padding: 5px 12px 5px 12px;
	background-color: #ffffff;
  height: 25px; 
  vertical-align: middle;
 	border-bottom: 1px solid #e0e0e0;
 	border-collapse: collapse;
}
.tabBarElementPurple
{
	background-color: #bd92c3; /* #cdcde8; */
	border-bottom-width: 0px;
  border-top:4px solid #bd92c3;
}
.tabBarElementWhite
{
	background-color: #ffffff;
  border-top:4px solid #ffffff;
}
.tabBarElementWhiteS {
	background-color: #bd92c3;
	border-top: 4px solid #ffffff;
}
.tabBarElementYellow
{
	background-color: #ffff00;
  border-top:4px solid #ffff00;
}
.tabBarElement:hover, .tabBarElementPurple:hover, .tabBarElementWhite:hover, .tabBarElementWhiteS:hover, .tabBarElementYellow:hover
{
  border-top:4px solid #bab3b3;
  background-color: #f8f8f8;
}

.tabBoxContent
{
  clear: both;
  display: block;
  width:100%;
  background-color:#ffffff;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
	border: 0px solid #e0e0e0;
 	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

.modernButton
{
  display: table-cell;
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 3px 5px;
  border:1px solid #bab3b3;
  height:32px;
  text-decoration: none;
  color:#000000;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff;
}

.modernButton:hover {
  border-top: 4px solid #bab3b3;
	padding-top: 0px;
	background-color: #f8f8f8;
  cursor: pointer;
}

.modernButtonLarge {
	display: table-cell;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #bab3b3;
	height: 32px;
	text-decoration: none;
	color: #000000;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background-color: #ffffff;
}

.modernButtonLargeHover {
	border-top: 4px solid #bab3b3;
	padding-top: 0px;
	background-color: #f8f8f8;
	cursor: pointer;
}

.nonActiveLink {
	FONT-SIZE: 10pt; COLOR: #c0c0c0; FONT-FAMILY: Arial, Helvetica, sans-serif; font-style: italic;
}

#map {
	height: 200px;
}

.turnstileStatisticsCurrentDateTime {
  font-size: 11pt;
  padding: 5px 0px 5px 0px;
}

.turnstileStatisticsTitle {
  font-size: 12pt;
  padding: 5px 0px 5px 0px;
}

.turnstileStatisticsDetail {
  font-size: 10pt;
  padding: 5px 0px 5px 10px;
}