/* CSS Document */
body {
	/* text-align:center; this ruins the lyrlogin by centering the text on it*/
	min-width: 980px;
	margin-top:0px;  
	/* background-color:#FFFFCC	;    /*#CCFFFF */
	/* 	background-image:url(../images/paper.jpg);   */
 	background-image:url(../images/gradient.png);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}
/* link defaults */
/*
a:link {color:#FF0000} /* unvisited link 
a:visited {color:#00FF00} /* visited link 
a:hover {color:#FF00FF} /* mouse over link 
a:active {color:#0000FF} /* selected link
*/

a {
	color: #990000;
}
.imageHome {
	border-color:#F8D016;
	border-width:1px;
	border-style:solid;
}
.imageRegister {
	border-color:#FFFFCC;
	border-width:1px;
	border-style:solid;
}
/* a:link .image { border-style:none; }
a:visited .image { border-style:none; } */
a:hover {font-weight:bold;}
a:hover .imageHome {
	border-color:#990000;
}
a:hover .imageRegister {
	border-color:#990000;
}
.wrapper{
	margin: 0 auto;
	position:relative; 
	top:0px;
	width:980px;
	height:602px;
	border:1px;
	border-color:#990000;	/* #E7DFB5;  */
	border-style:solid;
	z-index:0;
}

#AtomicClock {
	position:absolute;
	top:527px;
	left:845px;
	width:94px;
	z-index:5;
}
#debug {
	position:absolute;
	top:0px;
	left:0px;
}
#GoToWebsite {
	position:absolute;
	text-align:center;
	border-style:none;
	top:12px;
	left:7px;
}

#wrapFirstScreen{
/*	display: none;  */
	width: 100%;
	height: 100%;
	position: absolute;
	display:block;
	left: 0px;
	top: -640px; 
	margin: 0 auto; 
	z-index:1000;
}	
	
#backFirstScreen{	
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	margin: 0 auto; 
	background-color: #000000;
	opacity: .20; 
	filter: alpha(opacity=20);
	
}
#FirstScreen { 
	position:absolute;
	top:100px;
	left:210px;
	width:560px;
	height:465px;
	/* background-image: url(../images/spain_full.png; 
	opacity: 1.0; 
	filter: alpha(opacity=100); */
	z-index:1001;	
}
#Text1stScreen{
	position:absolute;
	top:0px;
	left:0px;

	z-index:1010;
}
#Flames1stScreen{
	position:absolute;
	top:280px;
	left:182px;
	z-index:1012;
}
#HisFlame1stScreen{
	position:absolute;
	top:350px;
	left:182px;
	z-index:1013;
}
#HisNameTime1stScreen{
	position:absolute;
	top:353px;
	left:210px;
	z-index:1013;
}
#Close1stScreen{
	position:absolute;
	top:400px;
	left:182px;
	z-index:1013;
}
#Close1stScreenSecs{
	position:absolute;
	top:424px;
	left:254px;
	z-index:1013;
	color: #ffffff;
}

/* #header {
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: auto;
	background-color: #E7DFB5; 
	background-image: url(../images/yellow-back.png);
}  */
#scroller {
	position:relative;
	/* margin: 0px;
	padding: 0px;   */
	top: -44px;
	/* left: 140px; for 700*/ 
	left:0px;
	margin: 0px;
	padding: 0px;
	height: 25px;
/*	background-color: #E7DFB5; */
}
#ScripRef {
	position:absolute;
	top: 100px;
	left:773px;
	width:208px;
	height:17px;
	z-index:3;
}
#lftPane {
	width:171px;
	height: 462px;
	position:absolute;
	left:0px;
	top:140px;
	background-color:#F0F8FF;
	background-image: url(../images/gradient-yellow.png);
	text-align:center;
/*	color:#990000;
	border-color:#990000;	/* #E7DFB5;  
	border-style:solid;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;    
	z-index:20;	*/

}
#mapborder {
	display: inline;
	width: 632px;
	height: 422px;
	position:absolute;
	left:171px;
	top:140px;
	background-color:#FFFFCF;		/*#CE0000;    #CCCCCC   */ 
/*
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 6px;
	*/
	border-style: double;		/* double  /  ridge  / groove / inset / outset */
	border-color:#888888;
	z-index:3;
	/*line-height: 1.8em;
	position: relative;
	*/
}
#map {
	width: 632px;
	height: 422px;
	/*position:relative;
	 top: 1px;
	left: 1px;  */
	z-index:3;
}
#ctrpane {
	display: block;
	width: 632px;
	height: 31px;
	position:absolute;
	left:171px;
	top:568px;
	background-color: #FFF821;
	padding-top:3px;
	padding-left:4px;
	padding-right:4px;
	z-index:4;
/*
	border-bottom:solid;		/* double  /  ridge  / groove / inset / outset 
	border-bottom-width:1px;
	border-color:#990000;

	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;

	border-bottom:solid;		*/
}

#rgtPane {
	width:169px;
	height: 462px;		/*  426px;  */
	position:absolute;
	left:810px;
	top:140px;
	background-color:#FFFFCF;
	text-align:center;
	color:#990000;
	background-image: url(../images/gradient-yellow.png);
	z-index:3;
/*	border-color:#990000;	/* #E7DFB5;  
	border-style:solid;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;	*/
}
#commitBox {
	width:158px;
	height:90px;
	position:relative;
	top:2px;
	left:5px;
	background-image: url(../images/box4.png);
}
#commitBoxRed {
	width:158px;
	height:90px;
	position:relative;
	top:2px;
	left:5px;
	background-image: url(../images/box4red.png);
}
#AtomicClock2{
	/*
	position:absolute;
	width:158px;
	top:15px;
	left:787px;
	text-align:center; 
	*/
}
#CityS{
	position:absolute;
	width:169px;
	top:425px;
	left:0px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	z-index:5;
}
#State{
	position:absolute;
	width:169px;
	top:442px;
	left:0px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	z-index:5;
	/* font-variant: small-caps; */
}
#outerTbl {
	position:absolute;
	left:171px;
	top:480px;		/* 603px;*/
	width:655px;
	height:150px;
}

#lftSideTable {
	position:absolute;
	left:0px;
	top:0px;		/* 603px;*/
	width:12px;
	/* height:22px; */
	height:150px;
	background-image: url(../images/taglftU2.gif);	
}
#PrayingTable {
	position:absolute;
	left:12px;
	top:0px;
	width:643px;
	/* height:22px; */
	text-align:left;
	height:150px;
	overflow:auto;
	z-index:2;
	
}
#rgtSideTable {
	position:absolute;
	left:626px;
	top:0px;		/* 603px;*/
	width:12px;
	/* height:22px; */
	height:150px;
	background-image: url(../images/tagrgtU2.gif);
}
#PrayingTable2 {
	position:absolute;
	/* background-color:#CCCCFF;  */
	left:161px;
	top:590px;		/* 603px;*/
	width:675px;
	height:173px;
	z-index:1;
}
#DateTimeBox {
	display:none;
	width:158px;
	height:90px;
	position:absolute;
	top:484px;
	left:5px;
	text-align:left;
}
#Counter {
	width:260px;
	height:22px;
	position:relative;
	top:8px;
	left:270px;
	text-align:left;
}


/*************** used in Register.php  ***************/

#infoBalloon {
	width: 260px;
	height: 125px;
	position:absolute;
	top:253px;
	left:279px;
	background-color:#FFCC00;
	opacity:0.8;
	filter:alpha(opacity=80);
	visibility: hidden;
	padding:8px;
	border-color:#888888;
	border-style:double;
	border-width:medium;
}
#smallmap {
	width: 300px;
	height: 154px;
	border-style:double;		/* double  /  ridge  / groove / inset / outset */
	border-color:#888888;
}
#homeButton {
	position:absolute;
	top:72px;
	left:894px;
	width:64px;
	height:64px;
}
/*
#instrMSGs {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	visibility:hidden;
	position:absolute;

	background-image:url(../images/bg-intruc.gif);
	background-repeat:repeat-x;
	padding:5px;
	top:14px;
	left:14px;
	width:160px;
	height:auto;
}
*/

/* Yellow what next box */
#ibox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;	
	position:absolute;
	top:14px;
	left:14px;
	border:0px none;
	visibility:hidden; 
}

.iboxJ {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFE98 none repeat scroll 0 0;
border:1px solid #DE7C33;
/* margin:3em 0 2em; */
/* padding:9px;  */
	width:160px;
	height:auto;
bottom:-1px;
padding:0;
position:relative;
}

.iboxJ div {
margin:-1px;
}

.iboxJ div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/c-bl-ibox.png) no-repeat scroll 0 100%;
margin:0;
}

.iboxJ div div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/c-br-ibox.png) no-repeat scroll 100% 100%;
}

.iboxJ div div div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/c-tl-ibox.png) no-repeat scroll 0 0;
margin-right:9px;
position:relative;
top:-8px;
}

.iboxJ div div div div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/c-tr-ibox.png) no-repeat scroll 100% 0;
height:1%;
margin-right:0;
padding:8px 8px 1px 1px;
right:-9px;
top:0;
}
/* End of: Yellow what next box */



/*************** layers styles, positions, etc  ***************/

#thewindow {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px; 
	margin: 0 auto; 
	z-index:25000;
}
#thewindowbackground {
	width: 100%;
	height: 100%;
	margin: 0 auto; 
	background-color: #000000;
	position: absolute;
	opacity: .5; 
	filter: alpha(opacity=50);
}
#thewindowcontent {
	/* background-color: #000000;   */
	position: absolute;
	margin: 0 auto; 
	left: 215px;
	top: 75px;
	width: 640px; 
	height: 480px; 
	/* margin-left: -125px;
	margin-top: -125px; */
}
#lyrLoginn {
	/* position:absolute; */
	/* top:100px;
	left:180px;  */
	/* width:640px;
	height:300px; */
	/* z-index:25501; */
	/* opacity:0.0;
	filter:alpha(opacity=0); */
	/* display:none;  */
	/* visibility:hidden;   */
	/*visibility: hidden;*/
}
/*************** list tag styles ***************/

.style1 {
	font-size: 12px;
	color: #FF0000;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style4 {font-family: Arial, Helvetica, sans-serif}

.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.style9 {
	color: #000000;
	text-align: right;
}
.style10 {
	font-size: 16px;
	font-weight: bold;
}
.selectbox
{	
	width: 90px;
	font-family:Arial, Helvetica, sans-serif;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}
.inactive{
/*	color:#990000; */
	color:#C5C2BC;
}