/*
	Monochromed by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

@charset 'UTF-8';

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	html
	{
		background: #FFF;
		margin-left: 4em;
		padding-left: 4em;
	}

	body,input,textarea,select
	{
		font-family: 'Arial', sans-serif;
		font-size: 12pt;
		line-height: 2em;
	}

	#content {
		font-family:'Courier New', Courier, monospace;
		font-size: 13pt;
		line-height: 2em;
		color: black;

	}
	h1,h2,h3,h4,h5,h6
	{
		font-weight: bold;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
	}
		
	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		font-weight: bold;
		color:black;
	}
	
	em, i
	{
		font-style: italic;
	}

	/* Generic link (external) */
	a
	{
		color:darkslategray;
		font-weight: bold;
		font-variant: small-caps;
	}
	

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
		margin-left: 2em;
		margin-left: 2em;
	}


	header h2
	{
			letter-spacing: -1px;
			font-weight: 500;
			color: black;
	}
	
	header .byline
	{
			display: block;
			/* text-transform: uppercase; */
	}
		
	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}
	
	

		
	

	
	
	/* Images */

		.image
		{
			display: inline-block;
			max-height: 500px;
			max-width: 500px;
			border-radius: 6px;
			box-shadow:  10px 10px 8px green;
		}
		
			/* .image img
			{
				display: block;
				
				max-height: 500px;
				max-width: 500px;
				border-radius: 6px;
				box-shadow:  10px 10px 8px green;
			} */

			.image.medium
			{
				display: block;
				width: 70%;
				border-radius: 6px;
			}
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.full
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

			.image.centered img
			{
					margin: 0 auto;
					width: auto;
			}

			.image.small {
				display: block;
				width: 70%;
				border-radius: 6px;
			}

	/* Lists */

		ul.default
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			ul.default li
			{
				padding: 0.50em 0em;
			}	
		
		ul.style1
		{
			font-size: 0.90em;
		}	

			ul.style1 li
			{
				padding: 0.80em 0em;
				line-height: 1.8em;
			}	

			ul.style1 li img
			{
				float: left;
				margin-right: 1.50em;
				border-radius: 6px;
			}
			
			ul.style1 .posted
			{
				display: block;
				margin-top: 1em;
				padding: 0.50em 0em;
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/


		#nav ul
		{
			margin: 0;
		}
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		background: #333;
		color: #fff;
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		position: relative;
		background: white;
		/* background: #fff url(../../parolaPA/templates/monochromed/css/images/overlay.png) repeat;*/
	}
	
	.divider
	{
		overflow: hidden;
		border-top: 1px solid #050000;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		font-family:Arial, Helvetica, sans-serif;
		background: white;
		color: black;
	}
	
	#footer header h2
	{
		color:black;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		position: relative;
		padding: 3em 0em;
		text-align: center;
		color: rgba(255,255,255,.2);
	}
	/*
	#copyright .container
	{
	}
	*/
	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,.3);
	}		
	
	.codexpo  {
		font-weight: bold;
		text-decoration-style:solid;
		text-decoration-line: underline;
	  }
	
/*********************************************************************************/
/* Map                                                                           */
/*********************************************************************************/


#map table {
    table-layout: fixed;
}
#map img {
    max-width:100%;
    object-fit: contain;
}
#map div {
    overflow: auto;
    margin: 0px;
    width: 70px;
  /*  height: 100px; */
}
.elevator-button {
   /* box-shadow: 0 5px #999; */
    display: inline-block;
    cursor: pointer;

}
.elevator-button:hover{
  /*  box-shadow: 0 5px #999; */
    display: inline-block;
    cursor: grab;

}

.elevator-button:active {
   /* box-shadow: 0 5px black; */
   display: inline-block;
   transform: translateY(-2px);

}

.elevator-label {
	 font-variant: small-caps;
	 text-align: center;
	 display: inline-block;
	 cursor: pointer;
	 color:  #90EE90;
 
 }
 .elevator-label:hover{
	font-variant: small-caps;
	text-align: center;
     box-shadow: 0 5px red;
	 display: inline-block;
	 cursor: grab;
 
 }
  
 .elevator-label:active {
	font-variant: small-caps;
	text-align: center;
	box-shadow: 0 5px #999; 
	display: inline-block;
	transform: translateY(-2px);
  }
 
  .elevator-label-current{
	font-variant: small-caps;
	text-align: center;
	box-shadow: 0 5px #999; 
	display: inline-block;
	cursor: none;

}
 


li {
	margin-left: 10px;
}

.panel-title {
	background-color: #999;
	font-size:xx-large;
	font-weight: 300;
}

	
			
#content ul {
	list-style-type: disc !important;
}

.table .column{
	width: 100px;
	float: left;
 }
 
 .table .column.after{
	width: 100px;
	clear: right;
 }
 .table .column.first{
	clear: left;   
 }

 #body table, #body tr, #body td {
	border: 1px solid black;
	border-collapse: collapse;
	border-color: white;
	padding: 10px; 
	margin: 5px;
} 


td.currentRoom {
	background-color:chartreuse; 
	color: orangered;
	text-align: center;
}

/*********************************************************************************/
/* Figure                                                                           */
/*********************************************************************************/


figure {
  position: static;
  /* display: inline-block;*/
  border: 1px #cccccc solid;
  max-width: 500px;
  padding: 4px;
  margin-left:2em;
  text-align: center;
}

figcaption {
  background-color:lightgray;
  color:black;
  font-style: italic;
  padding: 2px;
  text-align: center;
}

figure img {
	position: relative;
	width: 70%;
}




pre {
	background-color: #FFF;	
	color: #000;
	text-shadow: #888 ;
	font-style: italic;
	font-size: smaller;
}