@font-face {
    font-family: 'MarkPro';
    src: url('../fonts/MarkPro.eot');
    src: url('../fonts/MarkPro.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/MarkPro.svg#MarkPro') format('svg'),
    	 url('../fonts/MarkPro.woff') format('woff'),
    	 url('../fonts/MarkPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MarkPro-Light';
    src: url('../fonts/MarkPro-Light.eot');
    src: url('../fonts/MarkPro-Light.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/MarkPro-Light.svg#MarkPro-Light') format('svg'),
    	 url('../fonts/MarkPro-Light.woff') format('woff'),
    	 url('../fonts/MarkPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MarkPro-Medium';
    src: url('../fonts/MarkPro-Medium.eot');
    src: url('../fonts/MarkPro-Medium.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/MarkPro-Medium.svg#MarkPro-Medium') format('svg'),
    	 url('../fonts/MarkPro-Medium.woff') format('woff'),
    	 url('../fonts/MarkPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.responsive_wrap_below1024 {
    float:left;
    padding:2px;
}

.responsive {
    float:left;
    padding:2px;
}

.responsive_floatright {
    float:right;
    padding:2px;
}

.responsive_hide_when_below_narrow {
    display:inherit;
    padding:2px;
}

.responsive_wide {
    float:left; max-width:755px; width:100%;
}

.responsive_narrow {
    float:left; max-width:370px; width:100%;
    padding:2px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width:755px;
    vertical-align:top;
}

.valuationratios {
	font-size:16px;
}

.col1list1 {
    float:left; max-width:750px; width:100%;
    padding:2px;
}
.col1list2 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col1list3 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col1list4 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col1list5 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col1list6 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col1list7 {
    float:left; max-width:370px; width:100%;
    padding:2px;
}
.col2list1 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list2 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list2_ {
    float:right; width:100%; padding:2px;
}
.col2list3 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list4 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list5 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list6 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}
.col2list7 {
    float:right; max-width:370px; width:100%;
    padding:2px;
}



.col1Financials {
    float:left; max-width:377px; width:100%;
    background-color: #f0f0f0;
    padding-top: 12px;
    padding-bottom:9px;
    font-family:'MarkPro';  font-size: 11px;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}
.col2Financials {
    float:right; max-width:376px; width:100%;
    background-color: #f0f0f0;
    padding-top: 13px;
    padding-bottom:10px;
    font-family:'MarkPro'; font-size: 11px;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}



.responsive_sidebar {
    float:right; width:300px;
}


.footer { width:100%; }

#snapshotimg {
    max-width: 100%;
}

/* Enable hide/show of branding and company menus */
#CompanyMenuSelect {
    float:left;
    display: none;
}
#CompanyMenuTabs {
    display: inherit;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 750px or less */
@media screen and (max-width: 750px) {
    .responsive_wide {
    margin-left: auto;
    margin-right: auto; 
    width:95%; max-width:375px;
    }
    .responsive_sidebar {
        float:none; width:375px;
    }
    .responsive_hide_when_below_narrow {
        display:none;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        width:375px;
    }
    
    .valuationratios {
	    font-size:10px;
    }
    
    .col1list1 {
        float:left; max-width:750px; width:100%;
        padding:2px;
    }
    .col1list2 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col1list3 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col1list4 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col1list5 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col1list6 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col1list7 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col2list1 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col2list2 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col2list3 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col2list4 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col2list5 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col2list6 {
        float:left; max-width:370px; width:100%;
        padding:2px;

    }
    .col2list7 {
        float:left; max-width:370px; width:100%;
        padding:2px;
    }
    .col1Financials {
        float:left; max-width:373px; width:100%;
        background-color: #f0f0f0;
        padding-top: 12px;
        padding-bottom:9px;
        font-family:'MarkPro';  font-size: 11px;
        border-bottom: 0px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
    }
    .col2Financials {
        float:left; max-width:375px; width:100%;
        background-color: #f0f0f0;
        padding-top: 13px;
        padding-bottom:10px;
        font-family:'MarkPro';  font-size: 11px;
            border-bottom: 1px solid #c0c0c0;
        border-top: 0px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
    }
    
     /* Enable hide/show of company menus */
    #CompanyMenuSelect {
        float:none;
        display:inherit;
        width:100%;
    }
    #CompanyMenuTabs {
        display: none;
    }
   
}

/* for 375px or less */
@media screen and (max-width: 375px) {
    .responsive {
        float:none;
    }
    
    .responsive_wide {
        float:left; width:100%; max-width:375px;
    }

    .responsive_sidebar {
        float:none; width:100%;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        width:375px;
    }
    
}