html, body {
	height: 100%;
	width: 100%;
}

html {
	overflow: auto;
}

body.mapindex {
	overflow-y: hidden;
}

#map_canvas img {
max-width: none;
}

#maps_nav {
	float: left;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow-y: scroll;
	overflow-x: hidden;
	/*width: 280px for scrollbar to show */
	width: 280px;
	background-color: rgb(50, 50, 50);
}

#maps_nav .nav-buttons {
	margin: 0px !important;
	padding: 0px !important;
	float: left;
	width: 280px;
}

#maps_nav ul li {
	margin: 0;
	padding: 10px 20px 10px 10px;
	width: 250px;
	display: block;
	float: left;
	background-color: rgb(50, 50, 50);
	color: rgb(200, 200, 200);
	border-top: solid 1px rgb(70, 70, 70);
	border-bottom: solid 1px rgb(40, 40, 40);
	text-shadow: -1px 1px rgb(20, 20, 20);
	line-height: 1.5em;
}

#maps_nav ul li:hover {
	background-color: rgb(60, 60, 60);
	color: #fff;
	cursor: pointer;
}

#maps_nav .access-link {
	cursor: default !important;
}

#maps_nav ul li:after {
	clear: both;
}

#maps_nav .selected {
	background-color: rgb(60, 60, 60);
	color: #fff;
}

#maps_nav ul li input, #maps_nav table input {
	float: right;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

input.svg {
	cursor: pointer;
}

#maps_nav ul li .text-wrap, #maps_nav table .text-wrap {
	float: left;
} 


.clear-map, .contact {
	color: rgb(200, 200, 200);
}

.clear-map:hover, .contact:hover {
	color: rgb(200, 200, 200);
}

.clear {
	clear: both;
}

#maps_nav {
	font-size: 90%;
}

#maps_nav button {
	width: 90%;
	height: 100%;
	background-color: rgb(50, 50, 50);
	color: rgb(200, 200, 200);
	border: none;
	margin: 0;
	float: left;
}


#maps_nav button:hover {
		background-color: rgb(60, 60, 60);
	color: #fff;
}


#maps_nav table td a {
	color: rgb(230, 230, 230);
}


#maps_nav table td {
	padding-left: 25px;
	width: 255px;
	overflow-x: hidden;
	font-size: .9em;
	border-bottom: solid 1px rgb(40, 40, 40);
	background-color: rgb(45, 45, 45);
}

#maps_nav .nav-buttons .collapse {
	margin-left: 0;
	display: inline-block;
}

#maps_nav .nav-buttons .table td {
	border-top: 0 !important;
}
#maps_nav .nav-buttons .table {
	margin-bottom: 0;
}


#maps_nav table td:hover {
	background-color: rgb(60, 60, 60);
}

/*fixed table required for ellipse overflow */
#maps_nav table {
	table-layout: fixed;
}
/*handles ellipsis for overflow */
#maps_nav td {
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	color:white;
	padding-right: 0;
}
#maps_nav td a {
	display: block;
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#maps_nav a:hover {
	text-decoration: underline !important;
	color: white !important;
}

#map {
	top: 0px;
	position: absolute;
	left: 280px;
	right: 0px;
	bottom: 0px;
	float: right;
}

/*for global.shtml, pull map left, fix blue border in FF */
.map {
	border-color: #000000;
	float:left !important;
}

/*fix global.shtml related links location */
.global {
	float:left;
}

/* bootstrap compatability issue with google maps api
see this stack overflow post: bit.ly/15IPp1C */ 
#map img {
    max-width: none !important;
}

.sidebar-wrap {
	width: 280px;
	float: left;
	height: 100%;
}


.navbar-inner {
	height: 40px;
	padding-left: 20px;
}

.mobile-branding {
	float: left;
	width: 250px;
	text-transform: uppercase;
	color: white;
}

.mobile-branding h1 {
	margin-top: 8px;
	padding: 4px 0px 10px 30px;
	display: block;
	background: url('/National_Library/oe_/https://maps.uchicago.edu/i/template/shield.svg') no-repeat;
	background-size: 10%;
}

.btn-navbar {
	display:none;
}

.navbar-inner h1 {
	float: left;
	color: #fff;
	font-size: 80%;
	text-shadow: -1px 1px rgb(20, 20, 20);
}

#mapSearchFormBlock {
	border-bottom: solid 1px rgb(40, 40, 40);
	padding: 10px;
}


#mapSearchForm input[type="text"] {
	display:inline-block;
	background:#fff;
	border: 1px solid rgb(50, 50, 50);
	margin: 0 auto;
	padding:2px 30px 2px 6px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	height:16px;
	width:210px;
}

#mapSearchForm input[type="text"]:focus {
	outline: none;
  	border: 1px solid rgba(, 170, 170, 1);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#mapSearchForm input[type="submit"] {background:transparent url('/National_Library/oe_/https://maps.uchicago.edu/i/template/search_dark_new.png') 0 0 no-repeat; text-indent:-999em; border:0; padding:0; width:14px; height:14px; position:relative; top:-1px; right:24px;}




#mapSearchFormText {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 15px;
	border: 1px solid rgb(220, 220, 220);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	outline: none;
}

#mapSearchForm img {
	position: relative;
	left: 15px;
	color: rgb(45, 45, 45);

}

.caret {
	display: inline-block;
	height: 0;
    opacity: 0.7;
    vertical-align: top;
    width: 0;
    float: left;

}

.caret-down {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgb(240, 240, 240);
    display: inline-block;
    margin: 6px 6px 0 15px;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid rgb(240, 240, 240);
    margin: 6px 10px 0 15px;
}

/* INFOBOX */

.infoBox {
	z-index: 0;
}

.infoBox > img {
	z-index: 1;
}

.infoBox .box {
	width: 400px;
	border: #2d2d2d 1px solid; 
	box-shadow: 10px 10px 15px rgba(0, 0, 0, .75);
	position: relative;
	font-family: 'ProximaNova-Regular', sans-serif;
	color: #222;
	background-color: #FFF;
	margin-top: 5px;
}

.infoBox .box p {
	font-size: .9em;
}

.infoBox .box strong {
	font-family: 'ProximaNova-SemiBold', sans-serif;
}

.infoBox .box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.infoBox .box li {
	margin-bottom: 2px;
	font-size: .9em;
	padding-left: 1em;
}

.infoBox .box h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: 'ProximaNova-SemiBold', sans-serif;
}

/* header */

.infoBox .box .header {
	padding: 10px;
	background-color: #800000;
	color: #FFF;
}

.infoBox .box .header h1 {
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: 'ProximaNova-Light', sans-serif;
}

.infoBox .box .header h2 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	font-family: 'ProximaNovaT-Thin', sans-serif;
}

/* photo */

.infoBox .box .photo {
	margin: 1em;
}

.infoBox .box .photo div {
    position: relative;
    display: inline-block;
}

.infoBox .box .photo img {
	display: block;
	max-width: 300px;
	max-height: 200px;
	min-width: 150px;
	min-height: 100px;
}

.infoBox .box .photo span {
	color: #fff;
    position: absolute;
    right: 1em;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    font-size: .75em;
    padding: .5em 1em .5em 1em;
}

/* info */

.infoBox .box #accessibility_info, .infoBox .box #in_this_building, .infoBox .box #misc_info, .infoBox .box #parking_info {
	margin: 1em;
}

/* linkto */

.infoBox .box .space p {
	padding: 15px;
}

.infoBox .box .linkto {
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: .75em;
}


/*
#mapSearchFormText:focus {
	border: 1px solid rgb(180, 180, 180);


}

#parkinglots-checkbox {
	float: right;
}
*/

/* additional footer styles (rest found in base_styles) */
#maps_nav .footer { 
	float: left;
	padding-top: 1em;
}
#maps_nav .footer_left {
	width:110px; margin-bottom: 15px; padding-top: 10px; padding-right: 10px; border-right-style:solid; border-right-width: 1px; float: left; margin-top: 0; margin-right: auto; 
	margin-left: auto;
}
#maps_nav .footer_right { max-height:120px; margin:0 auto; padding-top:10px; padding-left: 10px; float: right;}
#maps_nav .footer p { font:normal 11px Helvetica; color:#a2a2a2; }
#maps_nav .footer a { font: normal 11px Helvetica; color:#a2a2a2; text-decoration:none; margin:0; }
#maps_nav .footer p.left { float:right; clear: both; margin-top: 0; margin-right: 0; 
	margin-bottom: 10px; margin-left: 0;
}
#maps_nav .footer p.right { float:left; clear: both; margin-top: 0; margin-right: 0; 
	margin-bottom: 10px; margin-left: 0;}

footer .footer a, footer .footer p {
	font-size: 13px;
	color:#d3d1d1;
	font-family: 'ProximaNova-Regular', Helvetica, sans-serif;
	line-height: 25px;
}

footer .footer {
	padding-top: 2em;
}

footer {
margin-top: 2em;
}

/*.footer_left {
	width:100px; height: 100px; padding:10px; border-right-style:solid; border-right-width: 1px; float: left; margin-top: 0; margin-right: auto; 
	margin-bottom: 0; margin-left: auto;
}
.footer_right { width:120px; margin:0 auto; padding:10px 10px; float: right;}
.footer p { font-size: 13px; color:#d3d1d1; font-family: 'ProximaNova-Regular', Helvetica, sans-serif; padding: 0; line-height: 16px; }
.footer a { font-size: 13px; color:#d3d1d1; text-decoration:none; margin:0; font-family: 'ProximaNova-Regular', Helvetica, sans-serif; line-height: 16px; }
.footer p.left { float:right; clear: both; margin-top: 0; margin-right: 0; 
	margin-bottom: 10px; margin-left: 0;
}
.footer p.right { float:left; clear: both; margin-top: 0; margin-right: 0; 
	margin-bottom: 10px; margin-left: 0;}*/

/* navbar on main maps section */

.sidebar-wrap .navbar div.wordmark h1 {
	font-size: 1.8em;
	margin: .8em;
	padding: 0;
}

.sidebar-wrap .navbar div.wordmark {
	padding: 0;
	height: inherit;
}

/*Maps text at top of screen */
div.row-fluid.topnav {height: 32px;}
div.row-fluid.wordmark { height:59px;}
div.wordmark h1 {margin-left:20px; float:left; font:normal 3.4em 'ProximaNova-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:white;}
div.wordmark h1 a#masthead_title, div.wordmark h1 a#masthead_title:hover {color:white; text-decoration:none;}
{margin-top:30px; float:left; margin-left: 1em; font:normal 3em 'ProximaNova-Light', 'Helvetica Neue',Helvetica,Arial,sans-serif;color:white;}
#menu {margin-top: 0px;}
#menu dt {margin-bottom: 5px;}
div#map img {max-width: none;}
h2.mobile-heading {font:normal 2.5em 'ProximaNova-Light', 'Helvetica Neue',Helvetica,Arial, sans-serif;}
h1#phone_title {float:left; color:white; font-size:24px; margin-top:10px;}
div.wordmark img { height:63px; width: 313px; margin-right: 30px; margin-left:20%; float: right;}
*//*
#maps_container{padding:0px;
height: 100%;}
#map {top: 0px; position: absolute; left: 304px; right: 0px; bottom: 0px;}
#maps_nav {margin: 0px 0px 0px 0px; width:100%;} 
div.row-fluid.wordmark {height:70px; width: 100%; padding:0; margin:0; float: left;}
*//*
@media (min-width: 768px) {
	#navbar {margin-left:-20px; height:190px; }
}


div.container {width:80%;}
.maincontent h2 {
	padding: 10px 0 10px 0;
	font-size:40px;
}*/

/*.maincontent p {
	padding: 10px 0 10px 0;

}*/
/*
.maincontent h3 {
	font-size: 20px;
	padding: 10px 0 10px 0;
}

body {
	overflow:auto;
	overflow-x:hidden;
}*/


/*
.navbar-inner {
	float: left;
	height: 10px;
	min-height: 10px;
	
	width: 100%;
}
/*a#wordmark {
	color: #fff;
	font-size: 32px;
	font

}
/*a#wordmark img {width:150px; margin:20px 0px 0px 20px;}*/



/*

@media (max-width:480px) {
	/*#maps_container{padding:20px; width: auto;}
	/*#map {float:left; width:100%; height:300px; position: relative;}*
	#maps_nav {width:100%; margin-top:10px;} 
	#maps_nav{display:none;}
	div.topnav div.col5, div.topnav div.col7 {display:none;}
	div.navbar-inner {
	background:#7d0101;
	background:-moz-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0101), color-stop(100%, #651110));
	background:-webkit-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-o-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-ms-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:linear-gradient(top, #7d0101 0%, #651110 100%);
	}
	div.navbar div.navbar-inner button, div.navbar div.navbar-inner button:hover {border:none; background-color:white; color:white; background-image:none;}
	div.navbar div.navbar-inner span.icon-bar {background-color:#7d0101;}
	div.navbar div.navbar-inner ul {margin-top:10px;}
}

@media (min-width:480px) and (max-width:768px) {
	/*#maps_container{padding:20px; width: auto;}
	/*#map {float:left; width:100%; height:400px;}
	#maps_nav{display:none;}
	div.topnav col5, div.topnav col7 {display:none;}
	div.navbar {}
	div.navbar-inner {background-color:red;}
	div.navbar-inner {
	background:#7d0101;
	background:-moz-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d0101), color-stop(100%, #651110));
	background:-webkit-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-o-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:-ms-linear-gradient(top, #7d0101 0%, #651110 100%);
	background:linear-gradient(top, #7d0101 0%, #651110 100%);
	}
	div.navbar div.navbar-inner button, div.navbar div.navbar-inner button:hover {border:none; background-color:white; color:white; background-image:none;}
	div.navbar div.navbar-inner span.icon-bar {background-color:#7d0101;}
	div.navbar div.navbar-inner ul {margin-top:10px;}
}
/*
@media (min-width:768px){
	/*#maps_container{padding:0px;}
	#map {top: 151px; position: absolute; left: 262px; right: 0px; bottom: 0px;}
	#maps_nav {margin-left:20px; width:220px;} 
	div.row-fluid.wordmark {height:120px; padding:0; margin:0;}
	a#wordmark img {width:250px; margin-top:32px;}
	h1#masthead_title {margin-top:33px;}
}




/*Start Scrollbar
/*::-webkit-scrollbar {width: 12px;}
/* Track 
/*::-webkit-scrollbar-track {}
/* Handle */
/*::-webkit-scrollbar-thumb {background: rgba(200,200,200,0.6);}*/
/*::-webkit-scrollbar-thumb:window-inactive {background: rgba(220,220,220,0.6);}*/
/* End Scrollbar */