/* DEV only  - use to define styles for planning table */
/* the table uses 6 styles */
/* 1) Default or no style - use the global style settings */
/* 2) Highlight New or Decided */
/* 3) Highlight Changed documents */
/* 4) Highlight changed narrative */
/* 5) Roadname to use a bigger font */
/* 6) Building to use centre */
/* 7) Override URL formatting so that test remains normal */
/* col heading roqw will set by global css */

/*panel layout */

html {
	height: 100%;
	box-sizing: border-box;
}


*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	position: relative;
	margin: 0;
	padding-top:3px;
	padding-bottom: 0.5rem;
	min-height: 100%;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

nav ul 			{
	padding-top:3px;
}

nav a:hover { background:#95b9d6;}


.main-panel {
	float: none;
	min-height:100%;
	width: auto;
	overflow: hidden;
}

.ad-panel-side {
	width:160px;
	height:100%;
	float:right;
}

.ad-panel-xs {
	height:50px;
	background:#aafe11;
}

.ad-panel-sm {
	height:60px;
	background:#77f077;
}

.ad-panel-md {
	height:90px;
	background:#33eecc;
}

.ad-panel-lg {
	height:100px;
	background:#aa40ff;
}

.ad-panel-banner1 {
	max-height:250px;
}

.ad-panel-banner2 {
	max-height:250px;
}

.hideobject				{display:none;}

.lpahideobject				{display:none;}

.footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding:0.25rem;
	text-align: center;
}

.lpalogo
{ width:8%;
	max-width:40px;
min-width:30px;}

.apphighlight
{
	font-weight:bold;
color:blue; }

.docschanged
{background-color:Cornsilk;
	font-weight:bold;
color:black; }

.narchanged
{font-style:italic;
font-weight:bold; }

.roadname         {font-size:100%;
font-weight:bold; }

.building         {text-align: center; }


.aboutstatus       {font-size:105%;
font-weight:bold; }

#maintable td   { font-size:90%;}

.filterframe 	{border-style:solid;
	border-width:1px;
	border-color:#54B6FE;
	border-bottom:4px;
	border-left:4px;
  border-right:4px;}

.keyframe 	{border-style:solid;
	border-width:1px;
	border-color:#54B6FE;
	border-bottom:4px;
	border-left:4px;
  border-right:4px;}


.filtertitle		 {font-size:100%;
	font-weight:bold;
	color:blue;
}

.displayfilters {width:100%;
	border-style:solid;
	border-width:1px;
	border-color:red;
  padding:10px;}

.displaykey	{width:100%;
	border-style:solid;
	border-width:1px;
	border-color:red;
  padding:10px;}



.align-right		{float:right;}
.align-left		{float:left;}

#displaymarkercount {
	font-size:80%;
	text-align: center;
		color:blue;
}

.maptitle  {font-size:120%;}

.mapnarartive {font-size:100%;}

.mapsmall {width:70%; 
					 height:50vh; 
					 border: 1px solid #AAA;}
								
.maplarge {width:100%; 
					 height:85vh; 
					 border: 1px solid #AAA;}