﻿p#status, p.subpanel {
	background-color: #ede8cb;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px;
	margin: 2px;
	border: 2px solid #333;
	font-weight: bold;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	}
p#status {	
	opacity: 0.75;
	filter: alpha(opacity=75);}
p.subpanel {
	-moz-border-radius: 0 10px 10px 0;
	width: 140px;
	}
#logoBox { position: absolute; top: 0px;  overflow: visible;  filter: alpha(opacity=80); margin-top: 10px;}
#status > #logoBox {opacity: 1.0; margin-top: -75px;}



p#status{ position: absolute; left: 50px; bottom: 50px; z-index: 50; width: 250px; padding-top: 80px;}
body > p#status { position: fixed; bottom: 50px;left: 50px; margin-top: 0; padding-top: 0; }

/* old
#logoBox {margin-top: -80px; opacity: 1.0; filter: alpha(opacity=100);}
p#status{ position: absolute; left: 50px; bottom: 50px; z-index: 50; width: 250px;}
body > p#status { position: fixed; bottom: 50px;left: 50px;}*/

p.subpanel {position: absolute; left: 314px; z-index: 50;}
body > p.subpanel {position: fixed; left: 314px;}

p#status h1, p.subpanel h1 {font-size: 0.9em; padding: 0; margin: 0;}
p#status ul, p.subpanel ul {list-style-type: none; font-weight: normal; font-size: 0.75em; margin: 0; padding: 0;}
p#status ul li, p.subpanel ul li {list-style-type: none; padding-left: 5px; margin: 0; border-left: 5px solid #777;}
p#status strong, p.subpanel strong {font-size: 0.5em; font-style: italic; display: block; position: absolute; margin: 7px 0 0 -7px; border-bottom: 2px solid #333;display: none;}

p.subpanel{font-size: 0.7em; border-left: 0;} /*opacity: 0.5; filter: alpha(opacity=50); */
p.subpanel:hover {cursor: pointer; }  /* opacity: 0.75; filter: alpha(opacity=75); FF Only, account for IE in JS */




p#clearQueue, p#help {
		display: none;
		background-color: red;
		color: white;
		font-weight: bold;
		text-align: center;
		filter: alpha(opacity=60);
		opacity: 0.6;

		-webkit-border-radius: 10px;
		border: 2px solid #333;
		position: absolute;
		bottom: 10px;
		left: 312px;
		width: 150px;}
body > p#clearQueue {
	-moz-border-radius: 10px;
	position: fixed; 		
	bottom: 10px;
	left: 312px;
}
p#help  { 
	-moz-border-radius: 20px;}
a#helpButton, a#clearQueueButton {display: block; width: 150px;}

p#clearQueue:hover { cursor: pointer; opacity: 1.0;}
p#clearQueue a {color: white; text-decoration: none;}

p#help {						/* base, IE */
	background-color: #009900;
	left:150px; 
	bottom: 10px;
	position: absolute;
	display: block;}	
body > p#help {					/* only FF knows selectors */
	position: fixed;
	bottom: 10px;
	left: 150px;	
}
		
body #helpBox {
	display: none;
	background-color: #cc9;
	background-image: url('../_images/helppattern.jpg'); 
	width: 94%;
	margin: 1% 3% 1% 3%;
	overflow: visible;
	border: 5px solid black;
	-moz-border-radius : 25px;
	-msie-border-radius: 25px;
	-webkit-border-radius: 25px;
	padding-top: 15px;
	opacity: 0.8;	
	filter: alpha(opacity=80); /* IE */

	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;

	text-align: center;
	_position: absolute;
	_top: 0%;
	_height: 100%;
	height: 700px;
	left: 0;
	z-index: 52;
}

body > #helpBox {
	position: fixed;
	top: 0;
	left: 0;
	height: 92%;}


#helpBox p {
	text-align: left; 
	padding: 0 10px 0 10px;}

#help a {
	color: white;
	text-decoration: none;}
	
#helpBox button { 
	background-color: #cc9;
	border: 0;
	font-weight: bold;
	color: black;
	position: absolute;
	bottom: 5px;
	left: 45%;}
	
#helpBox a {color: blue;
	text-decoration: none;
	border-bottom: 1px dotted blue;}
#helpBox a:hover {border-bottom: 1px solid blue;}
table {display: none;}

body #spinner {
	display: none;
	font-family: Arial, Verdana, sans-serif; 
	color: white; top: 0; 
	z-index:9999999; 
	width: 100%; 
	height: 100%; 
	background-color: Black; 
	padding: 40% 0 0 50%; 
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	position: absolute;
}

body > #spinner {
	position: fixed;}

body #fl_title {
	position: absolute; 
	bottom: 75px; 
	left: 50px;}
body > #fl_title {
	position: fixed;}


#occutout {
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 52px;
	left: 314px;
	border: 2px solid #333;
	opacity: .75;
	filter: alpha(opacity=75);
	z-index: 50;
	display: none;
}

body > #occutout {
	position: fixed;
	bottom: 52px;
	left: 314px;
}

#occutout img {

	padding: 0;
	margin: 0;
	border: 0;}
	
	
#oc_status, #occutout {
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	position: absolute; 
	}
#occutout > #oc_status {
	/*margin-top: -20px;*/
	margin-top: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	position: absolute; }

/* Gamble Rogers Memorial Foundation permalink */
#grmfPermalink 	{
	position: absolute; 
	left: 50px; 
	top: 250px;
	z-index: 51;
	background-color: #ede8cb;
	padding: 2px;
	border: 2px solid #333;
	opacity: 0.75;
	width: 225px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	filter: alpha(opacity=75);
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 0 0 10px;
	font-size: 0.8em;
	
}
#grmfPermalink a {
	font-size: 1.2em;
	font-weight: bold; 
	color: black;
}
	
noscript {font-size: 0.8em;}
noscript p {font-size: 0.8em; padding: 0; margin: 0; font-weight: normal;}