/********** 

Upgraded AMM 201207 
1) Streamlined/improved page design and layout
2) Fixed print layout
3) Cross browser check without hacks
4) Removed redundant code
5) Formatted CSS
6) Validated CSS

**********/

#content {
  width: 990px;
}

#date_updated {	
  color: #539C9C;  /* light blue green */
  font: normal 14px Verdana, Arial;
  margin: 5px 0;
  padding: 5px 10px 0 0;
  text-align: right;
}

/****************** MAIN SPOTLIGHT CLASS  *********************/


#spotlight_interface {
  sborder: solid 1px gray; 
  border: solid 1px #bfbfbf; 
  float: left;
  height: 358px;
  width: 615px; 
  width: 643px; 
  sborder: solid 1px red; 
  margin-bottom: 46px;
  margin-top: 30px;
}

#spotlight_container{
  float: left;
  width: 469px;
  height: 357px;
  sborder: solid 1px red;
}

#spotlight_container p {
  margin: 0;
  padding: 0;
}

#spotlight2, 
#spotlight3, 
#spotlight4 {
  display: block;
}

#spotlight_choices {
  float: left;
  width: 145px;
  width: 173px;
  sborder: solid 1px red; 
}

#spotlight_choices ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 148px;
  height: 401px;
}

#spotlight_choices li {
  margin: 0;
  padding: 0;
  height: 80px;
}

#spotlight_choices li {
  border-bottom: 1px solid #FFF;
}

#spotlight_choices ul a {
  background-image: url('/images/mbt_spotlight_up.jpg');
  s-webkit-background-size: 177px 80px; /*added for mock-up*/ /*for chrome*/
  background-repeat: no-repeat;
  color: #FFF;
  display: block;
  font: 13px Verdana, Arial;
  height: 45px;
  padding-top: 10px;
  padding-left: 10px;
  text-decoration: none;
  width: 135px;
  width: 163px;
  height: 70px;
}


#spotlight_choices ul a:hover {
  background-image: url('/images/mbt_spotlight_selected.jpg');
  s-webkit-background-size: 177px 200px; /*added for mock-up*/ /*chrome*/
  color: #0E5C7A; /* blue green */
}

#spotlight_choices li.active a {
  background-image: url('/images/mbt_spotlight_selected.jpg');
  s-webkit-background-size: 177px 200px; /*added for mock-up*/ /*chrome*/
  color: #0E5C7A;
  padding-top: 10px;
  padding-left: 10px;
}

#whats_new {
  background-image: url('/images/mbt_spotlight_whatsnew.jpg');
  sbackground-size: 200px 80px; /*added for mock-up*/
  height: 33px;
  margin-top: -77px;
  padding-left: 10px;
}

#whats_new a {
  color: #FFF;
  display: block;  
  font: bold 12px Verdana, Arial;
  sheight: 50%;
  line-height: 33px;
  spadding-top: 7.5px;
  text-decoration: none;
}

#whats_new a:hover {
  color: #D7451A !important;
}

/********** MARKET WATCH **************/

#market_watch {
  float: right;
  font-size: 13px; /* this is important to minimize spacing - amm */
  height: 250px;
  padding: 10px 0 0 0;
  margin: 0 5px 0 0;
  svisibility: hidden;	/* remove news loading flicker??? */
  width: 360px; 
  sborder: solid 1px red; 
}
#indicators, #credit_risk_watch{
  svisibility: hidden;	/* remove news loading flicker??? */
}
/****************** NEWS HIGHLIGHTS  *********************/

#news_highlights1 {
  sposition: relative;
  display: block;
  float: left;
  stop: 100px;
  font-size: 16px; /* this is important to minimize spacing - amm */
  height: 902px;
  padding: 10px 0 0 0;
  margin: 0 5px 0 0;
  svisibility: hidden;	/* remove news loading flicker??? */
  width: 310px; 
  sborder: solid 1px red; 
}

#news_highlights2 {
  display: block;
  float: right;
  font-size: 16px; /* this is important to minimize spacing - amm */
  height: 902px;
  padding: 10px 0 0 0;
  margin: 0 5px 0 0;
  svisibility: hidden;	/* remove news loading flicker??? */
  width: 310px; 
  sborder: solid 1px red; 
}

.tabbertab .linklist ul {
  list-style-image: url('/images/bullets-greensquare.gif');
  margin: 0 0 5px 5px;
  padding: 10px 12px 0 10px;
}


.tabbertab .linklist li {
  border-bottom: 1px dotted #cccccc;
  margin: 5px 0 0 5px;
  padding: 2px 0 5px 0;     
}

.tabbertab .linklist li a {
  color: #0E5C7A; /* blue green */
  sfont: normal 12px Verdana, Arial; /*orig */
  font: normal 18px Verdana, Arial;
  margin-bottom: 0;
  padding: 0;
  text-decoration: none;
}

.tabbertab .linklist li a:hover {
  color: #D7451A;  /* orange */
}


.tabbertab .linknotes {
  color: #999;
  sfont: normal 12px Verdana, Arial; /* orig */
  font: normal 15px Verdana, Arial;
  padding: 0;
}


/****************** MORE LINKS (News, MW, BMI, CRW) *********************/

.tabbertab, 
#indicators, #news_highlights1, #news_highlights2, 
#credit_risk_watch, #bond_pricing_agency {
  position: relative;
}

#whats_new2 {
  float: left;
  margin-top: 10px !important;
  sborder: solid 1px red; 
  width: 65% !important;
  sheight: 400px;
}

.more  {
  bottom: 0%;
  xposition: absolute;
  right: 20px;
}	

.more ul {
  list-style-image: url('/images/bullet-blackarrow.gif'); 
  list-style-position: inside;
  right: 0;
}

.more li {
  border-bottom: none;
  text-align: right;
  width: auto;
}

.more a {
  color: #D7451A; /* orange */
  font: normal 13px Verdana, Arial;
  text-decoration: none;
}

.more a:hover {
  text-decoration: underline;
}



/****************** BOTTOM THREE  *********************/

/* MAIN DIVS  */

#market_watch {
  border-bottom: 1px dotted #CCCCCC;  /* light gray */
  sfloat: right;
  height: 410px;
  margin-top: 0px !important;
  padding: 5px 2% 2% 2% !important;
}

#indicators, 
#credit_risk_watch {
  border-bottom: 1px dotted #CCCCCC;  /* light gray */
  float: left;
  height: 430px;
  margin-top: 20px !important;
  padding: 0px 2% 2% 2% !important;
}

#market_watch {
  clear: right;
  padding-right: 1% !important;
  width: 304px !important;	
}

#bond_pricing_agency {
  clear: right;
  padding-right: 1% !important;
  width: 30% !important;	
}  

#bond_pricing_agency {
  border-bottom: 1px dotted #CCCCCC;  /* light gray */
  float: right;
  height: 944px;
  margin-top: 10px !important;
  padding: 0 2% 2% 2% !important;
  sborder: solid 1px red;
}

#indicators {
  sborder-left: 1px dotted #CCCCCC;  /* light gray */
  sborder-right: 1px dotted #CCCCCC; /* light gray */
  width: 28% !important;	
  width: 273px !important;	
  sborder: solid 1px red;	
}

#credit_risk_watch {
  display: block;
  stop: -15px;
  left: 13px;
  padding-right: 1% !important;
  width: 28% !important;	
  width: 273px !important;	
  sborder: solid 1px red;
} 

#IE_CRW img {
  position: relative;
  display: block;
  sborder: solid 1px green;
  left: -20px;
  stop: 14px;
}

/* COMMON ELEMENTS  */

.module_title {
  background-image: none;	
  color: #225A6E;
  display: block;
  font: bold 16px Verdana, Arial;
  margin-bottom: 1em;
  text-decoration: none;
}

.module_title:hover {
  color: #D7451A;  /* orange */
  text-decoration: underline;
}

.graph_title {
  color: #0A4961; /* blue green */
  font: normal 16px Verdana, Arial;
}

#credit_risk_watch img, 
#indicators img {
  margin-top: 20px;
}



/* MARKET WATCH */

#market_watch table {
  border: 0;  
  border-collapse: collapse;  
  width: 100%;  
}  
  
#market_watch th, 
#market_watch td {  
  padding: 0;  
  border: 0;  
}  
  
  
#market_watch th {    
  color: #0A4961;  /* blue green */
  font: normal 10px Verdana, Arial; /* orig */  
  font: normal 13px Verdana, Arial;
  height: 26px;  
  padding: 5px 0 5px 5px;  
  text-align: center;  
  width: 140px; 
  border-top: 1px solid #fff;
}  
  
#market_watch td {  
  border-top: 1px solid #fff;  
  border-bottom: 1px solid #fff;  
  color: #3A5F46;  /* moss green */
  font: normal 11px Verdana, Arial;  /*orig*/
  font: normal 14px Verdana, Arial;
  height: 26px;  
  width: 110px; 
}  

#market_watch .odd {  
  background-color: #99CCCC;  /* dark blue green */
}  
  
#market_watch .even {  
  background-color: #CCFFFF;  /* light blue green */
}

#market_watch td.name, .odd td, .even td {
	text-align: center;
}

#market_watch td.latest_close, #market_watch td.ytd_close_change, #market_watch td.mtd_close_change{
	padding-right: 10px;
	text-align: right;
}

div.module_title2 {
    font: bold 13px Verdana !important; /*orig*/
	font: bold 16px Verdana !important;
	color: #225A6E;
	padding-top: 5px;
  }

/****************** RELATED SITES  *********************/


#related_sites {	
  clear: both;
  float: left;
  margin: 30px 0 15px 30px;
  width: 95%;
  sborder: solid 1px green;
}

#related_sites .title {	
  color: #555; /* gray-green */
  font: bold 16px Verdana, Arial;  
}

#related_sites .divider {	
  color:gray;
  margin-left: 10px; 
  margin-right: 10px;  
}

#related_sites a {	
  color: #0E5C7A; /* blue green */
  font: normal 15px Verdana, Arial;
  text-decoration: none;
}

#related_sites a:hover {	
  color: #D7451A; /* orange */
  text-decoration: underline;
}

/****************** ABO JMOF ABOUT *********************/

#about_abo_jmof {
  border-top: 1px dotted #CCCCCC;  /* light gray */
  border-bottom: 1px dotted #CCCCCC; /* light gray */
  background-image: url('../images/homepage-jmof-bg.gif');
  clear: both;
  float: left;
  smargin: 40px 0 0 0;  
  padding: 10px 0 0 0;
  overflow: auto;
  width: 100%; /* for ie7 */
}

#about_abo_jmof {
  overflow: auto;
}

.jmof_logo, .abo_jmof_about_text {  
  display: block;
  float: left;
}

.jmof_logo {
  margin: 5px 15px; 
  width: 40px;
}

.abo_jmof_about_text {
  color: #575757;
  border-bottom: 1px dotted #CCC;
  font: normal 14px Verdana, Arial;  
  line-height: 1.4em;
  margin-top: 11px;
  padding-bottom: 13px;
  width: 90%;
}

.abo_jmof_about_text a {  
  color: #0E5C7A;    
  scolor: #062937;  
  scolor: #707070;
  color: #116E92;
  font-weight: bold;
  text-decoration: none;
}

.abo_jmof_about_text .abo_link {  
  display: inline-block;
  margin-left:5px;
}
  
.abo_jmof_about_text a:hover {
  color: #D7451A;
  text-decoration: underline;
}


#footer {
  background-image: url('../images/homepage-footer-bg.gif');
  clear: both;
  margin: 0;  
  padding-top: 20px;
  overflow: auto;
}


@media print { 

  .more {
    display: none;
  }

  #date_updated { 
    margin-bottom: 1em;
    text-align: left;
    width: 100%;
  }

  #spotlight_interface { 
    border: 1px solid gray;
    display: block;
    float: left; 
    margin-bottom: 15pt !important;  
    max-width: 615px;
	width: 99%;	
  }  
  
  #spotlight_container { 
    font-size: .76em !important;
	font-size: 16px !important;
	width: 75%;
  }    
  
  #spotlight1, 
  #spotlight2, 
  #spotlight3, 
  #spotlight4 {
    height: auto !important;
    width: auto !important;  
  }
  
  #spotlight_choices {  
    border-left: 1px solid gray;
	height: 99%;
    padding: 0 .5em;
	width: auto;	
  }
    
  #spotlight_choices ul {  
    height: auto !important;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0 !important;
    width: auto !important;
  }

  #spotlight_choices li, 
  #spotlight_choices li a {      
    color: #575757;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	padding: 0 !important;
  }    
    
  #whats_new, 
  #whats_new a {
    color: #575757;
	padding: 0 !important;
  }

  #news_highlights {
    clear: left;
    display: block;
    float: left;  
    margin-top: 1em !important;  
    margin-bottom: 0pt !important;  
    padding-top: 0 !important;  
    width: 100% !important;  
  }
  
  #whats_new2_ {
    clear: left;
    display: block;
    float: left;  
    margin-top: 1em !important;  
    margin-bottom: 0pt !important;  
    padding-top: 0 !important;  
    width: 100% !important;  
  }
  
 .tabberlive {
    overflow: auto;  
	
  }
  
  .tabberlive > div {
    display: block !important;
    float: left;
    margin-right: 1%;
    visibility: visible !important;	
    width: 30%;	
	
  }
 
  
  
  ul.tabbernav {
    border: none !important;
	float: left;    
    width: 100%;     
	
  }
  
  ul.tabbernav li {
    display: block !important;    
    float: left;    
    margin-right: 1.5% !important;
    width: 31% !important;
  }
  
  ul.tabbernav li a {
    background: none !important; 
	color: black !important;    
    font-weight: bold !important;
  }
  
  ul.tabbernav, 
  ul.tabbernav li, 
  ul.tabbernav li a {
    border: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;    
    padding-right: 0 !important;    
  }
  
  .tabbertab {
    background-image: none !important;
    height: auto !important;
	
  }
  
  .tabbertab .linklist li {
    border: none !important;
	
  }
    
 
  #market_watch {
    border: none !important;
    float: right;  
    height: auto !important;
    margin-top: 30pt !important;
    margin-bottom: 12.5pt !important;
	page-break-before: always;
    width: 99% !important;  
  }  

  #market_watch table {
    width: 50% !important;
    border: 1px solid gray;
  }

  #market_watch th, 
  #market_watch td {
    border: 1px dotted gray;
	margin: 0 !important;	
    padding: 0 !important;
    width: auto !important;    
  }    
  
  #market_watch tr, 
  #market_watch td {
    background-color: #FFF !important;
    height: 1.5em !important;  
  }
  
   
  #indicators, 
  #credit_risk_watch {
    border: none !important;
    margin-right: 1%;
    overflow: auto;
    padding: 0; 
    width: 40% !important;
  }

  #indicators {
    clear: left;
    float: left;
    padding-left: 10px;
  }  
  

  #credit_risk_watch {
    float: left;
    margin-left: 5% !important;
  }
  
  #credit_risk_watch img, 
  #indicators img  {
    height: auto;
    max-width: 290px;  
    width: 95%; 
  }  
  
  
  #market_watch .module_title {
    margin-bottom: 14px;
  }  

  .module_title {
    font: bold 16px Verdana !important;
  }
  
  #related_sites {
    display: none
  }