#universalNavBar {
  border-collapse: collapse;
  width: 1000px;
  height: 43px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: -.3px;
}

#universalNavBar tr {
   background: transparent url(/media/240/universalnavbkgnd.jpg) no-repeat;
}

#universalNavBar td.nav {
  width: auto;
  vertical-align: middle;
  color: #FFFFFF;
  padding: 15px 0px 14px 23px;
  text-align:left;
}

#universalNavBar td.search {
  background: #B8C5D3 url(/media/245/universalsearch.png) no-repeat 5px 0px;
  width: 110px;
  padding:0;
  text-align:center;
}
#universalNavBar td.search > div {
  position:relative;
  padding:15px 0 0 0;
}

#universalNavBar #search-box {
  display:none;
  position:absolute;
  left:-110px;
  top:43px;
  width:200px;
  padding:10px 10px 16px;
  background:#b8c6d3;
  box-shadow:-2px 5px 5px #888;
  -webkit-box-shadow:-2px 5px 5px #888; /* offset-x offset-y blur-distance spread-distance */
  -moz-box-shadow:-2px 5px 5px #888;
  z-index:10;
}
#universalNavBar td.search:hover #search-box {
  display:block;
}
#search-box input,
#search-box img {
  margin:0;
  vertical-align:middle;
}

/* ---  go button for search box -- */

#search-box div {
	background:#800000;
	padding:3px 5px;
	color:#fff;
	font:bold 11px/11px sans-serif;
	display:inline;
	cursor:pointer;
	position:relative;
	top:2px;
	left:2px;
	border-radius:3px;
}

#universalNavBar td.search a {
  color: black;
  display:block;
  margin-left:-5px;
  margin-top:1px;
}

#universalNavBar a {
  text-decoration: none;
  color: #FFFFFF;
  font-family:sans-serif;
}

#universalNavBar ul {
  margin: 0;
  padding: 0;
}

#universalNavBar li {
  display: inline;
  list-style-type: none;
  border-left: 1px solid #FFFFFF;
  padding: 0px 10px;
  
}

#universalNavBar li:first-child {
  border-left: none;
  padding-left: 0;
}



/* Emergency Notification Styles - Also located in UniversalNav.css (for phase 2 templates) */
.emergencyUpdate {
	background-color:#fff;
	color:#000;
	width:100%;
	font-family: sans-serif;
	box-sizing:border-box !important;
	box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.75);
	padding-bottom:10px;
}
.emergencyUpdate a {
	color:#000;
	text-decoration:underline;
}
.emergencyUpdate p {
	padding:5px 10px;
	font-size:13px !important;
	line-height:17px !important;
}
.emergencyUpdate h1, .emergencyUpdate h2, .emergencyUpdate h3 {
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	line-height:initial;
}
.emergencyUpdate .timestamp {
	margin:0 0 0 10px;
    background: #800000;
    display: inline-block;
    color: #fff;
	padding:2px 10px;
}


/* CSS Buttons Grey, Blue, Red and Black are the current options */
a.button {
	padding:15px;
	border-radius:6px;
	text-align:center;
	text-shadow:1px 1px 1px #333;
	transition:all 350ms ease-in-out;
	-moz-transition:all 350ms ease-in-out;
	-webkit-transition:all 350ms ease-in-out;
	text-decoration:none;
	display:inline-block;
	box-shadow:1px 1px 5px #333;
}
a.red{
	background: #800000;
	color:#f7f7ff;
}
a.red:hover{
	background:#96142e;
	color:#fff;
}
a.black{
	background: #444;
	color:#f7f7ff;
}
a.black:hover{
	background:#000;
	color:#fff;
}
a.grey, a.gray{
	background: #aaa;
	color:#fff;
}
a.grey:hover, a.gray:hover{
	background:#888;
	color:#fff;
}
a.blue{
	background: #b6c4d1;
	color:#f7f7ff;
}
a.blue:hover{
	background:#97a9bf;
	color:#fff;
}

/* Grey HR */
hr.grey, hr.gray {
	border:1px solid #ccc;
	background:none;
}

/* Interactive Campus Map Styles 
Purple: #9d6b9e
Red: #b50938
Grey: #bfc0c2
Blue: #6b99d4
Green: #06a048
Parking: #000000

3d Buttons for Campus Map

*/
#controls{
	margin:10px 0;
}
a.threeD{
	padding:8px;
	border-radius:8px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	position:relative;
	cursor:pointer;
	text-shadow:1px 1px 2px #000;
	margin-top:8px;
}

a.threeD.red {
	box-shadow:0 5px #660000;
	background:#800000;
	color:#fff;
}
a.threeD.red:hover{}
a.threeD.purple{
	background:#9d6b9e;
	box-shadow:0 5px #7e557f;
	color:#fff;
}
a.threeD.red:hover{}
a.threeD.grey{
	background:#bfc0c2;
	box-shadow:0 5px #999;
	color:#fff;
}
a.threeD.grey:hover{ background:#bfc0c2;}
a.threeD.blue{
	background:#6b99d4;
	box-shadow:0 5px #48678e;
	color:#fff;
}
a.threeD.blue:hover{ background:#6b99d4; }
a.threeD.green{
	background:#06a048;
	box-shadow:0 5px #00823b;
	color:#fff;
}
a.threeD.green:hover{ background:#06a048; }
a.threeD.parking{
	box-shadow:0 5px #444;
	background:#666;
	color:#fff;
}
a.threeD.parking:hover{ background:#666; }
a.threeD.all{
	background:#ff9900;
	box-shadow:0 5px #c27913;
	color:#fff;
}
a.threeD.all:hover{ background:#ff9900; }
a.threeD:active{
	top:5px;
	box-shadow:none;
}

/* Table for Printable Map */
.print-map{
	border:1px solid #dfdfdf;
	background:#F9F9F9;
	width:100%;
	border-collapse:collapse;
}

.print-map td{
	border-bottom:1px dashed #dfdfdf !important;
	padding:5px;
	vertical-align:middle;
	font-size:10px !important;
}
.print-map td:nth-child(odd){
	border-left:1px dashed #dfdfdf !important;
}
.print-map td:first-child{
	border-left:none !important;
}
.print-map tr:hover{
	background:#fff;
}


.video { position: relative; width:100%; }
.video .playButton {
	position:absolute;
	display:block;
	background: url(/media/1075977/play-button-solid-50.png) no-repeat 0px 0px;
	
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
	z-index:90;
	height:50px;
	width:50px;
}
.video .playButton:hover {
	position:absolute;
	display:block;
	cursor:pointer;
	background: url(/media/1075982/play-button-solid-over-50.png) no-repeat 0px 0px;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;
	z-index:90;
	height:50px;
	width:50px;	
}
.video img.splashImage{
	width:100%;
}

.video{
	padding-top:10px;
}































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */