/* ====================================================================== CORE STYLES // THEOCC.COM The world's largest equity derivatives clearing organization options@theocc.com (c) 2012 OCC, All Rights Reserved. Last Update: January 4, 2012 INDEX 1. CSS IMPORTS 2. GENERAL 3. CORE STRUCTURE 4. GLOBAL TYPOGRAPHY 5. GLOBAL HEADER + FOOTER 6. NAVIGATION 7. GENERAL CONTENT 8. TABLE STYLES 9. FORMS 10. PRODUCT DETAILS (SERIES SEARCH) 11. HOME ======================================================================== */ /*------------------------------------------- 1) CSS Imports -------------------------------------------*/ @import url("reset.css"); /*------------------------------------------- 2) GENERAL -------------------------------------------*/ body { color:#545454; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } a:link, a:visited { font-weight: bold; color:#32729d; text-decoration:none; } a:hover, a:active { font-weight: bold; color:#ffbe40; text-decoration:underline; } /*------------------------------------------- 3) CORE STRUCTURE -------------------------------------------*/ #wrapper {margin:0 auto;width:980px;} #container {width:980px;} #content {width:550px;float:left;min-height:500px; padding-bottom:25px;} #left {width: 160px;float:left;background-color:#fff;padding-right:15px;} #right {width: 240px;float:left;background-color:#fff; padding-left:15px; display:inline; margin-right: -3px;} /*Last two properties needed to fix IE6 "duplicate characters bug*/ #footer {clear: both; width:980px;} /*------------------------------------------- 4) GLOBAL TYPOGRAPHY -------------------------------------------*/ h1 {font-size:1.2em; font-weight:bold; padding:0 0 5px 0;} h2 {font-size:1.1em; font-weight:bold;} h3 {font-size:1em; font-weight: bold;} h4 {font-size:1em; font-weight: bold;} h5 {font-size:.8em; font-weight: bold;} h6 {font-size:1.1em; font-weight:bold;} strong {font-weight: bold;} em {font-style:italic;} sup {font-size:9px; vertical-align:text-top; line-height:1em !important;} sub { bottom: -0.25em; font-size: 0.7em; line-height: 0; position: relative; } /*------------------------------------------- 5) GLOBAL HEADER + FOOTER -------------------------------------------*/ #header {border-top: 4px solid #3395c6;} .logo {margin:14px 0 14px 20px; float:left;} .inner {width:800px; float:right;} .toplinks {float:left;} .toplinks p { font-size: 0.9em; margin-top:23px; margin-bottom:5px; color:#929292;} .toplinks ul li {display:inline; list-style-image:none; list-style-position: outside; list-style-type: none; margin-top:5px; font-size:0.9em;} .toplinks ul li a {margin-top:5px; padding:0 8px 0 5px; border-right:1px solid #999;} .toplinks ul li.first a {padding-left:0;}/*Remove padding from first item */ .toplinks ul li.last a {border-right:0;} /*Remove line from last item */ li.feedback {background: #fff url(/National_Library/oe_/https://www.theocc.com/components/img/icon_feedback.gif) no-repeat 65px 1px; padding-right:20px;} #search {background-color:#f3f3f3; width:340px; float:right; height:70px;} #search form {padding:0px 0px 0px 24px; background-color:#f3f3f3;} #search form input{background-color:#e2f6ff;border: 0;} #search ul {padding:10px 15px 5px 25px;} #search ul li {display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; font-size: .9em; color:#929292; padding-right:15px;cursor: pointer;} #search ul li.bold {display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; font-size: .9em; color:#929292; font-weight:bold; padding-right:15px;cursor: pointer;} #search form input.searchbutton {padding:0px;margin:0;height:24px;float:left;} #search form input.searchstring {color:#a1c8d9; font-size: 1.2em; height:20px; padding:3px 0px 2px 4px; vertical-align:bottom;background: #f3f3f3 url(/National_Library/oe_/https://www.theocc.com/components/img/buttons/search_input_bg.gif) 0 0 repeat-x;float:left; width:270px;} .search_arrow_web {background: #f3f3f3 url(/National_Library/oe_/https://www.theocc.com/components/img/buttons/search_input_arrow.gif) 60px 0 no-repeat;padding:6px 0 0 0;} .search_arrow_memo {background: #f3f3f3 url(/National_Library/oe_/https://www.theocc.com/components/img/buttons/search_input_arrow.gif) 160px 0 no-repeat;padding: 6px 0 0 0;} #footer {width: 100%; border-top:1px solid #e7e7e7; margin: 50px 0 20px 0; } #footer a, #footer a:hover, #footer a:visited {font-size: 1em; color:#32729d; font-family:Arial, Helvetica, sans-serif;} #footer p{padding:15px 20px 0 20px; font-size: 1em; font-family:Arial, Helvetica, sans-serif; line-height: 1.25;} #footer p span{width: 980px; padding:10px 0 0 0; font-size: 1em; line-height: 1.25;} noscript div.major {color:#832a2a; font-family:Arial, Helvetica, sans-serif; background:#f8d9d9 url(/National_Library/oe_/https://www.theocc.com/components/img/noscript.gif) 0 0 repeat-x; padding:5px;float:right;font-weight:bold;text-align:center;width:100%;} /*------------------------------------------- 6) NAVIGATION -------------------------------------------*/ /* PRIMARY */ .nav {background:url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) repeat-x; height:63px; /* margin-bottom:20px; Commented out for https notice remove comment if notice is removed. */} #navmenu { width: 100%;} #home {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_07.gif) no-repeat; height:39px; width:45px;} #home.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_07.gif) no-repeat; height:39px; width:45px;} #about {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_08.gif) no-repeat; height:39px; width:65px;} #about.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_08.gif) no-repeat; height:39px; width:65px;} #clearing {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_09.gif) no-repeat; height:39px; width:150px;} #clearing.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_09.gif) no-repeat; height:39px; width:150px;} #membership {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_10.gif) no-repeat; height:39px; width:96px;} #membership.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_10.gif) no-repeat; height:39px; width:96px;} #risk-management {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_11.gif) no-repeat; height:39px; width:138px;} #risk-management.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_11.gif) no-repeat; height:39px; width:138px;} #market-data {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_12.gif) no-repeat; height:39px; width:103px;} #market-data.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_12.gif) no-repeat; height:39px; width:103px;} #initiatives {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_13.gif) no-repeat; height:39px; width:88px;} #initiatives.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_13.gif) no-repeat; height:39px; width:88px;} #education {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_14.gif) no-repeat; height:39px; width:92px;} #education.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_14.gif) no-repeat; height:39px; width:92px;} #myoccmain {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/nav_15.gif) no-repeat; height:39px; width:84px;} #myoccmain.sfHover {background:url(/National_Library/oe_/https://www.theocc.com/components/img/nav/activenav_15.gif) no-repeat; height:39px; width:84px;} /* SECONDARY */ .subnav { background-color:#0a71a5; height:30px;} .subnav ul{ padding-top: 8px; padding-bottom:10px;} .subnav ul li{display:inline; list-style-image:none; list-style-position:outside; list-style-type:none;} .subnav ul li a:link, .subnav ul li a:visited { font-size: .8em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fff; padding-right:5px; padding-left:20px;} .subnav ul li a:hover, .subnav ul li a:active { font-size: .8em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffbe40; padding-right:5px; padding-left:20px;} .subnav ul li a.active { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#ffbe40;} /*TERTIARY*/ #tertiarynav {background-color:#0a71a5; margin-bottom:10px;} #tertiarynav ul{padding:8px 15px 8px 20px;} #tertiarynav ul li{padding:4px 0 6px 0; border-bottom:1px solid #4d95bf;} #tertiarynav ul li.last{border-bottom:0;} /*Remove line from last item */ #tertiarynav a:link, #tertiarynav a:visited{color:#fff; font-size:.9em; text-decoration:none; font-weight:bold;} #tertiarynav a:hover, #tertiarynav a:active{color:#ffbe40; font-size:.9em; text-decoration:none; font-weight:bold;} #tertiarynav a.current{color:#ffbe40; font-size:.9em; text-decoration:none; font-weight:bold;} #relatedlinks {background-color:#fff;} #relatedlinks ul{padding:10px 15px 10px 5px;} #relatedlinks ul li {padding-bottom:6px;} #relatedlinks a:link, #relatedlinks a:visited{ color:#32729d; font-size:.9em;} #relatedlinks a:hover, #relatedlinks a:active{ color:#ffbe40; font-size:.9em;} /*------------------------------------------- 7) GENERAL CONTENT -------------------------------------------*/ .back-gray {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -69px repeat-x #e3e3e3; padding:6px;} .back-orange {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -109px repeat-x #f39521; padding:6px; color:#fff;} .back-green {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -150px repeat-x #8fcd3e; padding:6px; color:#fff;} .back-blue {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -191px repeat-x #8fcd3e; padding:6px;} .back-title {font: normal 1.6em/1.15em Georgia,Times,serif; color:#e86d1d; padding:0.5em 0.5em 0.5em 0; margin-bottom:0.5em; border-bottom:1px dotted #ccc;} .back-title-small {font: normal 1.5em/1.2em Georgia,Times,serif; padding:0.3em 0.3em 0.3em 0; margin-bottom:0.3em; border-bottom:1px dotted #ccc;} #content p { color:#545454; line-height:1.5em; margin-bottom:15px;} #content h1 {margin-bottom:1em;} #content h2 {color:#c5a00c; margin-bottom:8px;} #content h3 {color:#5b9d41; margin-bottom:8px;} #content h4 {margin-bottom:8px;} #content h6 {color:#0971a6; margin-bottom:8px;} #content ul.bullets {margin-bottom:15px;} #content ul.bullets li {background:#FFF url(/National_Library/oe_/https://www.theocc.com/components/img/bullet_green.gif) no-repeat scroll 6px 8px;line-height:1.6em;padding:0 3px 6px 16px;} #content ul.bullets ul {padding: 8px 0 0 35px;} #content ul.bullets ul li {background:none; list-style-type:circle; padding-left:0;} #content ul.rssfeed {margin-bottom:15px;} #content ul.rssfeed li {background:#FFF url(/National_Library/oe_/https://www.theocc.com/components/img/subscription-center/rssfeed-small.png) no-repeat scroll 6px 2px;line-height:1.6em;padding:0 3px 6px 25px;} #content ul.rssfeed ul {padding-left:35px;} #content ul.rssfeed ul li {background:none; list-style-type:circle; padding-left:0;} #content ul.circles {margin-bottom:15px;} #content ul.circles li {background:#FFF url(/National_Library/oe_/https://www.theocc.com/components/img/bullet_circle.gif) no-repeat scroll 6px 8px;line-height:1.6em;padding:0 3px 0 16px;} #content ol {list-style-type:decimal;margin:0;padding:0 0 15px 0;} #content ol li {padding:0;margin: 0 0 0 25px;font-weight:bold; } #content ol li p {font-weight:normal;} #content ul.QA {list-style-type:none;margin: 0 0 0 32px;padding: 0 0 15px 0;} #content ul.QA li {margin: 0 0 0 -30px;padding: 0 10px 0 15px;} #content ul.QA li span {margin: 0 4px 0 -17px;} #content table.member {width:100%;} #content table.member td{padding:10px; border-top:1px dotted #dadada; line-height:1.3em;} #content form input.searchbutton {height:24px; margin:0 0 5px 0; vertical-align:bottom; padding:0; } #content form input.searchstring {color:#a1c8d9; font-size: 1.2em; padding:3px 0px 0 4px; margin:0 0 3px 0; background: #f3f3f3 url(/National_Library/oe_/https://www.theocc.com/components/img/buttons/search_input_bg.gif) 0 0 repeat-x;} #right h2, #right h3 {margin-bottom: 1em;} #right p {font-size:0.9em; line-height:1.3em; margin-bottom:15px;} #right ul.bullets {margin-bottom:15px;} #right ul.bullets li {background:#FFF url(/National_Library/oe_/https://www.theocc.com/components/img/bullet_green.gif) no-repeat scroll 6px 8px;line-height:1.6em;padding:0 3px 6px 16px;list-style-type: none;} #right ul.date-grid {margin:10px 10px 20px 10px;} #right ul.date-grid li {border-right:1px solid #CCC;display:inline;line-height:1.5em;margin:5px 10px 15px 0;padding-right:10px;} div#content.twocol {width:800px !important;} div#content.onecol {width:980px !important; min-height:350px !important;} .half {width:250px; float:left; margin-right:10px;} .last_half {float:right; width:250px; margin-right:10px;} #content .note {font-size:0.9em;} .notification-urgent {padding: 20px 0 10px 0; border-top: 4px solid #cc4040; font: 0.9em Tahoma,Arial,sans-serif;} .notification-urgent ul.bullet-urgent{margin: 2px 10px 10px 10px; list-style: none;} .notification-urgent li.urgent{background: #fff url(/National_Library/oe_/https://www.theocc.com/components/img/notice_urgent_image.jpg) no-repeat scroll; padding-left: 44px; padding-top: 3px;} .notification-urgent a{text-decoration: underline;} .notification-normal {padding: 20px 0 10px 0; border-top: 4px solid #e8bc47; font: 0.9em Tahoma,Arial,sans-serif;} .notification-normal ul.bullet-normal{margin: 2px 10px 10px 10px; list-style: none;} .notification-normal li.normal{background: #fff url(/National_Library/oe_/https://www.theocc.com/components/img/notice_normal_image.jpg) no-repeat scroll; padding-left: 44px; padding-top: 3px;} .notification-normal a{text-decoration: underline;} .legal-notice {padding: 40px 17px 0 17px; color: #8b8b62;background:url(/National_Library/oe_/https://www.theocc.com/components/img/legal_notice_background.gif) 17px 17px no-repeat #f8f8dd;border-top: 1px solid #ebebb9;border-bottom: 1px solid #ebebb9;margin-bottom:15px; font: 0.9em Tahoma,Arial,sans-serif;} /*{padding: 40px 17px 0 17px; color: #8b8b62;background:url(/National_Library/oe_/https://www.theocc.com/components/img/legal_notice_background.gif) 17px 17px no-repeat #f8f8dd;border-top: 1px solid #ebebb9;border-bottom: 1px solid #ebebb9;margin-bottom:15px; font: 0.9em Tahoma,Arial,sans-serif;} - previous one to change color*/ .general-notice {padding: 11px; spacing: 3px; color: #8b8b62;background-color:#f8f8dd;border-top: 1px solid #ebebb9;border-bottom: 1px solid #ebebb9;margin-bottom:15px;font-size:12px;font-family:Tahoma,Arial,sans-serif;} .general-notice-bright {padding: 11px; spacing: 3px; color: #8b8b62;background-color:#E0F6C6;border-top: 1px dotted #93C753;border-bottom: 1px dotted #93C753;margin-bottom:15px;font-size:12px;font-family:Tahoma,Arial,sans-serif;} #general-disclaimer { margin-bottom: 20px; } #general-disclaimer p {border-top:1px solid #ccc; padding-top:1.0em; line-height:1.2em; font: 0.95em Tahoma,Arial,sans-serif;} #general-disclaimer a:link, #general-disclaimer a:visited {font-weight:bold;} #general-disclaimer a:hover, #general-disclaimer a:active {font-weight:bold; color:#ffbe40;} .picright {float:right; margin-left:0.5em;} .light {color:#959595 !important;} .small {font-size:0.9em !important;} .clear {clear: both;} .biglink {font-size:1.3em;} .file {font-size:0.9em; color:#959595;} .section-visual {margin-bottom:10px;} .item-date {font-size:0.9em; color:#979797;} .normal {font-weight:normal;} .caps {text-transform: uppercase; letter-spacing:1px;} .statement {font-size:2em; line-height:1.3em !important; font-family:Georgia, "Times New Roman", Times, serif; color:#202020 !important;} .sub-statement {font-size:1.25em; color:#09567d;} .biotitle {font:0.45em Arial, Helvetica, sans-serif; color:#959595; line-height:12px;} .docfloat {float:right;margin:0 10px 10px 15px; padding:15px 0 15px 15px; border-left:1px solid #ccc; width:inherit; width:222px;} .docfloat p { padding: 5px 0 0 5px; font-size:0.95em;} div.img-alert {background:url(/National_Library/oe_/https://www.theocc.com/components/img/alerty.png) 0 0 no-repeat; padding:10px 0 8px 40px;} ul.symlist {list-style-type:none;} #content ul.symlist li {background:none; display:inline; background-color:#81bb35; color:#fff; padding:3px; margin-right:3px; font-weight:bold;} img.thumb{border:1px solid #959595; margin:5px;} #tooltip { position: absolute; z-index: 3000; border: 1px solid #8FCD3E; background-color: #E3FFBF; padding: 8px; line-height: 1.5em; max-width: 200px; } #gallery1, #gallery2, .slide1 {width: 550px; height: 260px;} .slide1 img {display: block; margin: auto; padding:4px; border:1px solid #ccc;} #gallery3, .slide2 {width: 550px; height: 302px;} .slide2 img {display: block; margin: auto; padding:4px; border:1px solid #ccc;} .left { text-align: left; } .right { text-align: right; } /* Contact us list styles */ #contactus ul {list-style-position:outside; list-style-type:disc; margin:0 0 10px 0; padding:4px 0 0 20px; line-height:1.3em;} #contactus ul li {padding: 4px 0;margin:0;} #contactus ul li span {color: #545454;} /* Right column list styles */ #right ul {list-style-position:outside; list-style-type:disc; margin:0 0 15px 0; padding:0 0 0 30px; line-height:1.3em; color: #C0C0C0;} #right ul li{padding: 0;margin:0;} #right ul li span {color: #545454;} /* Legal notice list styles */ div.legal-notice ul {list-style-position:outside; list-style-type:disc; margin:0 0 10px 0; padding:0 0 0 15px; line-height:1.3em; color: #C0C0C0;} div.legal-notice ul li {padding: 0;margin:0;} /* Career Center styles */ #career_masthead {background: url(/National_Library/oe_/https://www.theocc.com/components/img/about/career/career_bg.jpg) 0 0 no-repeat; width: 805px;height: 150px;margin: 0; padding:0;} #career_bar {text-align:right;padding: 78px 0 0 0;} #career_container {margin: 0 0 0 25px;background-color: #00FFFF;} #career_container .career_section {float:left;width:130px;padding: 25px 25px 0 0;} #career_container .career_section .title {text-transform: uppercase; font-weight: bold;font-size:.9em;padding: 10px 0 5px 0;margin:0;} #career_container .career_section p {padding:0;margin:0;font-size: .9em;} /* 404 - Page Not Found styles */ #not-found {width:652px;height: 330px;margin:40px auto;} #not-found .left {float:left; width:524px; height:330px; background: url(/National_Library/oe_/https://www.theocc.com/components/img/404_bg_left.gif) 0 0 no-repeat; padding:20px 60px;} #not-found .title {border-bottom: 1px solid #d4d4d4;padding: 0 0 16px 0;color: #e86d1d; font: 24px Georgia, "Times New Roman", Times, serif;} #not-found .text {padding: 16px 0;line-height:17px;} #not-found .title span {font-size: 16px; color: #cecece;} #not-found ul.links {margin: 0 0 16px 0;padding:0 0 16px 0;} #not-found ul.links li {float:left;background:transparent url(/National_Library/oe_/https://www.theocc.com/components/img/404_bullet.gif) no-repeat 0 7px;line-height:1.6em;padding:0 16px 6px 8px;} #not-found .contact {border-top: 1px solid #d4d4d4;padding: 16px 0;border-bottom: 1px solid #d4d4d4;} #not-found .contact span {margin: 0 0 0 30px;} #not-found .right {float:right; width:8px; height:330px; background: url(/National_Library/oe_/https://www.theocc.com/components/img/404_bg_right.gif) 0 0 no-repeat;} /* Subscription Center styles */ table#subcentertable {margin:10px; padding: 10px; line-height:1.5em;} table#subcentertable tr {border-top:0px} table#subcentertable td {border-top:0px; vertical-align:top;} table#subcentertable th {font-weight:bold; padding:8px 0; color:#8fcd3e;} /*------------------------------------------- 8) TABLE STYLES -------------------------------------------*/ table#reports td {vertical-align:top; padding:10px;} table#reports td img {padding-bottom:5px;} table#annual-reports td {vertical-align:top; padding-right: 3px; padding-bottom: 5px; text-align:left;} table#annual-reports td img {padding-bottom:5px; padding-right:10px;} #panel-download {float:right;} #panel-download img {padding:0 2px 0 0;} #panel-tools {float:right; margin:3px 10px 0 0;} table#data { font: 11px Arial; width: 100%; border-collapse: collapse; margin:5px 0 15px 0; } table#data thead {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -232px repeat-x #dadada;} table#data thead.pc {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater2.gif) 0 -230px repeat-x #dadada;} table#data th, thead td { border: 1px solid #dadada; padding: 3px; font-weight: bold; text-align: center; } table#data tbody td, table#data tfoot td { padding: 3px; border: 1px solid #dadada; text-align: right; } table#data tbody td.shaded { background-color: #ebebeb; } table#data tbody td.exch, table#data tfoot th.exch { font-weight: bold; text-align: left; } table#data tr.striped td { background-color: #feffbb; } table#data tr.odd { background-color: #E0EAEF;} table#data tfoot tr { background-color: #E1E1E1; } table#data tfoot td { } table#data tfoot th { text-align: right; } table#data tfoot tr.striped td, table#data tfoot tr.striped th { background-color: #caebff; color:#545454;} table#data .left { text-align: left; } table#data .right { text-align: right; } table.list th, table.list td {padding:8px 50px 0 8px;} table.list th {border-bottom:1px solid #d2d2d2;} table.list2 {border-collapse: collapse; margin-bottom:1em;} table.list2 th, table.list2 td {padding:8px; border:1px solid #dadada;} table.list2 th {font-weight:bold; color:#E86D1D;} table.list3 th, table.list3 td {padding:8px 20px 0 8px;} table.list3 th {border-bottom:1px solid #d2d2d2; font-weight: bold;} table.list3 {padding: 0 15px 15px 15px;} table.list4 {width: 775px;} table.list4 td {padding:8px 8px 0 8px;} table#alerts {margin:10px;} table#alerts td {padding:10px 10px 0 0; border-top:1px solid #E3E3E3; vertical-align:top;} table#alerts th {font-weight:bold; padding:8px 0; color:#8fcd3e;} #alerts em {color:#9b9b9b; font-size:0.9em;} table#memos { font: 12px Arial; width: 100%; border-collapse: collapse; margin:5px 0 15px 0; } table#memos thead {background: url(/National_Library/oe_/https://www.theocc.com/components/img/sprites/repeater.gif) 0 -232px repeat-x #dadada;} table#memos th, thead td { border: 1px solid #dadada; padding: 5px; font-weight: bold; text-align: center; } table#memos tbody td { padding: 5px; border: 1px solid #dadada; text-align: left; } table#memos tr.striped td { background-color: #feffbb; } /* tablesorter specific styles */ table#data.tablesorter thead tr .header { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right:1.5em; } table#data.tablesorter thead tr .headerSortUp { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/asc.gif); } table#data.tablesorter thead tr .headerSortDown { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/desc.gif); } table#data.tablesorter thead tr .headerSortDown, table#data.tablesorter thead tr .headerSortUp {background-color: #f39624; color:#fff; } table#memos.tablesorter thead tr .header { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right:1.5em; } table#memos.tablesorter thead tr .headerSortUp { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/asc.gif); } table#memos.tablesorter thead tr .headerSortDown { background-image: url(/National_Library/oe_/https://www.theocc.com/components/img/tables/desc.gif); } table#memos.tablesorter thead tr .headerSortDown, table#memos.tablesorter thead tr .headerSortUp {background-color: #f39624; color:#fff;} #pubs img {margin-right:20px;} #pubs td {padding: 20px 0; border-bottom:1px solid #ccc; vertical-align:top;} #pubs tr.last td {border-bottom:none;} /* Schedule of Fees styles - Leader dot styles */ h3.fee-barback {background-color:#e3e3e3; color:#545454 !important; padding:8px; margin:0 !important;} div.fee-col-left, div.fee-col-right {width:246px; padding:13px 13px 20px 13px;} div.fee-col-left {float: left;border-right:1px solid #e3e3e3;} div.fee-col-right {float: right;} div.fee-wrapper {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; } .fee-wrapper table th {padding: 0; font-weight: bold;text-align:left;} .fee-wrapper table td {padding:6px 0 0 0; line-height:1.3em;} .fee-wrapper table {margin-bottom:8px;} .fee-wrapper table.ancillary-left {margin-bottom: 75px;} .rule {margin:10px 0;} td.quant {text-align:left;width: 163px; background: transparent url(/National_Library/oe_/https://www.theocc.com/components/img/tables/dot.gif) bottom repeat-x;} td.value {text-align:left;width: 74px; color:#51984c; padding-left:0px !important;vertical-align:bottom;} span.value {color:#51984c;} td.quant-tier {width: 75px;background: transparent url(/National_Library/oe_/https://www.theocc.com/components/img/tables/dot.gif) 0 15px repeat-x;vertical-align:top;padding: 3px 30px 0 0 !important;font-weight: bold;} td.value-tier {text-align:left;width: 130px; color:#51984c; padding:3px 0 0 0 !important;vertical-align:top;} td.quant-t1, td.quant-pub {text-align:left;width: 250px; background: #fff url(/National_Library/oe_/https://www.theocc.com/components/img/tables/dot.gif) bottom repeat-x;} td.value-t1, td.value-pub {text-align:left;width: 150px; color:#51984c; padding-left:0px !important;vertical-align:bottom;} .field {background-color: #fff; padding: 0 3px 0 0;} #content div.fee-col-left p.cost, #content div.fee-col-right p.cost {color:#51984c;line-height:1.3em; margin:0; padding:0 0 4px 0;} #content div.fee-col-left ul, #content div.fee-col-right ul {list-style-position:outside; list-style-type:disc; margin:0; padding:0 0 0 30px; line-height:1.3em; color: #C0C0C0;} #content div.fee-col-left ul li, #content div.fee-col-right ul li {padding: 4px 0;margin:0;} #content div.fee-col-left ul li span, #content div.fee-col-right ul li span {color: #545454;} #content div.fee-col-full {width: 518px;padding: 13px} #content div.fee-col-full td.t1-right {padding-left:15px;width: 258px;} #content div.fee-col-full td.t1-left{width: 245px;} .bottom {border-bottom:1px solid #e3e3e3;margin: 0 0 15px 0;} #content div.fee-col-full td.pub-list {padding: 15px 0 0 0 !important;} td.series-left, td.escrow-left, td.prices-left, td.theory-left {width: 245px;} td.series-right, td.escrow-right, td.prices-right, td.theory-right {padding-left:15px;width: 306px;} /* table.prices, table.theory {width:100%;} table.prices td, table.theory td {width:100%;text-align:center;} */ /*------------------------------------------- 9) FORMS -------------------------------------------*/ #query fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #query label {float:left; width:10em; margin-right: 1em; text-align:right; font-weight:bold; } #query legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #query fieldset ol {padding:1em 1em 0 1em; list-style:none;} #query fieldset li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} #query fieldset p {float:left; clear:left; width: 100%; padding:0 0 .4em 0; background:none; display:inline; margin-right: -3px;} /*Last two properties needed to fix IE6 "duplicate characters bug*/ #query fieldset.submit {border:none;} input#submit-query {margin-left: 28%;padding:1em;} img#submit-processing {margin-left: 28%;padding: 1em;} .button-fix {margin-bottom:-7px;} .red {color: #933;} label.error {color: #B81900; float:none !important; font-size:0.95em; font-weight:bold; padding-left:10px; } #subcenter fieldset {float:left; width: 804px; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #subcenter label {float:left; width:11em; margin-right: 1em; text-align:right; font-weight:bold; } #subcenter legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #subcenter fieldset ol {list-style:none;} #subcenter fieldset li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} #subcenter fieldset p {float:left; clear:left; width: 100%; padding:0 0 .4em 0; background:none; display:inline; margin-right: -3px;} /*Last two properties needed to fix IE6 "duplicate characters bug*/ #subcenter fieldset.submit {width:auto;border:0 none #FFF; padding-left:13em;} #subcenter fieldset.captcha {width:auto;border:0 none #FFF; padding-left:20em;} #subcenter h2 { background-color: #ebebeb; } #membership_form table {margin-top: 1em;} #membership_form td.label {padding-right:0.75em; padding-top:0.35em; padding-bottom:1em; text-align:right; vertical-align:top; width:10em;} #membership_form td.field {padding-bottom:10px; white-space:nowrap;} #membership_form td.status {padding-left:5px; padding-top:5px; vertical-align:top; width:200px;} #membership_form label.error { background: url(/National_Library/oe_/https://www.theocc.com/components/img/forms/notvalid.png) no-repeat scroll 0 0 transparent; color: #B81900; font-weight:bold; padding-bottom:0.5em; padding-left:1.75em; font-size:0.9em; line-height: 1.25em;} #membership_form label.checked { background: url(/National_Library/oe_/https://www.theocc.com/components/img/forms/check.png) no-repeat scroll 0 0 transparent;} #membership_form fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #membership_form legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #membership_form label {float:left; width:15em; text-align:right; font-weight:bold; } #membership_form label span.instruct {float:none !important; font-size:0.75em; font-weight:normal; padding:0.25em;} #membership_form fieldset ol {padding:1em 1em 0 1em; list-style:none;} #membership_form fieldset li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} #membership_form fieldset p {float:left; clear:left; width: 100%; padding:0 0 .4em 0; background:none; display:inline; margin-right: -3px;} /*Last two properties needed to fix IE6 "duplicate characters bug*/ #membership_form fieldset.submit {width:auto;border:0 none #FFF; padding-left:12em;} #membership_form div.grey {color:#666; font-weight:normal; margin: 0.5em 0 0.5em 1.5em;} #membership_form span.right {text-align:right; padding: 0 0 0 6.25em; } #membership_form label#international_number_checkbox {float:none; text-align:left; font-weight:normal; } #membership_form label#financial_institution_checkbox {float:none; width:1em; text-align:left; font-weight:normal; } #membership_form label#products_checkbox {float:none; width:1em; text-align:left; font-weight:normal; } #membership_form label#commodity_exchanges_checkbox {float:none; width:1em; text-align:left; font-weight:normal; } #membership_form label#account_type_checkbox {float:none; width:1em; text-align:left; font-weight:normal; } #errors { border: 1px solid #B81900; background-color: #EFC8C2; padding: 5px; margin: 10px 0 15px 0; color: #B81900; font-weight: bold; display: none; } #errors_server { border: 1px solid #B81900; background-color: #EFC8C2; padding: 5px; margin: 10px 0 15px 0; color: #B81900; font-weight: bold; } #errors p, #errors_server p { margin: 0px; padding: 0px; color: #B81900; float:none !important; font-size:0.95em; font-weight:bold; } #errors p label.error, #errors_server p label.error { padding-left: 0px; } #errors ul, #errors_server ul { padding: 10px 5px 10px 20px; } #errors ul li, #errors_server ul li { list-style-type: disc; line-height: 1.6em; } #thanks { border: 1px solid #B81900; background-color: #EFC8C2; padding: 5px; margin: 10px 0 15px 0; color: #B81900; font-weight: bold; display: none; } #thanks p { margin: 0px; padding: 0px; color: #B81900; float:none !important; font-size:0.95em; font-weight:bold; } #thanks p label.error { padding-left: 0px; } #thanks ul { padding: 10px 5px 10px 20px; } #thanks ul li { list-style-type: disc; line-height: 1.6em; } #infomemo fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #infomemo legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #infomemo label { margin: 0 .7em 0 1.7em; text-align:right; } #infomemo fieldset ol {padding:1em 1em 0 1em; list-style:none;} #infomemo fieldset li {float:left; padding:0 0 1em 0; background:none;} #infomemo fieldset li.infomemos_all {width: 100%; padding:0 0 1em 0; background:none;} #infomemo fieldset .submit { border:0 none #FFF; padding: 0 0 .5em 1em; vertical-align:middle;} #contact fieldset {float:left; width: 99%; margin:0 0 2em 0; padding:0 0 1em 0; border:1px solid #e2e2e2;} #contact legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #contact label {margin: 0 .7em 0 0; float:left; text-align:right;width: 160px;padding:.7em 0 0 0;} #contact fieldset ol {padding:1em 1em 0 1em; list-style:none;} #contact fieldset li {float:left;padding:0 0 .5em 0; background:none;} #contact fieldset textarea {margin: 1.7em 1.7em .7em 1.7em} #contact .submit { border:0 none #FFF;text-align:center;} #subscribe fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #subscribe legend {margin-left:0.10em; color:#C5A00C; font-weight:bold; padding: 0 6px;} #subscribe fieldset ol {padding:1em 1em 0 1em; list-style:none;} #subscribe fieldset li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} #subscribe li.email-sub { font-weight:bold;} #subscribe span.email-sub {font-weight:bold;} #subscribe label {float:left; font-weight:bold; width:4em; margin-right: 1em; text-align:right; } #subscribe fieldset.submit {width:auto; border:0 none #FFF; padding-left:12em;} #ffresult_sbox2 fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0; border:1px solid #e2e2e2;} #ffresult_sbox2 legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #ffresult_sbox2 label { margin: 0 .7em 0 1.7em; text-align:right; } #ffresult_sbox2 fieldset ol {padding:1em 1em 0 1em; list-style:none;} #ffresult_sbox2 fieldset li {float:left; padding:0 0 1em 0; background:none;} #ffresult_sbox2 fieldset li.infomemos_all {width: 85%; padding:4px 0 0 0; background:none;} #ffresult_sbox2 fieldset .submit { border:0 none #FFF; padding: 0 0 .5em 1em; vertical-align:middle;} #sidebar_form { width:240px;} #sidebar_form ol {padding:0.5em 1em 0.5em 1em; list-style:none;} #sidebar_form span.bold {font-weight:bold;} #sidebar_form label {float:left; font-weight:bold; width:2.2em; margin-right: 1em; text-align:left; } #sidebar_form p.submit {width:100%; border:0 none #FFF; padding:1em 0 .75em 1em;} #sidebar_form ol p{padding:0.2em 0 0.2em 0; list-style:none; line-height:1.4em; margin-bottom:0; font-size: 1em;} /*------------------------------------------- 10) PRODUCT DETAILS (SERIES SEARCH) -------------------------------------------*/ #proddetails fieldset {float:left; width: 99%; margin:0 0 1.5em 0; padding:0;} #proddetails label {float:left; width:10em; margin-right: 1em; text-align:right; font-weight: bold; } #proddetails legend {margin-left:1em; color:#C5A00C; font-weight:bold;padding: 0 6px;} #proddetails fieldset ol {padding:1em 1em 0 1em; list-style:none;} #proddetails fieldset li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} /*------------------------------------------- 11) PAGINATION (FORM RESULTS PAGES) -------------------------------------------*/ #pagination table { margin-bottom: 10px; } #pagination table td { padding: 7px; } #pagination table td.current { border: 1px solid #CCCCCC; font-weight: bold; } /*------------------------------------------- 12) HOME -------------------------------------------*/ #home-left {width:640px; float:left;} /*#home-right {width:340px; float:right; background:url(/National_Library/oe_/https://www.theocc.com/components/img/home/shadow_repeater.gif) repeat-x;} */ #feature {padding:20px 15px 15px 15px; border-bottom:1px solid #e0e0e0;} #feature-1 {width:300px; float:left; margin-right:15px;} #feature-2 {width:280px; float:right; margin-right:5px;} #legal-links {margin:10px 20px; font-size:0.9em; border-bottom:1px dotted #efefef; padding-bottom:5px;} /*------------------------------------------- Featured -------------------------------------------*/ #feature h2 {font-size:0.95em; margin-bottom:.6em;} #feature p {font-size:0.95em; line-height:1.2em; margin-bottom:1.0em;} .feature-pic {float:right; margin-left: 6px;} ul.bullets li {background:#FFFFFF url(/National_Library/oe_/https://www.theocc.com/components/img/bullet_green.gif) no-repeat scroll 6px 8px;line-height:1.4em;padding:0 3px 0 16px;} table#quicklinks {margin:15px 20px;} table#quicklinks td {padding-right:15px;} /*------------------------------------------- Volume Data -------------------------------------------*/ #vol-data {padding:8px 20px;} #vol-data h2 {float:left;} .h2-volume-data {width:110px;height:13px;overflow:hidden;background:transparent url(/National_Library/oe_/https://www.theocc.com/components/img/home/volume_data.gif) 0 0 no-repeat;text-indent:-9999px;} p.trade-date {color:#acacac; font-size:0.8em; padding:4px 0 0 120px; text-align:right;} #vol-data table {border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0; margin:7px 0; padding:4px 0; width:100%;} #vol-data table td {font-size:0.9em; padding: 3px 0; white-space:nowrap !important;} td.num {text-align:right; color:#4d7c10;} td.space {width:10px;} #vol-data-links {padding:0 20px 10px 20px;} #list-col-left {float:left;} #list-col-right {float:right;} ul.circles li {background:#FFFFFF url(/National_Library/oe_/https://www.theocc.com/components/img/bullet_circle.gif) no-repeat scroll 6px 5px;line-height:1.3em;padding:0 5px 0 16px; font-size:.9em;} /*------------------------------------------- Application Wizard -------------------------------------------*/ #content p.breadcrumb {padding: 0 0 0 5px} #content p.descrip {padding: 0 0 10px 5px} #wizardapp {float:left; width: 99%; margin:0 0 1.5em 0; padding:0;} #wizardapp label {float:left; width:40em; margin-right: 1em; text-align:left; font-weight:bold; } #wizardapp label.descrip {text-align:left; font-weight:normal; margin:5px 0 10px 0; padding:0; display:block; clear:both; } #wizardapp ol {padding:1em 1em 0 1em; list-style:none;} #wizardapp li {float:left; clear:left; width: 100%; padding:0 0 1em 0; background:none;} #wizardapp p {float:left; clear:left; width: 100%; padding:0 0 .4em 0; background:none; display:inline; margin-right: -3px;} /*Last two properties needed to fix IE6 "duplicate characters bug*/ #wizardapp input {clear:both; display:block;} #wizardapp textarea {clear:both; display:block; margin: 0 0 5px 0px;} #wizardapp textarea.wizardtextarea {margin: 0 0 5px 0;} #wizardapp input.radial {clear:left; display:inline;} .wizardselect {clear:both; display:block; width:40em; margin: 0 0 10px 0;} .wizardcheckboxes {clear:both; display:block; width:40em; margin: 0 0 10px 0;} .wizardradial {clear:both; display:block; width:40em; margin: 0 0 10px 0;} #wizardapp .submit {width:auto;border:0 none #FFF; padding-left:12em;} #query label.wizard {text-align:left; font-weight:bold; margin: 0 0 5px 0px; width:21em; display:block; float:left;} #query label.wizardformat {text-align:right; font-weight:normal; margin:0; width:11em; display:block; float:left;} #query input.wizard {text-align:left; margin: 0 0 10px 0px; display:block; float:left; } .arrow {padding:0 12px 2px 12px;} #businessOverview {margin: 0 !important;} #member-register {position:fixed; text-align:center; padding:20px 8px 0px 8px; background-color: #f3f2c6; border: 3px solid #dedda2; width:218px;} #member-register p {color: #7b7a4d;} p.membership-type {font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#689522 !important; margin-top:-10px; font-style:italic;} #cert-test {position:fixed; text-align:center; padding:20px 8px 0px 8px; background-color: #f3f2c6; border: 3px solid #dedda2; width:218px;} #cert-test p {color: #7b7a4d;}