/* If you want to add your own CSS code, please do it in this file */

@import 'odometer-theme-default.css';

iframe{
	width:100%;
	height:100%;
}
/*
table {
	border-collapse: collapse;
    width: 100%;
    background: #ffffff;
    margin: 1em 0em;
    border: 1px solid #d0d0d0;
    box-shadow: none;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.8);
    border-collapse: separate;
    border-spacing: 0px;
}

table thead th:first-child {
    border-radius: 0.25rem 0em 0em 0em;
}

td {
	padding: 3px;
	border: 1px solid #CCC;
}


thead, tfoot {
	background-color: #DDD;
}
*/

#priceList{
	font-size:11px;
	margin: 0 1%;
	width:80%;
	border-collapse: collapse;
    background: #ffffff;    
    border: 1px solid #d0d0d0;
    box-shadow: none;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.8);
    border-collapse: separate;
    border-spacing: 0px;
}

#priceList th{
	border:1px #ccc solid;
	font-weight:normal;
	padding:8px;
	background-color:#2991d6;
	color:#fff;
}

#priceList a{
	text-decoration:none;
	color:#3399cc;
}



#companyName{
	float:left
}

#companyOptions{	
	float:right;
	text-align:right;
}



.subhead{
	color:#666;
	font-weight:normal;
}

#companyInfo2{

}

#companyInfo2 td{
font-size: 13px;

}

#companyInfo, #bod {
    width: 461px;
}

.listingType2 {
    /*border: 1px #000 solid;*/
    border-collapse: collapse;
    width: 924px;
    background: #ffffff;
    
    border: 0px solid #d0d0d0;
    box-shadow: none;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.8);
    border-collapse: separate;
    border-spacing: 0px;
}

.listingType2 thead {
    background-color: #fff;
    text-align: left;
    font-size: 14px;
}

.listingType2 thead td {
    /*color: #000;*/
    padding: 5px;
}

.listingType2 thead th {
	color: rgba(0, 0, 0, 0.8);
}

.listingType2 td,.listingType2 th{    
    padding: 0.7em 0.8em;
}


#vmac, #dailyPrices {
    width: 291px;
}

#left{
	float:left;
	margin-right:30px;
}

#right{
	float:left;
}

.chartDisplay{
	clear:both;
	overflow:hidden;
	margin: 40px 1%;
}

.chart_div{
	clear:both;
}



#widget{
	overflow:hidden;
	margin-top:20px;
}
#widget .symbol{
	font-weight:bold;
	color:#666;
	font-size:16px;
}

#widget .name{
	color:#999;
	font-size:11px;
}


#change{
color: rgba(0, 0, 0, 0.4);
margin-left:10px;
font-size:16px;
}

#priceSearchBox{
	margin: 0 1%;
	width:820px;
	margin-bottom:60px;
	overflow:hidden;
}

#priceSearch select{
	margin-right:5px;
	float:left;
	height:30px;
	padding:5px;
}

#companyInfo a, #companyInfo2 a{
	text-decoration:none;
	color:#3399cc;
}



#chart h4{
	font-size:12px;
}

#chart span{
	color:#3399cc;
	font-size:11px;
}

.sortcol {
    cursor: pointer;
}



/*table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}*/



#tabs{
	width:730px;
	clear:both;
}

#tabs li{
	float:left;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	background-color:#2991d6;
	color:#fff;
	font-weight:normal;
        font-size: 12px;
        letter-spacing: 2;
        text-transform: uppercase;
}

#tabs .ui-tabs-nav{
	padding-top:0.2em !important;
	padding-bottom:0px !important;
	border:0px;
	padding-left:0px;
}

.ui-tabs-anchor::after { 
	display: none !important;
}

#tabs ul{
	background-color:#ffffff;
}
/*
#tabs ui-state-hover{
	backgound-color:blue;
}
*/


#blockdiv{
	overflow:hidden;
}

#blockdiv p{
	font-size:10px;
}

#block1{
	width:180px;
	float:left;
	text-align:center;
	margin-right:20px;
}
#block2{
	width:180px;
	float:left;
	margin-right:20px;
}

#block2 span{
	color:#a91c18;
}

.left{
	float:left;
}

.right{
	float:right;
}

#block3{
	width:220px;
	float:left;
}


small{
	font-size: 11px;
	margin-bottom: 7px;
	text-transform: uppercase;
	width: 100%;
	display: inline-block;
	padding-bottom: 0;
	/*border-bottom: 1px solid #CCC;*/
	color: #666;
	height: 20px;
	margin-top: 5px;

	/* Remove Border from Table*/
	border-bottom: none;
}

#companyTop{
	overflow:hidden;
}

#companyBottom{
 	overflow:hidden;
 	margin-top:10px;
 	margin-bottom:10px;
}

#companyDetails{
	width:880px;
}

#companyLogo{
	/*width:100px;
	height:65px;*/ 
	float:left;
	text-align:center;
	margin-right:10px;
}

#companyHeader{
	float:left;
}

#companyDescription{
	float:left;
	width:700px;
}

#companyOptions{
	float:right;
}


/* ===================================== */
/* New UI Improvements - TM - 12.15.2016 */
/* ===================================== */

/* Bump Up the Font Size */

body {
	font-size:14px !important;
	color:#222 !important;
}


#Top_bar .menu {
	text-transform: uppercase;
}

/* Make the Menu Bar All Caps for better readability  */

/*@media screen and (max-width: 1341px) and (min-width: 1240px) {*/
#Top_bar .menu > li > a span:not(.description) {
	padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: bold;
}
/*}*/


/* Reduce the size of the search input field to give more breathing room to the new caps menu bar */

#Top_bar a#search_button.has-input input {
 width: 110px;
}


table.main-table th {
	text-transform:uppercase;
}

table.main-table tr:nth-child(even) {background: #F1F1F1}
table.main-table tr:nth-child(odd) {background: #FFF}


.innerwidget {
	padding: 20px 40px !important;
    border-right: 1px solid #e5e5e5 !important;
}

.innerwidget .widget-title, .innerwidget h4 {

    border-bottom: 1px solid #e5e5e5 !important;
}


.section_wrapper {

    background-color: white !important;

}

div#Content {
	background-color: #E6E6E6 !important;
	margin-left:0 !important;
}

#companyHeader h2 {
	color:#52b324 !important;
}