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

/*====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;
    }
/*
    Variables

    'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif     =  'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, 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;
}

/*================ Amaxus CSS reset ========================*/

.cont_left_border, .cont_left_noborder, .cont_right_border, .cont_right_noborder, .embedimg, .embedcaption {
    margin:0;
    padding:0;
    font-size:100%;
    font-weight:normal;
}

.conWebDocContent, .conWebDocInro {
    font-size: 90%;
}

/*================ general ========================*/

body {
    background-color: #EFEDF5;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 0.8em; /*approx. 12px*/
    text-align: center;
}

h1 {
    font-size: 1.3em; /*approx. 28px*/
    font-weight: normal;
    color: #444444;
    margin-bottom: 10px;
}

h2 {
    font-size: 1.2em; /*approx. 18px*/
    font-weight: normal;
    color: #000000;
}

h3 {
    font-size: 1.16em; /*approx. 14px*/
    font-weight: bold;
    color: #000000;
    margin-bottom: 3px;
}

h4 {
    font-size: 1.16em; /*approx. 14px*/
    font-weight: normal;
    color: #000000;
    margin-bottom: 3px;
}

a, a:visited {
    color: #09368A;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.conWebDoc p {
    margin: 0 0 10px 0;
}

.clearBoth {
    clear: both;
}

.hidden, .data {
    display: none;
}

ul {
    list-style-position:inside;
    list-style-type:disc;
}
.contentsummary {
    font-size: 100%;
}

/*=============== main layout ======================*/

#container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    background-color: #FFFFFF;
    padding: 20px 30px 30px 40px;
}

#main {
    display: block;
}

/*==================== header ==========================*/

#header {
    margin-bottom: 30px;
}

#header .header_left {
    float: left;
}

#header .header_right {
    text-align: right;
}

#header .header_right .tpyf_logo {
    padding-right: 30px;
}

/*==================== breadcrumb========================*/

#breadcrumb {}    

#breadcrumb a {
    font-size: 100%;
    font-weight: normal;
    color: #000000;
}

/*==================== footer ==========================*/

#footer {
    margin-top: 10px;
    min-height: 55px;
}

#footer .footer_left {
    float: left;
}

#footer .footer_right {
    text-align: right;
    font-size: 80%;
}

#footer .footerDefaultLinks {
    float: right;
}

#footer .footerDefaultLinks a {
    background: url(../custom/iwm/img/learningresources/footer_bullet.gif) no-repeat 0 center;
    padding-left: 10px;
    margin-left: 25px;
}

#footer .footerDefaultLinks br {
    display: none;
}

/*============== SubmitToSites ==================*/

.submitToSitesContainer {
    position: relative;
    float: right;
}

.submitToSites {
    background: url(../custom/iwm/img/learningresources/footer_bullet.gif) no-repeat 0 center;
    padding-left: 10px;
}

.submitToSitesContent {
    display: none;
}

.submitToSitesContentShow {
    display: block;
}

.submitToSitesContent {
    background-color: #FFFFFF;
    border: 1px solid #09368A;    
    bottom: 15px;
    float: left;
    left: -20px;
    padding: 10px 15px 15px;
    position: absolute;
    width: 300px;
    text-align: left;
}

.submitToSitesContent .closeLink {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid #09368A;
}

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

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

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

.submitToSitesContent ul li a {
    display: block;
    float: left;
    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/learningresources/submitToSites/linkedIn.gif);
}

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

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

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

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

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

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

/*======= Footer Online Exhibitions  ==================*/

#footerOnlineExhibitions {
    border: 1px solid #09368A;
    float: left;
    width: 979px;
    margin-bottom: 15px;
}

#footerOnlineExhibitions h2 {
    font-size: 0;
    padding: 6px 10px;
    height: 19px;
    
    background: url(../custom/iwm/img/learningresources/online_exhibitions_header.png) no-repeat 0 0;
}

#footerOnlineExhibitions .advertItem {
    width: 185px;
    height: 140px;
    overflow: hidden;
    float: left;
    position: relative;
    padding: 10px 0 0 10px;
    border-right: 1px solid #000000;

    background: url(../custom/iwm/img/learningresources/online_exhibitions_gradient.png) repeat-x 0 0;
}

#footerOnlineExhibitions .last {
    border: none;
}

#footerOnlineExhibitions .advertItem .advertImage {
    bottom: 0;
    position: absolute;
    right: 0;
}

/*======= Learning Resources Homepage ==================*/

#learningResourcesHomepage {

}

#learningResourcesHomepage .area {
    float: left;
}

#learningResourcesHomepage .area1 {
    margin-right: 30px;
    min-height: 235px;
    padding-right: 170px;
    width: 190px;

    background-image: url(../custom/iwm/img/learningresources/homepage_pdf_background.png);
    background-position: right top;
    background-repeat: no-repeat;
}
#learningResourcesHomepage .area2 {
    width: 590px;
}

#learningResourcesHomepage .area1 .conWebDocInro a {
    background-image: url(../custom/iwm/img/learningresources/find_out_more_off.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 131px;
    height: 23px;
    padding-top: 5px;
    font-size: 0;
}

#learningResourcesHomepage .area1 .conWebDocInro a:hover {
    background-image: url(../custom/iwm/img/learningresources/find_out_more_on.jpg);
}


/*======= TwoCol Layout ==================*/

#twoCol {
    float:left;
    margin-bottom:30px;
}

#twoCol .area {
    float: left;
}

#twoCol .area1 {
    width: 245px;
    margin-right: 30px;
}

#twoCol .area2 {
    width: 705px;
}

#twoCol .area1 .conWebDoc ul {
    font-size: 1.16em;
}


/*============ MultiContent block - learning resource ==================*/

.multiContentContainer div.resource {
    background-color: #F5F4F4;
    border: 1px solid #D1D0D0;
    float: left;
    clear: both;
    padding: 2px;
    margin-bottom: 30px;
    position: relative;
}

.multiContentContainer div.resource h1 {    
    margin-bottom: 0;
    padding:10px 0 0 55px;
    text-transform: uppercase;
    height: 36px;
    width: 640px;
    color: #FFFFFF;

    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.multiContentContainer .historical h1 {
    background-image: url(../custom/iwm/img/learningresources/types/historical.png);    
    background-color: #CB4689;
    font-size: 0;
}
.multiContentContainer .personal h1 {
    background-image: url(../custom/iwm/img/learningresources/types/personal.png);
    background-color: #313187;
    font-size: 0;
}
.multiContentContainer .teaching h1 {
    background-image: url(../custom/iwm/img/learningresources/types/teaching.png);
    background-color: #C91515;
    font-size: 0;
}
.multiContentContainer .itinerary h1 {
    background-image: url(../custom/iwm/img/learningresources/types/itinerary.png);
    background-color: #017F43;
    font-size: 0;
}
.multiContentContainer div.resourcepacks h1 {
    background-image: url(../custom/iwm/img/learningresources/types/resourcepacks.png);
    background-color: #E59304;
    font-size: 0;
}
.multiContentContainer .source h1 {
    background-image: url(../custom/iwm/img/learningresources/types/source.png);
    background-color: #05BBB9;
    font-size: 0;
}

.multiContentContainer div.resource .viewAll {
    position: absolute;
    right: 20px;
    top: 12px;
}

.multiContentContainer div.resource .viewAll a {
    background-image: url(../custom/iwm/img/learningresources/view_all_off.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    width: 92px;
    height: 21px;
    padding-top: 5px;
    font-size: 0;
}

.multiContentContainer div.resource .viewAll a:hover {
    background-image: url(../custom/iwm/img/learningresources/view_all_on.png);
}

.multiContentContainer div.resource .conWebDocContent {
    margin-top: 1px;
    padding: 20px;
    float: left;
    width: 655px;
    background: url(../custom/iwm/img/learningresources/online_exhibitions_gradient.png) repeat-x 0 0;
}

.multiContentContainer div.resource .bodyText {
    float: left;
    width: 450px;
}
.multiContentContainer div.resource .thumbnail {
    float: right;
}


/*============ MultiContent block - learning resource anchors ==================*/

.multiContentContainer .learningResourceAnchor {
    float: left;
    margin-bottom: 15px;
}

.multiContentContainer .learningResourceAnchor .anchor {
    float: left;
    padding-left: 15px;
    background-image: url(../custom/iwm/img/learningresources/arrow_down_bullet.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
    width: 175px;
}

.multiContentContainer .learningResourceAnchor .anchor a {
    background-position: left center;
    background-repeat: no-repeat;
    color: #000000;
    display: block;
    padding: 10px 0 10px 28px;
    text-transform: uppercase;
    font-size: 0;
    height: 15px;
}

.multiContentContainer .learningResourceAnchor .anchor a.historical {
    background-image: url(../custom/iwm/img/learningresources/types/historical_small.png);
}
.multiContentContainer .learningResourceAnchor .anchor a.personal {
    background-image: url(../custom/iwm/img/learningresources/types/personal_small.png);
}
.multiContentContainer .learningResourceAnchor .anchor a.teaching {
    background-image: url(../custom/iwm/img/learningresources/types/teaching_small.png);
}
.multiContentContainer .learningResourceAnchor .anchor a.itinerary {
    background-image: url(../custom/iwm/img/learningresources/types/itinerary_small.png);
}
.multiContentContainer .learningResourceAnchor .anchor a.resourcepacks {
    background-image: url(../custom/iwm/img/learningresources/types/resourcepacks_small.png);
}
.multiContentContainer .learningResourceAnchor .anchor a.source {
    background-image: url(../custom/iwm/img/learningresources/types/source_small.png);
}


/*============ Learning Resource display ==================*/

.learningResourceContainer {
    border-bottom: 1px solid #939191;
    clear: both;
    float: left;
    padding: 30px 0;
    width: 100%;
}

.learningResourceContainer .area {
    float: left;
}

.learningResourceContainer .leftArea {
    width: 20%;
}

.learningResourceContainer .rightArea {
    width: 17%;
}

.learningResourceContainer .middleArea {
    width: 63%
}

.learningResourceContainer .middleArea h2 {
    color: #09368A;
    font-size: 1.5em;
    margin-bottom: 3px;
}

.learningResourceContainer .leftArea {
    text-align: center;
}

.learningResourceContainer .type {
    margin: 0 auto;
    text-align: left;
    width: 110px;
}
.learningResourceContainer .type span {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 7px;
    padding-left: 42px;
    height: 31px;
    font-weight: bold;
}
.learningResourceContainer .type span.historical {
    background-image: url(../custom/iwm/img/learningresources/types/historical_result.png);
    font-size: 0;
}
.learningResourceContainer .type span.itineraries {
    background-image: url(../custom/iwm/img/learningresources/types/itinerary_result.png);
    font-size: 0;
}
.learningResourceContainer .type span.personal {
    background-image: url(../custom/iwm/img/learningresources/types/personal_result.png);
    font-size: 0;
}
.learningResourceContainer .type span.packs {
    background-image: url(../custom/iwm/img/learningresources/types/resourcepacks_result.png);
    font-size: 0;
}
.learningResourceContainer .type span.enquiries {
    background-image: url(../custom/iwm/img/learningresources/types/source_result.png);
    font-size: 0;
}
.learningResourceContainer .type span.teaching {
    background-image: url(../custom/iwm/img/learningresources/types/teaching_result.png);
    font-size: 0;
}

.learningResourceContainer .description {
    font-size: 0.9em;
    margin-bottom: 10px;
}

.learningResourceContainer .classifications {
    font-weight: bold;
    margin-bottom: 7px;
}

.learningResourceContainer .classifications .keystage {
    background-image: url(../custom/iwm/img/learningresources/bullet.gif);
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 5px;
    padding-right: 15px;
}

.learningResourceContainer .thumbContainer {
    background-color: #8E8C8D;
    float: right;
    margin-top: 20px;
}
.learningResourceContainer .thumbContainer img {
    padding: 30px 15px ;
}

.learningResourceContainer .pdfDetails span {
    float: left;
    margin-right: 8px;
}
.learningResourceContainer .pdfDetails span.download {
    margin-top: 2px;
}
.learningResourceContainer .pdfDetails span.pages,
.learningResourceContainer .pdfDetails span.filesize {
    line-height: 25px;
}
.learningResourceContainer .pdfDetails .download a {
    background-image:url(../custom/iwm/img/learningresources/download_pdf_off.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    color: #000000;
    display: block;
    padding-top: 2px;
    font-size: 0;
    height: 19px;
    text-align: center;
    width: 112px;
}
.learningResourceContainer .pdfDetails .download a:hover {
    background-image:url(../custom/iwm/img/learningresources/download_pdf_on.jpg);
}
.learningResourceContainer .pdfImageContainer img {
    border: 1px #D6D6D6 solid;
}

/*============ SearchFields_default ==================*/

.SearchFields_default
{
    width:525px;
    height:205px;
    background:#F4ECDA;
    padding-left:65px;
    padding-top:40px;
}

.SearchFields_default .orText {
    margin: 10px 0;
    font-size: 1.2em;
}

.SearchFields_summary .orText {    
    font-size: 1.2em;
    float: left;
    margin: 7px;
    padding-top: 20px;
}

.SearchFields_summary
{
    clear:both;
    float:left;
    margin-bottom:10px;
    width:100%;
}
.SearchFields_summary .keywordSearch {
    float: left;
}
.SearchFields_summary .categorySearch {
    float: right;
}
.SearchFields_summary .keywordSearch,
.SearchFields_summary .categorySearch {   
    background:#F4ECDA none repeat scroll 0 0;
    height:60px;
    padding-left:20px;
    padding-top:10px;
    width: 455px;
}

.SearchFields_summary .keywordSearch fieldset,
.SearchFields_summary .categorySearch fieldset {
    float: left;
}

.SearchFields_default h2
{
    font-size:15px;
    padding-bottom:10px;
}

.SearchFields_default label,
.SearchFields_summary label
{
    font-weight:bold;
    float:left;
    font-size:12px;
    padding-bottom:5px;
}

.SearchFields_summary label
{
    padding-bottom: 5px;
}
.SearchFields_default select
{
    width:140px;
    float:left;
    clear:none;
    border:1px solid #95ACCC;
    padding:2px;
}

.SearchFields_default select option,
.SearchFields_summary select option {
    color: #000000;
}

.SearchFields_default select#events_select,
.SearchFields_default label#events
{
    width:215px;
    margin-left:22px;
}

.SearchFields_default label#key_stages
{
    width:140px;
}

.SearchFields_summary label#key_stages
{
    width:145px;
}
.SearchFields_summary label#events
{
    width:210px;
    margin-right:5px;
}

.SearchFields_summary select#keyStage
{
    width:135px;
    margin-right:10px;
    padding:3px;
}

.SearchFields_summary select#events_select
{
    width:210px;
    padding:3px;
}
.SearchFields_summary #searchField
{
    width:345px;
    border:1px solid #000000;
    padding:3px;
    margin-right:5px;
}

.SearchFields_default #searchField
{
    border:1px solid #000000;
    padding:3px;
    float:left;
    clear:left;
    width:370px;
    height:19px;
}
.SearchFields_default .searchButton,
.SearchFields_summary .searchButton
{
    margin-left:25px;
    float:left;
    width:75px;
    background: url(../custom/iwm/img/learningresources/search_off.jpg) no-repeat 0 center;
    border:0px;
    height:26px;
    clear:none;
    cursor:pointer;
}

.SearchFields_default .searchButtonOn,
.SearchFields_summary .searchButtonOn {
    background: url(../custom/iwm/img/learningresources/search_on.jpg) no-repeat 0 center;
}

.SearchFields_default .inactive .searchButton,
.SearchFields_summary .inactive .searchButton {
    background: url(../custom/iwm/img/learningresources/search_inactive.png) no-repeat 0 center;
    cursor: default;
}

.SearchFields_summary .searchButton
{
    float:left;
    padding:0px;
    margin: 20px 0 0 0;
}

.SearchFields_default .inactive label,
.SearchFields_summary .inactive label {
    color: #ABA699;
}

.SearchFields_default .inactive input#searchField,
.SearchFields_summary .inactive input#searchField {
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
}

.SearchFields_default .inactive select,
.SearchFields_summary .inactive select {
    color: #CCCCCC;
}

.paginationHolder
{
    margin:10px 0px;
}
.paginationHolder h2
{
    font-size:16px;
    width:200px;
    float:left;
}

.paginationHolder #resultsInfo
{
    text-align:right;
    width:60%;
    float:right;
}

.paginationHolder .pagination
{
    clear:both;
    float:left;
    margin-top:10px;
    padding-top:7px;
    border-top:1px solid #09368A;
    width: 980px;
}
.paginationHolder .paginationFooter {
    border: none;
    margin-bottom: 10px;
}
.pagination a,
.pagination a:hover,
.pagination a:visited
{
    padding: 0px 5px;
    color:#09368A;
    text-decoration: underline;
}
.pagination a.currentpage {
    text-decoration: none;
    color: #000000;
}
.pagination .showAll a,
.pagination .showAll a:hover,
.pagination .showAll a:visited
{
    text-decoration:none;
}

.pagination .prevNextContainer {
    float: right;
}
.pagination .prevNextContainer a {
    text-decoration: none;
}

.pagination .prevNextContainer .pagePrev {
    margin-right: 15px;
    padding-left: 10px;
}
.pagination .prevNextContainer a.pagePrev {
    background: url(../custom/iwm/img/learningresources/footer_bullet_left.gif) no-repeat left center;
}
.pagination .prevNextContainer span.pagePrev {
    background: url(../custom/iwm/img/learningresources/grey_bullet_left.gif) no-repeat left center;
    color: #AFB0B0;
}
.pagination .prevNextContainer a.pageNext {
    padding-right: 10px;
    background: url(../custom/iwm/img/learningresources/footer_bullet.gif) no-repeat right center;
}
.pagination .prevNextContainer span.pageNext {
    padding-right: 10px;
    background: url(../custom/iwm/img/learningresources/grey_bullet.gif) no-repeat right center;
    color: #AFB0B0;
}

.pagination .container {
    padding: 5px 0;
}

.pagination .paginationLinkContainer {
    margin-right: 20px;
}
.pagination .showAllContainer,
.pagination .paginationLinkContainer,
.pagination .sortByContainer {
    float: left;
}
.pagination .showAllContainer {
    margin-right: 10px;
    border-right: 1px solid #09368A;
    padding-right: 10px;
}
.paginationFooter .showAllContainer {
    border: none;
}
.pagination .sortByContainer {    
    padding: 1px 0 0 0;
}
.pagination .sortByContainer select {
    padding: 3px;
}

.noPagination .paginationLinkContainer,
.noPagination .showAllContainer,
.noPagination .prevNextContainer {
    display: none;
}

#noResults {
    float: left;
    margin: 0 0 20px 10px;    
    width: 100%;
}
#noResults p {
    margin: 10px 0;
}