html { font-size: 1.25em; } /* 1.25x16px = 20px */
body { font-size: 50%; } /* adjusts base font to 10px */

body {
  font-family: Arial, Helvetica, sans-serif;
  color:#0070B6;
  background:#ffffff;
}

html * {
  padding:0em;
  margin:0em;
}

acronym,
abbr {
  cursor:help;
  border-bottom:none;
}

/* *********************************
 * User Login Styles
 * *********************************/

.form_ctrl_width {width:85%;}
/*#sel_region {display:inline; margin:.75em 0; padding-bottom:1em;}*/
#container #header{
	float:left;
	width:100%
}
#login_container{
	width:20%;
	float:left;
	margin:0 0 3em 0;
}
#support_container{
	width:75%;
	float:right;
}
#support_container .ul_float{
	float:left;
	margin:0 0 0 0;
	margin-right:6em;
	color:#000000;
}
#support_container .ul_float li ul{margin-top:2em;}
#support_container ul.ul_float li ul li{color:#999999;}
#support_container ul.ul_float li ul li.txtbold{
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
}
#sel_region{display:inline;}
.header_line{
	vertical-align:middle;
	border-bottom:0.1em solid #88CCE2;
	padding-bottom:.35em;
	width:100%;
}
#login_container .header_line{
	margin-bottom:2.5em;
	margin-top:.50em;
}
#login_container label{
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
	display:block;
	margin-top:1.4em;
	margin-bottom:.35em;
}
.std_btn {
	display:block;
	background-color:#FFFFFF;
	border:0.1em solid #CCCCCC;
	color:#999999;
	margin-top:2em;
	margin-left:40%;
}

/* *********************************
 * End User Login Styles
 * *********************************/



a,
a:link,
a:visited {
  color:#0264B5;
  text-decoration:underline;
}
a:hover,
a:active {
  color:#FF9731;
  text-decoration:underline;
}

.bold {
  font-weight:bold;
}
.structuralLabel {
  position:absolute;
  left:-9999px;
}
.text {
  font-size:1.2em;
}
.italic {
  font-style:italic;
}
.hidden {
  display:none;
}
img {
  border:0em;
}

div#container {
  display:block;
  width:90em;
/*  background:#f5f5f5;  ----------------------------------------------------------- Debugging */
  margin:0px auto;
  margin-top:1em;
}
div#head {
  clear:both;
  float:left;
  border-bottom: 1px solid #88CCE2;
  width:90em;
}
img#img_s_p_logo {
    clear: both;
    float: left;
    margin-bottom: 0.1em;
}
ul#menu {
  width:90em;
  display:block;
  clear:both;
  float:left;
  list-style-type:none;
  border-bottom: 0.1em solid #88CCE2;
}
ul#menu li {
  display:block;
  float:left;
}
ul#menu li a {
  display:block;
  height:3em;
}
  
ul#menu li a#home { width: 7.6em; background:url(../interface/menu_home.gif) no-repeat 0em 0em; }
ul#menu li.sel a#home, ul#menu li a:hover#home, ul#menu li a:active#home { background:url(../interface/menu_home_sel.gif) }

ul#menu li a#cir { width: 12em; background:url(../interface/menu_cir.gif) no-repeat 0em 0em; }
ul#menu li.sel a#cir, ul#menu li a:hover#cir, ul#menu li a:active#cir { background:url(../interface/menu_cir_sel.gif); }
ul#menu li a#ib { width: 15.2em; background:url(../interface/menu_ib.gif) no-repeat 0em 0em; }
ul#menu li.sel a#ib, ul#menu li a:hover#ib, ul#menu li a:active#ib { background:url(../interface/menu_ib_sel.gif); }
ul#menu li a#cb { width: 18.6em; background:url(../interface/menu_cb.gif) no-repeat 0em 0em; }
ul#menu li.sel a#cb, ul#menu li a:hover#cb, ul#menu li a:active#cb { background:url(../interface/menu_cb_sel.gif); }
ul#menu li a#mt { width: 15.2em; background:url(../interface/menu_mt.gif) no-repeat 0em 0em; }
ul#menu li.sel a#mt, ul#menu li a:hover#mt, ul#menu li a:active#mt { background:url(../interface/menu_mt_sel.gif); }
ul#menu li a#itm { width: 11.8em; background:url(../interface/menu_itm.gif) no-repeat 0em 0em; }
ul#menu li.sel a#itm, ul#menu li a:hover#itm, ul#menu li a:active#itm { background:url(../interface/menu_itm_sel.gif); }
ul#menu li a#contacts { width: 9.6em; background:url(../interface/menu_contacts.gif) no-repeat 0em 0em; }
ul#menu li.sel a#contacts, ul#menu li a:hover#contacts, ul#menu li a:active#contacts { background:url(../interface/menu_contacts_sel.gif); }

ul#menu li a span {
  display:none;
}

div.body {
  clear:both;
  float:left;
  width:85.4em;
  padding:1em 2.3em 1em 2.3em;
  border-top: 0.1em solid #88CCE2;
/*  background:#f5f5f5;  ----------------------------------------------------------- Debugging */
}
img#img_h1 {
  margin-bottom:0.6em;
}
div#body_cir {
  background: url(../interface/pen_chart.jpg) no-repeat top right;
  padding-bottom:0em;
  margin-bottom:0em;
  
}
div#body_ib {
  margin-bottom:0em;
}
div#body_cir p,
div#body_ib p {
  margin-right:0em;
}

div.body p {
  line-height: 1.5em;
  width:100%;

}
h1 {
  font-size:1.8em;
  font-weight:bold;
  color:#FF9731;
  margin-bottom:0.6em;
}
h2 {
  font-size:1.3em;
  font-weight:bold;
  color:#555555;
  margin: 1em 0;
}
p {
  font-size:1.2em;
  margin-bottom: 1em;
}


img#img_corporate_investor_relations {
  clear:both;
  float:left;
  margin:0em 0em 1em 0em;
}

img#img_investment_banks {
  float:right;
  margin-bottom:1em;
}

div.silos {
  clear:both;
  float:left;
  width:90em;  
}

div#silo_3_1,
div#basesilo_1 {
  clear:both;
  float:left;
  margin-right:2em;
  margin-bottom:1em;
}
div#silo_3_2,
div#basesilo_2 {
  float:left;
}
div#silo_3_3,
div#basesilo_3 {
  float:right;
}
div.silo_3 {
  display:block;
  width:28.7em;
  /*background:url(../interface/3_silo_shade_top.jpg) no-repeat top left;*/
}
div.silo-bottom-cir {
  /*background:url(../interface/3_silo_shade_bottom.jpg) no-repeat bottom left;*/
  margin-bottom:0em;
  padding:0.3em;
 height:28em;
}
div.silo_4_1,
div#silobase_1 {
  clear:both;
  float:left;
/*  background: #eeff44;  ---------------Debug */
}
div.silo_4_2,
div.silo_4_3,
div#silobase_2,
div#silobase_3 {
  margin-left:2em;
  float:left;
/*  background: #ff44ee;  ---------------Debug */
}

div.silo_4 {
  display:block;
  width:21em;
  /*background:url(../interface/4_silo_shade_top.jpg) repeat-x top left;*/
}
div.silo_4_4,
div#silobase_4 {
  float:right;
  width:21.3em;
/*  background: #ffee44;  ---------------Debug */
}
div.silo-bottom-ib,
div.silo-bottom-cb,
div.silo-bottom-mt {
  /*background:url(../interface/4_silo_shade_bottom.jpg) repeat-x bottom left;*/
  margin-bottom:1em;
  padding:0.3em;
}
div.silo-bottom-ib { height:27.5em; }
div.silo-bottom-cb { height:34em; }
div.silo-bottom-mt { height:55em;padding:0.3em 1em;}




ul.silo_3 {
  list-style:none;
  padding:0em 0em 0em 2.2em;
  width:24em;
}
ul.silo_4 {
  list-style:none;
  padding:0em 0em 0em 2.2em;
  width:17em;
}

ul.silo_3 li{
  /*background: url(../interface/list_dot.gif) no-repeat 0 0.3em;*/
  margin-bottom: 0.5em;
  font-size:1.2em;
  color:#555555;
  width:18em;
  padding:0em 0em 0em 1.4em;
} 
ul.silo_4 li{
  /*background: url(../interface/list_dot.gif) no-repeat 0 0.3em;*/
  margin-bottom: 0.5em;
  font-size:1.2em;
  color:#555555;
  width:12.5em;
  padding:0em 0em 0em 1.4em;
} 
ul.silo_3 li span {
  color:#858585;
}

div#silobase{
  clear:both;
  float:left;
  margin-top: -4em;
  width:90em;
}
div#basesilo {
  clear:both;
  float:left;
  margin-top: -5em;
  width:90em;
}
div#silobase div {
  width:21em;
}
div#basesilo div {
  width:28.7em;
}
p.job {
  margin:0em 1em 1em 1em;
  font-weight:normal;
  color:#858585;
} 
p.bio {
  margin:0em 1em 1em 1em;
  color:#555555;
}

p.silo {
  margin:0em 0em 1em 1.5em;
  color:#555555;
}
p.silofoot {
  color:#555555;
  margin:0em 0em 0em 1.5em;
}
p.silofoot a {
  font-weight:normal;
  text-decoration:underline;
}
p.silofoot span {
  color:#FF9731;
}
img.img_h2 {
  clear:both;
  float:left;
  margin-left:0em;
}
img.img_mt {
  width:6.2em;
  clear:both;
  float:left;
  margin:0em 0.7em 0.7em 1em;
}

div#articles {
  clear:both;
  float:left;
  display:block;
  width:42em;
  margin:0em 4em 0em 2.3em;  
}
div#releases{
  display:block;
  float:left;
  width:19em;
}
div#special{
  float:right;
  display:block;
  width:19em;
  margin:0em 0em 0em 0em;
}
div.mediahead,
div.contacthead {
  display:block;
  width:100%;
  margin-bottom:1em;
  border-bottom: 0.1em solid #88CCE2;
 /* background: #ff44ee;  ---------------Debug */
}



div.mediasilo {
  float:left;
  display:block;
  width:19em;
  margin-bottom:1em;
/*  background: #eeff44;  ---------------Debug */
}


div.media {
  display:block;
  width:19em;
  margin:0em 0em 2em 0em;
/* background: #ffee44;   ---------------Debug */
}
div.media img {
  width:6.2em;
  clear:both;
  float:left;
  margin:0em 0.7em 0.7em 0em;
}
div.media p.media {
/* background: #44ffee;   ---------------Debug */
  margin:0em;
  padding-bottom: 1em;
}
div.media h3,
div.contact h3 {
  font-size:1.2em;
  font-weight:normal;
  margin:0em 0em 0.5em 0em;
  color:#000000;
/* background: #99ffee;   ---------------Debug */
}

div.contacts {
  float:left;
  width:42em;
  margin:0em 0em 1em 2.3em;  
/* background: #99ffee;   ---------------Debug */
}
div.contacts-right{
  float:right;
  width:42em;
  margin:0em;   
/* background: #99ffee;   ---------------Debug */
}
div.contact {
  float:left;
  width: 19em;
  margin-bottom:1em;
  margin-right:1.9em;
/*  background: #ff44ee;  ---------------Debug */
}

div.clear {
  clear:both;
}
div.right {
  float:right;
}




div.contact p,
div.media p {
  color:#959595;
  margin:0em;
}
div.media p a {
  font-weight:normal;
}
div.contact div p.name {
  color:#555555;
}



div#footer {
  clear:both;
  float:left;
  width:90em;
  border-top: 0.1em solid #88CCE2;
  margin-top:0.2em;
}
p#copyright, p.leagalLanguageFooter {
  margin:1em 2em;
}


 .body ul.solutions li {
   display: block;
   float: left;
   border: 1px solid #ccc;
   padding: 40px 10px;
   _padding: 30px 10px;
   height: 8px;
  
   width:160px;
   _width: 163px;
   
   position: relative;
   text-align: center;
   background: url(../images/box.jpg);
   margin-left: 10px;
   _margin-left: 5px;

 }
 
 .body ul.solutions li a {
   color: #fff;
   text-decoration: none;
   font-size: 1.3em;
   font-weight: bold;
  
 }
 
  .body ul.products {
    


    border: 1px solid #ccc;
    padding: 40px 10px;
    margin: 0 auto;
    width: 250px;
    

    background: url(../images/longbox.jpg);
   
 
 
  }
  
  .body div.products {
  
    background: url(../images/longbox.jpg);
    border: 1px solid #ccc;
    padding-top: 12px;
    margin-left: 10px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    width: 565px;
    text-align: center;
  }
  
    
    .body div.solution-summary {
    
      background: url(../images/longbox.jpg);
      border: 1px solid #ccc;
      padding-top: 12px;
      padding-left: 10px;
      margin-left: 10px;
      font-weight: bold;
      margin-bottom: 15px;
        color: #fff;
      width: 553px;
      text-align: left;
  }
  
  .body ul.products li {
    list-style-type: none;
  }
  
  .body ul.products li a {
    color: #fff;
    
    
    text-decoration: none;
    font-size: 1.3em;
    font-weight: bold;
   
 }
 
 .body ul.solutions li a:hover, .body ul.products li a:hover {
   border-bottom: 1px dotted #fff;
 }
 
 div#product-container {
   position: relative;
   float: left;
   margin: 0 auto;
   
   width: 600px;
 }
 
 
 #selector {
   background-image: url(../images/boxy.jpg);
   height: 18px;

   color: #fff;
   padding: 5px;
   margin-left: 10px;
   margin-bottom: 20px;
   width: 556px;
   border: 1px solid #ccc;
}


#selector a {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}

div#product-content {
  margin-left: 10px;
  width: 380px;
  float: left;
}

ul li {
  list-style-type: none;
  
}

/*For Generic default page styles*/
.center_msg {
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.8em;
  font-weight:bold;
  color:#0070B6;
  background:#ffffff;
  align-content:center;

  clear:both;
  float:left;
  width:85.4em;
  padding:1em 2.3em 1em 2.3em;
  border-top: 0.1em solid #88CCE2;
}

.warning_text {
    color:#FF9731;
}


.standard_btn {
    background-color:#FFFFFF;
	border:0.1em solid #CCCCCC;
	color:#999999;
	margin-top:2em;
}