@charset "utf-8";
/*  CSS Document */

/*-----START GENERAL CSS ------*/

body{
	font-family:arial;
	text-align:left;
	font-size:10pt;
	line-height:1.5em;
    color:#404040;
    margin:0px;
	padding:0px;
}	

div, form{
	margin:0px;
	padding:0px;
}	

h1{
	font-size:15pt;
	font-weight:normal;
	line-height:1.3em;
    color:#000000;
	margin-top:0px;
}

h2{
	font-size:11pt;
    color:#000000;
	margin-top:0px;
}	

h3{
	font-size:10pt;
    color:#000000;
	margin-top:0px;
}	

img{
	border:none;
}

a{
	text-decoration:none;
    font-weight:bold;
	color:red;
}

a:hover{
	text-decoration:none;
	color:black;
}  
/*------END GENERAL CSS --------*/


/*----- START DIV CSS ------------------*/

#left_col_home{
	width:25%;
	position:inherit; 
	float:left; 
}
#left_col_content{
	width:16%;
	position:inherit;
	float:left;
}
.space_col{
	width:2%;
	float:left;
}
#mid_col_home{
	width:46%;
	float:left;
}
#mid_col_content{
	width:55%;
	float:left;
}
#right_col{
	width:25%;
	position:inherit;
	float:right;
}
.space_bar{
    height:14px;
}
.space_bar_half{
    height:7px;
}

@media (min-width: 953px) {
	.canvas{
		width:953px;
		margin:auto auto;
	}	
}
@media (min-width: 240px) and (max-width: 953px) {
	.canvas{
		width:100%;
    }	
}
@media (max-width: 240px) {
	.canvas{
		width:240px;
    }	
}
@media (max-width: 700px) {
    #mid_col_home {
		width: 62%;
		float: left;
	}
    #left_col_home, #right_col
    {
        display: block; 
        float: right; 
        width: 34%;
    }
	#mid_col_content {
		width: 62%;
		float: left;
	}
    #left_col_content, #right_col
    {
        display: block; 
        float: right; 
        width: 34%;
    }
}

#banner_bar{
	float:left;
	margin-top:6px;
	padding-left:5px;
    padding-right:5px;
}

#footer_bar{
    width:100%;
	margin-top:50px;
	padding-top:5px;
	border-top:#CCCCCC solid 1px;
	font-size:9pt;
	float:left;
	text-align:left;
}
#comment{
	background-color: white;
	cursor:pointer;
}

.box_hr_lines{
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}

.box_top_255{
	background:url('../images/box_top_255.jpg') no-repeat top left;
	background-size:100%;
	padding-left:10px; padding-right:7px; padding-top:8px; padding-bottom:0;
}
	
.box_bottom_255{
	background:url('../images/box_bottom_255.jpg') no-repeat bottom left;
	background-size:100%;
	padding-left:10px; padding-right:7px; padding-top:0; padding-bottom:0;
}
.box_top_157{
	background:url('../images/box_top_157.jpg') no-repeat top left;
	background-size:100%;
	padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0;
}	
.box_bottom_157{
	background:url('../images/box_bottom_157.jpg') no-repeat bottom left;
	background-size:100%;
	padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0;
}
.big_link{
    font-size:11pt; 
    color:black;    
}
.big_link:hover{
	text-decoration:underline;
	color:red;
}
.light_link{
    font-weight:normal;
}
.breadcrumbs{
    font-size:9pt; 
    border-top:#CCCCCC solid 1px;
    border-bottom:#CCCCCC solid 1px;
}
.footnote{
    font-size:9pt;
    line-height:1.5em;
}

/*-----MENU CSS ----------*/
#menu_bar{
    background-image:url('../images/menubar.png');
    margin-bottom:8px;
    padding-top:9px;
    float:left;
}		
#main_menu{
	font-size:10.5pt;	
}	
#main_menu a{
	text-decoration:none;
	font-weight:normal;
	color:white; 
	margin-left:26px;
}
#main_menu a:hover {
	border-bottom:#FFFFFF dotted 1px;
}

.hamburger_btn{
	margin: 20px 5px 5px 5px;
	float: left;
	position: inherit;
}
.hamburger_btn div{
   width: 25px;
   height: 3px;
   background-color: #FF0000;
   margin: 5px;
}

#utilities{
	float:right;
    text-align:right;
	margin-top:22px;
	margin-left:15px;
	padding-right:5px;
}

#utility_menu{
	font-size:10pt;
    font-weight:bold;
	text-align:right;
	margin-bottom:5px;
}
#utility_menu a{
	text-decoration:none;
	color:#606060;
}
#utility_menu a:hover {
	border-bottom:#FF0000 dotted 1px;
}

@media (max-width: 700px) {
	#banner_bar, #utilities	{
        display: block; 
        float: left; 
	}
}

@media (min-width:641px){
	.hamburger_btn{
	  display: none;
	}
	#menu_bar{
	    width:100%;
		height:38px;
	    background-repeat:repeat-x;
	    margin-top:12px;
    	display: block !important;
	}		
}

@media only screen and (max-width:640px){
    #banner_bar, #utilities, button{
      display: block; 
      float: left; 
	}
	.hamburger_btn{
	  display: block;
	}
    #menu_bar{
	  width:125px;
	  background-size:auto 100%;
	  margin-left:5px;
	  padding-bottom:8px;
	  display: none;
    }
    #main_menu a{
      margin-right:5px;
	}
}

#left_menu_header{    
    font-size:12pt;
    font-weight:bold;
    color:#606060;
    border-top:#CCCCCC solid 1px;
}
#left_menu{
	font-size:10pt;
	font-weight:bold;
	padding-left:11px;
    border-top:#CCCCCC solid 1px;
    border-bottom:#CCCCCC solid 1px;
}
#left_menu a{
	text-decoration:none;
	color:#606060;
}
#left_menu a:hover {
	border-bottom:#FF0000 dotted 1px;
}
/*----- END MENU CSS ------*/

/*----- TABLE CSS ----------*/
.altreva_tbl{
	border-top:#FF0000 solid 2px;
	border-bottom:#FF0000 solid 2px;
	font-size:8pt;	
	color:#404040;
	padding:5px;	
}

#example_models_tbl{
	border-top:#FF0000 solid 2px;
	border-bottom: #FF0000 solid 2px;
	width:235px;
	font-size:8pt;
	color:#404040;
/*	padding:5px;  */
}

#download_models_tbl{
	border-top:#FF0000 solid 2px;
	border-bottom:#FF0000 solid 2px;
	font-size:8pt;	
	width:340px;
	color:#404040;
/*	padding:5px;	*/
}

.asset_class_tbl{
	border-top:#FF0000 solid 2px;
	border-bottom:#FF0000 solid 2px;
	font-size:8pt;	
	width:500px;
	color:#404040;
}

.td_red_top-border{
	padding-top:5px;
	border-top:#FF0000 solid 1px;
}
.td_red_btm-border{
	padding-top:5px;
	border-bottom:#FF0000 solid 1px;
}
.td_red_bt_border{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#FF0000 solid 1px;
}

.td_red_bt_border_grey_bg{
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-bottom:#FF0000 solid 1px;
	background-color:#E6E6E6;
}

.td_grey_bg{
	background-color:#E6E6E6;
	padding-right:5px;
	padding-left:5px;
}
/*----- END TABLE CSS ------*/

/*----- END DIV CSS ----------------*/