#pageDiv {
    margin:10px;
    display:none;
    /*border:2px solid #ccc;*/
}
#pageFrame {
    border:2px solid #eee;
}

/** Color Scheme Selector START **/
.layoutSamples {
    overflow:auto;
    padding:0 10px 10px 0;
    display:none;
}
.layoutSamples .sampleDiv {
    float:left;
    width:200px;
    margin:0 10px 10px 0;
    text-align:center;
    border:2px solid #eee;
}
.layoutSamples .sampleDiv:hover {
    border:2px solid #070;
    cursor:pointer;
}

.layoutSamples .sampleDiv .sampleTop {
    height:50px;
    color:#fff;
}
.layoutSamples .sampleDiv .sampleMid {
    height:75px;
}
.layoutSamples .sampleDiv .sampleBot {
    height:50px;
    color:#fff;
}
.sampleTop, .sampleMid, .sampleBot {
    padding-top:12px;
}
.sampleFontDiv {
    margin:0 10px 10px 0;
    overflow:auto;
    border:2px solid #eee;
}
.fontTop {
    overflow:auto;
}
.layoutFont {
    text-align:center;
    /*display:flex;*/
}
.layoutFont .fontSelect {
    float:left;width:50%;
    /*border: 2px solid #eee;*/
    padding-top:12px;
    height:50px;
}
.sampleFontDiv .fontMid {
    height:75px;
}
.layoutFont .fontSelect:hover {
    cursor:pointer;
}
.darkFontSelect {
    background-color:#eee;color:#000;
}
.lightFontSelect {
    background-color:#222;color:#fff;
}
.lightFontSelect:hover {
    background-color:#252;
}
.darkFontSelect:hover {
    background-color:#ada;
}
#colorSchemeSelect .sampleTop.menuTextDark {
    color:#000;
}
#colorSchemeSelect .sampleTop.menuTextLight {
    color:#fff;
}
#colorSchemeSelect .sampleBot.menuTextDark {
    color:#000;
}
#colorSchemeSelect .sampleBot.menuTextLight {
    color:#fff;
}

/** Color Scheme Selector END **/

#mainMenuBack, #opSideBack {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1030;
}
#mainMenuBack {
	background-color:#000b;
}
#opSideBack {
	background-color:#0008;
}

#imageSetDiv img {
    border:4px solid transparent;
    cursor: pointer;
}
#imageSetDiv img:hover {
    border:4px solid #080;
}
#siteListDiv th, #siteListDiv td {
    text-align:left;
    max-width:150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#siteListDiv td a {
    text-decoration:none;
}

/* For any viewports less than 768px wide */
@media (max-width: 768px) {
	#mapDiv {
		display:none;
	}
}

@font-face {
    font-family: ArchivoBlack;
    src: url(/css/font/ArchivoBlack-Regular.ttf);
}