/* 	Core Styles for OPA
	Developed by Web Services, ITS, Yale University
	CSS by Victor Velt <victor.velt@yale.edu>
	3-14-08, version 12 (VV) merged with Mike's styles
--------------------------------------------------------------- */

/* 	Search for =Style to jump down to a given style section  */

/*	QuickFind:

	=Reset Styles
	=Layout
	=Specials
	
	=Column 1
	  =Nav Plain

	=Column 2
	  =Photo Link/Caption
	  =Yale Bulletin Lead Photos
 
	=Column 3
	  =Yale Bulletin Search

	=Tables
	=Utilities Tray
	=Tabbed Scroll Widget
	=Drop Down
	=Events For
	=Monthly Calendar
	=Calendar Detail Popups
	=Search Events
	=Footer
	=Form Elements
	=Top Search
	=Email Form
	=Misc.
	=Body Classes for Yale Bulletin
	
	=Print Styles

	--------------------------------------
*/

/*	Colors:

	#0b3363 = h1 (Blue/Black), Text headlines
	#00346a = Blue Dark, Footer, Pull quote text, Active link color, Col-3, h3
	#0e4c92 = Blue Medium, Yale Blue, Header, Footer, Pagebox
	#1f63a0 = Blue Light (link color), Text links
	#39f    = Bright Blue, Hover color for text links & photo borders
	
	#333    = Gray Dark, Photo captions, Nav highlight, Email form text
	#4f4f4f = Gray Dark, Left Nav links
	#6f7d89 = Gray Medium, Body Background, Photo borders, Page Title
	#ccd9e5 = Gray Light, Nav heading backgrounds, Spry tabs, Pull-quote borders
	#ddb250 = Yellow Medium, Gold outlines
	#fafae8 = Yellow Light, Backgrounds for side columns
	
	Sparsely used Colors:
	
	#00245b = Table rulled blue lines for Calendar only
	#def    = Hover background color for Spry tabs only
	#ccc    = Borders around form elements only
	#eee    = Submit button fill color only
	-------------------------------------------------------------------------------
*/

.title_div
{
/*
background-color: #ccd9e5;
padding: 2px 5px;
color: #4f4f4f;
line-height: 1.2em;
text-transform: uppercase;
*/
margin: 20px 10px 0px 16px;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: bold;
}
/* =Reset Styles, modified, avoids form elements
-------------------------------------------------------------- */
html, body, div, span, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, code, cite,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a img { border: none; }

table { border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; }



/* =Layout
--------------------------------------------- */
a {
color: #1f63a0;
text-decoration: none;
}

a:hover {
color: #39f;
}

a:active {
color: #00346a;
}

body {
background-color: #6f7d89;
text-align: center; /* helps IE center container div */
}

#container {
background-color: #fff;
width: 955px;
padding: 0;
margin: 0 auto;
text-align: left; /* resets all to align left */
border: solid #0e4c92;
border-width: 0 1px 0 1px;
}

#header {
width: 100%; 
float: left; 
background-color: #0e4c92;
height: 90px;
}

#header img {
display: block;
float: left;
border: none;
}

#header-basic img {
display: block;
}

#column-wrap {
width: 955px;
background: #fafae8 url(/images/bkgd_columns.gif) repeat-y top left;
border-top: 10px solid #fafae8;
float: left;
}

#col-1 {
float: left;
display:inline; 
width: 145px;
padding: 16px 10px 25px 10px;
}

#col-2 {
float: left;
display:inline; 
/*
width: 573px;   223
width: 776px;
*/
width: 626px;

background-color: #fff;
border: solid #0e4c92;
border-width: 1px 1px 0 1px;
/* sets minimum height */
min-height: 535px;
height: auto !important;
height: 460px;
}

#col-2-preview {
text-align: left;
width: 573px;
margin: 20px;
background-color: #fff;
border: solid #0e4c92;
border-width: 1px 1px 1px 1px;
/* sets minimum height */
min-height: 400px;
height: auto !important;
height: 400px;
}

#col-3 {
float: left;
width: 195px;
padding: 8px 10px 25px 10px;
}

#col-3.calendar {
padding-top: 16px;
}

#footer {
clear: both;
width: 955px;
background-color: #0e4c92;
height: 115px;
}

#footer-datum {
/*
width: 575px;
width: 778px;
*/
width: 628px;
background-color: #00346a;
margin-left: 165px;
height: 25px;
}

#footer-print {
display: none;
}



/* =Specials, use as needed
--------------------------------------------- */
.nowrap {
/* add to any text to avoid line breaks */
white-space: nowrap;
}

.clearfix,
.clearfix-top20,
.clearfix-bot10 {
/* apply to a div to clear floats as needed */
clear: both;
font-size: 0;
line-height: 0px;
height: 1px; /* Netscape needs at least 1px height */
display: block; /* also helps Netscape */
visibility: hidden;
}

.clearfix-top12 {
margin-top: 12px;
}

.clearfix-top20 {
margin-top: 20px;
}

.clearfix-bot10 {
margin-bottom: 10px;
}

.clearfix-wrap {
/* makes a self-clearing box around anything */
overflow: hidden;
}

*html .clearfix-wrap {
height: 1%;
}



/* =Column 1
--------------------------------------------- */
#col-1 a {
color: #4f4f4f;
text-decoration: none;
}

#col-1 a:hover {
color: #39f;
}

#col-1 a:active {
color: #00346a;
}

.channel-box {
background-color: #fff;
border: 1px solid #ddb250;
}

h4 {
background-color: #ccd9e5;
padding: 2px 5px;
margin: 1px 1px 5px 1px;
color: #4f4f4f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
}

/* =Nav Plain
----------------------------------- */
ul {
font-weight: normal;
list-style-type: none;
color: #4f4f4f;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 11.5px;
line-height: 13.8px; */
font-size: 11px;
line-height: 1.2em;
margin: 0 8px;
}

.channel-box ul {
margin: 0 7px;
}

ul li 
{
/*
padding-bottom: 0.5em;
*/
padding-bottom: 1.0em;
}

ul li.dummyspace {
height: 5px;
}

.media {
overflow: hidden;
}

*html .media {
height: 1%;
}

.media {
/* width: 124px; */
width: 100%;
}

.media ul li {
display:inline;
float:left;
width: 50%;
}

.media a {
padding-left: 15px;
}

li.rss-link a {
background: transparent url(/images/rss-icon-gray.gif) no-repeat center left;
display: block;
padding-left: 15px;
}

.menu-highlight {
font-weight: bold;
color: #333;
}


/* =Column 2
--------------------------------------------- */
#content {
padding: 14px;
background-color: #fff;
}

#content li{
list-style:disc;
list-style-position:inherit;
margin-left:20px;
font-size:12px;
line-height:18px;
}

.page-heading {
overflow: hidden;
margin-bottom: 12px;
}

*html .page-heading {
zoom: 1;
}

.page-heading-simple {
/* see h1.page-title style below */
}

.photo-lead, .photo-story {
float: left; 
width: 314px;
margin-right: 15px;
margin-bottom: 5px;
}

.photo-lead-text {
float: left; 
width: 208px;
}

.photo-story {
width: 214px;
margin-right: 20px;
margin-bottom: 1px;
}

.photo-lead a.photo-link,
.photo-story a.photo-link {
margin-right: 0;
margin-bottom: 5px;
}

.photo-thumb-wrap-statement {
border:#0e4c92 thin solid;
padding: 10px;
display: block;
margin-bottom: 20px;
}

.photo-thumb-wrap {
display: block;
margin-bottom: 20px;
}

img.photo-border {
border: 1px solid #6f7d89;
margin: 2px 0 5px 0;
display: block;
}


.photo 
{
padding: 2px;
border: 1px solid #6f7d89;
}

/* =Photo Link/Caption
-------------------------- */
a.photo-link,
a.photo-link-right,
a.photo-link-lg {
background-color: #fff;
border: 1px solid #6f7d89;
float: left;
font-size: 16px;
margin-top: 2px;
margin-right: 10px;
}

a.photo-link-right {
float: right;
margin-top: 5px;
margin-right: 0px;
margin-left: 10px;
}

a.photo-link-lg {
margin: 0;
}

a.photo-link img,
a.photo-link-right img,
a.photo-link-lg img {
display: block;
padding: 2px;
border: none;
}

a.photo-link:hover,
a.photo-link-right:hover,
a.photo-link-lg:hover {
border-color: #39f;
}

a.photo-link img, a.photo-link-right img {
display: block;
padding: 2px;
border: none;
}

/* =Yale Bulletin Lead Photos
------------------------------ */
.photo-2x2 {
width: 545px;
padding-bottom: 10px;
}

*html .photo-2x2 {
height: 1%;
}

.photo-2x2-left {
float: left;
width: 261px;
}

.photo-2x2-right {
float: right;
width: 261px;
}

.photo-2x2 a.photo-link {
margin: 0;
margin-bottom: 5px;
}

.photo-2x2 h3 {
clear: left;
text-transform: none;
padding: 0 3px;
margin-top: 0;
}

.photo-2x2 p {
padding: 0 3px;
}

.dot-rule-gray {
clear: both;
background: transparent url(/images/dot_rule_gray.gif) repeat-x top left;
width: auto;
height: 3px;
font-size: 1px; /* blasted IE6 needs this! */
padding: 0;
}


h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #0b3363;
font-size: 20px;
line-height: 1.2em;
margin-top: 0;
margin-bottom: 0.3em;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #0b3363;
font-size: 17px;
line-height: 1.2em;
margin-top: 0;
margin-bottom: 0.3em;
}

h1.page-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #6f7d89;
font-size: 16px;
line-height: 1.3em;
float: left;
margin: 0;
}

/*
h1.page-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #6f7d89;
font-size: 16px;
line-height: 1.3em;
float: left;
margin: 0;
}
*/
.page-heading-simple h1.page-title {
float: none;
padding-bottom: 6px;
border-bottom: 1px solid #6f7d89;
margin-bottom: 6px;
}
h1.found-in {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #6f7d89;
font-size: 12px;
line-height: 1.2em;
float: left;
margin: 0;
}

.page-title-arrow {
display: block;
text-indent: 20px;
background: transparent url(/images/arrow_pagetitle.gif) no-repeat left center;
}

h1.article-title {
padding-bottom: 5px;
border-bottom: 1px solid #6f7d89;
margin-bottom: 0.1em;
}






img.badge-right, img.badge-left {
display: block;
float: right;
margin-top: 4px;
border: none;
}

img.badge-left {
float: none;
margin-top: 8px;
}



/* =Column 3
--------------------------------------------- */
.dot-rule-gold,
.dot-rule-gold-10,
.dot-rule-gold-top20 {
clear: both;
background: transparent url(/images/dot_rule_gold.gif) repeat-x top left;
width: auto;
height: 3px;
font-size: 1px; /* blasted IE6 needs this! */
padding: 0;
}

.dot-rule-gold-10 {
margin: 10px 0;
}

.dot-rule-gold-top20 {
margin-top: 20px;
}

#col-3 p, #col-3 cite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 11px;
line-height: 1.3em;
margin-top: 0.8em;
margin-bottom: 0;
}

#col-3 p {
color: #00346a;
}

#col-3 cite {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
line-height: 1.4em;
}

#col-3 .plain-small {
font-size: 10px;
font-weight: normal;
color: #000;
}

#col-3 p.photo-caption-lg {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333;
font-size: 11px;
line-height: 1.4em;
margin: 0 3px 10px 3px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #00346a;
font-size: 11px;
line-height: 1.2em;
text-transform: uppercase;
margin: 1em 0 0.3em 0;
}

h3.netcast {
margin-top: -4px;
}

h3.netcast img {
vertical-align: middle; 
margin-bottom: 4px;
}

h3.photo-caption-lg {
text-transform: none;
margin: 0.5em 0 0.3em 3px;
}

h3.recent-news {
margin-top: -3px;
margin-bottom: 12px;
}


/* =Yale Bulletin Search
--------------------------------- */
#ybsearch input.sfield {
width: 120px;
padding: 2px;
border: 1px solid #ccc;
}

#ybsearch input.sbutton {
width: 53px;
height: 21px;
margin: 0 0 3px 0;
vertical-align: middle;
border: none;
}

#ybsearch p {
margin-top: 0;
}


/* =Tables
------------------------------------------ */
#content table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.6em;
color: #333;
margin: 0; /* must for Firefox */
}

#content td {
border: none;
line-height: 1.3em;
vertical-align: top;
}

#content table.rulled td {
border-top: 1px solid #ccd9e5;
padding: 8px 12px 8px 0;
}

#content table.rulled tr.rulled-top td {
border-top: none;
}

#content table.rulled caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
color: #0b3363;
margin: 0;
padding: 3px 0 10px 0;
}

table.rulled th {
color: #00245b;
text-transform: uppercase;
border-top: 1px solid #ccd9e5;
padding: 2px 0;
}


/* =Utilities Tray
---------------------------- */
.utilities {
margin-top: -4px;
background-color: #fff;
overflow: hidden;
border: 1px solid #DDB250;
}

*html .utilities {
height: 1%;
}

.utilities ul {
float: left;
padding: 3px 0 3px 4px;
margin: 0;
}

.utilities ul li {
display: inline;
float: left;
padding: 0;
}

.utilities ul li.print a {
background: transparent url(/images/icon_print.gif) no-repeat 0px 0px;
padding: 0 15px 0 18px
}

.utilities ul li.email a {
background: transparent url(/images/icon_email.gif) no-repeat 0px 2px;
padding: 0 15px 0 16px;
}

.utilities ul li.share a {
background: transparent url(/images/icon_share.gif) no-repeat 0px 2px;
padding: 0 4px 0 15px;
}



/* =Tabbed Scroll Widget
   see major styles in "SpryTabbedPanels_mod.css"
-------------------------------------------------- */
#scrollbox-widget {
/* keeps Dreamweaver 8 from going bonkers */
width: 195px; 
overflow: hidden;
margin-top: -3px; /* nudges up */
}

#TabbedPanels1 p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0.5em 5px;
font-size: 11px;
line-height: 1.3em;
}

.TabbedPanelsContentGroup {
height: 162px;
overflow: auto; 
}

.TabbedPanelsTab {
z-index: 100; /* cures a minor bug in Safari */
}


/* =Drop Down
---------------------------- */
.dropdown select {
margin: 0 0 5px 6px;
width: 180px;
font-size: 10px;
}


/* =Events For
---------------------------- */
.eventsfor {
margin-top: -4px;
background-color: #fff;
overflow: hidden;
}

*html .eventsfor {
zoom: 1;
}

.eventsfor ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
float: left;
padding: 3px 0 5px 5px;
margin: 0;
}

.eventsfor ul li {
display: inline;
float: left;
padding: 0 8px 0 8px;
border-left: 1px solid #4f4f4f;
}

.eventsfor ul li.first {
border-left: none;
padding-left: 0;
}

.eventsfor ul li a {
color: #4f4f4f;
text-decoration: none;
}

.eventsfor a:hover {
color: #39f;
}

.eventsfor a:active {
color: #00346a;
}


/* =Monthly Calendar
--------------------------------------------- */
.mo-cal {
background-color: #fff;
border: 1px solid #0e4c92;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #1f64a0;
}

.mo-cal table {
width: 100%;
border-collapse: separate;
border-spacing: 5px; /* same as cellspacing */
empty-cells: hide;
}

.mo-cal caption,
.mo-cal th,
.mo-cal td {
padding: 2px 3px;
text-align: center;
}

.mo-cal caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #00346a;
}

.mo-cal caption a {
vertical-align: text-top;
}

.mo-cal a:hover {
text-decoration: underline;
}

.mo-cal td {
border: 1px solid #ccd9e5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.mo-cal td.day-on {
background-color: #e6ecf2;
}



/* =Calendar Detail Popups
------------------------------------------ */
#cal-popup {
margin: 0px;
background-color: #0e4c92;
text-align: left;
}

#cal-popup #popup-box {
margin: 0 14px;
}

#cal-popup #content {
padding-bottom: 25px;
}

#cal-popup .page-heading {
float: none;
background-color: #00346A;
margin: 0;
}

#cal-popup h1.page-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ddd;
font-weight: bold;
font-size: 14px;
float: none;
text-transform: none;
margin: 3px 0 5px 14px;
}

#cal-popup h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0b3363;
font-weight: bold;
font-size: 14px;
margin-top: 0;
margin-bottom: 1em;
}

#cal-popup h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #4f4f4f;
font-size: 11px;
line-height: 1.4em;
text-transform: none;
text-align: right;
margin: 0;
}

#cal-popup p.date-time {
font-weight: bold;
}

#cal-popup p.footer {
font-size: 11px;
color: #fff;
margin: 14px;
}

#cal-popup td p {
padding-left: 20px;
margin: 0;
}

#cal-popup td {
padding: 5px 0;
}

#cal-popup tr.stripe td {
background-color: #e6eff7;
}


/* =Search Events
------------------------------------------ */
.esfield {
margin-left: 6px;
width: 145px;
}

.esbutton {
vertical-align: middle;
margin-bottom: 3px;
}



/* =Footer
--------------------------------------------- */
#footer-datum p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 2em;
text-transform: uppercase;
text-align: right;
padding: 2px 14px 0 0;
}

img.footer-yalesig {
display: block;
border: none;
margin: 16px 0 0 32px;
float: left;
}

*html img.footer-yalesig {
margin-left: 16px;
}

#footer ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 1.2em;
list-style-type: none;
margin: 40px 0 0 38px;
float: left;
width: 500px; /* Dreamweaver needs set width */
}

#footer li {
padding: 0 8px;
display: inline;
color: #fff;
border-left: 1px solid #c0cfdf;
float: left; /* keeps list items flush together */
}

#footer li.firstlink {
border: none;
padding-left: 0;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #39f;
}

#footer a:active {
color: #fff;
}



/* =Form Elements
-------------------------------------------------- */
label, input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
line-height: 1.2em;
}

input[type="text"] {
border: 1px solid #ccc;
padding: 2px;
}

input[type="submit"] {
background-color: #eee;
border: 1px solid #ccc;
padding: 1px;
}

input[type="submit"]:hover {
cursor: pointer;
}

textarea, select {
border: 1px solid #ccc;
padding: 2px;
}

input, select {
padding: 1px;
}

input[type="radio"],
input[type="checkbox"] {
vertical-align: middle;
}



/* =Top Search
--------------------------------------------- */
#topsearch {
float: right;
width: 300px;
margin-top: 30px;
}

#topsearch input.tsfield {
width: 170px;
padding: 2px;
border: 1px solid #ccc;
}

#topsearch input.tsbutton {
width: 53px;
height: 21px;
margin: 0 0 3px 0;
vertical-align: middle;
border: none;
}

#topsearch label {
margin-right: 8px;
color: #fff;
}


/* =Email Form
--------------------------------------------- */
#emailform {
font-weight: normal;
font-size: 10px;
color: #333;
}

#emailform label {
display: block;
width: 45px;
vertical-align: top;
text-align: right;
float: left;
font-weight: bold;
font-size: 10px;
margin: 7px 4px 0 0;
}

#emailform input {
width: 125px;
font-size: 10px;
color: #333;
margin: 4px 0;
}

#emailform input.btn {
width: auto;
padding: 2px 8px;
margin-bottom: 10px;
}

/* old styles
#emailform label, 
#emailform input, 
#emailform textarea, 
#emailform select {
font-weight: normal;
font-size: 10px;
color: #333;
vertical-align: middle;
padding: 0 8px 0 8px;
padding-bottom: 0.5em;
}

#emailform label {
font-weight: bold;
}

#emailform input[type="submit"] {
background-color: #0e4c92;
border: 1px solid #ddb250;
}

#emailform input[type="submit"]:hover {
cursor: pointer;
background-color: #ddb250;
border: 1px solid #0e4c92;
} 
*/


/* =Misc.
--------------------------------------------- */
.mediaplayer {
border: solid #0e4c92;
border-width: 1px 1px 0 1px;
}


/* =Body Classes for Yale Bulletin
--------------------------------------------- */
.yb-h2{
padding-bottom:10px;
}

body.yb h2 {
margin-top: 0.5em;
}

body.yb #col-3 {
padding-top: 16px;
}

body.yb #col-3 p {
color: #000;
font-weight: normal;
margin-top: 0.4em;
line-height: 1.4em;
}

body.yb .channel-box a {
color: #4f4f4f;
text-decoration: none;
}

body.yb .channel-box a:hover {
color: #39f;
}

body.yb .channel-box a:active {
color: #00346a;
}


/* =Print Styles
-------------------------------------------------- */
@media print {

body {
background-color: #fff;
color: #000;
}

#header,
#col-1,
#col-3,
#footer,
h1.found-in {
display: none;
}

#container,
#column-wrap,
#col-2,
#content,
#col-2-preview {
width: auto;
margin: 0;
padding: 0;
float: none;
border: none;
background: none;
}

#container *,
#col-2-preview * {
color: #000;
}

#footer-print {
display: block;
width: auto;
margin-top: 30px;
border-top: 1px solid #6f7d89;
padding-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 1.3em;
text-align: left;
}

.photo-thumb-wrap {
overflow: hidden;
}


} /* closes print styles */



/* ================================================== */
/* ================================================== */
/* ================================================== */



/* Photo-Caption PZ3 CSS v080630
* copyright: http://randsco.com/copyright
* www.randsco.com
*/


.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:focus { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:focus { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:focus img { height:auto; width:auto;
  border:0; }

a:focus .PZ3cap,
a:focus .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:focus .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:focus .PZ3cap,
.noCap a:focus .PZ31cap { display:none; }
.noBdr,.noBdr a:focus { border:0; }
.Lnk a:focus { cursor:pointer; }

/* End Photo-Caption Zoom CSS */