/* CSS Document */

.img-shadow {
  float:right;
  background: url(./shadowAlpha.png) no-repeat bottom right !important;
  background: url(./shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

#white {color: #FFFFFF;}

a:link { 
              font-family: Arial, Helvetica, sans-serif;
              font-size: 10pt; color: #003399;
              text-decoration:underline; 
}
		
a:hover {
              text-decoration:underline;
}
a:visited { 
              color: #330066;
              text-decoration:none;
}
a.small { 
              font-family: Arial,Verdana,Helvetica,sans-serif;
              font-size: 8pt; color: #003399;
              text-decoration:underline;
}
a.small:visited {
              font-family: Arial,Verdana,Helvetica,sans-serif;
              font-size: 8pt; color: #330066;
              text-decoration:underline;
}
body {
              padding: 0px;
              margin:0px;
              background:white;
              font-family: Arial,Verdana,Helvetica,sans-serif;
              font-size: 10pt; font-color: #000000;
}
td {
              font-family: Arial,Verdana,Helvetica,sans-serif;
              font-size: 10pt; font-color: #000000;
}

h1 { /* Newsletter title across the header */
              margin-left: 5px;
              margin-top: 0px;
              padding-top: 40px; font: bold 20pt Arial, Helvetica, sans-serif;
              color: #FFFFFF; 
}
h2{ 
              font: bold 12pt Arial, Helvetica, sans-serif;
              margin-bottom: -3px; padding-left:5px;
}
h3 { 
              font: bold Arial, Helvetica, sans-serif #000000; 
              margin-bottom: -10px; margin-top: 0px; padding-left:5px;
              font-size: 10pt;
}

h4.green { 
              height:18px; background:#12AD2B; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
h4.orange { 
              height:18px; background:#FF9900; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
h4.purple { 
              height:18px; background:#663399; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
h4.red { 
              height:18px; background:#C20336; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
h4.teal { 
              height:18px; background:#00A19C; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; padding-left: 4px;}
h4.yellow { 
              height:18px; background:#FFCC33; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
h4.grey { 
              height:18px; background:#767A7D; clear: both;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; }
p { 
              font-family: Arial, Helvetica, sans-serif; 
              font-size: 10pt; padding: 5px; margin:0px;
              font-color: #000000;
}
#contentArea { /* Main Content */
              float:left; width:100%; 
              font-family: Arial,Verdana,Helvetica,sans-serif; 
              font-size: 10pt; 
              font-color: #000000;
}
#date_bar {   float:left; width:100%; height:18px; margin-bottom:10px; 
              background:#767A7D; font: 10pt Arial, Helvetica, sans-serif; 
              color: #FFFFFF;  }
			  
#note {  /* italic */
              font-family: Arial, Helvetica, sans-serif; 
              font-size: 10pt; color: #000000; 
              font-style: italic; 
              padding: 8px;
}
#note2 {  /* italic */
              font-family: Arial, Helvetica, sans-serif; 
              font-size: 10pt; color: #000000; 
              font-style: italic; 
              padding: 8px;
}
#outertable { /* Main outer table */
              border: #C0C0C0 1px solid; 
              width:590px; float:left;
	            margin-top:0px; margin-left:10px;
              padding:0px;
}
#promobug { 
              margin:4px;
              float:right;
}
#header_generic {
              height: 66px; width: 100%; margin:0px; padding:0px; float:left;
              background: white url(http://thekey.europe.nortel.com/emea/images/emails/templates/topnav_globemark.gif) no-repeat top right;
}
#header_cabinet { 
              height: 105px; width: 100%; margin:0px; padding:0px; float:left;
              background: white url(http://thekey.europe.nortel.com/emea/images/emails/templates/gm_blue_sm.gif) no-repeat top right;
}
#header_green { 
              height: 90px; width:100%; margin:0px; padding:0px; float:left;
              background: #12AD2B url(http://www.jokern.de/htmlemail/h0_logo.gif) no-repeat top right;
}
#header_orange { 
              height: 90px; width: 100%; margin:0px; padding:0px; float:left;
              background: #FF9900 url(http://thekey.europe.nortel.com/emea/images/emails/templates/orange_globe_1.gif) no-repeat top right;
}
#header_purple { 
              height: 120px; width: 100%; margin:0px; padding:0px; float:left;
              background: #663399 ;
}
#header_red { 
              height: 90px; width: 100%; margin:0px; padding:0px; float:left;
              background: #C20336 url(http://www.jokern.de/htmlemail/h0_logo.gif) no-repeat top right;
}
#header_teal { 
              height: 90px; width: 100%; margin:0px; padding:0px; float:left;
              background: #00A19C ;
}
#header_yellow { 
              height: 90px; width: 100%; margin:0px; padding:0px; float:left;
              background: #FFCC33 url(http://thekey.europe.nortel.com/emea/images/emails/templates/yellow_globe_1.gif) no-repeat top right;
}
#green_bar {
              float:left; width:100%; height:18px; margin:0px; background:#12AD2B;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF;
}
#orange_bar {
              width:100%; height:18px; float:left; margin:0px; background:#FF9900;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF;
}
#purple_bar {
              width:100%; height:18px; float:left; margin:0px; background:#663399;
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; padding-left: 4px;
}
#red_bar {
              float:left; width:100%; height:18px; margin:0px; background:#C20336; 
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF;
}
#teal_bar {
              float:left; width:100%; height:18px; margin:0px; background:#00A19C; 
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; padding-left: 4px;
}
#yellow_bar { float:left; width:100%; height:18px; margin:0px; background:#FFCC33; 
              font: bold 10pt Arial, Helvetica, sans-serif; color: #FFFFFF;
}
			  
/* Cabinet template */
#header2_cabinet { height: 92px; width:100%; float:left; }
#footer_cabinet { height: 80px; width: 100%; float:left;}
#footer_cabinet img {margin-right: 25px; margin-top: 5px; float:right;}

/* Generic Notice template */
#grey_bar {float:left; width:100%; height:4px;
padding:0px; margin:0px; background:#767A7D; font: 1pt/1pt Arial, Helvetica, sans-serif;}

/* Newsletters template */
hr.dotted {
	border: thin dotted #CCCCCC; width: 100%; }

/*
USER GUIDE:
h1 - Newsletter title across the header
h2 - Sub heading
h3 - Headline, section/artical title
p - Paragraphs
promobug -  Any promotional banner, bug, graphic etc
*/