.ofMiniSnap TBODY TD { height: auto !important; }
.ofMiniSnap table  { margin-bottom: 2px !important; }
.ofMiniSnap span#essProvider a:visited {color: #0f57c2; }
.ofToolTipContainer {filter:none !important}

/* For minisnap of Preferred Stock Begin*/
.ps-minisnap {font-family: arial; color: #000; display: block; padding: 6px 8px 0px 8px  !important;}
.ps-minisnap .price-table {width: 245px !important; height: 63px !important; border: none !important; border-spacing: 0px !important; margin: 0px !important;}
.ps-minisnap .price-table td.symbolName{padding: 0px 0px 5px 0px !important; border: none !important;}
.ps-minisnap .price-table td.symbolName a{color: #0c57bf; text-transform: uppercase; display: block;}
.ps-minisnap .price-table td.symbolName a span{display: block; width: 245px; font: bold 12px Arial; color: #0c57bf; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ps-minisnap .price-table td.left {float: none; border: none !important; width: 126px !important; vertical-align: top; padding: 0px !important;}
.ps-minisnap .price-table td.left div.content{position:absolute; width:125px !important; float: left; display: block;}
.ps-minisnap .price-table td.left div.content .lastPrice{position: relative !important; top: -4px !important; font: bold 22px Arial;}
.ps-minisnap .price-table td.left div.content .pctChg{font: bold 15px Arial; position: relative !important; top: -2px !important;}
.ps-minisnap .price-table td.left div.content .pctChg span img{padding: 0px 0px 0px 0px !important;}
.ps-minisnap .price-table td.right {text-align: right; border: none !important; padding: 0px !important;}
.ps-minisnap .price-table td.right table.content{width: 119px !important; border-left: 1px  solid #CCCCCC !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-spacing: 0px;}
.ps-minisnap .price-table td.right table.content tr th{text-align: left; font: normal 12px Arial; color: #333333; border: none !important;}
.ps-minisnap .price-table td.right table.content tr td{text-align: right; font: normal 12px Arial; color: #000000; border: none !important;}
.ps-minisnap .price-table td.right table.content tr.bid th{vertical-align: top; padding: 0px 0px 1px 8px !important;}
.ps-minisnap .price-table td.right table.content tr.bid th span{position: relative !important; top: -2px; !important}
.ps-minisnap .price-table td.right table.content tr.bid td{vertical-align: top; padding: 0px 0px 1px 0px !important;}
.ps-minisnap .price-table td.right table.content tr.bid td span.value{position: relative; top: -2px;}
.ps-minisnap .price-table td.right table.content tr td span.value span.operator{padding: 0px 2px 0px 2px}
.ps-minisnap .price-table td.right table.content tr.ask th{vertical-align: top; padding: 0px 0px 1px 8px !important;}
.ps-minisnap .price-table td.right table.content tr.ask td{vertical-align: top; padding: 0px 0px 1px 0px !important;}
.ps-minisnap .price-table td.right table.content tr.volume th{vertical-align: bottom; padding: 0px 0px 0px 8px !important;}
.ps-minisnap .price-table td.right table.content tr.volume th span{position: relative !important; bottom: -2px !important;}
.ps-minisnap .price-table td.right table.content tr.volume td{vertical-align: bottom; padding: 0px 0px 0px 0px !important;}
.ps-minisnap .price-table td.right table.content tr.volume td span{position: relative !important; bottom: -2px !important;}

.ps-minisnap .dotted-lineDivider{padding: 8px 0px 0px 0px !important; border-bottom: 1px dotted #dbdcde; display: block; margin-bottom: 8px;}
.ps-minisnap .lineDivider{display: block; margin-bottom: 8px;}

.ps-minisnap .asofDate{color: #666; font: normal 11px Arial; display: block;}
.ps-minisnap .asofDate .delayedMessage{display:block; margin-top: 2px;}

.ps-minisnap .minichart{margin-top: 8px; margin-bottom:2px; width:249px; height:105px; display: block; cursor:pointer !important;}
.ps-minisnap .idcchart{margin-top: 8px; display: block;}

.ps-minisnap .data-container{margin-top: 8px; margin-bottom: 8px; display: block;}
.ps-minisnap .data-table{width: 245px; border-top: 1px dotted #DBDCDE; font-size: 12px; border-left: none; border-right: none; border-bottom: 1px dotted #DBDCDE; border-spacing: 0px;}
.ps-minisnap .data-table tr th{vertical-align: text-top; text-align: left; font: normal 12px Arial; color: #333333; border: none !important;}
.ps-minisnap .data-table tr td{vertical-align: text-top !important; text-align: right; font: normal 12px Arial; color: #000000; border: none !important;}
.ps-minisnap .data-table tr.open th, .ps-minisnap .data-table tr.open td{padding: 6px 0px 4px 0px !important;}
.ps-minisnap .data-table tr.close th, .ps-minisnap .data-table tr.close td{padding: 0px 0px 6px 0px !important;}
.ps-minisnap .data-table .asofDate{font: normal 11px Arial; color: #666666;}
.ps-minisnap .data-table tr.dividendYield th, .ps-minisnap .data-table tr.dividendYield td{padding: 0px 0px 5px 0px !important;}
.ps-minisnap .data-table tr.dividendYield th div{width: 80px; white-space: nowrap;}
.ps-minisnap .data-table tr.dayRange th, .ps-minisnap .data-table tr.dayRange td{vertical-align: top !important; padding: 0px 0px 4px 0px !important;}
.ps-minisnap .data-table tr.yearRange th, .ps-minisnap .data-table tr.yearRange td{vertical-align: top !important; padding: 0px 0px 6px 0px !important;}

.ps-minisnap .action-link{font-size: 12px;}
.ps-minisnap .button-container{text-align: center; padding: 0px 2px 8px 0px !important; height: 30px !important;}
.ps-minisnap .button-container a{text-decoration:none !important;margin-right:6px;}
.ps-minisnap .button-container a img{border-style: none; padding: 0px 0px 0px 0px !important;}
/* For minisnap of Preferred Stock End*/

/* For minisnap of CEF Begin*/
.cef-minisnap {font-family: arial; color: #000; display: block; padding: 6px 8px 0px 8px  !important;}
.cef-minisnap .price-table {width: 245px !important; height: 63px !important; border: none !important; border-spacing: 0px !important; margin: 0px !important;}
.cef-minisnap .price-table td.symbolName{padding: 0px 0px 5px 0px !important; border: none !important;}
.cef-minisnap .price-table td.symbolName a{color: #0c57bf; text-transform: uppercase; display: block;}
.cef-minisnap .price-table td.symbolName a span{display: block; width: 245px; font: bold 12px Arial; color: #0c57bf; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cef-minisnap .price-table td.left {border: none !important; width: 126px !important; vertical-align: top; padding: 0px !important;}
.cef-minisnap .price-table td.left div.content{position:absolute; width:125px !important; float: left; display: block;}
.cef-minisnap .price-table td.left div.content .lastPrice{position: relative !important; top: -4px !important; font: bold 22px Arial;}
.cef-minisnap .price-table td.left div.content .pctChg{font: bold 15px Arial; position: relative !important; top: -2px !important;}
.cef-minisnap .price-table td.left div.content .pctChg span img{padding: 0px 0px 0px 0px !important;}
.cef-minisnap .price-table td.right {float: none !important; text-align: right; border: none !important; padding: 0px !important;}
.cef-minisnap .price-table td.right table.content{width: 119px !important; border-left: 1px  solid #CCCCCC !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-spacing: 0px;}
.cef-minisnap .price-table td.right table.content tr th{text-align: left; font: normal 12px Arial; color: #333333; border: none !important;}
.cef-minisnap .price-table td.right table.content tr td{text-align: right; font: normal 12px Arial; color: #000000; border: none !important;}
.cef-minisnap .price-table td.right table.content tr.bid th{vertical-align: top; padding: 0px 0px 1px 8px !important;}
.cef-minisnap .price-table td.right table.content tr.bid th span{position: relative !important; top: -2px; !important}
.cef-minisnap .price-table td.right table.content tr.bid td{vertical-align: top; padding: 0px 0px 1px 0px !important;}
.cef-minisnap .price-table td.right table.content tr.bid td span.value{position: relative; top: -2px;}
.cef-minisnap .price-table td.right table.content tr td span.value span.operator{padding: 0px 2px 0px 2px}
.cef-minisnap .price-table td.right table.content tr.ask th{vertical-align: top; padding: 0px 0px 1px 8px !important;}
.cef-minisnap .price-table td.right table.content tr.ask td{vertical-align: top; padding: 0px 0px 1px 0px !important;}
.cef-minisnap .price-table td.right table.content tr.volume th{vertical-align: bottom; padding: 0px 0px 0px 8px !important;}
.cef-minisnap .price-table td.right table.content tr.volume th span{position: relative !important; bottom: -2px !important;}
.cef-minisnap .price-table td.right table.content tr.volume td{vertical-align: bottom; padding: 0px 0px 0px 0px !important;}
.cef-minisnap .price-table td.right table.content tr.volume td span{position: relative !important; bottom: -2px !important;}

.cef-minisnap .dotted-lineDivider{padding: 8px 0px 0px 0px !important; border-bottom: 1px dotted #dbdcde; display: block; margin-bottom: 8px;}
.cef-minisnap .lineDivider{display: block; margin-bottom: 8px;}

.cef-minisnap .asofDate{color: #666; font: normal 11px Arial; display: block;}
.cef-minisnap .asofDate .delayedMessage{display:block; margin-top: 2px;}

.cef-minisnap .minichart{margin-top: 8px; margin-bottom:2px; width:249px; height:105px; display: block; cursor:pointer !important;}
.cef-minisnap .idcchart{margin-top: 8px; display: block;}

.cef-minisnap .data-container{margin-top: 8px; margin-bottom: 8px; display: block;}
.cef-minisnap .data-table{width: 245px; border-top: 1px dotted #DBDCDE; font-size: 12px; border-left: none; border-right: none; border-bottom: 1px dotted #DBDCDE; border-spacing: 0px;}
.cef-minisnap .data-table tr th{vertical-align: text-top; text-align: left; font: normal 12px Arial; color: #333333; border: none !important;}
.cef-minisnap .data-table tr td{vertical-align: text-top !important; text-align: right; font: normal 12px Arial; color: #000000; border: none !important;}
.cef-minisnap .data-table tr.open th, .cef-minisnap .data-table tr.open td{padding: 6px 0px 4px 0px !important;}
.cef-minisnap .data-table tr.close th, .cef-minisnap .data-table tr.close td{padding: 0px 0px 6px 0px !important;}
.cef-minisnap .data-table .asofDate{font: normal 11px Arial; color: #666666;}
.cef-minisnap .data-table tr.dayRange th, .cef-minisnap .data-table tr.dayRange td{vertical-align: top !important; padding: 0px 0px 4px 0px !important;}
.cef-minisnap .data-table tr.yearRange th, .cef-minisnap .data-table tr.yearRange td{vertical-align: top !important; padding: 0px 0px 6px 0px !important;}

.cef-minisnap .action-link{font-size: 12px;}
.cef-minisnap .button-container{text-align: center; padding: 0px 2px 8px 0px !important; height: 30px !important;}
.cef-minisnap .button-container a{text-decoration:none !important;margin-right:6px;}
.cef-minisnap .button-container a img{border-style: none; padding: 0px 0px 0px 0px !important;}
/* For minisnap of CEF End*/

/* For Horizontal Bricklet Begin */
.horizontalContainer {font-family: arial; margin-bottom: 12px; color: #000;}
.horizontalContainer table.content-wrapper {height: 100%; padding: 0px 0px 0px 0px; border: none; border-spacing: 0px; border-collapse: collapse;}
.horizontalContainer table.content-wrapper td.symbolName {padding: 0px 0px 4px 0px;}
.horizontalContainer table.content-wrapper td.symbolName div a {font: bold 12px Arial; color: #0c57bf; text-transform: uppercase; text-decoration: none;}
.horizontalContainer table.content-wrapper td.left {vertical-align: top;}
.horizontalContainer table.content-wrapper td.left div.content {vertical-align: top; padding: 0px 15px 0px 0px !important;}
.horizontalContainer table.content-wrapper td.left div.content div.price {position: relative !important; top: -4px !important; vertical-align: top; float: left;}
.horizontalContainer table.content-wrapper td.left div.content div.price .lastPrice {font: bold 22px Arial;}
.horizontalContainer table.content-wrapper td.left div.content div.price .pctChg {font: bold 15px Arial;}
.horizontalContainer table.content-wrapper td.left div.content div.minichart{margin-top: 2px; width: 249px; height: 105px; display: block; clear: both; cursor: pointer !important;}
.horizontalContainer table.content-wrapper td.left div.content div.idcchart{margin-top: 2px; clear: both;}
.horizontalContainer table.content-wrapper td.right {border-spacing: 0px; height: 100%; vertical-align: top; padding: 0px 0px 0px 15px !important; border-left: 1px  solid #CCCCCC; border-bottom: none; border-right: none; border-top: none;}
.horizontalContainer table.content-wrapper td.right table.content {min-height: 132px; height: 100%; vertical-align: top; border-spacing: 0px;}
.horizontalContainer table.content-wrapper td.right table.content tr.top > td {height: 100%; vertical-align: top; padding: 0;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table {position: relative !important; top: -2px !important; font-size: 12px; width: 100%; border: none; border-spacing: 0px; padding: 0px 0px 2px 0px;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table th {text-align: left; font: normal 12px Arial; color: #333333; border: none; vertical-align: top !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table td {text-align: right; font: normal 12px Arial; color: #000000; border: none; vertical-align: top !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.bid th {padding: 0px 0px 1px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.bid td {padding: 0px 0px 1px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table td span.operator{padding: 0px 2px 0px 2px;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.ask th {padding: 0px 0px 1px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.ask td {padding: 0px 0px 1px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.volume th {padding: 0px 0px 2px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.top td .data-table tr.volume td {padding: 0px 0px 2px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom > td {height: 100%; vertical-align: bottom; padding: 0;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td span.asofDate {color: #666; font: normal 11px Arial;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.delayedMessage {min-height: 0px; color: #666; font: normal 11px Arial;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.delayedMessage > span > div{padding: 2px 0px 0px 0px !important;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.spacing-4px {padding-top: 4px;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.button-container{position: relative; text-align: left; padding-top: 8px; border-top: dotted 1px #CCCCCC;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.button-container > div {padding: 0px 2px 0px 0px;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.button-container div a {text-decoration: none;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.button-container div a img {vertical-align: bottom; border-style: none;}
.horizontalContainer table.content-wrapper td.right table.content tr.bottom td div.button-container div a.trade {margin-left:6px;}
/* For Horizontal Bricklet End */