@charset "utf-8";
/* CSS Document */



/*
In the markup, use:
<div class="floatright" style="width: [###px];">
<a href="[large version of image]"  class="singleLightbox"><img src="[thumbnail image]" alt="[alt text]" border="0" width="[###]" height="[###]" />
<span class="enlarge">Enlarge image</span></a>

<p class="caption">[caption]</p>
</div>

*/

.enlarge {
	padding:2px 15px 2px 0;
	text-align:right;
	padding-right:15px;
	font-size:85%;
	margin:0;
	float:right;
	display:block;
	background: url(/images/magnifying_glass_icon.gif) right no-repeat;
	width:100%;
}

a .enlarge,
a:visited .enlarge {color:#004f99;text-decoration:none;}

a.singleLightbox { text-decoration:none;} /* ..because safari was underlining the "enarlge this" text after the image*/

a.singleLightbox img { padding-left:0px; } /* override main_green.css (padding-left: 3px) */




/* MWO: go to great lengths to override applied state styles in jquery-ui-#.#.#.custom.css  (.ui-state-hover and .ui-state-focus) */
a.seriesLightbox:focus,
a.seriesLightbox:link,
a.seriesLightbox:visited,
a.seriesLightbox:hover,
a.seriesLightbox:active  {background:none; border:none;}
a.singleLightbox:focus,
a.singleLightbox:link,
a.singleLightbox:visited,
a.singleLightbox:hover,
a.singleLightbox:active {background:none; border:none;}
a.singlecustomLightbox:focus,
a.singlecustomLightbox:link,
a.singlecustomLightbox:visited,
a.singlecustomLightbox:hover,
a.singlecustomLightbox:active {background:none; border:none;}


.lightbox_textlink {
        padding-right:15px;
        background: url(/images/magnifying_glass_icon.gif) right no-repeat;
		text-decoration:underline;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content {
    background-color: #fff;
    background-image: none;
}