/* Mybox Styles - many settings shouldn't be edited, see comments.
   SETTINGS HERE THAT HAVE A COUNTERPART IN mybox_ie.css MAY NEED
   TO BE ADJUSTED THERE AS WELL TO WORK IN IE, ESPECIALLY in IE 6 AND EARLIER */

body { /* Recommended for a nice 'full page' look */
margin:0;
padding:0;
}
#theolay { /* Styles for the overlay, shouldn't be edited except for background-color, opacity, and possibly (with care) z-index */
top:0;
left:0;
position:absolute;
width:0px;
height:0px;
background-color:#000000;
opacity:0.75; /* Adjusting the opacity here will not affect IE, adjust the alpha filter in mybox_ie.css as well */
display:none;
z-index:90;
}
#thebox, #loading { /* Styles for the box & loading elements, shouldn't be edited except as noted */
position:absolute;
top:20px;
left:20px;
display:none;
width:auto;
height:auto;
padding:40px;
color:black; /* adjustable */
z-index:100; /* adjustable, with care */
}
.boximage, .id, #loading div { /* These styles will be applied to the content as a sort of frame within the box (except iframe content) */

}
.boximage { /* No padding for an image as sole content of the box (image method) - adjustable */
padding:0;
display:block; /* Required in some browsers if a strict DOCTYPE is used */
}
#loading div { /* The loading element needs a little layout, edit with care */
padding-top:2em;
width:240px;
height:40px;
text-indent:1em;
}
#loading {
z-index:95;
/* Configures loading image, which is also preloaded
in the script. If you want to use another image, name it loading.gif and place it in the css folder. */
}
#thebox.text { /* Added style to the box when displaying text or text and image(s) */
min-width:250px;
min-height:50px;
}
#thebox.cap { /* Added style to the box when displaying caption */
border-bottom-width:.5ex;
}
#thebox.plain {  /* Added style to the box when using iframe method - other characteristics for iframe are set in the calling link */
background-color:#ffffff; 
}

/* The remainder of the styles affect the close link and (if used) caption.
   Other than colors, adjust with care.  Some changes here may need
   to be reflected in mybox_ie.css to affect IE 6 and earlier */


.close div {
padding-bottom:1ex;
color:#2D7F00; /* Color of caption text */
}
.close#cap {
padding-top:1ex; /* Pushes caption text down slightly */
background-color:#D0E47E; /* Background color of caption text - should be the same as the box's border color */
}
.close a {
font-family:sans-serif;
position:absolute;
text-decoration:none;
right:0;
top:-3.5ex;
color:#444444; /* Color of text for the word CLOSE in the close link of the box (resting state) */
letter-spacing:-1px;
}
.close a:hover {
color:#2D7F00; /* Color of text for the word CLOSE in the close link of the box (hover state) */
font-weight:bold; /* This style disabled in the script for several browsers */
}
.close a span {
font-weight:bold;
font-size:140%;
color:black; /* Color of text for the X in the close link of the box (resting state) */
}

/* End Mybox Styles */

#interContainer{
position:absolute;
width: 803px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 0;
border: 0px;
visibility: hidden;
z-index: 6;
}

.headerbar{ 
border:0px;
padding:0;
margin-left:23px;
width:792px;
height:218px;
}

.headerbar img{ 
border:0px;
padding:0;
}


#interContent{ /*CSS for div that holds the content to show*/
background-image:url(../images/overlay/content_bg.gif);
background-repeat:no-repeat;
width:717px;
height:335px;
padding:50px;
color:#FFFFFF;
}

.playnowbutton_overlay{
text-align:center;
}

.casinothumb_overlay{
float:left;
}

.keypoints_overlay{
float:left;
padding-left:15px;
font-weight:bold;
line-height:24px;
}

.text_overlay{
float:left;
padding-top:15px;
font-size:16px;
width:100%;
}

#recommends_button{
position:fixed;
left:0;
top:360px;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(../images/overlay/blackdot.png);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}