body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #FDFEFF;
    margin: 0;
}

p.topnav {
    vertical-align: middle;
}

p.name {
    margin: 0;
}

p.heading {
    margin: 0;
}

p.toolname {
    font-size: 22px;
    font-weight: bold;    
    color: #fff;
    margin: 0 0 10px 0;
}

p.description {
    margin: 16px 0 16px 0;
}

p.copyright {
    color: #777;
    font-size: 12px;
}

p.normal {
    margin: 4px 0 4px 0;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    color: #38518C;
}

span.name {
    font-size: 28px;
    font-weight: bold;
    color: #38518C;
}

span.heading {
    font-size: 22px;
    font-weight: bold;
    color: #38518C;
}

span.tickers {
    color: #38518C;
}

span.website {
    color: #38518C;
}

span.param {
    font-weight: bold;
    color: #38518C;
}

span.paramlink {
    font-weight: bold;
    color: #38518C;
    cursor: pointer;
}

span.dates {
    color: #38518C;
    font-size: 14px;    
}

span.tick {
    display: inline-block;
    width: 65px;
}

span.searchname {
    font: 12pt Arial, Verdana, Tahoma, Sans-Serif;
    display: inline-block;
	font-weight: bold;
}

span.label {
    display: inline-block;
    width: 90px;
}

span.toolname {
    margin-right: 15px;
}

a.toollink {
    font: 12pt Arial, Verdana, Tahoma, Sans-Serif;
	font-weight: normal;
    color: #8bf;
    white-space: nowrap;
}

span.smallticker {
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #69D; 
}

span.company {
    color: #38518C;
    padding: 0 0 0 20px;
}

div.topnav {
    background-color: #344670;
    overflow: hidden;
    padding: 7px 20px 2px 20px;
}

div.topcontainer {
    display: flex;
    flex-wrap: wrap; 
    flex-direction: row-reverse;
    align-items: center;
}

div.topsearch {
    flex-grow: 1;
    margin: 24px 0;
    order: 2;
}

div.toplogo {
    text-align: right;
    width: 270px;
    margin: 20px 0 20px 20px;
    order: 1;
}

div.report {
    margin: 20px;
}

div.profile {
    display: flow-root;
    padding: 0;
}

div.logo {
    width: 150px;
    height: 150px;
    display: grid;
    align-items: center;
    border: 1px solid #BBB;
    float: left;
    margin: 0 20px 20px 0;
    background-color: #FFF;    
}

img.logo {
    margin: auto;
    display: block;
}

hr {
    background-color: #DDD;
    border: 0 none;
    color: #DDD;
    height: 1px;
    margin: 20px 0;
}

hr.top {
    margin: 8px 0 20px 0;
}

form {
    margin: 0;
}

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

input[type=text] {
    width: 100%;
}

.suggest_link {
    background-color: #FFF;
    padding: 6px 30px 6px 6px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.suggest_link_over {
	background-color: #e3edfc;
    padding: 6px 30px 6px 6px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    cursor: pointer;    
}

#search_suggest {
	position: absolute; 
	background-color: #FDFEFF; 
	text-align: left; 
	/* border: 1px solid #BBB; */		
    color: #38518C;	
}	

table {
    border-collapse: collapse;
}

tbody.lined {
    border-bottom: 1px solid #aaa;
}

th {
    font-weight: bold;
    color: #38518C;
    border-bottom: 1px solid #aaa;
    text-align: left;
    padding: 2px 5px;    
}

th.right {
    text-align: right;
}

th.noline {
    border-bottom: 0;
}

tr.header {
    font-weight: bold;
    color: #38518C;
    border-bottom: 1px solid #aaa;
}

tr.lined {
    border-bottom: 1px solid #aaa;  
}

tr.unlined {
    border-bottom: 1px solid #FDFEFF;
}

tr.toplined {
    border-top: 1px solid #aaa;
}

tr.hidden {
    display: none;
}

td {
    padding: 2px 5px;
    white-space: nowrap;
}

td.noleftpadding {
    padding: 2px 5px 2px 0;
}

td.right {
    text-align: right;
}

td.bold {
    font-weight: bold;
}