﻿/* The YUI fonts css sets a standard 13px as an em. Percentages should be used
    for font manipulation otherwise
    px  pct
    10 	77
    11 	85
    12 	93
--- 13 	100 ---
    14 	108
    15 	116
    16 	123.1
    17 	131
    18 	138.5
    19 	146.5
    20 	153.9
    21 	161.6
    22 	167
    23 	174
    24 	182
    25 	189
    26 	197
*/
    
/* Global */
html, body{
    height:100%;
    background-color:#efefef;
    
}

a {
    text-decoration:none;
    color:#3b6b9d;
}
a:hover {
    color:#74c7dd;   
}
a:active {
    color:#3b6b9d;
}
a.white {
    text-decoration:none;
    color:#fff;
}
a.white:hover {
    color:#74c7dd;   
}
a.white:active {
    color:#3b6b9d;
}
.cleared {
    clear:both;
    line-height:0;
    height:0;
}

.indexCol {
    font-weight:bold;
    width:2.5em;
}

.goButton {
    background-repeat:no-repeat;
    cursor:pointer;
    width:42px;
    height:42px;
}

/* Body */
#aspnetForm {
    height:100%;
}

#container {
    min-height:100%;
    width:74.923em;
    /*width:73.0502em;*/
    margin:auto;
    min-width:974px;
    text-align:left;
    background-color:#fff;
    overflow:auto;
    /*
    background-image:url(/site/layout_grid.gif);
    background-repeat:repeat;
    */
    
}
#mast {
    border-bottom: 1px solid #000;
    overflow:auto;
    width:100%;
}

#body {
    width:100%;
    overflow:hidden;
}

#sideBar {
    
    width:15.3846em;
    /*width:15em;*/
    
    /*width:200px;*/
    min-width:200px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}

#main {
    /*
    float:none;    
    width:auto;    
    width:58.7698em;
    *width:57.3em; 
    
    margin-left:16.1538em;
    *margin-left:15.75em;    
    */
}

#fullContent {
    width:58em;
   /*width:56.5501em;*/
    min-width:754px;
    float:left;
    margin-top:10px;
}

#content {
    float:left;
    width:42.9231em;
    /*width:41.5em;*/
    min-width:561px;
    /*min-width:558px;*/
    margin-right:8px;
    /*margin-right:9px;*/
    margin-top:10px;
}

#rightContentCol {
    float:left;
    /*width:185px;*/
    
    width:14.2308em;
    /*width:13.875em;*/
    
}

#mastLogo
{
    float:left;
    width:480px;
    height:110px;
    background-repeat:no-repeat; 
    margin-top: 20px;
    margin-left:10px;
    display:inline;
}

.blockLanding {
    width:55%;
    float:left;
}

/* Top Nav */
.topNav {
    padding:10px;
    float:right;
    display:inline;
    width:176px;
    border-left:solid 10px #e0e0e0;
}
.topNav a
{
    display:block;
    width: 147px;
    height:24px;
    text-decoration: none;
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 auto;
    outline:none;
}
.topNav a:hover { 
    background-position: 0 -24px;
}


/* Footer */
#footer {
    text-align: left;
    /*height: 80px;*/
    margin-top:10px;
    
    margin-left:15.3846em;
    /*margin-left:15em;*/
    
    width:59.5385em;
    /*width:58.0501em;*/
    
    color: #736465/*K1*/;
    border-top:1px solid #999;
    line-height:1.9;
    float:left;
}

.disclosures {
    width:77%; 
    margin:15px 10px 5px 5px; 
    padding:5px; 
    float:right; 
    text-align: justify;
}
.disclosures {color: #736465;}
.disclosures a {color: #736465;}
.disclosures a:hover {color:#74c7dd;}

.invDisclosure {
    text-align: left;
    margin-top:20px;
    margin-left:15.3846em;
    margin-right:20px;
    width:59.2em;
    color: #736465/*K1*/;
    line-height:normal;
    float:left;
}

#footer a {
    color:#736465;
    text-decoration:none;
    font-size: 85%;
}

#footer a:hover {
    color:#8c8c8c;
    font-size: 85%;
}

#midFooter {
    text-align: left;
    /*margin-top:5px;*/
    margin-bottom: -30px;
    
    /*margin-left:15.3846em;*/
        
    /*width:59.5385em;*/
       
    color: #736465/*K1*/;
    line-height:1.1;
    float:left;
}

#preFooter {
    text-align: left;
    margin-top:5px;
    margin-bottom: -30px;
    
    margin-left:15.8000em;
    /*margin-left:15em;*/
    
    width:58.5000em;
    /*width:58.0501em;*/
    
    color: #736465/*K1*/;
    line-height:1.1;
    float:left;
}

#subFooter {
    text-align: left;
    margin-top:5px;
    
    margin-left:15.3846em;
    /*margin-left:15em;*/
    
    width:59.5385em;
    /*width:58.0501em;*/
    
    color: #736465/*K1*/;
    line-height:1.1;
    float:left;
}

/* SideBar/Navigation */

.SearchTextbox {
    width:10.4615em;
    /*width:10.125em;*/
    margin: 3px 0;
}

div.AspNet-TreeView {
    position:relative;
    margin: 0;
    padding: 0;
    margin-top:10px;    
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Hide
{
    display:none;
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonLink {
    cursor:pointer;
}

div.AspNet-TreeView span.AspNet-TreeView-Collapse {
    display:none;
}
div.AspNet-TreeView span.AspNet-TreeView-Expand {
    display:none;
}

div.AspNet-TreeView li.AspNet-TreeView-Parent {
    font-size:93%;
    line-height:1.8;
}
/* top-level leaf */
div.AspNet-TreeView li.AspNet-TreeView-Leaf {
    font-size:93%;
    line-height:1.8;
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonLink:hover {
    color:#999;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf a:hover{
    color:#999;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf {
    color:#000;
    margin-left:15px;
    line-height:1.5;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf a{
    color:#000;
    line-height:1.5;
}

div.AspNet-TreeView li.AspNet-TreeView-Selected a,
div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Selected a{
    color:#8c8c8c !important;
}

/* SideBar/Navigation  Telerik*/

/*#sideBar ul {
    background-color: white;
}

#sideBar ul a.rpLink {
color:#99b416; 
font: 12px/1.231 arial,helvetica,clean,sans-serif;
line-height: 1.8;
}

#sideBar ul a.rpSelected {
    color: white;
}*/

/* Chart */
.chartRangeImg {
    vertical-align:middle;
    margin:auto 0;
}
.chartRangeLink {
    outline:none;
}

/* Form */
.entryForm {
    padding:10px;
    background-color:#efefef;
}
.entryForm p {
    margin-bottom:10px;
}

.entryForm label {
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    padding-top:1px;
}

.entryForm input[type="text"] {
    width:25em;
}

.entryForm textarea {
    width:25em;
}

.entryForm input[type="image"],
.entryForm input[type="submit"] {
    margin-left: 10.5em;
}

.entryForm li { list-style-type:disc; margin-left:15px; }

.entryForm p.required label {
    font-weight:bold;
}
/* http://www.renaissancecapital.com/ipohome/register.aspx */
.cb input {
    text-align: left !important;
    width: 5% !important;
    display: block !important;
    float: left !important;
}      

.cb label {
    text-align: left !important;
    width: 90% !important;
    display: block !important;
    float: left !important;
}  
             
.pnl_LG {
    font-size: 24px !important;
    padding: 0 1% 3% 0% !important;
}  

/*.pnl_SM {
    font-size: 12px;
    height: 100px;
    padding: 2% 0 0 3%;
}*/ 


/* http://www.renaissancecapital.com/ipohome/press/mediaroom.aspx */
.happeningLabel {
    font-weight:bold;
} 
        
#factsList {
    font-weight:bold;
    margin-top:10px; 
    padding-bottom: 10px; 
    padding-left: 5px; 
    border-bottom: solid 1px #736465;
}
#factsList li {
    list-style-type:disc;
    margin-left:15px;
} 
        
#rcViewpoint {
    font-weight:bold;
    margin-top:10px; 
    padding-bottom: 10px; 
    padding-left: 5px; 
    border-bottom: solid 1px #736465;
}

#rcViewpoint li {
    list-style-type:disc;
    margin-left:15px;
}
        
.highlightText {
    font-weight:bold;
}
        
.dykHeader {
    text-align:center;
    font-weight: bold;
    background-color: #e2eaa6;
    margin: 3px 0px 3px 0px;
    padding: 2px 0px 2px 0px;
}
.dykItem {
    text-align:center;
    margin:5px;
}


/* Grids */
.gridSmallHeader 
{
	font-size: 73%;
	font-weight: normal;
	background-color:#fff;
}

div.grid1 .AspNet-GridView table {
    width:100%;
}

div.grid1 .AspNet-GridView th, div.grid1 .AspNet-GridView td {
    padding-left:5px;
    padding-right:5px;
}

div.grid1 .AspNet-GridView thead tr th {
    font-weight:bold;
    background-color:#e0e0e0;
    /*line-height:1.8;*/
    height:1.8em;
    /*text-align:center;*/
    vertical-align:bottom;
    padding-bottom:3px;
    font-size: 85%;
}

div.grid1 .AspNet-GridView tbody tr td {
    background-color:#fff;
    line-height:1.6;
}

div.grid1 .AspNet-GridView tbody tr.AspNet-GridView-Alternate td {
    background-color:#efefef;
}

/* have to set explicit bgcolor for highlight function */
div.grid1 .AspNet-GridView tbody tr.AspNet-GridView-Alternate td span {
    background-color:#efefef;
}

td.CenteredGridCell, th.CenteredGridCell
{
    text-align:center;
}

td.RightGridCell
{
    text-align:right;
}

th.RightGridCell
{
    text-align:right;
}
th.LeftGridCell
{
    text-align:left;
}

td.BoldGridCell
{
    font-weight:bold;
}

td.FullPercentGridCellWidth
{
 width:4em;
}

td.NoWrapGridCell
{
    white-space: nowrap;
}

td.TopGridCell
{
    vertical-align:top;
}

div.colHead {    
    padding-left:5px;
    font-weight:bold;
    background-color:#e0e0e0;
    line-height:1.8;
}

/* same as above except not using asp.net datagrid */
table.grid1 {
    width:100%;
}

table.grid1 th, table.grid1 td {
    padding-left:8px;
}

table.grid1 thead tr th,
table.grid1 tfoot tr td {
    font-weight:bold;
    background-color:#e0e0e0;
    /*line-height:1.8;*/
    height:1.8em;
    /*text-align:center;*/
    vertical-align:bottom;
    padding-bottom:3px;
}

table.grid1 tbody tr td {
    background-color:#fff;
    line-height:1.6;
}

table.grid1 tbody tr.alternateRow td {
    background-color:#efefef;
}

.SortableHeader {
    font-weight:bold;
    text-decoration:underline;
    color:#000;
}

.nowrapCell {
    white-space:nowrap;
}

#attrFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #99b416;
    font-size: 85%;
}

#disclosureFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #736465;
    font-size: 85%;
}

#copyrightFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #736465;
    font-size:x-small;
}

#fundPerformanceFooter {
    padding:5px;
    /*font-size: 85%;*/
    text-align: justify;
    margin-right: 10px;
}


.footnoteText {
    font-size:xx-small;
    margin-top:5px;
}

li.bulleted {
    list-style-type:disc; 
    margin-left:15px; 
}

.banner {
    margin-top:7px;
    padding:10px 15px 15px 15px;
    /*padding:20px;*/
}

.upText {
    color:#129f49;
}

.downText {
    color:#db4228;
}


/* Layouts */
div.left2Col {
    float:left;
    width:48.2%
}

div.right2Col {
    float:left;
    width:50.3%;
    margin-left:10px;
}

div.loading {
  background: url(/images/loader.gif) no-repeat center center;
  padding:0;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #fff;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
    z-index:10;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	cursor : pointer;	
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.autocomplete_symbol
{
    color: #17a2c7;
}

.homeFlash {
    background-color:#fff;
    float:left;
    margin-left:38px;
    /**margin-left:86px;*/
    margin-bottom:0;
}
#homeFlash object{
  display: block;
  line-height:0;
}
#homeFlash embed{
  display: block;
  line-height:0;
}

/* green/purple headers styles on pages like ipohome/marketwatch.aspx and ipohome/calendars/ondeck.aspx. 20140925 KS */
#nested {background-color:#99b416; font-weight:bold; font-size: 16px; text-align:left; color: #fff;}
#cHdr {position:relative;height:100%;float:left; padding:10px;  }
#newways {position:relative;float:right; background-color:#e8d0e7; height:20px;padding:10px 10px 10px 0px;margin:0px; }
#newways:hover a {color:#fff;}
#newways a {color:#a4459f; position:relative;text-decoration:none;display: block;width:100%; }
#newways img {width:39px; height:47px;float:left;position:relative;top:-15px; }
#tickerupd { font-size: 108%; color: #fff; display: block; width: 286px; height: 20px; background-color: #99b416; font-weight: bold; padding: 5px 0px 0px 5px; border-bottom: 5px solid white; }


/* IPOHome/News/IPONews2.aspx styles for social media. 20140827 KS*/
.socialmedia {
    float:right;
    padding-right:200px;
}
div .overlay {
    display:none;
    background:#f4f8e9;
    width:80px;
    padding:5px;
    position:relative;
    left:-3px;
}
.socialmedia li:hover {
    height:30px;
    background-color:#f4f8e9;
}
#facebookOverlay {
    width:85px;
    top:-66px;
    left:-1000px;
    display:block;
}
#twitterOverlay {
    width:80px;
    top:-69px;
    
}
#googleOverlay {
    width:60px;
    top:-69px;
}
#linkedInOverlay {
    width:70px;
    top:-70px;
}
.socialmedia li {
    width:30px;
    float:left;
    padding:4px 2px 2px 2px;
}

.slogan {
    width:33%;
    float: left; 
    vertical-align: middle; 
    margin: 7px 0px 5px 15px;
    color: white;
    text-decoration: none;
    /*background: #BF7DBC;*/
    background: #a4459f;
    font-family: Verdana;
    font-size: 12px;
    font-weight:bold;
    height: 20px;
    padding:4px 4px 1px 8px;
}
.slogan a:link {
    color:white;
}
.slogan a:hover {
    color:#C8EFEF;
}
/* navigation menu on the left, indents */
.RadPanelBar .rpLevel1 .rpLink {
    padding-left: 15px;
}
.RadPanelBar .rpLevel2 .rpLink {
    padding-left: 10px;
}
/* performance tables on pages ipoetf, iposetf, statistics - 20150522 KS */
.perfTable { width:100%; table-layout:auto; empty-cells:show; }
.perfTable th { color:White; font-weight:bold; padding: 5px 7px 4px 7px; }
.perfTable th.thblue {background-color:#72B2D5;}
.perfTable th.thdarkblue {background-color:#1980D9;}
.perfTable th.thverydkblue {background-color:#4570A5;}
.perfTable th.thteal {background-color:#17A2C7;}
.perfTable th.thgray {background-color:#9EAEC0;}
.left {text-align:left; }
.center {text-align:center; }
.perfTable td { font-weight:bold; padding: 5px 7px 4px 7px; }
.litegray {background-color:#EFEFEF;}
.medgray {background-color:#E0E0E0;}
