/* CSS Document */

HTML{
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	border:0px;
	height:100%;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	background-image: url(../img/bodyBackgrounds/jupiter.jpg);
	background-repeat: no-repeat;
}

body a	{
	text-decoration: none;
	font-weight: bold;
	color:white;
}

body 	a:hover	{
	color:#000000;
}

/*	
	Main page areas.
	
	MAINCONTENT holds everything inside BODY
	BANNER across the top
	FOOTER holds the bottom
	LEFTCOLUMN down the left side, holds nav stuff
	ContentArea is the actual replaceable content area
*/

#MAINCONTENT{
	min-height:600px;
	width:1000px;
	margin:0px;
	padding:0px;
	border:0px;
	Text-align: left;
}
	
#BANNER{
	margin:0px;
	padding:0px;
	height:90px;
	width:1000px;
	/* background:orange; */
}

#LEFTCOLUMN{
	margin-top: 8px;
	width:150px;
	min-height:360px;
	float:left;
}

/*	Total width of ContentArea is 850 px, 1000 total - 150 nav bar		*/
#ContentArea	{
	margin-top: 8px;
	width:850px;
	float:left;
	position:relative;
}

#FOOTER{
	clear:both;
	padding:8px;
	height:50px;
	width:1000px;
	bottom:0px;
	background-color: #dac49b;
	color: #000000;
	border: 1px white;
	border-top-style: dashed;
	text-align:center;
	font-size:9px;
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}

/*	
	Lesser page <div>s	
	
	BannerTitle: where the name lives in the banner
	DateLine: the line at the bottom of the banner that holds a lot of miscellaneous information	
	
	FloorPlanHolder: in the LEFTCOLUMN, the <div> that holds the floor plan buttons
*/

#BannerTitle	{
	font-size:36px;
	font-weight:bold;
	height: 60px;
	padding-top: 8px;
	padding-left:150px;
	color: white;
	background: none;
	filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;
}

#DateLine	{
	height:16px;
	font-size:12px;
	padding-top:4px
	clear:both;
	border: 1px white;
	border-style: dashed none dashed none;
	color:white;
}

#DateLineL	{
	padding-left:8px;
	float:left;
}

#DateLineR	{
	padding-right:8px;
	float:right;
}

#FloorPlanHolder	{
	width:142px;
	padding:0px 4px 8px 4px;
	min-height:200px;
	background-color: none;
}

.Room	{
	width:67px;
	float:left;
	background:blue;
	text-align:center;
	margin:0px 2px 4px 2px;
}

.Room a	{
	display: block; text-decoration: none; font-weight: bold; color:white; height:50px;
	font-family: "Myriad Condensed", "Helvetica Narrow", "Arial Narrow", sans-serif;
	font-size:12px;
	padding: 6px 0px 0px 0px; font-weight: bold;
}
.Room a:hover	{
	display: block; text-decoration: none; background:black;
}


.labRoom 				{	background: #c9d1d4; }
.labRoom a:hover		{	background: #979d9f; }
.officeRoom 			{	background: #ccc5a9; }
.officeRoom a:hover		{	background: #99947f; }
.libraryRoom 			{	background: #c08f6e; }
.libraryRoom a:hover	{	background: #906b53; }

.roomElaboration	{
	font-size:10px;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}

.thisRoomContent	{
	background: #dac49b; 
	color: #000000; 
	padding:12px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 12px;
	margin-right: 12px;
	float:left;
}

.thisRoomContent	a	{
	color: 6d624e;
}
.thisRoomContent	a:hover	{
	color: #ffffff;
}
.thisRoomContent	td	{
	background: #e4d3b4;
	color: 		#000000;
	padding-left:4px;
	padding-right:4px;
}

.thisRoomContent	td.highlight	{
	background: #000000;
	color: 		#e4d3b4;
	padding-left:4px;
	padding-right:4px;
}

.TabbedPanelsTab 			{ background-color:	#e4d3b4;		}
.TabbedPanelsTabSelected 	{ 
							  background-color:		#b9a784;		
							  border-bottom-color:	#b9a784;		
							}
.TabbedPanelsContentGroup 	{ background-color:	#b9a784;		}

#SelectedData				{ background-color:	#b9a784;}

small{
	font-size:9px;
}

.errorBox	{
	color:white;
	background:red;
	padding:2px;
	font-weight:bold;
}

.reportBox	{
	color:white;
	background:green;
	padding:2px;
	font-weight:bold;
}

.helpBox	a {
	color:black;
	background:yellow;
	padding:2px;
	font-weight:bold;
}
.helpBox	a:hover {
	color:yellow;
	background:#666600;
	padding:2px;
	font-weight:bold;
}

.blackOnWhite	{
	color:black;
	background: white;
}

H1	{
	margin-top:0;
}


TEXTAREA	{
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
}

div.sideMenu 		{background: #692c27; font-size: 90%;}
div.adminMenu 		{background: #c9d1d4; color: #ee9; font-size: 90%;}

div.sideMenu a		
					{display: block; text-decoration: none; margin: 0; border-width: 0 0 1px 0;
					 border-style: solid; border-color: #333; padding: 5px 10px 5px 10px; font-weight: bold; color: #ffffff;}
div.adminMenu a		
					{display: block; text-decoration: none; margin: 0; border-width: 0 0 1px 0;
					 border-style: solid; border-color: #333; padding: 5px 10px 5px 10px; font-weight: bold; color: #000000;}

div.sideMenu	a:hover {color: #ffffff; background: #4f211d}
div.adminMenu	a:hover {color: #FFF; background: #979d9f}

div.sideMenu	a:active {color: #FFF; background: #955}
div.adminMenu	a:active {color: #FFF; background: #955}

div#adminMenu div 	{margin: 0; border: 0; padding: 5px 10px 5px 10px; color: #000; }

div#adminMenu div.currentpage	
	{display: block; text-decoration: none; margin: 0; border-width: 0 0 1px 0; 
	border-style: solid; border-color: #333; padding: 5px 10px 5px 10px; font-weight: bold; color: #000; background: #fff; }

div.paperDisplay	{
	background-color:#FFFFFF;
	color:#555555;
	overflow:auto;
}