/** ------------------------------ BANNER ------------------------------ */

body
{
	/*width: 95% ;*/
	min-width: 750px ;
}

#introWrapper
{
	width: 100% ;
	height: 40px ;
	background: #2a8ebf url(_images/logo_ryerson.gif) center right no-repeat ;
}

#intro h1
{
	font-size: 18pt ;
	font-weight: bolder ;
	color: #FFFFFF ;
	margin: 4px ;
}

#intro h2
{
	display: none ;
}

#intro
{
	width: 150px ;
	float: left ;
}

#quickSummary
{
	margin: 5px 3px 3px 150px ;
	width: 300px ;
	font-size: 10pt ;
	color: #FFFFFF ;
}

/** ------------------------------ navigation ------------------------------ */

#navWrapper
{
	clear: both ;
	height: 30px ;
}

#navigation h2
{
	display: none ;
}

#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

#menu li
{
	margin: 0 5px 0 0 ;
	font: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13pt ;
	font-weight: bold ;
	float: left ;
}

#menu li a
{
	width: 100% ;
	padding: 1px 20px 10px 20px ;
	background: #2a8ebf ;
	color: #eee ;
	text-decoration: none ;
	
	-moz-border-radius-bottomleft: 5px ;
	-moz-border-radius-bottomright: 5px ;
}

#menu li a:hover
{
	background: #333333 ;
	color: #CCFF66 ;
}

/** ------------------------------ content ------------------------------ */

#contentWrapper, #content
{
	width: 100% ;
	height: 100% ;
	position: relative ;
}

/** ------------------------------ map ------------------------------ */

#demoArea
{
	/*clear: both ;*/
	display: table ;
	width: 100% ;
	height: 100% ;
}

#banner
{
	position: absolute ;
	margin-top: -30px ;
	left: 425px ;
}

#bannerText
{
	margin: 3px 0 2px 0 ;
}

#bannerText span
{
	font-size: 13pt ;
	text-decoration: underline ;
	color: #444 ;
}

#bannerText #versionInfo
{
	font-size: 11pt ;
	color: #FF3300 !important ;
	text-decoration: none !important ;
	margin-left: 3px ;
}

#versionInfo a:visited
{
	color: #FF3300 !important ;
}

#campus
{
	/*display: table ;*/
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 0 ;
	position: relative ;
}

/* ================== SIDEBAR ===================== */

#sidebar
{
	width: 210px ;
	height: 100% ;
	float: left ;
	
	
	margin: 0 ;
	/*position: relative ;background: green ;*/
}

.searchGroup, .classGroup, .infoGroup, .relevantGroup
{
	padding: 5px ; /*2px 5px 2px 5px ;*/
	margin: 10px 0 10px 0 ;
}

/*#searchContent, #classroomContent #infoLocContent, #relaventInfoContent
{
	padding-right: 0 ;
}*/

.searchGroup
{
	background: #FF9966 ;
}

.classGroup, .classGroup .groupContent .locationMarker li:hover
{
	background: #c3d9ff ;
}

.infoGroup, .infoGroup .groupContent .locationMarker li:hover
{
	background: #B5EDBC ;
}

.relevantGroup
{
	background: #cccccc ;
}

.groupHeader
{
	cursor: pointer ;
	font-size: 9pt ;
	font-weight: bold ;
	font-family: Arial, Helvetica, sans-serif ;
}

.groupContent
{
	display: none ;
	background: white ;
	margin-top: 5px ;
	padding-bottom: 3px ;
}

#classroomContent
{
	display: block ;
}

.groupTitle
{
	width: 75% ;
	margin-left: 12% ;
}

.button
{
	float: left ;
	width: 10% ;
}

.locationMarker
{
	font-size: 9pt ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
}

.locationMarker li
{
	border-bottom: 1px solid #EFEFEF ;
	padding: 3px 2px 2px 4px ;
	height: 13px ;
	overflow: hidden ;
}

#searchResult li
{
	height: 100% ;
}

.locationMarker li a
{
	text-decoration: none ;
}

#searchContainer
{
	padding: 4px ;
}

.example
{
	font-size: 8pt ;
	color: gray ;
}

.bldCode
{
	font-size: 9pt !important ;
	font-family: Arial, Helvetica, sans-serif ;
}

.bldName
{
	font-size: 8pt !important ;
	font-family: Arial, Helvetica, sans-serif ;
}

/* ================== MAPHOLDER ===================== */

#mapHolder
{
	
	width: 750px ;
	height: 475px ;

	float: left ;
	/*margin: 0 ;
	background: red ;position: relative ;*/
}

#ryeMap
{
	width: 100% ;
	height: 100% ;
}

/*=============== LOADING INFO ===============*/

#loadingInfo
{
	position: absolute ;
	border: 2px solid #333333 ;
	background: #eee ;
	width: 150px ;
	height: 150px ;
	
	top: 150px ;
	left: 300px ;
}

#loadingInfo p
{
	color: #333333 ;
	font-size: 12pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	text-align: center ;
	margin-top: 40px ;
}


/* ================== INFO WINDOW ===================== */

.buildingInfo, .getDirection
{
	border: 1px solid #666666 ;
	width: 375px ;
	height: 100% ;
	display: table ;
	position: relative ;
	
	color: #000 ;
}

.buildingInfo a:hover
{
	background: #fff !important ;
}

.buildingPreview
{
	padding: 3px ;
	width: 175px ;
	height: 105px ;
	float: left ;
}

.buildingPreview img
{
	width: 172px ;
	height: 102px ;
}

.buildingAddress
{
	height: 102px ;
}

.buildingTitle
{
	font-size: 10pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	margin: 0 0 3px 0;
	text-align:left ;
}

.addressTitle, .incorporateTitle
{
	font-family: Arial, Helvetica, sans-serif ;
	color: #666666 ;
	margin: 0 ;
	text-decoration: underline ;
	font-size: 8pt ;
	padding-left: 3px ;
}


.address
{
	margin: 0 ;
	font-size: 9pt !important ;
}

.incorporatedDept
{
	height: 120px ;
	overflow: auto ;
}

.incorporatedDept table
{
	border: 1px solid #CCCCCC ;
	width: 75% ;
	margin: auto ;
	margin-top: 5px ;
	margin-bottom: 5px ;
	
	font-size: 10pt ;
	text-align: center ;
}
.incorporatedDept table th
{
	background: #36c ;
	color: #FFFFFF ;
}

.incorporatedDept table tr
{
	border-bottom: 1px solid #999999 ;
}

.openNewWindowIcon
{
	border: none ;
}

.oddRow, .oddRow a:hover
{
	/*background: #ddd !important ;*/
}

.evenRow, .evenRow a:hover
{
	/*background: #eee !important ;*/
}


/*=============== FOOTER ===============*/

#footerWrapper
{
	clear: both ;
	position: relative ;
	height: 100% ;
	background: #fdfefd ;
}

#footer
{
	position: relative ;
	padding: 3px ;
	height: 100% ;
	text-align: center ;
}

#footer a, #footer p
{
	color: #000 ;
	font-size: 8pt ;
	font-family: Arial, Helvetica, sans-serif ;
	text-decoration: none ;
	padding: 0 2px 0 2px ;
}

#footer a img
{
	border: 0px ;
}

#footer #footerTextLinks a:hover
{
	background: #a0fea0 ;
	text-decoration: underline ;
}