/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;margin-bottom:0.75em;}
h2 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h2.headerTitle {font-weight: bold; font-size: 1.3em; color:#333;}
h2.subHeaderTitle {font-size:1.2em;font-weight:bold;color:#444;}
h3 {font-size:1.2em;line-height:1.2;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.1;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#555;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em; line-height:20px;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc; line-height:20px;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px; text-align:left;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.spacer {padding-right:20px;}


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}



body {background:url(/images/bg-top.png) #666 top repeat-x;}

xdiv {background:#ccc;}
xdiv.container {background:0;}

#header {height:87px;}
#header h1 {xpadding:10px;}

#logo img {margin:29px 0 0 10px;}
#logo {}


/* ---------------------- top nav ---------------------- */
#topNav {margin-top:56px;}
#topNav {list-style-type:none;width:auto;float:right;}
#topNav li {display:block;float:left;margin:0 2px;}
#topNav li a {display:block;float:left;color:#333;font-weight:bold;text-decoration:none;padding:0 0 0 20px;font-size:1.15em;letter-spacing:0.02em;}
#topNav li a span {display:block;float:left;padding:9px 20px 0 0;height:31px;width:auto;}
#topNav li a:hover {color:#555;}
#topNav li a:hover span {display:block;cursor:pointer;}
#topNav li a.current,#topNav ul li a.current:hover {color:#FFF;background:transparent url('/images/topMenu-left.png') no-repeat top left;}
#topNav li a.current span {background:transparent url('/images/topMenu-right.png') no-repeat top right;}
/* ---------------------- END top nav ---------------------- */


#tagline {margin:-15px 0 0 17px;}

#main {background:#FFF;clear:both;xheight:735px;padding:0 0px;float:left;xpadding:0 0 15px 0;}

#main a:hover {text-decoration:none;}

#wrapperContent {padding:0 0 0 10px;float:left;}
#wrapperRightCol {padding:0 10px 0 0;float:left;}

#content {float:left;}

#mainHeader h1 {font-weight:bold;margin:16px 10px 0px 0px;}
#mainHeader h1.plain {border:none;padding:unset;}
#mainHeader h2 {padding:10px 10px 0 0;}
#rightCol {margin-top:15px;float:left;}

#signin {background:#00A88F no-repeat;width:221px;height:174px;}
.grid_4 #signin {width:300px;}
#signinForm input {width:175px;}
.grid_4 #signinForm input {width:255px;}
fieldset {border:0;}

#tokenCodeLabel {color:#FFF;text-shadow:0 1px #000;margin-top:3px;float:left;margin-bottom:0;}

#getStarted {margin:8px 18px 0 0px;padding:5px 10px;width:656px;height:130px;background:url(/images/bg-mainHeader.png) no-repeat;}
#getStarted a {color:#DE025E;}

#button-getStarted {margin:5px 0 0 -6px;float:left;}
h2#text-getStarted {padding:5px;margin:15px;font-weight:bold;line-height:23px;}

#sidebar {background:url(/images/bg-sidebar.png) no-repeat;height:504px;width:221px;margin:8px 0 10px 0;float:left;}
.grid_4 #sidebar {background:#F1F1F1;width:300px;height:auto;}
#sidebar_text {padding:10px;}
#sidebar_image {text-align:center;}

#sidebar h2 {font-weight:bold;margin:15px 0px 0px 0px;color:#242424;}
#sidebar .maGraphic {margin:5px 8px 0px 7px;float:left;}
#sidebar .mtGraphic {float:left;margin:-10px 5px 0 5px;}

#mostActiveBox, #marketTotalsBox {margin:10px 0 0 9px; }
#mostActiveBox {background:url(/images/bg-mostActive.png) no-repeat;height:276px;}
#mostActiveBox h5 {padding:15px 10px;}
#marketTotalsBox {background:url(/images/bg-marketTotals.png) no-repeat;height:99px;}

#marketTotalsTable {width:190px;margin:15px 5px 5px -35px;float:left;padding:0px;font-size:90%;}
#marketTotalsTable td {text-align:right;}
#marketTotalsTable th {text-align:left;}

#marketTotalsHeading {margin-top:35px;}

#footer {xclear:both;float:left;margin-top:5px;background:#3E3E3E;padding:15px;width:931px}

ul.tabnav {
text-align: left;
xmargin: 1em 0 1em 0;
xxfont-size: 0.5em;
font-size:0.8em;
border-bottom: 1px solid #737373;
list-style-type: none;
padding: 3px 10px 9px 10px;
line-height:13px;
}

ul.tabnav li {
display: inline;margin-right:3px;
}

.tabnav li.curr {
border-bottom: 1px solid #FFF;
background-color: #FFF;
}

.tabnav li.curr a {
background-color: #FFF;
color: #5662A1;
position: relative;
top: 1px;
padding-top: 5px;
padding-bottom:5px;
border:1px solid #737373;
border-bottom:3px solid #FFF;
margin-left:0;
}

.tabnav li.curr a:hover {color:#5662A1;}

v#tabnav li.nonCurr a {border:none;margin-left:5px;}

ul.tabnav li a {
padding: 3px 4px;
border: 1px solid #737373;
color: #5662A1;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
border:none;margin-left:5px;
}

ul.tabnav a:hover {
xbackground: #fff;
color:#333;
}

#mostActiveContent {margin-top:-10px;width:260px;}
#mostActiveTabs {margin:10px 20px 5px 5px;width:170px;}

#mostActiveTable {font-size:90%;width:165px;}
#mostActiveTable th {font-size:90%;background:none;padding:6px 8px;}
#mostActiveTable tbody th {margin:0;}
#mostActiveTable tfoot td {text-align:center;font-style:normal;}
#mostActiveTable tfoot td a {color:#242424;}

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

#signinForm input#remember {width:15px;vertical-align:1px;}
#rememberForgot {float:left;font-size:0.8em;margin-top:10px;width:120px;}
#rememberForgot input {display:inline;}
#rememberText {color:#FFF;font-size:0.9em;}

#forgotLink {float:left;margin:10px 0 0 0;color:#DDD;}

#button-signin {float:right;margin-top:15px;}

#copyright {list-style-type:none;float:left;margin-top:20px;}
#copyright li {display:inline; margin-right:5px;font-size:0.8em;color:#ccc;}
#copyright li a {color:#ccc;}
#copyright li a:hover {text-decoration:none;color:#eee;}

#footer #contactInfo {color:#CCCCCC; display:inline; float:left; font-size:0.8em; margin-right:150px; margin-left:10px;}
#footer #contactInfo span {display:block; line-height:15px;}
#footer #contactInfo span a {text-decoration: none; color: #CCCCCC;}

#pinkotcLogo {float:right;}


#main h1 {padding-bottom:10px;border-bottom:1px dotted #666;width:100%;margin-bottom:10px;}

#rightCol h2.title {background:#EEE;font-weight:bold;font-size:1.2em;padding:8px 0;}
#rightCol h4.title {background:#EEE;font-weight:bold;font-size:1.2em;padding:8px 0;}

.features {margin:0 0 0 10px;}
.features td {vertical-align:top;text-align:left;}
.features td.graphic {width:20%;}
.features td.text {padding:15px;}
.features td.text h5 {font-size:1.2em;}
.features td.text p {margin:-15px 50px 0 0;}
.features td.text a {color:#242424;}

h4.rightColTitle {background:#eee;padding:8px;width:200px;}

ul.rightColList {margin:0 0 0 10px;}
ul.rightColList li {line-height:25px;list-style-type:none;}
ul.rightColList li a {color:#333;}
ul.rightColList li a:hover {text-decoration:none;}

#content p {line-height:20px;font-size:1.1em;}

/******************************** Login screen ***************************************/
#signinForm #username, #signinForm #password, #signinForm #tokenCode {color:#222; font-size:96%;}
#challengeForm label, input {margin-right:8px;}
#challengeForm input.text { margin-bottom:12px; width: 75px; padding: .4em; }
#challengeForm fieldset { padding:5px; border:0; margin-top:25px; }
#challengeForm {
    visibility:hidden;
    font-family: Arial;
    width:200px;
    height:125px;
    font-size: 12pt;
    padding:5px;
    color: white;
    top:0px;
    position:absolute;
}
/******************************** End Login screen ***************************************/


/******************************** Fees screen ***************************************/
table.otciqTable {
 background-color:#fff;
 border-collapse: collapse;
 width: 80%;
 line-height: 1.2em;
 margin:0 auto;
}
.otciqTable thead th {
 border-right: 2px solid #fff;
 color:#fff;
 text-align:center;
 padding:8px;
 height:100%;
 background-color: #333;
 width:80%;
 font-size:110%;
}
.otciqTable tbody tr {
 background-color:#fff;
 border-bottom: 2px solid #c0c0c0;
}
.otciqTable tbody tr.last {
 background-color:#fff;
 border-bottom: none;
}
.otciqTable tbody td {
 color:#111;
 padding:15px;
 text-align:center;
}
.otciqTable tbody th p {font-size:0.8em;font-weight:normal;}
.otciqTable tbody th {
 text-align:left;
 padding: 2px;
}
.otciqTable tbody td a, .otciqTable tbody th a {
 color:#002084;
 text-decoration:underline;
 font-weight:normal;
}
.otciqTable tbody td a:hover, .otciqTable tbody th a:hover {
 text-decoration:none;
}

ul.feesList li {line-height:17px; font-weight:normal;}
ul.feesList ul {list-style-type:circle;}

/******************************** End Fees screen ***************************************/


/*************************************  Services Screen ***********************************/
ul#servicesMenu {margin:0 0 0 0;}

#servicesTable td.text {padding:0 15px 25px 0;}

ul.leftNav, ul.leftNav ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.leftNav {
  float: left;
  margin: 0;
  padding: 0;
  width: 160px;
  list-style: none;
  border-bottom: 1px solid #FFF; /*--Bevel Effect--*/
  border-top: 1px solid #DDD; /*--Bevel Effect--*/
}

ul.leftNav a {
  display: block;
  text-decoration: none;
}

ul.leftNav li {
  position: relative; /*--Add a relative positioning--*/
  float: left;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #DDD; /*--Bevel Effect--*/
  background:#EEE;
  line-height:15px;
}

ul.leftNav li a {
  border-top: 1px solid #FFF; /*--Bevel Effect--*/
  xborder-bottom: 1px solid #DDD; /*--Bevel Effect--*/
  padding: 10px 10px 10px 5px;
  display: block;
  color: #333;
  font-weight:bold;
  text-decoration: none;
  width: 145px;
  background: #FFF;
  position: relative; /*--Add a relative positioning--*/
  z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
  font-size:0.9em;
}

ul.leftNav li.curr a, ul.leftNav li.curr a:hover {
  color:#FFF;
  background:#666;
}

ul.leftNav li a:hover {
  color:#666;
}

#descriptionArea {float:left;margin:0 0 0 30px;width:475px;}

#preServicesMenu {background:none;}
#preServicesMenu li {background:none;}
#preServicesMenu li a.current {background:#666;color:#fff;}
#preOtcIntelligenceList li {margin-left:10px;width:150px;background:none !important;border-bottom:1px dotted #E0E0E0;}
#preOtcIntelligenceList li.last {border-bottom:none;}
#preOtcIntelligenceList li.curr a,
#preOtcIntelligenceList li a:hover {background:none;color:#000;}
#preOtcIntelligenceList li a {color:#444;}

/*************************************  End Services Screen ***********************************/

/** Nasdaq Agreement info **/
div.nasdaqAgreement, div.qxAgreement {padding: 5px;font-size: 11px; height:auto; width:650px; }
form.nasdaqAgreementForm {text-align: right;font-size: 12px; padding-right: 10px;float: right;}
form.nasdaqAgreementForm table {float: right;}
form.nasdaqAgreementForm input {width: auto;}
form.nasdaqAgreementForm a {font-size: 9px;}
form.nasdaqAgreementForm td.caption {font-size: 15px; font-weight: bold;}
form.nasdaqAgreementForm td.detail {text-align: left;}
form.nasdaqAgreementForm input.radio {margin-bottom: -1px;}
form.nasdaqAgreementForm input.textBox {width: 250px;}
div.npSubDesc {font-size: 9px; padding: 1px; text-align: left;clear:both;}
div.printAgreement {display: none; }
div.scrollAgreement {height: 200px; overflow: auto; margin-top: 5px;}
div.nasdaqAgreement td.acceptTermsLabel, div.qxAgreement td.acceptTermsLabel {text-align: left;}
div.qxAgreement div.scrollAgreement {height: 500px;}
div.qxAgreement div.nasdaqIntro {padding:5px 0;}

.detection_warning {
    height: 60px;
    margin-top: 15px;
    padding: 4px;
    display: none;
}


#mfa_div input:disabled{
    background-color:#eee;
}
/* mfa modal window form */
#mfa_div select { width:60px; }
#mfa_div input[type="text"] { margin-right: 5px;}
#mfa_div .italics { font-style: italic; }
#vertical_align_top_header{ vertical-align: top; padding-top: 10px;}
#mfa_description_header{padding-top: 10px; display:inline-block;}

.mfaCheckbox{
    position: static !important;
}

.needs_activation_mfa_div{
    background-color:#eee;

}
.needs_activation_foot_div{
    background-color: #eee;
    text-align:right;
    padding-right: 15px;
}
.contact_wrapper{
    width:50%;
    margin:0 auto;
}

/* Financial Report viewer */
body.viewer {background:#F3F3F3;}
.topBar-viewer {background: #404040;height:37px;margin:0;color:#CCC;padding:6px 0 6px 0;white-space:nowrap;width:100%;border-bottom:1px solid #FFF;}
.topBar-viewer h1 {float:left;}
.topBar-viewer .closeButton {float:right;background:url(/images/icon-close.png) no-repeat;padding-left:23px;color:#FFF;border:0;margin:8px 22px 0 0;text-shadow:#000 1px 0;height:19px;}
.topBar-viewer .closeButton:hover {cursor:pointer;text-decoration:underline;}
.reportPageContainer {margin:20px 0;}
.reportContainer {float:left;width:100%;height:1000px;margin-bottom:80px;xborder:1px solid #ccc;}
.toolbar-financialReport {width:100%;}
.toolbar-financialReport .details {float:left;}
.toolbar-financialReport .details h3 {text-shadow:#FFF 1px 0;margin:0;}
.toolbar-financialReport .details a {font-size:0.9em;color:#555;}
.toolbar-financialReport .details a:hover {text-decoration:none;}
.toolbar-financialReport ul.attributes {list-style:none;clear:both;}
.toolbar-financialReport ul.attributes li {display:inline;font-size:0.85em;color:#666;text-shadow:#FFF 1px 0;margin:0 20px 0 0;white-space:nowrap;}
.toolbar-financialReport ul.attributes li:last-child {margin:0;}
.toolbar-financialReport .social {float:right;margin:3px 0 0 0;}
.toolbar-financialReport .social .button {margin-right:8px;}
.toolbar-financialReport .social .button:last-child {margin:0;}
.toolbar-financialReport ul.attributes li a.download {display:inline;background:url(/images/icon-download-small.png) no-repeat left;padding-left:13px;color:#555;text-decoration:none;}
.toolbar-financialReport ul.attributes li a.download:hover {text-decoration:underline;color:#333;}