/* 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 */


left:0;
position:absolute;
width:0px;
height:540px;
opacity:0; /* Adjusting the opacity here will not affect IE, adjust the alpha filter in mybox_ie.css as well */
display:none;
z-index:99;

}
#thebox { /* Styles for the box & loading elements, shouldn't be edited except as noted */
position:absolute;
height:auto;
display:none;
color:black; /* adjustable */
background:#fff;
border:2px solid #BABCBE; /* adjustable - will affect how the close and captions look (the box border is their background) */
z-index:101; /* adjustable, with care */
overflow:visible;
margin-top:100px;

}

/* IE6 Only */
* html #thebox { /* Styles for the box & loading elements, shouldn't be edited except as noted */
}

#loading { /* Styles for the box & loading elements, shouldn't be edited except as noted */
position:absolute;
width:auto;
height:auto;
top:20px;
left:20px;
display:none;
color:black; /* adjustable */
border:1em solid #fff; /* 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 */
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;


}
.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:#dddddd 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 */

}
#thebox.plain {  /* Added style to the box when using iframe method - other characteristics for iframe are set in the calling link */

}

/* 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 */



/* End Mybox Styles */