/* personality.css * xMod Custom Site Personality Style Sheet * xMod Version: 1.3 */ /* STUCTURAL ELEMENTS */ .ad-banner {display: none;} body#xmd { background: url(../i/body_bg.png) 199px 1px repeat-y; font: 100% Verdana, Arial, Helvetica, sans-serif; } #banner { background: #c9080e url(../i/banner_bg.jpg) left 8px repeat-x;height:101px;position:static;width:100%;border-bottom: 4px solid #c42323; } #decalLeft{position: absolute; top: 8px; width: 100%; left: 0;padding: 0; margin: 0; height: 75px; background: url(../i/banner_w01_bg.jpg) left 0px no-repeat;} #decalRight{display:none;} #banner h1 { position: absolute; top: 0px; left: 8px; background:url(../i/banner_h1_bg.png) left top no-repeat; width: 258px; height: 161px; z-index: 2} #banner .w01 {} #banner h1 span { display: none; } #banner h2 {position: absolute; left: 9px; top: 86px; font-weight: normal; background:url(../i/banner_h2_bg.png) left top no-repeat; width: 257px; height: 20px;} #banner h2 span { display: none; } td#content{/*background:#fff url(../i/content_bg.png) 0 0 repeat-x*/background: url(../i/sidenav_bg.png) 4px 0 no-repeat;padding:20px 30px 20px 40px;vertical-align:top; border-top:1px solid #fff;} #mainContent .logoMatrix .t01,#mainContent .logoMatrix .t01 a {border: 0px none; background:none} #mainContent .logoMatrix .t01 a {margin-right: 10px !important } #mainContent .logoMatrix .t01 ul {display: table; margin: 10px auto !important;float:none !important} body.sn0 { background: url(../i/body_bg.png) 74px 1px repeat-y !important; } .sn0 td#content{background: url(../i/sidenav_bg.png) 74px 0 no-repeat;} .sn0 #content { padding: 20px 30px 20px 110px; } .sn0 #sidenav { display: none; } /* SECTION SPECIFIC STYLING */ /* BANNER UTILITY LINKS */ /* BREADCRUMB */ /* BREADCRUMB UTILITY LINKS */ /* SIDENAV */ #sidenav div#pn {margin:0;} #sidenav{background:none;font-size:100%;padding:44px 0 40px 0;vertical-align:top;width:180px;} #sidenav a:link,#sidenav a:visited,#sidenav a:active{background: none;border: none;color:#777;padding:4px 0px 4px 10px;width:170px; background: url(../i/aro_ccc.png) 2px 0.75em no-repeat;} #sidenav li{font-weight:normal;margin:0; border-bottom: 1px solid #eee;} #sidenav li li {border-bottom: none; background: none;} #sidenav li li li a {border: none; } #sidenav li li li a span {background: none; padding: 0;} #sidenav li ul {border-top: 1px solid #eee; background: #f9f9f9} #sidenav li li ul {border-top: 0px none; background: #f9f9f9} #sidenav li a {font-size: 70%; } #sidenav li a.s03 { font-weight: bold; color: #810426; background: url(../i/aro_810426.png) 2px 0.75em no-repeat; } #sidenav li a:hover{background:#f9f9f9 url(../i/aro_810426.png) 2px 0.75em no-repeat;;color:#b00;} #sidenav li li a:link,#sidenav li li a:visited,#sidenav li li a:active{background:none;border-bottom:0px none;border-right:none;color:#999;font-size:70%;font-weight:normal;padding:5px 0px 5px 10px;width:170px;} #sidenav li li li a:link,#sidenav li li li a:visited,#sidenav li li li a:active{background:none;border-bottom:0px none;border-right:none;color:#999;font-size:70%;font-weight:normal;padding:5px 0px 5px 20px;width:160px;} #sidenav li li a:hover,#sidenav li li li a:hover,#sidenav li li li li a:hover{background:none;color:#810426;} #sidenav li li a.s03 {color: #b00;font-weight:bold;} #sidenav li li li a.s03 {font-weight: bold;} #sidenav li li,#sidenav ul ul{margin:0;} #sidenav ul{list-style-type:none;margin:0 0 0 15px;padding:0;} #sidenav h3 { background:none;margin:0 0 0 20px;background-position: top right;background-repeat: no-repeat;color: #b00; font-size: 75%;padding:3px 0px; border-bottom: 1px solid #eee; text-transform: uppercase} #sidenav h3 a:link,#sidenav h3 a:visited,#sidenav h3 a:active{ text-decoration: none; color: #888; margin: 0;font-size: 100%;} #sidenav h3 a:link span,#sidenav h3 a:visited span,#sidenav h3 a:active span{text-decoration: none;color: #888;padding: 2px 10px 2px 19px;margin: 0;font-size: 70%;} #sidenav h3 a:hover span{text-decoration: none; color: #888;padding: 2px 10px 2px 19px; margin: 0;font-size: 70%;} /* TOPNAV */ #topnav .utilLinks {float: right; font-size: 70%; color: #eee; padding: 8px 10px 0 0; } #topnav .utilLinks a {color: #eee; text-decoration:none;border-bottom: 1px dotted #ccc;} #topnav .utilLinks a:hover {color: #fff;border-bottom: 1px solid #fff;} /* #topnav .utilLinks fieldset { border: 0px none; padding: 0; margin: 0; } #topnav .utilLinks fieldset label {display: none;} #topnav .utilLinks fieldset input {border: 1px solid #aaa; margin: 3px 0 0 0; font: 12px Arial, Helvetica, sans-serif; padding: 3px 2px 3px 2px; float: left; color: #666;} #topnav .utilLinks fieldset button { margin: 0; padding: 0; border:0px none; background:url(../i/button_bg.png) 0 0 no-repeat; margin: 6px 6px 0 6px; height: 18px; width: 18px; float: left; cursor: pointer } #topnav .utilLinks fieldset button span {display: none;} #topnav .utilLinks fieldset button:hover {background-image: url(../i/button_bg_on.png)}*/ #topnav ul { margin: 0; padding: 0; list-style: none; } #topnav ul li { list-style: none; float: left; } #topnav #pn {float:left; z-index: 1000; position: absolute} #topnav #pn ul { float: left; padding: 0 0 0 90px } #topnav { background: #bb0000 url(../i/pn1_bg_on.png) 0 0% repeat-x;padding: 0; border-bottom: 2px solid #c6c6c6; } #topnav div.w01 { background: url(../i/pn1_span_bg_on.png) left bottom repeat-x; border: 0px none; background-color: transparent; padding: 0; float: left;height: 1.8em } #topnav ul { margin: 0 0 0 12px; padding: 0; list-style: none; } #topnav ul li { list-style: none; float: left; padding: 0 1px 0 0; background: url(../i/topnav_li_bg.png) 100% 50% no-repeat; } #topnav ul li.s02 {background:none;} #topnav ul li a { float: left; padding: 0px; text-decoration: none; font-size: 70%; font-weight: bold; color: #eee; border: 0px none;} #topnav ul li a span { padding: 8px;float:left;} #topnav ul li a:hover, #topnav ul li a.s03, #topnav ul li a.s03:hover { background: #dcdcdc url(../i/pn1_bg_on_alt.png) left top repeat-x; border: 0px none;padding:0;color: #555;} #topnav ul li a.s03 span, #topnav ul li a:hover span, #topnav ul li a.s03:hover span { background: transparent url(../i/topnav_w01_bg.png) 0 100% repeat-x; color: #555; border: 0px none; padding: 8px;} #topnav ul li.s02 a span { border: 0px none; } /* FOOTER */ #footer{margin:0 20px 70px 235px; border-top: 1px solid #efefef; font-size: 70%;color:#999;} .sn0 #footer{margin:0 20px 70px 110px; } #footer .utilLinks .s01 ul li.s01 a{ padding: 3px 10px 1px 3px; width: 60px; height: 20px; background-image: url(../../../g/i/xModOff.png); background-repeat: no-repeat; } /* RIGHT CONTENT: QUICK LINKS */ /* RIGHT CONTENT: PROMO ARTICLE */ /* RIGHT CONTENT: TOC ARTICLE */ /* RIGHT CONTENT: SUBMENU */ /* CORE FORMATTING */ #mainContent address { margin: 0; padding: 0; border: 0px none; background: none; font-size: 75%; line-height: 1.55em; font-weight: normal } #mainContent p {font-size: 70%; line-height: 1.65em; margin: 0 0 0.8em 0; padding: 0;} #mainContent ul {margin: 0 0 0.8em 0; padding:0;} #mainContent li {font-size: 70%; line-height: 1.65em; list-style: none; background:url(../i/aro_ccc.png) 15px 0.6em no-repeat; margin: 0; padding: 0 0 0 25px;} #mainContent div div li {background:none;} #mainContent p a:link, #mainContent p a:visited, #mainContent p a:active { color: #555; text-decoration:none; border-bottom: 1px dotted #999;} #mainContent p a:hover { color: #bb0000; text-decoration: none; border-bottom: 1px solid #bb0000;} #mainContent li a:link, #mainContent li a:visited, #mainContent li a:active { color: #555; text-decoration:none;border-bottom: 1px dotted #999; } #mainContent li a:hover { color: #bb0000; text-decoration: none; border-bottom: 1px solid #bb0000;} #mainContent a { color: #555; text-decoration:none; border-bottom: 1px dotted #999;} #mainContent a:hover { color: #b00; border-bottom: 1px solid #b00; } #mainContent strong {color: #bb0000;} #mainContent blockquote { background: url(../i/blockquote_bg.png) top left no-repeat; padding: 8px 0 5px 30px; margin: 5px 50px 5px 20px;} #mainContent h2 { color: #960000; font-size: 105%; font-weight: normal; font-family:Arial, Helvetica, sans-serif; margin: 1.2em 0 0.6em 0; padding: 0; line-height: normal} #mainContent h3 { color: #555; font-size: 90%; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin: 1.2em 0 0.4em 0; padding: 0; } #mainContent h4 { color: #b00; font-size: 70%; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #efefef; margin: 1.4em 0 0.4em 0; padding: 0; } #mainContent h5 { color: #555; font-size: 70%; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #efefef; margin: 1.4em 0 0.4em 0; padding: 0;} #mainContent h6 { color: #999; font-size: 70%; font-weight: bold; margin: 1.2em 0 0em 0; line-height: 1.65em ;padding: 0;} /* DIAMM - delete icon for MyDIAMM page */ #mainContent li a.s01 span {display: none;} #mainContent li a.s01 { padding: 0px 14px 14px 0; margin: 0px 0 0 5px; background: url(../i/iconDeleteOff.png) 0 0 no-repeat; border: 0px none;} #mainContent li a.s01:hover {background-image: url(../i/iconDeleteOn.png); } /* PAGE HEADER */ #mainContent .pageHeader .t01 h1 { color: #960000; font-size: 140%; font-weight: normal; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif } #mainContent .pageHeader .t01 h2 {color: #888;} #mainContent .pageHeader .t01 {background: none; margin: 0 0 1em 0;padding:0;} /* PREFORMATTED CODE */ /* ORDERED LISTS */ #mainContent .orderedList .t01 ol {margin: 0 0 0.8em 0; padding:0;} #mainContent .orderedList .t01 ol li {font-size: 70%; line-height: 1.65em; list-style: decimal; margin: 0; margin: 0 0 0 30px; padding: 0 0 0 0px;} #mainContent .orderedList .t01 ol li li {font-size: 100%;} #mainContent .orderedList .t01 ol li ul li {line-height: 1.65em; list-style: none; background:url(../i/aro_ccc.png) 15px 0.6em no-repeat; margin: 0; padding: 0 0 0 25px;} /* UNORDERED LISTS */ #mainContent .unorderedList .t01 ul {margin: 0 0 0.8em 0; padding:0;} #mainContent .unorderedList .t01 ul li {font-size: 70%; line-height: 1.65em; list-style: none; background:url(../i/aro_ccc.png) 15px 0.6em no-repeat; margin: 0; padding: 0 0 0 25px;} #mainContent .unorderedList .t01 ul li li {font-size:100%;} /* TAB CONTENT */ #mainContent .tabContent .t01 {margin: 0 0 0.8em 0; padding: 0; width:100%;} #mainContent .tabContent .t01 .x1 ul { margin:0; padding:0;list-style:none;position: relative; } #mainContent .tabContent .t01 #countries ul, #mainContent .tabContent .t01 #cities ul {float: left; width: 15em;} #mainContent .tabContent .t01 #countries ul li a, #mainContent .tabContent .t01 #cities ul li a {text-transform: capitalize} /* DIAMM has JQuery available so the tab scripting is handled that way. JS = 1 status is indicated by @class="j" on the HTML element. JQuery looks like: $(function() { $('#path .to .tabs').tabs({ fxAutoHeight: true, fxFade: true, fxSpeed: 'fast', navClass: 'x1', selectedClass: 'x3',containerClass: 'x2', hideClass: 'x4'}); }); - where x1 is the class on the ul element containing the tabs; x2 is the class on the elements containing individual tab content; .x3 is the class on the parent list item of the currently active tab; x4 is the class applied by JQ to hide the unselected tabs. */ #mainContent .tabContent .t01 .message { display: none; } #mainContent .tabContent .t01 .x2 li {background:url(../i/aro_ccc.png) 15px 0.6em no-repeat;} .j #mainContent .tabContent .t01 .message { display: block; color: #960000; font-weight: bold; text-transform: uppercase; font-size: 70%; } .j #mainContent .tabContent .t01 .x1 li { float:left; margin:0; padding: 0 5px 0 0; list-style:none;} .j #mainContent .tabContent .t01 .x1 a { float: left; display: block; padding: 0px; vertical-align: text-bottom;background-color: #eee; border: 0px none;color: #000; padding: 0 0 0 0px; text-decoration: none !important; line-height: 1.35em; } .j #mainContent .tabContent .t01 .x1 { width:100%; border-bottom:2px solid #dddddd; float: left; padding: 10px 5px 0 0px; margin: 0 0 0.8em 0; background:none; } .j #mainContent .tabContent .t01 .x1 a b, .j #mainContent .tabContent .t01 .x1 a:link b, .j #mainContent .tabContent .t01 .x1 a:visited b, .j #mainContent .tabContent .t01 .x1 a:active b { display: block; border: 0px none; padding: 5px 9px 4px 9px; color: #666; font-weight: bold;text-decoration: none; cursor: pointer;} .j #mainContent .tabContent .t01 .x1 .x3 a { background-color: #ddd;border-color: #ddd; text-decoration: none; border-width: 0px;} .j #mainContent .tabContent .t01 .x1 .x3 a b { color: #960000; display: block; text-decoration: none; padding: 5px 9px 4px 9px; font-weight: bold;} .j #mainContent .tabContent .t01 .x1 a:hover { background-color: #ddd;border-color: #ddd; } .j #mainContent .tabContent .t01 .x1 a:hover b { color: #960000; } .j #mainContent .tabContent .t01 .x1 .x5 a,.j #mainContent .tabContent .t01 .x1 .x5 a:hover { background-color: #efefef;border-color: #efefef !important; text-decoration: none; border-width: 0px;} .j #mainContent .tabContent .t01 .x1 .x5 a b,.j #mainContent .tabContent .t01 .x1 .x5 a:hover b { background-color: #efefef !important; color: #aaa; display: block; text-decoration: none; padding: 5px 9px 4px 9px; font-weight: bold;cursor:no-drop;} .j #mainContent .tabContent .t01 { line-height: 1.5em; clear: left; width: 100%; } .j #mainContent .tabContent .t01 .x4{ display: none;} /* WARNING BOX - under images tab */ #mainContent .box {padding: 4px 7px; border: 1px solid #eee; margin: 0 30px 12px 30px; } #mainContent .box p {margin: 0; padding:0;} /* RULEd BOX */ #mainContent .ruledBox .t01 {padding: 10px; border: 2px solid #960000; margin: 16px 20px 16px 20px; } #mainContent .ruledBox .t01 h2 {margin: 0px;} #mainContent .ruledBox .t01 p {margin-bottom: 0; margin-top: 0.8em} /* EXPANDING LIST */ /* COMPLEX LIST */ #mainContent .complexList .t01 {width: 100%; } #mainContent .complexList .t01 ul {margin:0;padding:0; float: left; width: 49%;} #mainContent .complexList .t01 ul li {/*float: left !important;*/ margin: 0 1em 1em 0; border-bottom: 1px solid #eee; padding:0 2em 1em 0; /*height: 14em; width: 34em;*/ float: none; overflow: auto;background:none !important;} #mainContent .complexList .t01 ul.s01 li { margin: 0 0 1em 1em; } #mainContent .complexList .t01 ul li h3 {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0;padding:0;} #mainContent .complexList .t01 ul li h3 span.s01 {color: #c9080e;padding: 0 0.8em 0 0;} #mainContent .complexList .t01 ul li dl {font-size:100%;} #mainContent .complexList .t01 ul li dl dt {width: 8em; float: left; font-weight: bold; color: #666; clear: left; text-align: right; padding: 0 1em 0 0;} #mainContent .complexList .t01 ul li dl dd {margin:0;padding:0; float: left;} /* SITEMAP */ #mainContent .sitemap .t01 ul {border: 0px none; border-top: 1px solid #eee; } #mainContent .sitemap .t01 ul li {border: 0px none; margin: 0;padding: 0;line-height: 1.55em; font-size: 70%; padding: 3px 0; border-bottom: 1px solid #eee;} #mainContent .sitemap .t01 ul li ul {border-top: 1px solid #eee; padding-bottom: 0.4em } #mainContent .sitemap .t01 ul li li {margin: 0;padding: 3px 0;border: 0px none; font-size: 100%} #mainContent .sitemap .t01 ul li a {font-size:100%; text-transform: uppercase;} #mainContent .sitemap .t01 ul ul li a,#mainContent .sitemap .t01 ul ul ul li a,#mainContent .sitemap .t01 ul ul ul ul li a {font-size:100%; text-transform: none;} #mainContent .sitemap .t01 ul ul,#mainContent .sitemap .t01 ul ul ul,#mainContent .sitemap .t01 ul ul ul ul {margin: 3px 0 0 0; padding: 0 0 0 20px; } #mainContent .sitemap .t01 ul ul ul {border: 0px none} #mainContent .sitemap .t01 ul li a:hover {text-decoration: none; color:#960000;} /* LINKS */ /* UTILITY LINKS */ /* A - Z LIST */ /* FEATURE LINK */ /* JUMP NAVIGATION */ /* BACK TO TOP */ #mainContent .backToTop { margin: 0.8em 0px; position: relative; width: 100%; } #mainContent .backToTop .t01 {float: right;} #mainContent .backToTop .t01 a:link, #mainContent .backToTop .t01 a:visited, #mainContent .backToTop .t01 a:active { width: 8.5em; display: block; border: 0px none; background-color: #fff; padding: 3px 1px 3px 3px; color: #900; font-size: 70%; font-weight: bold; text-decoration:none; } #mainContent .backToTop .t01 a:hover { border: 0px none; background-color: #fff; color: #900; } /* BOX */ /* FOOTNOTES */ #mainContent .footnotes {margin:0.8em 0 0.8em 0; } #mainContent .footnotes dd{margin:0 0 0 2em;padding:0;} #mainContent .footnotes dd a:active, #mainContent .footnotes dd a:link, #mainContent .footnotes dd a:visited{ color: #555; text-decoration:none; border-bottom: 1px dotted #999;} #mainContent .footnotes dd a:hover { color: #b00; border-bottom: 1px solid #b00; } #mainContent .footnotes dd a span { display: none; } #mainContent .footnotes dd a.back:hover { background: url(../i/aro_up_655a4f_on.png) left no-repeat; } #mainContent .footnotes dd a.back{color:#b00;text-decoration:none; background: none; margin: 0 0 0 6px;} #mainContent .footnotes dl{color:#655a4f;font-size:70%;margin:0;padding:3px 0 0 0; line-height: 1.65em;} #mainContent .footnotes dt{float:left;font-size:80%;font-weight:700; position: relative; color: #777; width: 1.7em; text-align: right;} #mainContent .footnotes h3{background: none; padding-bottom:4px;position:relative;color:#c9080e; border-bottom: 1px solid #ccc; width: 200px;} #mainContent a.fnLink:link, #mainContent a.fnLink:visited, #mainContent a.fnLink:active { text-decoration: none; font-size: 100%; vertical-align:text-top} /* OPTIONS / SUBMENU */ #mainContent .options .t01{ margin: 0 0 0.8em 0; background: none; border:0px none; font-size: 100%; padding: 0;} #mainContent .options .t01 ul { margin: 0 0 0.4em 0; padding: 0; clear: left; overflow: auto} #mainContent .options .t01 ul li { list-style: none; float: left; margin: 0 4px 7px 0 ; background: none; padding: 0;} #mainContent .options .t01 li span { float: left; padding: 1px 3px; margin: 0 3px 0 0; border: 0px none; background: #faf8f5; color: #d8d4d1; } #mainContent .options .t01 li span.s01 {background-color: #c9080e; color: #fff;} #mainContent .options .t01 li a { float: left; margin: 0 3px 0 0; padding: 0 2px; border: 1px solid #f0e8de;background: #faf8f5;} #mainContent .options .t01 li a span { float: left; padding: 0 1px 1px 1px; border: 0px none; background: #faf8f5; color: #777; } #mainContent .options .t01 li a:hover { border-color: #c9080e; background-color: #c9080e;padding: 0 2px 0px 2px; } #mainContent .options .t01 li a:hover span { background-color: #c9080e; color: #fff; } #mainContent .submenu .t01{ margin: 0 0 0.8em 0; background: none; border:0px none; font-size: 100%;padding: 0;} #mainContent .submenu .t01 ul { margin: 0 0 0.4em 0; padding: 0; clear: left; overflow: auto} #mainContent .submenu .t01 ul li { list-style: none; float: left; margin: 0 4px 7px 0 ; background: none; padding: 0;} #mainContent .submenu .t01 li span { float: left; padding: 1px 3px; margin: 0 3px 0 0; border: 0px none; background: #faf8f5; color: #d8d4d1; } #mainContent .submenu .t01 li span.s01 {background-color: #c9080e; color: #fff;} #mainContent .submenu .t01 li a { float: left; margin: 0 3px 0 0; padding: 0 2px; border: 1px solid #f0e8de;background: #faf8f5;} #mainContent .submenu .t01 li a span { float: left; padding: 0 1px 1px 1px; border: 0px none; background: #faf8f5; color: #777; } #mainContent .submenu .t01 li a:hover { border-color: #c9080e; background-color: #c9080e;padding: 0 2px 0px 2px; } #mainContent .submenu .t01 li a:hover span { background-color: #c9080e; color: #fff; } /* TOC */ #mainContent .toc .t01 {border: 0px none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f9f9f9; margin: 0 0 0.8em 0; } #mainContent .toc .t03 {} #mainContent .toc .t03 ul {margin:0 50px;padding:0;} #mainContent .toc .t03 ul div {border: 0 none; background: none; padding:0;margin:0} #mainContent .toc .t03 ul li {margin:0 0 0.4em 0;padding:0;color:#960000;font-weight:bold;text-transform: uppercase} #mainContent .toc .t03 ul ul {margin:0 0 0 15px;padding:0;} #mainContent .toc .t03 ul ul li {margin:0;padding:0;background:none;padding:0 0 0 0px;color:#333;font-weight:normal;text-transform: none} #mainContent .toc .t03 ul li span {float:right} /* DEFINITION LISTS */ #mainContent .definitionList .t01 dl {font-size: 100%;} #mainContent .definitionList .t01 dl dt {font-size: 70%; line-height: 1.65em; font-weight: bold;text-transform: uppercase; color: #960000; } #mainContent .definitionList .t01 dl dd {font-size: 70%; line-height: 1.65em; padding: 0 0 0 15px; margin: 0 0 0 10px;} #mainContent .definitionList .t01 dl dd.s01 {padding: 0 0 0 15px; background:url(../i/tick.png) 0 0.45em no-repeat} #mainContent .definitionList .t02 dl {font-size:100%; overflow: auto; clear: left; margin: 0; padding: 3px 0 0 0; border-top: 2px solid #eee; border-bottom: 1px solid #eee;} #mainContent .definitionList .t02 dl dt {width: 12em; float: left; font-weight: bold; color: #666; clear: left; text-align: right; padding: 0; margin: 2px 0 0 0; position:relative; clear: left; border: 0px none; font-size: 70%; line-height: 1.65em; text-transform: uppercase} #mainContent .definitionList .t02 dl dd {padding:0 0 2px 14em; font-size: 70%;line-height: 1.65em; border-bottom: 1px solid #eee; margin: 2px 0 0 0;} /* RESOURCE LISTS */ #mainContent .resourceList .t01 { padding: 0px; border: 0px none; background-color: #fff;margin: 0 0 0.8em 0; } #mainContent .resourceList .t01 dl { width: 100%;border: 0px none; margin: 0; padding: 0; border-collapse:separate; font-size: 100%; } #mainContent .resourceList .t01 dt { font-weight: bold; padding: 0px 0px 0px 0px; color: #960000; font-size: 70%; } #mainContent .resourceList .t01 dt a { padding: 0; background: none;} #mainContent .resourceList .t01 dd { padding: 0 0 0em 15px; font-weight: normal; margin: 0; font-size: 70%;} #mainContent .resourceList .t01 dd.x01 { padding: 0 0 0.4em 15px; } #mainContent .resourceList .t01 dl dt.z01, #mainContent .resourceList .t01 dl dd.z01 { margin: 0; background-color: #fff; line-height: 1.65em; } #mainContent .resourceList .t01 dl dt.z02, #mainContent .resourceList .t01 dl dd.z02 { margin: 0; background-color: #fff;line-height: 1.65em; } /* BIBLIOGRAPHICAL LISTS */ /* TABLES */ #mainContent .table .image {display: none; !important;} #mainContent .table .t01 { padding: 0px; border: 0px none; background-color: #fff; margin: 0 0 10px 0; border-bottom: 3px solid #e8e3df;} #mainContent .table .t01 table caption { text-align: left; color: #333; font-size: 70%; text-transform: uppercase; } #mainContent .table .t01 table { padding: 0; margin: 0; border: 0px none;background: #fff; width: 100%; border-collapse:collapse; } #mainContent .table .t01 table th { background: #e8e3df; color: #3d281a; text-align: left; font-size: 70%; padding: 5px 5px; white-space: nowrap; border-bottom: 1px solid #d8d4d1; } #mainContent .table .t01 table td { color: #888; font-size: 70%; padding: 4px 5px; vertical-align: top; } #mainContent .table table td p {font-size:100%;} #mainContent .table .t01 table tr.z01 { background: #fcfbf9; } #mainContent .table .t01 table tr.z01 td { border-bottom: 1px dotted #e8e3df; border-top: 1px dotted #e8e3df; /*padding: 4px 10px;*/ } #mainContent .table .t01 table tr.z02 td.z04 { background: #f3f3f3;} #mainContent .table .t01 table tr.z01 td.z04 { background: #f8f6f4; } #mainContent .table .t04 { padding: 0px; border: 0px none; background-color: #fff; margin: 0 0 10px 0; border-bottom: 3px solid #e8e3df;} #mainContent .table .t04 table caption { text-align: left; color: #960000; font-size: 110%; font-weight: normal; margin: 1.2em 0 0.6em 0; font-family: Arial, Helvetica, sans-serif} #mainContent .table .t04 table { padding: 0; margin: 0; border: 0px none;background: #fff; width: 100%; border-collapse:collapse; } #mainContent .table .t04 table th { background: #ddd; color: #444; text-align: left; font-size: 70%; padding: 5px 10px; white-space: nowrap; border-bottom: 1px solid #ccc; } #mainContent .table .t04 table td { color: #333; font-size: 70%; padding: 4px 10px; vertical-align: top; line-height: 1.65em; } #mainContent .table .t04 table tr.z02 { background: #f3f3f3; } #mainContent .table .t04 table tr.z02 td { border-bottom: 1px dotted #eee; border-top: 1px dotted #eee; padding: 4px 10px; } /* INDEX: DOCUMENT */ /* INDEX: KEYWORD */ /* IMAGE: INLINE */ /* IMAGE: INLINE, LINKED / POPUP */ /* IMAGE: INLINE FIGURE, WITH CAPTION */ /* IMAGE: CENTRED BLOCK */ #mainContent .image .t05{position:relative;left:50%;float:left;clear:both;margin-bottom:10px;} #mainContent .image .t05 .w01{padding:5px 5px;position:relative;left:-50%;text-align:left;overflow:hidden} #mainContent .image .t05 dl {float: left; margin: 0; padding: 5px; font-size: 100%;} #mainContent .image .t05 dl dd {text-align: left; font-size: 70%; font-weight: bold; margin: 0; padding: 0; color: #999;} /* IMAGE: BLOCK */ #mainContent .image .t03 {margin:0 0 0.8em 0;padding:0; border: 0px none; background: none; } #mainContent .image .t03 dl {padding:0;border:0px none;font-size: 100%} #mainContent .image .t03 dl dt {line-height: 0; font-size: 0px; } #mainContent .image .t03 dl dt img { padding: 2px;border: 3px solid #eee; } #mainContent .image .t03 dl dd {font-size: 70%; line-height: 1.55em; color: #999;} /* LOGO MATRIX */ /* THUMBNAIL IMAGE GRID */ #mainContent .image .t01 {background: none; padding: 0; border: 0px none;} #mainContent .image .t01 dl {border: 0px none; width: 106px; padding: 0 0.4em 0.8em 0;margin: 0;font-size:100%; height: 115px; } #mainContent .image .t01 dl dt {padding: 0; margin: 0; height: 102px; overflow: hidden;line-height: 0;} #mainContent .image .t01 dl dt img {padding: 2px;} #mainContent .image .t01 dl dt.s01 img {border: 3px solid #eee;} #mainContent .image .t01 dl dt a {border: 0px none;} #mainContent .image .t01 dl dt a img {border: 3px solid #ccc;} #mainContent .image .t01 dl dt a:hover img {border: 3px solid #c9080e;} #mainContent .image .t01 dl dd {padding: 0; margin: 0; font-size: 70%; color: #999; font-weight:bold; line-height: 1.65em;} #mainContent .image .t04 {margin: 0.8em 0 0.3em 0; padding: 0; border: 0px none; background: none; } #mainContent .image .t04 a.x87 span { display: none; } #mainContent .image .t04 dl {padding:0;margin:0 5px 5px 0} #mainContent .image .t04 dl dt {line-height: 0; font-size: 0px; } #mainContent .image .t04 dl dt img { padding: 2px; } #mainContent .image .t04 dl dt a {border: 3px solid #ccc; float: left } #mainContent .image .t04 dl dt a:hover {border-color: #900;} /* SEARCH RESULTS */ #mainContent .searchResults .t01 { overflow: auto} #mainContent .searchResults .t01 .rNav {background: #eee;color: #666; font-size: 70%;float:left; padding: 6px 6px 7px 6px; overflow:auto; margin: 0 0 1.2em 0; line-height:1;} #mainContent .searchResults .t01 .rNav .s01 {float: left;background:#eee} #mainContent .searchResults .t01 .rNav .s02 {float: right;background:#eee} #mainContent .searchResults .t01 .rNav .s02 a {margin: 0 0.3em 0 0} #mainContent .searchResults .t01 ul {margin:0;padding:0;clear:both;} #mainContent .searchResults .t01 ul li {margin:0 0 15px 0;padding:0;float: left; padding: 0 1em 0 0; width: 22em;} #mainContent .searchResults .t01 ul li:hover dl dt {color: #c9080e;} #mainContent .searchResults .t01 ul li dl {margin:0;padding:0;font-size:100%;} #mainContent .searchResults .t01 ul li dl dt { width: 1.85em; float:left;font-size:240%;margin:0;padding:3px 0.3em 0 0; color:#ccc;font-weight:normal;font-family: Arial, Helvetica, sans-serif; text-align: right;} #mainContent .searchResults .t01 ul li dl dd {margin:0;padding:0;} #mainContent .searchResults .t01 ul li dl dd.s01 { padding: 0 0.5em 0 0;margin: 0 0.6em 0 0; float: left;} #mainContent .searchResults .t01 ul li dl dd.s01 {} #mainContent .searchResults .t01 ul li dl dd.s01 b {padding: 2px;border: 3px solid #eee; height: 106px; overflow: hidden; float: left;} #mainContent .searchResults .t01 ul li dl dd.s01 img {} #mainContent .searchResults .t01 ul li dl dd.x01 img {} #mainContent .searchResults .t01 ul li dl dd.s01 a {border: 0px none;} #mainContent .searchResults .t01 ul li dl dd.s01 a b {border: 3px solid #ccc;} #mainContent .searchResults .t01 ul li dl dd.s01 a:hover b {border: 3px solid #c9080e;} #mainContent .searchResults .t01 ul li dl dd.sx {font-weight: bold; color: #c9080e;} /* #mainContent .searchResults .t01 ul li {margin:0;padding:0;float: left; padding: 0 1em 0 0; width: 22em;} #mainContent .searchResults .t01 ul li:hover dl dt {color: #c9080e;} #mainContent .searchResults .t01 ul li dl {margin:0;padding:0;font-size:100%;} #mainContent .searchResults .t01 ul li dl dt { width: 1.85em; float:left;font-size:240%;margin:0;padding:3px 0.3em 0 0; color:#ccc;font-weight:normal;font-family: Arial, Helvetica, sans-serif; text-align: right;} #mainContent .searchResults .t01 ul li dl dd {margin:0;padding:0;} #mainContent .searchResults .t01 ul li dl dd.s01 { padding: 0 0.5em 0 0;margin: 0 0.6em 0 0; float: left; height: 106px; overflow: hidden} #mainContent .searchResults .t01 ul li dl dd.s01 img {padding: 2px;} #mainContent .searchResults .t01 ul li dl dd.x01 img {border: 3px solid #eee;} #mainContent .searchResults .t01 ul li dl dd.s01 a {border: 0px none;} #mainContent .searchResults .t01 ul li dl dd.s01 a img {border: 3px solid #ccc;} #mainContent .searchResults .t01 ul li dl dd.s01 a:hover img {border: 3px solid #c9080e;} #mainContent .searchResults .t01 ul li dl dd.sx {font-weight: bold; color: #c9080e;} */ /* PAYPAL */ #mainContent #diamm_payPalForm form input {border: 0px none;} #mainContent #diamm_payPalForm {margin: 0 auto; width: 149px} /* FORMS */ input.fs {visibility:hidden;line-height:0;font-size:0px;} #mainContent .form legend { border: 0px none; background: none; text-transform: none; } #mainContent .form label { font-weight: normal; width: auto; float: none; text-align: left;} #mainContent .form button{ float: left; margin: 0 3px 0 0; padding: 2px 3px; border: 1px solid #feeaef;background: #eee; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666; font-weight: bold;} #mainContent .form button:hover { border-color: #ddd; background-color: #ddd; color: #960000; cursor:pointer } #mainContent .form .t01 fieldset { border: 0px none; margin: 0 0 0.4em 0; padding: 0; } #mainContent .form .t01 fieldset legend {display: none;} #mainContent .form .t01 fieldset legend, #mainContent .form .t01 li.sx {margin: 0.8em 0 0 0;} #mainContent .form .t01 li fieldset {border-bottom: 1px solid #eee; padding: 0 0 0.4em 0} #mainContent .form .t01 li fieldset.f01 {border-bottom: 1px solid #eee; padding: 0 0 0.8em 0} #mainContent .form .t01 {border-top: 1px solid #eee;} #mainContent .form .t01 li fieldset fieldset {border-bottom: 0px none;padding:0;} #mainContent .form .t01 li fieldset legend.s01 { display:none; } #mainContent .form .t01 li fieldset legend {display: block; color: #b00; font-size: 100%;font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0.3em 0 0.3em 0; text-transform: uppercase} #mainContent .form .t01 li.s01 fieldset fieldset legend {display: block; color: #666; font-size: 100%;font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0.6em 0 0.3em 0; text-transform: none;} #mainContent .form .t01 li.s01 li label {display: block; float: none; color: #666; font-size: 100%;font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0;padding: 0.6em 0 0.3em 0; } #mainContent .form .t01 fieldset.s02 { /*float: left;*/ margin: 0 0 0 1em; } #mainContent .form .t01 fieldset.s03 { clear: both } #mainContent .form .t01 fieldset.s02 ol li { float: none; clear: left } #mainContent .form .t01 fieldset fieldset { } #mainContent .form .t01 fieldset fieldset.s1 { float: left; } #mainContent .form .t01 ol { margin: 0; padding: 0} #mainContent .form .t01 ol li {margin: 0; padding: 0} #mainContent .form .t01 ol li input { float: left; padding: 0 5px; } #mainContent .form .t01 ol li label { float: left; font-size: 100%; } #mainContent .form .t01 ol li .f5 p {margin: 0;} #mainContent .form .t01 ol li .f5 label { float: none; display: block; margin: 0 0 0.8em 0; } #mainContent .form .t01 ol li .f5 input {margin: 2px 5px 0 0} #mainContent .form .t01 ol li .f6 legend {display: none;} #mainContent .form .t01 ol li .f6 li { clear: left; line-height: 1.55em; } #mainContent .form .t01 ol li .f6 label {width: 13.5em; float: left; font-weight: bold;margin: 2px 5px 0 0; text-align: right;color: #666;} #mainContent .form .t01 ol li .f6 input, #mainContent .form .t01 ol li .f6 textarea {margin: 2px 5px 0 0;font-family:Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px;} #mainContent .form .t01 label { font-size: 70%; padding: 2px 5px 0 0; } #mainContent .form .t01 input.f1 { margin: 0 5px; font:11px Verdana, Arial, Helvetica, sans-serif; padding: 3px 3px;} #mainContent .form .t01 input.f3 { margin: 3px 5px 0 5px; float: left; } #mainContent .form .t01 select {font:11px Verdana, Arial, Helvetica, sans-serif; padding: 2px;} /* Special formatting */ #mainContent .form .t01 select.s1 { float: left; margin: 0 0 0.8em 0;} #mainContent .form .t01 legend.s1 { display: none; } #mainContent .form .t01 label.s1 { width: 10em; float: left; clear: left; padding: 2px 0 0.8em 0; color: #73001b; font-weight: bold;} #mainContent .form .t01 label.s2 { float: left;padding: 4px 5px 0.8em 0; color: #73001b; font-weight: bold; } #mainContent .form .t01 label.s3 { display: block;margin: 0 0 0.8em 0; } #mainContent .form .t01 input.s1 { width: 3em; } #mainContent .form .t01 input.s2 { float: left; } #mainContent .form .t01 ol.s01 { clear: left;} #mainContent .form .t01 ol.s01 li { float: left; width: 20em; position: relative; margin: 3px 20px 3px 0;} #mainContent .form .t01 ol.s01 li.s01 { float: left; clear: left; width: 100%; } #mainContent .form .t01 ol.s01 li.s02 { border-top: 1px solid #feeaef; padding: 4px 0 0 0; } #mainContent .form .t01 i { font-style: normal; padding: 0 0 0 10px; } #mainContent .form .t01 i a { float: left; border: 1px solid #feeaef; padding: 0 3px; margin: 0 0 0 10px;font-size: 70%;line-height: 1.35em;font-style: normal} #mainContent .form .t01 li i a {font-size: 100%;margin: 0;} #mainContent .form .t01 legend i a { float: none;font-size: 100%;margin: 0;} #mainContent .form .t02 fieldset { border: 0px none; margin: 0; padding: 0; } #mainContent .form .t02 fieldset legend {color: #73001b; font-size: 70%; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0.6em 0 0.3em 0;} #mainContent .form .t02 fieldset.s02 { float: left; clear: left; margin: 0.4em 0 0.4em 3em;} #mainContent .form .t02 fieldset.s03 { clear: both } #mainContent .form .t02 fieldset.s02 ol li { float: none; clear: left } #mainContent .form .t02 ol li.s1 { float: left; clear: none} #mainContent .form .t02 fieldset fieldset { } #mainContent .form .t02 fieldset fieldset.s1 { float: left; } #mainContent .form .t02 ol { margin: 0; padding: 0} #mainContent .form .t02 ol li {margin: 0; padding: 0; clear: left;} #mainContent .form .t02 ol li {margin: 0; padding: 0; clear: left;} #mainContent .form .t02 ol li.s1 {float: left;} #mainContent .form .t02 ol li input { float: left; padding: 0 5px; } #mainContent .form .t02 ol li label { float: left; font-size: 100%; } #mainContent .form .t02 label { font-size: 70%; padding: 2px 5px 0 0; } #mainContent .form .t02 input.f1 { margin: 0 5px; font:11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 3px;} #mainContent .form .t02 input.f2 { margin: 4px 4px 0 0; float: left;} #mainContent .form .t02 ol.s01 { clear: left; margin: 0.8em 0 0 0;} #mainContent .form .t02 ol.s01 li { float: left; width: 20em; position: relative; margin: 3px 20px 3px 0; clear: none;} #mainContent .form .t02 ol.s01 li.s01 { float: left; clear: left; width: 100%; } #mainContent .form .t02 ol.s01 li.s02 { border-top: 1px solid #feeaef; padding: 4px 0 0 0; } #mainContent .form .t02 ol.s01 li i { position: absolute; right: 0; font-style: normal } #mainContent .form .t02 i a { float: left; border: 1px solid #feeaef; padding: 0 3px; margin: 0;} #mainContent .form .t02 label.s1 { float: left; width: 8em; } #mainContent .form .t02 label.s2 { float: left; width: auto} #mainContent .form .t02 label.s4 { display: none; } #mainContent .form .t02 input.s1 { width: 12em; } #mainContent .form .t01 input.s2 { float: left; } #mainContent .form .t02 fieldset.s1 { margin: 0; } /* BLOCK BEHAVIOURS */