/************************************************************************/
	/*                                                                      */
	/* Copyright 2010 by Stan Reckard     (www.artbylogic.com)              */
	/*                                                                      */
	/* This file and its contents are copyrighted by Stan Reckard.  All     */
	/* rights reserved. No content, programming code or images may be sold, */
	/* published or distributed without express permission from the author. */
	/* Do not remove copyright notices.  By violating these terms you may   */
	/* be held liable for any resulting loss or damage.                     */
	/*                                                                      */
	/* No support, guarantee or warranty is offered or implied. By using    */
	/* any of this code you assume full risk and responsibility for that    */
	/* use.  Written permission must be obtained before any use.            */
	/*                                                                      */
	/************************************************************************/

/* on menu */
div#instructions {
  position:absolute;
  top:295px;
  /* left:10px; */
  text-align:center;
  width:100%;
}

a#instructions { color:black; }
div#instructions a:link, div#instructions a:visited { color:black; text-decoration:underline; }
div#instructions a:hover { color:black; font-weight:bold; }

div#showInstructions {
	/* width:700px; */
	width: 5px; /* keep from overlapping input fields.  Use javascript to change this when opened. */
	width:100%;
	height:420px;
	background-color:#DCDCDC;
	/* visibility:hidden; */
	position:absolute;
	top:80px;
	top:0px;
	left:50px;
	left:0px;
	z-index:1600;
	border:3px solid gray;
}
div#instructionsTitleBar {
	background-color:blue;
	height:30px;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
span#hdrInstructions {
	color:white;
	font-size:16pt;
	font-family:verdana,arial,tahoma,sans-serif;
	top:13px;
	padding-top:10px;
}
div#bodyInstructions {
	padding:6px;
	background-color:#DCDCDC;	
	height:330px;  /* leave room for OK button at the bottom */
	overflow:auto;
	text-align:left;
}
div#bodyInstructions a:link, div#bodyInstructions a:visited { color:black; text-decoration:underline;}
div#bodyInstructions a:hover { color:black; font-weight:bold;}


/* X in the top upper right hand corner */
div#closeInstructions {
	font-size:16pt;
	position:absolute;
	top:1px;
	right:0px;
	border:1px solid white;
	background-color:red;
	z-index:1650;
	width:27px;
	height:24px;
	text-align:center;
	padding-top:3px;
}
div#closeInstructions a:link, div#closeInstructions a:visited { color:white; background-color:red }
div#closeInstructions a:hover { color:white; text-decoration:none; background-color:#FF1493; font-weight:bold;}
div#closeInstructions:link, div#closeInstructions:visited { color:white; background-color:red }
div#closeInstructions:hover { color:white; text-decoration:none; background-color:#FF1493; font-weight:bold;}

#closeInstructionsButton { position:absolute; right:25px; bottom:10px; width:75px;}

/* icon in top left corner */
div#iconInstructions {
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid white;
	background: url('/puzzles/images/blueGStar29x29.bmp') top left no-repeat;
	width:29px;
	height:29px;
	z-index:1670;
}