/* General */
body{
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	color: #dddddd;
	background-color: #000;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
    width: 1315px;
    margin: 0 auto;
}

h1{
	display: inline-block;
	font-weight: normal;
	font-size: 24px;
	color: #dddddd;
	text-align: center;
	vertical-align: center;
	letter-spacing: 6px;
	margin: 0px;
	padding: 12px 0px 0px 15px;
}

h2{
	font-size: 20px;
	font-weight: normal;
	color: #dddddd;
	text-align: left;
	letter-spacing: 4px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

h3{
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	letter-spacing: 3px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 1px;
}

h4{
	display: inline;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: left;
	margin: 0;
	padding: 0;
}

h5{
	font-size: 11px;
	font-weight: normal;
	color: #bbbbbb;
	text-align: left;
	letter-spacing: 1px;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 5px 0px;
}
h6{
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px 0px 1px 0px;
	padding: 0;
}

h6centre{
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-align: center;
	letter-spacing: 1px;
	margin: 0px 0px 1px 0px;
	padding: 0;
}


.info_image_width {
    width: 16px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

#topsection{
background: #222222;
text-align: center;
vertical-align: middle;
padding: 0;
margin: 0px 0px ;
height: 60px;
}

#topsection img {
float: left;
}

#maincontainer{
width: 100%;
margin: 0;
padding: 0;
background: #000;
min-width: 1000px;
}

#leftcolumn{
float: left;
width: 225px;
background: #000;
}

#buildings {overflow-x: auto;margin:0px;padding:0px;}

#buildingslist{
float: left;
width: 350px;
max-height:  600px;
background: #333333;
color: #ffffff;
margin: 0px;
padding: 0px;
}

#blist{
width: 330px;
max-height:  580px;
background: #dddddd;
color: #222222;
margin: 7px 0px 0px 0px;
padding: 5px 5px 5px 5px;
overflow: auto;
}

#blist a { 
color: #222222;
}

#blist a:hover { 
color: #666666;
}

#contentwrapper{
width: 1305px;
margin: 0;
padding: 0;
background: #000;
min-width: 1305px;
}

#contentcolumn{
width: 1075px;
margin: 0px 0px 0px 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #000;
}

.text_green {
    color: #009900;
    font-weight: bold;
}
.text_green_italics {
    color: #009900;
    font-weight: bold;
    font-style: italic;
}

.largetext {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#box {
padding: 5px 5px 5px 5px;
background: #cccccc;
}

#box h3{
color: #222222;
}

.demos {
    width: 1065px;
    margin-top: 5px;
    padding: 0px;
}
.demos p {	width: 100%;	text-align: left;	margin: 0;	padding: 0;	line-height: 12px;}

.attributiontable {
    padding: 0px;
    border-spacing:0px;
    width:223px;
    background-color:#fff;
    margin: 0px;
}
.attributiontablewrapper {
    padding-left:0.5px;
    padding-top:1px;
    padding-right:0.5px;
    padding-bottom: 1px;
    border-spacing:0px;
    width:223px;
    background-color:#fff;
    margin: 0px;
}

select {
    background-color: rgb(248, 248, 248);
    border-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0, 0, 255);
    border-image: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
select {
    border-radius: 5px;
     border-color: rgb(0, 0, 255);
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 255);
    border-image: initial;
}
select {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
}
user agent stylesheet
select {
    -webkit-writing-mode: horizontal-tb !important;
}

#instructions {
	position: absolute;
	left: 0px;
	top: 460px;
	width: 600px;
	height: 20px;
	margin: 0px 0px 0px 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding: 0px 5px 5px 5px;

}


#instructions h3 {
	font-size: 12px;
	color: #aaaaaa;
	text-align: center;
}


#modelkey {
	display: inline;
	float: left;
	background: #333333;
	width: 90px;
	height: 480px;
}

#modelcanvas {
	position: relative;
	float: left;
	width: 600px;
	height: 480px;
}

#plan {
position: relative;
}

.carverslist tr:nth-child(even) {
    background-color: #333333;
}


#disclaimer{
width: 1065px;    
background: #662929;
color: #dddddd;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
}

label{
	font-size: 9px;
	color: #222222;
	text-align: left;
	margin: 0;
	padding: 0;
}

labelcentre{
	font-size: 9px;
	color: #222222;
	text-align: center;
	margin: 0;
	padding: 0;
}


/*timelines.php*/
.tbl_reset { margin-top:1px;}
.tbl_reset a {color: #fff;}
.tbl_reset td {width:225px; background-color:#C6440E; text-align:center;}


/*tooltip
.hidden{
   display:none;
}
.popover-header {
   padding:8px 14px;
   -webkit-border-radius:5px 5px 0 0;
   -moz-border-radius:5px 5px 0 0;
   border-radius:5px 5px 0 0;
}
.popover{
   background-color:#000;
   color:#fff;
   font-size: 10px;
}
.close{
   color:#fff;
   opacity:1;
}
.popover.bottom .arrow:after {
   border-bottom-color: #000;
}
.popover-title {
   margin:0;
   padding:0;
   background-color:transparent;
   border:none;
   font-weight:700;
   font-size: 10px;
}
a{
   cursor:pointer;
}
*/

/*
mapcaption{
	display: inline;
	font-size: 9px;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}




/*
legendlabel{
	font-size: 9px;
	color: #dddddd;
	margin: 0px 5px 25px 0px;
	padding: 5px 5px 15px 0px;
}
*/
/*changed font size to 12 to match the rest of the table links displayed as 10 rest 12*/
a{
color: #dddddd;
text-decoration: none;
}

ul{
list-style: none;
margin:0px;
padding:0px;
width:inherit;
}

#documents {
background: #eeeeee;
font-size: 12px;
color: #222222;
margin: 5px 0px 0px 0px;
padding: 1px 5px 5px 5px;
}

#documents h3{
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	text-align: left;
	letter-spacing: 3px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#documents h4{
	display: inline;
	font-size: 12px;
	color: #222222;
	text-align: left;
	margin: 0;
	padding: 0;
}

.tools {
	margin-bottom: 10px;
}


.tools a {
	border: 1px solid black;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	color: black;
	font-weight: bold;
}

/*newcarverscss*/

.carverslist {
    width:225px;
}

.carverslist th{
    height:14;
    background-color:#000 !important;
    vertical-align:bottom;
}
.carverslist tr{
    height:14;
}
.carverslist a {
    font-size:10px;
}

.carverslist h6 {
    color:#dddddd;
    font-weight: bold;
}
.tabs h2{ color:#000;}



/*

#search{
float: left;
margin: 0px 5px 0px 5px;
}

#search label{
color: #111111;
font-size: 11px;
}

.srch input {
background-color: #505050;
font-size: 8px;
border: 1px solid #999;
text-transform: uppercase;
margin: 20px 10px 0px 0px;
color: #dddddd;
letter-spacing: 1px;
padding: 4px 8px;
}

#srchbtn {
height: 20px;
color: #dddddd;
}

#srchbox {
height: 12px;
width: 200px;
}

.padded{
padding: 0px 0px 10px 0px;
}

#results{
display:block;
height:25px;
}




#map-canvas {
min-height: 700px;
margin: 5px 0px 0px 0px;
padding: 5px 0px 10px 0px;
}


#legenditem {
display: inline-block;
background-color: #bbbbbb;
padding-right: 5px;
}

#legenditem label {
	font-size: 9px;
	color: #222222;
	text-align: left;
}

#timeline {
background: #cccccc;
margin: 0px 10px 10px 0px;
padding: 1px 10px 10px 10px;
}

#timeline h3{
	font-size: 16px;
	font-weight: normal;
	color: #222222;
	text-align: left;
	letter-spacing: 3px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#timeline a, img{
color: #dddddd;
font-size: 10px;
text-decoration: none;
margin-left: 0px;
text-indent: 0px;
}

#scope {
background: #cccccc;
color: #111111;
margin: 0px 10px 10px 0px;
padding: 1px 10px 10px 10px;
}

#scope h3{
	font-size: 16px;
	font-weight: normal;
	color: #222222;
	text-align: left;
	letter-spacing: 3px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#BuildingInfo img{
display: inline;
}

#buildingID {
display: inline-block;
height: 50px;
margin-left: 10px;
}

#buildinginfo {
background: #bbbbbb;
height: 165px;
margin: 0px 10px 10px 10px;
}

#bldginfo {
background: #3c3c3c;
height: 60px;
margin: 0px 0px 10px 0px;
}

#buildinginfopanel {
background: #bbbbbb;
font-size: 12px;
color: #222222;
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}

#buildinginfopanel h3{
	font-size: 16px;
	font-weight: normal;
	color: #222222;
	text-align: left;
	letter-spacing: 3px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#buildingpanel {
background: #bbbbbb;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

#buildingpanel button {
  color: #eeeeee;
  background: #884c9c;
  border: none;
  width: 200px;
  height: 20px;
}

#phases {
background: #eeeeee;
font-size: 12px;
color: #222222;
margin: 0px 10px 0px 0px;
padding: 1px 10px 10px 10px;
}

#phases h3{
	font-size: 16px;
	font-weight: normal;
	color: #222222;
	text-align: left;
	letter-spacing: 3px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#phases h4{
	display: inline;
	font-size: 12px;
	color: #222222;
	text-align: left;
	margin: 0;
	padding: 0;
}

/*
#leftnav {
float: left;
margin: 0;
padding: 0;
}







#rightcolumn{
position: absolute;
top: 50px;
right: 0px;
width: 40px;
margin-left: -40px;
background: #333333;
}


#synopsiscolumn{
margin: 0 40px 0px 40px;
padding: 0px 0px 10px 0px;
background: #333333;
}

#navicons{
float: left;
margin: -1px 0px 0px 0px;
padding: 0;
}


#homeimage{
float: left;
display: inline-block;
background: #333333;
height: 165px;
width: 165px;
}


#rightnav {
float: right;
margin: 0;
padding: 0px 10px 0px 20px;
}


#phases {
background: #444444;
margin: 0px 10px 0px 10px;
padding: 1px 10px 10px 10px;
}

#photos {
background: #444444;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}


#documents {
background: #444444;
margin: 0px 10px 0px 10px;
padding: 10px 10px 10px 10px;
}

#aboutnav {
background: #333333;
margin: 0;
padding: 10px 0px 0px 0px;
}

#about {
background: #444444;
margin: 0px 10px 0px 10px;
padding: 10px 10px 10px 10px;
}

#about a{
color: #fdface;
font-size: 12px;
text-decoration: none;

}

#panos {
background: #444444;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

#footer a{
color: #dddddd;
margin: 8px 0px 0px 0px;
font-size: 10px;
text-decoration: none;
}

*/

#imagebox{
clear: both;
background: #444444;
}
/*





#churchlist{
overflow:auto;
width:240px;
height:600px;
}

#churchlist a{
font-size: 10px;
text-decoration: none;
}

#pictures li {
float:left;
height:150px;
list-style:none outside;
width:120px;
text-align:center;
background: #2D2D2D;
}

#panos li {
display: inline-block;
height:150px;
list-style:none outside;
width:210px;
text-align:center;
background: #444444;
}


#photos li {
display: inline-block;
height:130px;
list-style:none outside;
width:120px;
text-align:center;
background: #444444;
}

#panos ul {
margin:0px;
padding:0px;
}

#photos ul {
margin:0px;
padding:0px;
}

/*

#rightcolumn a {
display: block;
color: #dddddd;
font-size: 10px;
text-decoration: none;
margin-left: 10px;
text-indent: -10px;
}






img {
	border:0;
	outline:none;
}



#zoom{
position: relative;
left: 98px;
top: -18px;
}


#report table{
	color: #222222;
	text-align: center;
}


input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label.cb0 {
	padding-left:18px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:10px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label.cb0 {
	background-position: 0 -15px;
}

label.css-label.cb0 {
background-image:url(checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=radio].css-radio {
	display:none;
}

input[type=radio].css-radio + label.css-label.rb0 {
	padding-left:18px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:10px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-radio:checked + label.css-label.rb0 {
	background-position: 0 -15px;
}

label.css-label.rb0 {
background-image:url(checkbox2.png);
width: 40px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type="text"] {
  display: block;
  background-color: #dddddd;
  margin: 0;
  width: 200px;
  height: 22px;
  font-size: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  padding: 0px;
  border: none;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus {
  background-color: #eeeeee;
  outline: none;
  color: #aaa;
}

button {
  color: #eeeeee;
  background: #654669;
  border: none;
  width: 250px;
  height: 20px;
}

*/
.ui-widget-content {
    width:220px;
}


 /* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:20;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 600px;
    position: absolute;
    top: 20px;
    left: 20px;
    /*border-radius: 8px;*/
    padding: 10px;
    color: #111;
    text-align:left;
    margin-top: -10px;
    margin-left: -10px;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 0px;
    margin: 0px;
    /*font-weight: bold;*/


}

 /* Popup box BEGIN */
.hover_bkgr_fricc2{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:20px;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc2 .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc2 > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    /*border-radius: 8px;*/
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    color: #111;
    text-align:left;

}
.popupCloseButton2 {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton2:hover {
    background-color: #ccc;
}
.trigger_popup_fricc2 {
    cursor: pointer;
    font-size: 0px;
    margin: 0px;
    /*font-weight: bold;*/


}

 /* Popup box BEGIN */
.hover_bkgr_friccca{
    /*background:rgba(0,0,0,.4);*/
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_friccca .helper{
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_friccca > div {
    background-color: #fff;
    /*box-shadow: 10px 10px 60px #555;*/
    height: auto;
    max-width: 551px;
    min-height: 70px;
    vertical-align: middle;
    position: fixed;
    top: 30%;
    left: 30%;
    margin-top: -10px;
    margin-left: -10px;
    width: 600px;
    /*border-radius: 8px;*/
    padding: 10px;
    color: #111;
    text-align:left;
    margin: 0px;
}
.popupCloseButtonca {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButtonca:hover {
    background-color: #ccc;
}
.trigger_popup_friccca {
    cursor: pointer;
    font-size: 0px;
    margin: 0px;
    /*font-weight: bold;*/


}


/* readmore see less*/
#more {display: none;}