
  /* 
  Title : MGD Group InfoBox
  URL : http://www.mgdgroup.com
  Author : Mathieu Guastella - MGD Group
  Created : September 2009
  */
  
  
  #infobox_layer {
  visible:hidden;
  
  padding:0px;
  
  margin-top:0px;
  margin-bottom:0px;
  
  background-color:#FFFFFF;
  color:#605F60;
  width:100%;
  text-align:left;
  }
  
  #infobox_text{
  /* 4 rounded corners */
  -webkit-border-radius: 0 0 8px 8px;
  -khtml-border-radius: 0 0 8px 8px;	
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  /*vertical-align: center;*/
  }
  
  #infobox_textnotitle{
  /* 4 rounded corners */
  -webkit-border-radius: 8px 8px 8px 8px;
  -khtml-border-radius: 8px 8px 8px 8px;	
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  }
  
  
  #infobox_text.infobox_size_16, #infobox_textnotitle.infobox_size_16{
  min-height:15;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:5px;    
  padding-left:37px;    
  }
  
  #infobox_text.infobox_size_32, #infobox_textnotitle.infobox_size_32{
  min-height:15;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:5px;    
  padding-left:55px;    
  }
  
  #infobox_text.infobox_size_48, #infobox_textnotitle.infobox_size_48{
  min-height:36px;
  padding-top:18px;
  padding-bottom:10px;
  padding-right:10px;    
  padding-left:72px; 
  }
  
  
  
  /*		/////////// Icons ///////////////*/
  #infobox_icon{
  
  }
  
  /// 16 ///
  #infobox_icon.critical_16{
  background: #F8E0E0 url(/res/icons/shield_critical_16x16.png) 16px 9px no-repeat;
  }        
  #infobox_icon.exclamation_16{
  background: #FCF0E2 url(/res/icons/shield_exclamation_16x16.png) 16px 9px no-repeat;
  }     
  #infobox_icon.success_16{
  background: #E4F4E2 url(/res/icons/shield_success_16x16.png) 16px 9px no-repeat;
  }        
  #infobox_icon.information_16{
  background: #E0E4F6  url(/res/icons/information_16x16.png) 16px 9px no-repeat;
  }       
  #infobox_icon.question_16{
  background: #E2E6F2 url(/res/icons/shield_question_16x16.png) 16px 9px no-repeat;
  }        
  #infobox_icon.security_16{
  background: #FAF2C8 url(/res/icons/shield_16x16.png) 16px 9px no-repeat;
  }    
  
  /// 32 ///
  #infobox_icon.critical_32{
  background: #F8E0E0 url(/res/icons/shield_critical_32x32.png) 16px 9px no-repeat;
  }        
  #infobox_icon.exclamation_32{
  background: #FCF0E2 url(/res/icons/shield_exclamation_32x32.png) 16px 9px no-repeat;
  }     
  #infobox_icon.success_32{
  background: #E4F4E2 url(/res/icons/shield_success_32x32.png) 16px 9px no-repeat;
  }        
  #infobox_icon.information_32{
  background: #E0E4F6  url(/res/icons/information_32x32.png) 16px 9px no-repeat;
  }       
  #infobox_icon.question_32{
  background: #E2E6F2 url(/res/icons/shield_question_32x32.png) 16px 9px no-repeat;
  }        
  #infobox_icon.security_32{
  background: #FAF2C8 url(/res/icons/shield_32x32.png) 16px 9px no-repeat;
  }       
  
  /// 48 ///
  #infobox_icon.critical_48{
  background: #F8E0E0 url(/res/icons/shield_critical_48x48.png) 16px 9px no-repeat;
  }        
  #infobox_icon.exclamation_48{
  background: #FCF0E2 url(/res/icons/shield_exclamation_48x48.png) 16px 9px no-repeat;
  }     
  #infobox_icon.success_48{
  background: #E4F4E2 url(/res/icons/shield_success_48x48.png) 16px 9px no-repeat;
  }        
  #infobox_icon.information_48{
  background: #E0E4F6  url(/res/icons/information_48x48.png) 16px 9px no-repeat;
  }       
  #infobox_icon.question_48{
  background: #E2E6F2 url(/res/icons/shield_question_48x48.png) 16px 9px no-repeat;
  }        
  #infobox_icon.security_48{
  background: #FAF2C8 url(/res/icons/shield_48x48.png) 16px 9px no-repeat;
  }  
  
  
  /*		/////////// Stripes ///////////////*/
  #infobox_text.infobox_size_16, #infobox_textnotitle.infobox_size_16{
  font-size: 12px;
  }
  
  #infobox_text.infobox_size_32, #infobox_textnotitle.infobox_size_32{
  font-size: 15px;
  }
  
  #infobox_text.infobox_size_48,  #infobox_textnotitle.infobox_size_48{
  font-size: 20px;
  }
  
  
  #infobox_text.critical, #infobox_textnotitle.critical{
  background: url(/res/stripes/infobox_fade_critical.png) 0px 0px repeat-y;
  border: 1px solid #CD0A0A;
  color: #555555;
  }
  
  #infobox_text.exclamation, #infobox_textnotitle.exclamation{
  background: url(/res/stripes/infobox_fade_exclamation.png) 0px 0px repeat-y;
  border: 1px solid #E07515;
  color: #555555;
  }
  #infobox_text.success, #infobox_textnotitle.success{
  background: url(/res/stripes/infobox_fade_success.png) 0px 0px repeat-y;
  border: 1px solid #1B7611; color:#1B7611;
  }
  #infobox_text.information, #infobox_textnotitle.information{
  background: url(/res/stripes/infobox_fade_information.png) 0px 0px repeat-y;
  border: 1px solid #002CB5;
  color:#555555;
  }
  #infobox_text.question, #infobox_textnotitle.question{
  background: url(/res/stripes/infobox_fade_question.png) 0px 0px repeat-y;
  border: 1px solid #23409D;
  color:#555555;
  }        
  #infobox_text.security, #infobox_textnotitle.security{
  background: url(/res/stripes/infobox_fade_security.png) 0px 0px repeat-y;
  border: 1px solid #ECCB24;
  color: #000000;
  }   
  
  #infobox_title{
  /* 4 rounded corners */
  -webkit-border-radius: 8px 8px 0 0;
  -khtml-border-radius: 8px 8px 0 0;	
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  font-weight:bold;
  
  padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  }
  
  #infobox_title.infobox_size_16{
  font-size: 11px;
  }

  #infobox_title.infobox_size_32{
  font-size: 15px;
  }
  
  #infobox_title.infobox_size_48{
  font-size: 22px;
  }
  
  
  #infobox_title.critical{
  border: 1px solid #CD0A0A;
  color: #CD0A0A;
  background: #CD0A0A;
  }
  #infobox_title.exclamation{
  border: 1px solid #E07515;
  color: #ffffff;
  background: #E07515;
  }        
  #infobox_title.success{
  border: 1px solid #1B7611;
  color: #ffffff;
  background: #1B7611;
  }
  #infobox_title.information{
  border: 1px solid #002CB5;
  color: #ffffff;
  background: #002CB5;
  }        
  #infobox_title.question{
  border: 1px solid #143194;
  color: #ffffff;
  background: #143194;
  }
  #infobox_title.security{
  border: 1px solid #ECCB24;
  color: #ffffff;
  background: #ECCB24;
  } 

