/*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 8
   Tutorial Case

   Author:   Linda K. Pady
   Date:     10-27-11
   Filename: gallery.css

   This file contains styles used in formatting the slide show gallery box

*/

#galleryBox *          {background-color: rgb(250, 220, 177)}

#galleryBox            {position: fixed; top: 15px; left: 200px; z-index: 1000;
                        background-color: rgb(250, 220, 177); padding: 2px 10px;
                        border: 5px ridge rgb(244, 168, 60);
						display: none}
                                
p#galleryTitle         {text-align: right}

#galleryTitle input    {margin: 2px 0px}

#galleryBox img        {border: 1px solid black; margin: 0px 15px;}

p#slideCaption         {text-align: center; font-size: 10px}

p#galleryFooter        {text-align: center; font-size: 10px}

p#galleryFooter input  {margin: 5px 30px 0px 30px}


/* Styles for the semi-transparent overlay */

div#pageOverlay {display: none;
				position: fixed; top: 0px; left: 0px;
				width:100%; height: 100%;
				z-Index: 999;
				background-color: rgb(211,211,211);
				filter: alpha(opacity = 80); opacity: 0.80}
/*
   IE uses filter:alpha(opacity = 80) to add transparency 
   whereas other browsers use opacity: 0.80 to create the same effect
*/