/* Invisible elements, mainly for accessibility */
.hidden  {
    display: none;
    width: 0px;
    height: 0px;
}

fieldset  {
    border: 0 solid #fff;
}

.error  {
    color: #FF0000;
}



/*====== Embedded Media Files ======*/

/* [DanB] 2006-05-22, Altered */

/*
 *  Set a width...
 */
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    width: 1%;
}
/*
 *  ...And then un-set it in all browsers except Mac IE.
\*/
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    width: auto;
}
/**/

/* STYLE REWRITTEN TO WORK WITH CENTERED IMAGES */
.cont_left_border,
.cont_left_noborder,
.cont_center_border,
.cont_center_noborder,
.cont_right_border,
.cont_right_noborder {
    margin: 5px 10px 5px 0px;
    text-align: center;
    border: 0 solid #000; /* Specify all for Opera */
}

.cont_left_border,
.cont_left_noborder,
.embedTableLeft,
.embedNoBorderLeft {
    float: left;
    clear: left;
}

.cont_center_border,
.cont_center_noborder,
.embedTableCenter,
.embedNoBorderCenter {
    display: block;
    clear: both;
    text-align: center; /* Added to align the .embedTableCenter and .embedNoBorderCenter classes */
}

.cont_right_border,
.cont_right_noborder,
.embedTableRight,
.embedNoBorderRight {
    float: right;
    clear: right;
}

/* Image now has border instead of the parent span */
.cont_left_border span.embedimg,
.cont_center_border span.embedimg,
.cont_right_border span.embedimg,
.embedTableLeft span.embedimg,
.embedTableCenter span.embedimg,
.embedTableRight span.embedimg {
    border: 1px solid #000;
}

.embedTableLeft,
.embedTableCenter,
.embedTableRight,
.embedNoBorderLeft,
.embedNoBorderCenter,
.embedNoBorderRight {
    background: #FFFFFF;
    margin: 3px;
}


/***** To-check *****/
/* [DanB] We should be careful about
over-riding colours - we should
be using the site defaults */

.embedimg  {
    margin: 0px 1px 1px 0px;
}
.embedcaption  {
    display: block;
    text-align: left;
    padding: 2px;
    font-size: 90%;
    font-weight: bold;  /* We may not want this */
}
.cont_center_border .embedcaption,
.cont_center_noborder .embedcaption,
.embedTableCenter .embedcaption,
.embedNoBorderCenter .embedcaption {
    text-align: center;
}

/* END OF REWRITE FOR CENTERED IMAGES */

/***** end To-check *****/



.embedTableCell  {  /* [DanB] This is also applied to spans when XHTML is enabled */
    /*background: #FFFFFF;*/
}
.embedTitle  {
    /*font-size: 90%;*/
    /*color: #000000;*/
    /*font-weight: bold;*/  /* Not sure we want this either */
}
.embedImageCaption  {
    /*font-size: 100%;*/
}



/*
 *  [DanB] Old code.  Should be applied to an IMG.
 */
img.documentEmbeddedIcon {
    margin: 0 16px 0 0;
    padding: 0;
}



/***** Embedded Media File links *****/
/* [DanB] */

div.docEmbeddedMediaFileLinkContainer {
    float: none;
    clear: both;  /* Absolutely no wrapping */
}

div.docEmbeddedMediaFileLinkContainer  div.iconContainer {
    float: left;
    width: 32px;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

div.docEmbeddedMediaFileLinkContainer  div.titleContainer {
    margin: 0 0 0 33px;
    padding: 0;
}
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.title {
        font-size: 100%;
        /*font-weight: bold;*/
    }
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.playersContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.helpContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.transcriptContainer {
        font-size: 85%;
        color: #336699;
    }

/***** end Embedded Media File links *****/



.embedPlayersLink  {
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}



.embedHelpLink  {
    font-size:85%;
    color: #336699;
}



/* Check if these are being used */

.thumbleft {
    float: left;
    margin: 0 5px 5px 0;
}

.thumbright  {
    float:right;
    margin: 0 0 5px 5px;
}

/*
    What Lies Beneath CSS.

    Variables.

        Colours.

            General colours.

                #000                = #000
                    Black.

                #fff                = #fff
                    White.

                #f51d04                = #f51d04
                    Red, used for headings and highlight text.

                #666                = #666
                    Grey.

                #c51704                = #c51704
                    Dark red, secondary colour used in timeline.

                #db5555                = #db5555
                    Light red, for glossary terms.

            Theme colours.

                #021037           = #021037
                #022706         = #022706
                #323232           = #323232
                #012c35          = #012c35
                #242714       = #242714
                #452901            = #452901
                #440402     = #440402
                #140530           = #140530
                #3c081f   = #3c081f
                #000   = #000

        Others.

            ../custom/iwm/img                    = ../custom/iwm/img
            ../custom/iwm/img/wlb                    = ../custom/iwm/img/wlb
            Arial, Helvetica, sans-serif               = Arial, Helvetica, sans-serif
            Impact, Arial, Helvetica, sans-serif             = Impact, Arial, Helvetica, sans-serif

*/

/* Meyer's Reset CSS. */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

ol,
ul {
    list-style: none;
}

em {
    font-style: normal;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

button {
    padding: 0;
}

/* End Meyer's Reset CSS. */

/* Global styling. */

#innerContainer a {
    color: #fff;
}

h2,
h3,
h4 {
    color: #fff;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup {
    font-size: .7em;
    vertical-align: top;
}

.cell {
    float: left;
    min-height: 20px; /* DEBUG. */
}

.block {
    float: left;
    width: 100%;
}

.hidden,
.data {
    display: none;
}

input.go {
    background: url(../custom/iwm/img/wlb/goButton.gif) no-repeat top left;
    border: 0;
    height: 30px;
    width: 32px;
}

.boldStyle {
    font-family: Impact, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}


abbr {
    color: #db5555;
    cursor: help;
}

.flashInfo {
    display: none;
}

.cameraOverlay {
    cursor: pointer;
    position: relative;
}

.cameraOverlay .cameraImg {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

/**
 * Unfuddle ticket 28. Set .embedTable width to 1px.
 * .embedTables will now expand to the width of the image, rather than the width of the image caption.
 */
.embedTableLeft, .embedTableCenter, .embedTableRight, .embedNoBorderLeft,
.embedNoBorderCenter, .embedNoBorderRight, .embedTableCell {
    background: transparent !important;
    width: 1px;
}

/**
 * Set the width of .embedTableCell to 100%,
 * otherwise in IE it will inherit the CSS width of .embedTable (1px)
 */
.embedTableCell {
    width: 100%;
}

.embedImageCaption {
    font-size: .7em !important;
    font-style: normal !important;
}

.embedNoBorderRight {
    margin: 3px 3px 3px 20px !important;
}

.embedNoBorderLeft {
    margin: 3px 20px 3px 3px !important;
}

/* Main structure. */

body {
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
}

#outerContainer {
    font-size: 0.75em;
    text-align: center;
    margin: 0 auto;
    width: 971px;
}

#innerContainer {
    color: #fff;
    float: left;
    text-align: left;
    width: 100%;
}

/* Header. */

#header {
    float: left;
    padding-top: 10px;
    width: 100%;
}

#siteName {
    float: left;
    height: 100px;
    width: 760px;
}

#siteName a {
    display: block;
    float: left;
    height: 100px;
    width: 100%;
}

#siteName a span {
    display: none;
}

#logos {
    float: left;
}

#logos a {
    float: left;
    margin-left: 25px;
}

/* Footer. */

#footer {
    background: #000 url(../custom/iwm/img/wlb/bg/frameBgBottom.gif) no-repeat bottom left;
    float: left;
    padding: 25px;
    width: 921px;
}

.footerHomepage {
    background-image: none !important;
}

#copyrightLinkList {
    float: left;
    padding-top: 58px;
    position: relative; /* For SubmitToSites block. */
    width: 813px;
}

#copyright {
    float: left;
    padding-right: 5px;
}

#copyrightLinkList .linkList {
    float: left;
}

#copyrightLinkList .linkList li {
    border-left: 1px solid #fff;
    float: left;
    padding: 0 5px;
}

#lotteryFunded {
    float: left;
    width: 108px;
}

/* Themes. */

/* Main themes. */

.themeCulture {
	background-color: #021037;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgCulture.jpg);
}

.themeEspionage {
	background-color: #022706;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgEspionage.jpg);
}

.themeHotWars {
	background-color: #323232;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgHotWars.jpg);
}

.themeIdeology {
	background-color: #012c35;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgIdeology.jpg);
}

.themeIronCurtain {
	background-color: #242714;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgIronCurtain.jpg);
}

.themeLegacy {
	background-color: #452901;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgLegacy.jpg);
}

.themeNuclearThreat {
	background-color: #440402;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgNuclearThreat.jpg);
}

.themeScience {
	background-color: #140530;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgScience.jpg);
}

.themeEndOfTheColdWar {
	background-color: #3c081f;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgEndOfTheColdWar.jpg);
}

/* Other themes. */

.themeDefault {
    background-color: #000;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgDefault.jpg);
}

.themePersonalStories {
    background-color: #000;
	background-image: url(../custom/iwm/img/wlb/themeBgs/themeBgPersonalStories.jpg);
}

/* Templates. */

.template {
    background: #000 url(../custom/iwm/img/wlb/bg/frameBgTop.gif) no-repeat top left;
    float: left;
    width: 100%;
}

.template .templateContents {
    float: left;
    padding: 0 25px 0;
    width: 921px;
}

/* WlbHomepage. */

.wlbHomepage .styleSwitchControl {
    padding-left: 25px !important;
}

.wlbHomepage .templateContents {
    background: url(../custom/iwm/img/wlb/bg/frameBgBottom.gif) no-repeat bottom left;
    padding: 0;
    width: 971px; /* The flash file includes the correct padding. */
}

.wlbHomepage .cellOne {
    width: 100%;
}

.homepageWithFlash,
.homepageWithFlash .wlbHomepage .templateContents,
.homepageWithFlash .template {
    background-image: none;
}

.homepageWithFlash .wlbHomepage {
    background: #000 !important;
}

.homepageWithFlash #innerContainer a {
    color: #fff !important;
}

/*

Don't centre vertically: small browser windows will get the top/bottom cut off.

.homepageWithFlash .wlbHomepage {
    left: 50%;
    margin-top: -330px;
    margin-left: -485px;
    position: absolute;
    top: 50%;
    width: 971px;
}

*/

.homepageWithFlash .wlbHomepage {
    padding-top: 100px;
}

.homepageWithFlash .footerHomepage,
.homepageWithFlash #header,
.homepageWithFlash .styleSwitchControl {
    display: none;
}

.homepageWithFlash .template .disableFlashControl {
    padding-left: 0;
}

/* WlbHeadedTwoCol and WlbPersonalStory. */

.wlbHeadedTwoCol .cellOne,
.wlbPersonalStory .cellOne {
    margin-bottom: 25px;
    width: 100%;
}

.wlbHeadedTwoCol .cellTwo,
.wlbPersonalStory .cellTwo,
.wlbPersonalStory .cellsTwoFourFive {
    width: 613px;
}

.wlbHeadedTwoCol .cellThree,
.wlbPersonalStory .cellThree {
    margin-left: 25px;
    width: 283px;
}

.wlbHeadedTwoCol .cellThree .block,
.wlbPersonalStory .cellThree .block {
    margin-bottom: 20px;
}

.wlbPersonalStory .cellFour {
    width: 294px;
}

.wlbPersonalStory .cellFive {
    margin-left: 25px;
    width: 294px;
}

/* Blocks. */

/* MediaBar. */

.mediaBarWrapper {
    float: left;
    padding-bottom: 20px;
}

.mediaBar .topBar {
    border-bottom: 1px solid #666;
    float: left;
    margin-bottom: 25px;
    padding-bottom: 10px;
    width: 100%;
}

.mediaBar .topBar h2 {
    color: #fff;
    float: left;
    font-size: 3em;
}

.mediaBar .topBar .printLink {
    float: right;
    padding-top: 10px;
    padding-right: 15px;
}

.mediaBar li {
    float: left;
}

.mediaBar li a,
.mediaBar li div {
    background: url(../custom/iwm/img/wlb/mediaBar/mediaBarOff.gif) no-repeat top left;
    display: block;
    float: left;
    height: 51px;
}

.mediaBar ul li a span,
.mediaBar ul li div span {
    display: none;
}

.mediaBar li.on a,
.mediaBar li.on div {
    background-image: url(../custom/iwm/img/wlb/mediaBar/mediaBarOnAndHover.gif);
}

.mediaBar li.photos a,
.mediaBar li.photos div {
    background-position: 0 0;
    width: 130px;
}

.mediaBar li.photos a:hover {
    background-position: 0 bottom;
}

.mediaBar li.documents a,
.mediaBar li.documents div {
    background-position: -130px 0;
    width: 130px;
}

.mediaBar li.documents a:hover {
    background-position: -130px bottom;
}

.mediaBar li.audio a,
.mediaBar li.audio div {
    background-position: -260px 0;
    width: 110px;
}

.mediaBar li.audio a:hover {
    background-position: -260px bottom;
}

.mediaBar li.video a,
.mediaBar li.video div {
    background-position: -370px 0;
    width: 110px;
}

.mediaBar li.video a:hover {
    background-position: -370px bottom;
}

.mediaBar li.links a,
.mediaBar li.links div {
    background-position: -480px 0;
    width: 103px;
}

.mediaBar li.links a:hover {
    background-position: -480px bottom;
}

/* PersonalStorySelector. */

.personalStorySelector .textContent {
    float: left;
    width: 360px;
}

.personalStorySelector .textContent h2 {
    color: #f51d04;
    font-size: 7em;
}

.personalStorySelector .selector {
    margin-bottom: 30px;
}

.personalStorySelector .selector select,
.personalStorySelector .selector input {
    vertical-align: middle;
}

.personalStorySelector .go {
    margin-left: 20px;
}

.personalStorySelector .description {
    color: #c51704;
    font-size: 1.2em;
}

/* SubmitToSites. */

.submitToSites {
    background: url(../custom/iwm/img/wlb/submitToSites/shareLink.gif) no-repeat right center;
    border-left: 1px solid #fff;
    padding-right: 12px;
    padding-left: 5px;
}

.submitToSitesContent {
    display: none;
}

.submitToSitesContentShow {
    display: block;
}

.submitToSitesContent {
    background: #fff;
    bottom: 15px;
    color: #000;
    float: left;
    left: 480px;
    padding: 10px 15px 15px;
    position: absolute;
    width: 300px;
}

.submitToSitesContent .closeLink {
    border-bottom: 1px solid #666;
    float: left;
    font-size: 0.9em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.submitToSitesContent .closeLink a {
    background: url(../custom/iwm/img/wlb/submitToSites/closeLink.gif) no-repeat right center;
    color: #000 !important;
    display: block;
    padding-right: 15px;
    text-decoration: none;
}

.submitToSitesContent .closeLink a:hover {
    text-decoration: underline;
}

.submitToSitesContent ul li {
    float: left;
    padding-bottom: 10px;
}

.submitToSitesContent ul li a {
    color: #000 !important;
    display: block;
    float: left;
    font-size: 0.8em;
    padding-left: 20px;
    text-decoration: none;
    width: 80px;
}

.submitToSitesContent ul li a:hover {
    text-decoration: underline;
}

.submitToSitesContent .addedClass {
    background-position: left center;
    background-repeat: no-repeat;
}

.submitToSitesContent .linkedInLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/linkedIn.gif);
}

.submitToSitesContent .diggLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/digg.gif);
}

.submitToSitesContent .facebookLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/facebook.gif);
}

.submitToSitesContent .mixxLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/mixx.gif);
}

.submitToSitesContent .mySpaceLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/mySpace.gif);
}

.submitToSitesContent .yahooBuzzLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/yahooBuzz.gif);
}

.submitToSitesContent .permalinkLink {
    background-image: url(../custom/iwm/img/wlb/submitToSites/permalink.gif);
}

/* TransitionAdvertSet. */

.transitionAdvertSet {
    text-align: center;
}

.transitionAdvertSet .transitionAdvertSetInner {
    margin: 0 auto;
}

.wlbHeadedTwoCol .cellThree .transitionAdvertSet .transitionAdvertSetInner,
.wlbPersonalStory .cellThree .transitionAdvertSet .transitionAdvertSetInner {
    width: 245px;
}

.transitionAdvertSet .contentItems,
.transitionAdvertSet .controls {
    float: left;
    width: 100%;
}

.transitionAdvertSet .controls {
    display: none;
    padding-top: 3px;
}

.transitionAdvertSet .controls .button {
    background: url(../custom/iwm/img/wlb/button.gif) no-repeat top right;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-right: 3px;
    text-align: center;
    width: 29px;
}

.transitionAdvertSet .controls .current {
    background-position: top left;
}

.transitionAdvertSet .mediaFileImg img {
    float: left;
}

/* No Flash fallback. */
.transitionAdvertSetNoFlash .contentItems .mediaFile {
    display: none;
}

.transitionAdvertSetNoFlash .contentItems .pos-1 {
    display: block;
}

.transitionAdvertSetNoFlash .controls {
    display: block;
}

/* No Javascript fallback. */
.transitionAdvertSetNoJs .contentItems .mediaFile {
    display: none;
}

.transitionAdvertSetNoJs .contentItems .pos-1 {
    display: block;
}

/* WlbHomepageMenu. */

.wlbHomepageMenu object {
    float: left;
}

.wlbHomepageMenu .fallbackContent {
    display: none;
}

/* No Flash and no JS fallback. */
.wlbHomepageMenuNoFlash,
.wlbHomepageMenuNoJs {
    padding: 25px;
    width: 921px;
}

.wlbHomepageMenuNoFlash .fallbackContent,
.wlbHomepageMenuNoJs .fallbackContent {
    display: block;
}

.wlbHomepageMenuNoFlash .fallbackContent {
    float: left;
    width: 100%;
}

.wlbHomepageMenu .fallbackContent .themeSelector {
    float: left;
    margin-right: 20px;
    width: 490px;
}

.wlbHomepageMenu .fallbackContent .themeSelector .row {
    float: left;
    width: 100%;
}

.wlbHomepageMenu .fallbackContent .themeSelector .theme {
    border: 1px solid #666;
    border-width: 1px 1px 0 0;
    float: left;
    height: 162px;
    position: relative;
    width: 162px;
}

.wlbHomepageMenu .fallbackContent .themeSelector .row .pos-1 {
    border-left-width: 1px;
}

.wlbHomepageMenu .fallbackContent .themeSelector .last .theme {
    border-bottom-width: 1px;
}

.wlbHomepageMenu .fallbackContent .themeSelector .theme img {
    float: left;
    height: 162px;
    width: 162px;
}

.wlbHomepageMenu .fallbackContent .themeSelector .theme a {
    height: 162px;
    position: absolute;
    width: 162px;
    z-index: 0;
}

.wlbHomepageMenu .fallbackContent .themeSelector .theme:hover,
.wlbHomepageMenu .fallbackContent .themeSelector .themeHover {
    z-index: 10;
    /* Some IE7 non-JS weirdness here: hover background sometimes appears behind the other theme images. */
}

.wlbHomepageMenu .fallbackContent .themeSelector .theme a:hover {
    background: url(../custom/iwm/img/wlb/wlbHomepageMenu/themeHoverBg.png) no-repeat top left;
    left: -17px;
    padding: 17px;
    top: -17px;
    z-index: 10;
}

/* No Flash fallback. */
.wlbHomepageMenu .fallbackContent #themeInformationHolder {
    float: left;
    width: 319px;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .themeInformation {
    background: url(../custom/iwm/img/wlb/wlbHomepageMenu/themeInformationBgBottom.gif) no-repeat bottom left;
    float: left;
    width: 100%;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .themeInformation .inner {
    background: url(../custom/iwm/img/wlb/wlbHomepageMenu/themeInformationBgTop.gif) no-repeat top left;
    float: left;
    padding: 30px 25px;
    width: 269px;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .themeHeading {
    border-bottom: 1px solid #666;
    color: #000;
    font-size: 3.5em;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .themeDescription {
    color: #000;
    margin-bottom: 25px;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .findOutMore a {
    color: #f51d04;
    font-size: 2em;
    text-decoration: none;
}

.wlbHomepageMenu .fallbackContent #themeInformationHolder .findOutMore a:hover {
    text-decoration: underline;
}

/* No JS fallback. */
.wlbHomepageMenuNoJs .fallbackContent #themeInformationHolder {
    display: none;
}

/* WlbSideMenu. */

.wlbSideMenu {
    position: relative;
}

.wlbSideMenu .fallbackContent {
    display: none;
}

.wlbSideMenu .transparentOverlay {
    cursor: pointer;
    left: 18px;
    position: absolute;
    top: 315px;
    z-index: 10;
}

/* No Flash and no JS fallback. */
.wlbSideMenuNoFlash .fallbackContent,
.wlbSideMenuNoJs .fallbackContent {
    display: block;
}

.wlbSideMenu .fallbackContent {
    background: url(../custom/iwm/img/wlb/wlbSideMenu/sideMenuBg.gif) no-repeat top left;
    float: left;
    height: 427px;
    padding: 10px 20px;
    width: 243px;
}

.wlbSideMenu .fallbackContent .themeName {
    color: #fff;
    float: left;
    font-size: 1.5em;
}

.wlbSideMenu .fallbackContent .homeLink {
    float: right;
    padding-bottom: 10px;
}

.wlbSideMenu .fallbackContent .homeLink img {
    float: right;
}

.wlbSideMenu .fallbackContent .themeSelector {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}

.wlbSideMenu .fallbackContent .row {
    float: left;
    width: 100%;
}

.wlbSideMenu .fallbackContent .theme {
    float: left;
    height: 81px;
    position: relative;
    width: 81px;
}

.wlbSideMenu .fallbackContent .row .last {
    border-right: 0;
}

.wlbSideMenu .fallbackContent .last .theme {
    border-bottom: 0;
}

.wlbSideMenu .fallbackContent .theme a {
    height: 81px;
    position: absolute;
    width: 81px;
    z-index: 0;
}

.wlbSideMenu .fallbackContent .themeSelector .theme:hover,
.wlbSideMenu .fallbackContent .themeSelector .themeHover,
.wlbSideMenu .fallbackContent .themeSelector .current {
    z-index: 10;
    /* Some IE7 non-JS weirdness here: hover background sometimes appears behind the other theme images. */
}

.wlbSideMenu .fallbackContent .themeSelector .theme a:hover,
.wlbSideMenu .fallbackContent .themeSelector .current a {
    background: url(../custom/iwm/img/wlb/wlbSideMenu/themeHoverBg.png) no-repeat top left;
    left: -15px;
    padding: 15px;
    top: -15px;
    z-index: 10;
}

.wlbSideMenu .fallbackContent .theme img {
    float: left;
    height: 81px;
    width: 81px;
}

.wlbSideMenu .fallbackContent .chronologyLink {
    float: left;
    width: 100%;
}

.wlbSideMenu .fallbackContent .chronologyLink img,
.wlbSideMenu .fallbackContent .chronologyLink a {
    float: left;
}

/* SiteVersionSwitcher. */

.siteVersionSwitcherNoJs {
    display: none;
}

.template .disableFlashControl {
    float: left;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}

.template .styleSwitchControl {
    float: left;
    height: 14px;
    margin: 0;
    padding: 5px 0 6px 0;
}

.styleSwitchControl .siteVersionSwitcherBlackOnWhite {
    background: url(../custom/iwm/img/wlb/styleswitcher-bow-left.gif) top left no-repeat;
    color: #000 !important;
    line-height: 14px;
    padding-left: 5px;
    text-decoration: none;
}

.styleSwitchControl .siteVersionSwitcherBlackOnWhite1 {
    background-image: url(../custom/iwm/img/wlb/styleswitcher-wob-left.gif);
    color: #fff !important;
}

.styleSwitchControl .siteVersionSwitcherBlackOnWhite span {
    background: #fff url(../custom/iwm/img/wlb/styleswitcher-bow-right.gif) top right no-repeat;
    font-size: 8pt;  /* Yes, we want absolute. */
    padding-right: 5px;
    vertical-align: top;
}

.styleSwitchControl .siteVersionSwitcherBlackOnWhite1 span {
    background-color: #000;
    background-image: url(../custom/iwm/img/wlb/styleswitcher-wob-right.gif);
}

#footer .siteVersionSwitcherBlackOnWhite {
    border-left: 1px solid #fff;
    padding: 0 5px;
}

/* Content Types. */

.contentType .bodyText {
    font-size: 1.2em;
}

.contentType p {
    line-height: 1.4em;
    margin-bottom: 1.4em;
}

.contentType h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1.4em;
}

.contentType li {
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 20px;
}

.contentType ol li {
    list-style-type: decimal;
}

/* ConMediaFile. */

.conMediaFileSummary {
    background-position: top left;
    background-repeat: no-repeat;
    border-bottom: 1px solid #666;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}

.conMediaFileSummary .docHead {
    padding-bottom: 10px;
}

.conMediaFileSummary .docHead a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.conMediaFileSummary .docHead a:hover {
    text-decoration: underline;
}

.conMediaFileSummary .description {
    padding-bottom: 10px;
}

.conMediaFileSummary .link a {
    color: #f51d04 !important;
    text-decoration: none;
}

.conMediaFileSummary .link a:hover {
    text-decoration: underline;
}

.conMediaFileSummaryMp3 {
    background-image: url(../custom/iwm/img/wlb/icon/iconAudio.gif);
}

.wlbPersonalStory .cellFive .conMediaFileSummary {
    width: 254px;
}

/* Lightbox. */

/*
    The majority of lightbox styling will be in the default.lightbox.css file, but
    some elements are styled here, as they appear outside of the iframe.
*/

/* To prevent non-flash side menu showing through. */
.lightbox-overlay {
    z-index: 20;
}

.lightbox-content {
    z-index: 21;
}

.lightbox-content .lightbox-close {
    color: #000;
    float: right;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 35px;
}

.lightbox-content .lightbox-close:hover {
    color: #000;
    text-decoration: underline;
}

/* Black Text On White Background Version. */

.blackOnWhite #innerContainer {
    color: #000;
}

.blackOnWhite .template {
    background: #fff;
}

.blackOnWhite .wlbHomepage .templateContents {
    background: #fff;
}

.blackOnWhite h2,
.blackOnWhite h3,
.blackOnWhite h4 {
    color: #000;
}

.blackOnWhite #innerContainer a {
    color: #000;
}

.blackOnWhite .mediaBar .topBar h2 {
    color: #000;
}

.blackOnWhite #footer {
    background: #fff;
}

/* Print CSS. */

@media print {

    .wlbHeadedTwoCol .cellOne,
    .wlbHeadedTwoCol .cellThree,
    .wlbPersonalStory .cellOne,
    .wlbPersonalStory .cellThree {
        display: none;
    }

    .wlbHeadedTwoCol .cellTwo {
        width: 100%;
    }

    .printLink,
    .styleSwitchControl,
    .disableFlashControl {
        display: none;
    }

}
/*====Start of Common CSS entries====*/
a, a:visited  {
    color : #003366;
    text-decoration: underline;
}
a:hover  {
    text-decoration: none;
    color : #003366;
}
td, th  {
    font-family: Helvetica, Arial, sans-serif;
}
div.heading  {
    margin-bottom: 5px;
clear: both;
}
ol.docindex, ul.docindex {
    font-size: 77%;
}
body  {
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}
h1  {
    font-size: 120%;
}
h2  {
    font-size: 110%;
}
h3  {
    font-size: 105%;
}
h4  {
    font-size: 100%;
}
.advertText  {
    font-size: 75%
}
.advertSetContainer  {
    margin-bottom: 5px;
}
.quizContainer form  {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.mediaFileIcon  {
    margin-right: 3px;
}
/* *** Forms *** */
div.formrow             {
    clear: both;
    padding-top: 3px;
}
div.formrow label       {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 3px;
    clear: left;
}
div.formrow label.above  {
    width: auto;
    display: block;
    text-align: left;
    margin: 4px 0px 0px 0px;
    padding: 0;
}
div.formrow .blanklabel  {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 3px;
    clear: left;
}
div.formfield  {
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    margin: 0;
    padding: 0;
}
div.formFieldAbove  {
    font-family: Helvetica, Arial, sans-serif;
    clear: both;
    margin: 0;
    padding: 0;
}
div.submitrow  {
    clear: both;
    text-align: center;
    padding: 3px 0px 3px 0px;
}
fieldset  {
    margin: 3px 0px 3px 0px;
    border : none;
}
#rightColumn div.formrow label
{
    width: auto;
}
#rightColumn div.submitrow
{
    padding: 2px 0px 2px 0px;
}
/* *** Image Embedding *** */
.embedimg  {
    margin: 2px;
}
.embedcaption  {
    text-align: left;
    padding: 2px;
    font-style: oblique;
}
.embedTableLeft  {
    background: #FFFFFF;
    border: 1px solid black;
    float: left;
    margin: 3px;
}
.embedTableRight  {
    background: #FFFFFF;
    float: right;
    border: 1px solid black;
    margin: 3px;
    clear: right;
}
.embedNoBorderLeft  {
    background: #FFFFFF;
    float: left;
    margin: 3px;
}
.embedNoBorderRight  {
    background: #FFFFFF;
    float: right;
    margin: 3px;
}
.embedNoBorderCentre  {
    background: #FFFFFF;
    margin: 3px;
}
.embedTableCentre  {
    background: #FFFFFF;
    border: 1px solid black;
    margin: 3px;
}
.embedTableCell  {
    background: #FFFFFF;
}
.embedTitle  {
    font-size: 90%;
    color: #000000;
    font-weight: bold;
}
.embedImageCaption  {
    font-size: 100%;
    font-style: oblique;
}
.embedPlayersLink  {
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}
.embedHelpLink  {
    font-size:85%;
    color: #336699;
}
/* *** Contact Directory *** */
.backto  {
    font-size: 85%;
    color: #006699
}
/* *** Misc *** */
.noborder  {
    border: 0;
}
.greyborder  {
    border: 1px solid #999999;
}
.valign  {
    border: 0;
    vertical-align: bottom;
}
.aligntop  {
    vertical-align: top;
}
.important  {
    color: red;
}
.contentcontainer  {
    margin-top: 3px;
    margin-bottom: 3px;
}
.contentsummary  {
     font-size: 80%;
}
.contentdate  {
    padding-right: 3px;
    font-size: 80%;
    color: #666666;
    display: inline;
}
.sepdefault  {
    height: 1px;
    clear: both;
}
.docindex  {}
.contentlink, .contentlink:visited  {}
.sideboxtitle  {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 2px;
    font-size: 90%;
    font-weight: bold;
    color: #666666;
}
div.linkContainer  {
   font-size: 80%
}
div.linkContainer strong  {
   font-size: 110%
}
.sideboxcontents  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
}
th.calWeek  {
    height: 15px;
    width: 15px;
    font-size:90%;
    font-weight: bold;
    text-align: center;
}
td.calCell0, td.calCell1, td.calCell2  {
    height:19px;
    width:16px;
    font-size:110%;
    border: 1px solid white;
    text-align:center;
}
div.calendarContainer  {
    text-align: center;
    font-size: 90%;
    padding-bottom: 5px;
}
table.calendarBox tbody  {
    background-color: #FFFFFF;
}
table.calendarBox  {
    margin: auto;
    border-bottom: 5px solid #FFFFFF;
    font-size:81%;
}
td.spacerCell  {
    width:5px;
}
td.spacerCellHor  {
    height:5px;
}
.sdnstart  {
    padding-right: 3px;
    font-weight: bold;
    font-size: 85%;
}
.breadcrumb {
    font-size: 85%;
}
.advsearchfield  {
    width : 300px;
}
.advancedSearchLabel  {
    font-weight : bold;
    padding-top : 5px;
}
.searchIntro  {
    font-size: 75%;
}
.searchpagination  {
    font-size: 75%;
    font-weight : bold;
    padding : 5px 0px 5px 0px;
}
#leftColumn  {
    padding : 0px 5px 0px 4px;
    font-size: 90%;
}
#middleColumn  {
    padding : 0px 5px 0px 5px;
    font-size: 90%;
}
#rightColumn  {
    padding : 0px 5px 0px 5px;
    font-size: 90%;
}
.paginationlinks  {
    font-weight : bold;
    /*width: 100%; */
    text-align: right;
}
.conWebDoc .paginationlinks  {
    margin-top: 10px;
    font-weight: normal;
    font-size: 90%;
}
.eventdate {
    font-weight: bold;
}
.aToZContainer  {
    font-size: 81%
}
textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
}
.eventTableItem {
    font-weight: bold;
    font-size: 77%;
}
.eventDetails {
    font-size: 77%;
}
a.breadActive, a.breadActive:visited  {
    font-size: 70%;
    font-weight:bold;
}
a.breadInactive, a.breadInactive:visited, .breadInactive   {
    font-weight:bold;
    color: #D7D7D7;
    font-size: 70%;
}
.searchIwm  {
    font-size: 70%;
    font-weight: bold;
}
.youAreHere  {
    font-weight: bold;
    text-align: right;
    font-size: 70%;
}
td.breadcrumbCell  {
    text-align: left;
    padding-bottom: 3px
}
.greybar  {
    height: 20px;
    background-color: #B8B8B8;
    color: #FFFFFF;
}
a.subsite, a.subsite:visited  {
    color: #FFFFFF;
    font-size: 78%;
    font-weight: bold;
}
a.subsite:hover  {
    color: #FFFFFF;
}
a.utility, a.utility:visited, a.utility:hover  {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 60%;
}
.greybar td{
padding-bottom: 2px
}
a.blacklink  {
    color: #000000;
}
a.leftmenu  {
    font-size: 77%;
}
.menuitem  {
    padding: 5px 0px 5px 0px;
}
.thumbpadd  {
    padding-right: 8px;
}
.descpadd  {
    padding-left: 10px;
}
.righthead  {
    color: #444526;
    font-size: 145%;
    font-weight: bold;
}
.eventdate  {
    font-weight: bold;
    font-size: 95%;
}
.eventtext {
    font-size: 100%;
}
.subhead  {
    font-weight: bold;
    font-size: 110%;
}
.desc  {
    font-size: 95%;
}
.small  {
    font-size: 77%;
}
.bold  {
    font-weight: bold;
}
.white  {
    color: white;
}
.line  {
    display: block;
}
td img  {
    display: inline;
}
td form {
    display: block;
}
.quizContainer  {
    font-size: 95%;
}
td.conWebDocText  {
    width: 100%;
    vertical-align: top;
}
.contentsummary .conWebDocContent  {
    font-size: 95%;
}
/*
 *  This fixes a problem with font size caused by inheritance
 */
#middleColumn .contentsummary .conEventContainer {
/*    font-size: 125%;*/
}
.conWebDocContent,
.conWebDocInro  {
    font-size: 77%;
}
.conWebDocContent h2 {
    clear: both;
}
.backToLink  {
    border-bottom: 1px dotted black;
}
div.multiEvent  {
    font-size: 81%;
}
#rightColumn div.singleContentContainer  {
    font-size: 81%;
}
.link-container  {
    padding-bottom: 3px;
}
.rh-title  {
    font-size: 90%;
}
td.top-bar {
  padding-bottom: 2px;
}
.r-block  {
    padding-top :10px;
}
.r-block-title  {
    font-weight: normal;
    font-size: 81%;
}
.quizContainer .rh-title  {
    font-size: 120%;
}
td.eventBody {
    font-size: 77%;
}
/*====Old CSS entries====*/
div.conEventContainer  {
padding-bottom: 5px;
}
hr.sepdefault {
    border:0;
}
.pageViewBody {
    font-size: 77%;
}
img {
    border: 0;
}
img.offsiteIcon  {
    vertical-align: bottom;
}
img.pdfIcon  {
    vertical-align: bottom;
    padding: 0px 2px 0px 0px;
}
div.forum  {
    font-size: 77%;
}
.loginBox  {
    font-size: 77%;
}
table.loginBox input  {
    width: 70px;
}
table.loginBox {
    margin-top: 0;
}
div.searchresult td {
   vertical-align: top;
   font-size: 75%
}
/*====E-Card Styles ====*/
div.postcardItem h1.heading,
div.postcardSet h1.heading  {
    margin-top: 0;
}
div.postcardItem label,
div.postcardItem th  {
    font-size: 75%;
}
div.postcardItem input.postcardTextField  {
    width: 200px;
    font-size: 100%;
    padding: 1px;
    margin: 1px;
}
div.postcardItem textarea.postcardTextField  {
    width: 200px;
    font-size: 100%;
    padding: 1px;
    margin: 1px;
}
div.postcardItem .replyLink  {
    padding-left: 7px;
}
#postcard {
 position:relative;
 width:573px;
 height:346px;
 background-repeat:no-repeat;
}
#to {
 width:43px;
 height:0;
 padding:22px 0 0;
 overflow:hidden;
 background-repeat:no-repeat;
 position:absolute;
 left:35px;
 top:3px;
}
div.postcardItem img.bottomLine {
 position: absolute;
 left: 9px;
 top: 288px;
}
img.toFrom {
    position: absolute;
    top: 25px;
    left: 25px;
}
img.prevImage {
 position:absolute;
 left:60px;
 top:100px;
}
td.colorScheme {
    padding-right:45px;
}
label.fieldPadding {
    padding-right:5px;
}
div.postcardItem th {
    font-size: 80%;
    padding-bottom: 5px;
}
div.thumbImage {
    position:relative;
    top: 100px;
}
#from {
 width:43px;
 height:0;
 padding:22px 0 0;
 overflow:hidden;
 background-repeat:no-repeat;
 position:absolute;
 left:35px;
 top:25px;
}
#friendName {
 position: relative;
 left: 80px;
 top: 26px;
    font-weight: normal;
    font-size: 90%;
}
#yourName {
 position:relative;
 left:80px;
 top:33px;
    font-weight: normal;
    font-size: 90%;
}
#mediaFile {
 position:absolute;
 left:20px;
 width:300px;
 height:211px;
 overflow:hidden;
 text-align:center;
}
#yourMessage {
 position:absolute;
 left:325px;
 top:64px;
 width:190px;
 height:180px;
 overflow: hidden;
}
#yourMessage h2 {
 width:68px;
 height:0;
 padding:22px 0 0;
 margin:4px 0;
 overflow:hidden;
 background-repeat:no-repeat;
}
#yourMessage p {
 padding-right:5px;
 height: 150px;
 overflow:auto;
    line-height: 22px;
}
#instructions {
 position:absolute;
 left:300px;
 top:100px;
 width:210px;
 height:0;
}
#watermark {
 position:absolute;
 left:350px;
 bottom:10px;
 width:200px;
 height:87px;
 background-repeat:no-repeat;
 background-position:right bottom;
}
/*==== Object Search  =======*/
.objectSearch  {
   display: inline;
   background-color: #F6F6EC;
   padding: 10px;
   font-size: 75%;
   float: left;
   width: 83%;
   margin: 5px 10px 10px 10px;
}
.objectSearch  input {
   font-size: 100%;
}
.objectSearch h2.blockTitle  {
    margin-top: 0;
}
.objectSearch label {
    padding-right: 3px;
}
.objectSearch fieldset  {
    float: left;
    margin:0;
    padding:0;
}
.objectSearch .searchFieldsSubmit input  {
    vertical-align: bottom;
    margin-left: 3px;
}
.searchContent .list .searchResult .thumbnail  {
    width: 100px;
    text-align: center;
}
.searchContent .list .searchResult  {
    margin-bottom: 1.5em;
}
/*==== End of Object Search ======*/
/*==== ConInfoRecord ======*/
.conInfoRecord  {
    font-size: 75%;
}
.conInfoRecord h1 {
    margin-top: 0;
    background-color: #F6F6EC;
    font-size: 130%;
    padding: 2px;
}
.conInfoRecord dt  {
    margin-top: 1em;
    font-weight: bold;
    display: inline;
}
.conInfoRecord dd  {
    display: inline;
    text-indent: 0;
}
.objectInfo p span {
    font-weight: bold;
}
div.objectPhoto  {
    text-align: center;
}
.objectInfo  {
    margin-bottom: 2em;
}
.conInfoRecord .thumbnailList  {
    padding: 5px 5px 5px 10px;
    float: left;
    width: 400px;
}
.conInfoRecord .thumbnailList a {
    float: left;
    width: 70px;
    padding-left: 10px;
    padding-bottom: 5px;
}
.conInfoRecord .thumbnailList a.cleared {
    clear: left;
}
/*==== End of ConInfoRecord ======*/
/*====End of Common CSS entries====*/
/* ConArtist */
.conArtist h2  {
}
.conArtist .infoRow  { float: left; width: 100%; margin-bottom: 1em; font-size: 11px; }
.conArtist .label  { width: 100px; float: left; font-weight: bold; }
.conArtist .info  { margin-left: 100px; text-align: justify; width: 320px; }
* html .conArtist .info { width: 315px; }
.conArtist .artistGallery { border: 1px solid #336; }
.conArtist .artistGallery .mainPicture { text-align: center; padding: 5px; }
.conArtist .artistGallery .mainPicture p.caption { font-size: 0.91em; font-weight: bold; }
.conArtist .artistGallery .thumbnails { border-top: 1px dotted #999; text-align: left; padding: 5px; }
.conArtist .artistGallery .thumbnails p { margin: 1em 0 0.5em 0; font-size: 0.91em; }
.conArtist .artistGallery .thumbnails span { clear: left; }
.conArtist .artistGallery .thumbnails a  { margin: 5px; float: left; border: 1px solid #000; }
.conArtist .artistGallery .thumbnails img.current  { margin: 6px; float: left; }
.conArtist .clearLeft { clear: left; }
/* end conartist */
/* changes to relation block */
.r-block div.link-container { margin-top: 1em; }
.r-block div.link-container a.docHeadLink { margin-bottom: 0.5em; display:block; }
table {
    margin-left: auto;
    margin-right:auto;
}
table table  {
    margin-left:0;
    margin-right:0;
}
/*==== Captcha ====*/
.captchaRow {
    padding: 10px 0 10px 153px;
    float: left;
}
.captchaRow .fieldLeft {
    margin-top: 5px;
}


/*== conGallery ==*/
.conGallery h2  {
    text-align: left;
    margin-top: 0;
}
.conGallery img {
    border: 10px solid #444526;
}
.conGallery .galleryNav  {
    padding-top: 25px;
    padding-bottom: 20px;
}
.conGallery  {
    text-align: center;
}

.conGallery .galleryNav,
.conGallery .galleryNav a,
.conGallery .galleryNav a:visited  {
    color: #444526;
    text-decoration: none;

}
.conGallery span.imgCount  {
    padding-left: 10px;
    padding-right: 10px;
}
.conGallery .caption  {
    text-align: left;
    font-size:77%;
    padding-left: 10px;
    padding-right: 10px;
    }