html {
	background: url('http://cdn.golden-hour.com/webbacking.jpg') no-repeat center center fixed;
	background-color:#489318;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}


body {  
	
        margin:0px 0px; padding:0px;
	text-align:center;
        font-family: Tahoma;
        }

.content {
        width:978px;
	margin:0px auto;
        text-align:left;
        padding:0px;

        }


.d9 {
        z-index:200;
        font-size: 8px;
	width:10px;
	height:10px;
        text-align: center;
        position:absolute;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
}




.clue { border-bottom:1px dotted olive;
        cursor:pointer; }
.clueday { cursor:pointer;
        }


/* caption styling */

.caption {
        color: #ffffff;

        padding: 0.6em;
        font-weight: bold;
        font-size: 11px;
        font-family: arial;
        display: none;
        cursor: default;

        /* remove these 4 lines below if you want
        the caption to span the whole width of the
        image*/
        width: 36%;
        text-align: center;
        border-top: 1px solid #303030;
        border-right: 1px solid #303030;

        /* background / transparency */
        background: #000000;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
}
.caption a {
        border: 0 none;
        text-decoration: none;
        background: #000000;
        padding: 0.3em;
}

.caption a:hover {
        background: #202020;
}

.caption-wrapper {
        float: left;
}

br.c { clear: both; }

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
 
#alertBox {
	position:relative;
	width:90%;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#FFD700;
	
}
 
#modalContainer > #alertBox {
	position:fixed;
}
 
#alertBox h1 {
	margin:0;
	font:bold 1.2em verdana,arial;
	background-color:#4F4F2F;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:5px 0 5px 0px;
}
 
#alertBox p {
	font:14pt verdana,arial;
	
	padding:10px;;
}
 
#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:10px auto;
	padding:3px;
	border:2px solid #000;
	width:100px;
	font:14pt verdana,arial;
	text-align:center;
	color:#FFF;
	background-color:#4F4F2F;
	text-decoration:none;
}