#legend {
	position: relative;
	margin: 5px;
        border: #666 1px solid; 
	background-color: #FFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	z-index: 1;

}

#lcMapSmall1 {
	position:relative;
	background:url(../images/floor1blank.png) no-repeat;
	width:916px;
	height:618px;
	text-align: center;
	margin:0px;
	margin-left: 111px;
	
	padding:0px;
}
#lcMapSmall3 {
	position:relative;
	background:url(../images/floor3blank.png) no-repeat;
	width:910px;
	height:697px;
	text-align: center;
	margin:0px;
	margin-left: 111px;
	padding:0px;
}

#lcMapLarge {
	position:relative;
	background:url(../images/floorone.png) no-repeat;
	width:700px;
	height:700px;
	text-align: center;
	margin:0px;
	padding:0px;
}

dl.map dt {
	list-style:none;
	display:inline;
}

dl.map dd {
	left:-9999px;
	width:200px;
	padding:4px;
	border:#222 2px solid;
	background:#666;
	color:#fff;
	z-index:11;
	font-size:0.8em;
}

dl.map dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}

dt.sign {
	display:block;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	z-index:15;
	text-decoration:none;
}

dt.icon {
        display:block;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	z-index:10;
	text-decoration:none;
}

#laptops {
	background:url(../images/laptopcheckoutsmall.png) no-repeat;
	width: 90px;
	height: 20px;
}

#reference {
	background:url(../images/reference.png) no-repeat;
	width: 100px;
	height: 20px;
}

#presentationPractice {
	background:url(../images/presentationpractice.png) no-repeat;
	width: 120px;
	height: 40px;
}

#groupStudyA {
	background:url(../images/groupstudya.png) no-repeat;
	width:80px;
	height:40px;
}

#groupStudyB {
	background:url(../images/groupstudyb.png) no-repeat;
	width:80px;
	height:40px;
}

#toLobby {
	background:url(../images/tolobby.png) no-repeat;
	width:100px;
	height:20px;
}

#printer {
	background:url(../images/printericon.png) no-repeat;
	width:20px;
	height:20px;
}
#printercolor {
	background:url(../images/color.png) no-repeat;
	width:24px;
	height:24px;
}

dt.pcidleSmall {
	background:url(../images/green-circle-pc-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.pcbusySmall {
	background:url(../images/red-circle-pc-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.macidleSmall {
	background:url(../images/green-circle-mac-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.macbusySmall {
	background:url(../images/red-circle-mac-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.offlineSmall {
	background:url(../images/gray-circle-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.pcidleLarge {
	background:url(../images/green-circle-pc-18x18.png) no-repeat;
	width:18px;
	height:18px;
}

dt.pcbusyLarge {
	background:url(../images/red-circle-pc-18x18.png) no-repeat;
	width:18px;
	height:18px;
}

dt.macidleLarge {
	background:url(../images/green-circle-mac-18x18.png) no-repeat;
	width:18px;
	height:18px;
}

dt.macbusyLarge {
	background:url(../images/red-circle-mac-18x18.png) no-repeat;
	width:18px;
	height:18px;
}

dt.offlineLarge {
	background:url(../images/gray-circle-18x18.png) no-repeat;
	width:18px;
	height:18px;
}

dt.guestidleSmall {
	background:url(../images/black-circle-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.guestbusySmall {
	background:url(../images/black-red-circle-12x12.png) no-repeat;
	width:12px;
	height:12px;
}
dt.catalogidleSmall {
	background:url(../images/blue-circle-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

dt.catalogbusySmall {
	background:url(../images/blue-circle-12x12.png) no-repeat;
	width:12px;
	height:12px;
}

#mainmapcontainerdiv{
margin-left: -100px;
}

ul[role="menubar"] {
  margin: 10px;
  padding: 10px;
  font-size: 110%;
  list-style: none;
  background-color: #eee;
}

ul[role="menubar"] [role="menuitem"],
ul[role="menubar"] [role="separator"] {
  padding: 0.25em;
  background-color: #eee;
  border: 2px solid #eee;
}

ul[role="menubar"] [role="separator"] {
  padding-top: 0.15em;
  background-image: url('../images/separator.png');
  background-position: center;
  background-repeat: repeat-x;
}

ul[role="menubar"] [role="menuitem"]:focus,
ul[role="menubar"] [role="menuitem"]:hover,
ul[role="menubar"] [role="separator"]:focus,
ul[role="menubar"] [role="separator"]:hover {
  background-color: black;
  color: white;
}

ul[role="menubar"] a[role="menuitem"] {
  text-decoration: none;
  color: black;
}

ul[role="menubar"] li {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul[role="menubar"] > li {
  display: inline;
  position: relative;
}

ul[role="menubar"] > li > a::after {
  content: url('../images/down-arrow-brown.png');
  padding-left: 0.25em;
}

ul[role="menubar"] ul[role="menu"] {
  display: none;
  position: absolute;
  top: -2px;
  left: 0;
  margin: 0;
  padding: 0;
}

ul[role="menubar"] ul[role="menu"] li a {
  display: block;
  width: 10em;
}

ul[role="menubar"] ul[role="menu"] a[aria-haspopup="true"]::after {
  content: url('../images/right-arrow-brown.png');
  padding-right: 2em;
}