/* 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 */                                                                                 
border-color: white;                                                                                 
border-width: 1em;                                                                                 
border-style: solid;                                                                                 
position:absolute;
width:auto;
height:auto;
top:20px;
left:20px;
display:none;
background-color: white; /* adjustable */
color:black; /* adjustable */ /* adjustable - will affect how the close and captions look (the box border is their background) */
border-top-width:2em; /* 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) */                                                                                                            
padding:1em 1ex 1ex 1ex;       /* For iframe 'styling' use iframe link's rev attribute to set an iframe's attributes */
}
.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;
background: url(loading.gif) center no-repeat; /* 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: #0089cf; /* Color of caption text */
}
.close#cap {
padding-top:1ex; /* Pushes caption text down slightly */ /* 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: #0089cf; /* Color of text for the word CLOSE in the close link of the box (resting state) */
letter-spacing:-1px;
}
.close a:hover {
color: #0089cf; /* 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: #0089cf; /* Color of text for the X in the close link of the box (resting state) */
}

/* End Mybox Styles */