/**************************************************************
 * undohtml.css
 * This section (CC) 2004 Tantek Celik. Some Rights Reserved.
 *   http://creativecommons.org/licenses/by/2.0
 * See http://tantek.com/log/2004/09.html#d06t2354
 */
:link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { font-weight:normal; font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/*
 **************************************************************
 */



/**************************************
 * Fix Immediacy's bulit-in stylesheet
 */

.ImmControlAlign_Left,
.ImmControlAlign_Right {
  clear: none;
}



/**************************************
 * General
 */

a:link,
.scenario .boxed a:link {
  background: transparent none;
  color: #0047ba;
  text-decoration: underline;
}

a:visited,
.scenario .boxed a:visited {
  background: transparent none;
  color: #5e8bd4;
  text-decoration: underline;
}

a:hover,
.scenario .boxed a:hover,
a:active
.scenario .boxed a:active {
  background: transparent none;
  color: #000;
}

acronym {
  border-style: dotted;
  border-width: 0 0 1px 0;
  cursor: help;
}

body {
  background: #fff none;
  color: #404040;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
  line-height: 120%;
  text-align: center;
  font-size: 76%;
}

/* position: fixed for IE/Win.
 * See also styles for * html #toolbar below.
 */
/* \*/
* html body {
  background: #fff url(/images/blank.gif) fixed no-repeat top left;
}
/* */

blockquote {
  font-size: smaller;
  padding: 0.6em;
  border-style: solid;
  border-width: 1px;
  border-color: #ada194;
  margin-bottom: 1em;
}

h1,
.Heading1 {
	background: transparent none;
	color: #E7AD02;
	font-size: 240%;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0.3em 0 0.2em 0;
	z-index: 1;
}

h2,
.Heading2 {
  background: transparent none;
  color: #E7AD02;
  font-size: 120%;
  text-transform: uppercase;
  line-height: 100%;
  margin-bottom: 0.1em;
}

h2 a:link,
.scenario .boxed h2 a:link,
.Heading2 a:link,
.scenario .boxed .Heading2 a:link,
h2 a:visited,
.scenario .boxed h2 a:visited,
.Heading2 a:visited,
.scenario .boxed .Heading2 a:visited {
  background: transparent none;
  color: #E7AD02;
}

h2 a:hover,
.scenario .boxed h2 a:hover,
.Heading2 a:hover,
.scenario .boxed .Heading2 a:hover,
h2 a:active,
.scenario .boxed h2 a:active,
.Heading2 a:active,
.scenario .boxed .Heading2 a:active {
  background: transparent none;
  color: #000;
}

h3,
.Heading3 {
  background: transparent none;
  color: #E7AD02;
  margin-top: 1em;
  margin-bottom: 0.3em;
}

h3 a:link,
.scenario .boxed h3 a:link,
.Heading3 a:link,
.scenario .boxed .Heading3 a:link,
h3 a:visited,
.scenario .boxed h3 a:visited,
.Heading3 a:visited,
.scenario .boxed .Heading3 a:visited {
  background: transparent none;
  color: #E7AD02;
}

h3 a:hover,
.scenario .boxed h3 a:hover,
.Heading3 a:hover,
.scenario .boxed .Heading3 a:hover,
h3 a:active,
.scenario .boxed h3 a:active,
.Heading3 a:active,
.scenario .boxed .Heading3 a:active {
  background: transparent none;
  color: #000;
}

h3.highlighted {
  background: #fcc917 url(/images/heading-highlighted.png) scroll no-repeat top left;
  color: #fff;
  font-size: 120%;
  text-transform: uppercase;
  padding: 0.2em 0.3em 0.4em 0.3em;
  margin-bottom: 0.83em;
  width: 220px;
}

h4,
.Heading4 {
  background: transparent none;
  color: #E7AD02;
  margin-top: 1em;
  margin-bottom: 0.3em;
}

h4 a:link,
.scenario .boxed h4 a:link,
.Heading4 a:link,
.scenario .boxed .Heading4 a:link,
h4 a:visited,
.scenario .boxed h4 a:visited,
.Heading4 a:visited,
.scenario .boxed .Heading4 a:visited {
  background: transparent none;
  color: #E7AD02;
}

h4 a:hover,
.scenario .boxed h4 a:hover,
.Heading4 a:hover,
.scenario .boxed .Heading4 a:hover,
h4 a:active,
.scenario .boxed h4 a:active,
.Heading4 a:active,
.scenario .boxed .Heading4 a:active {
  background: transparent none;
  color: #000;
}

h1 a:link,
h1 a:visited,
.Heading1 a:link,
.Heading1 a:visited,
h2 a:link,
h2 a:visited,
.Heading2 a:link,
.Heading2 a:visited {
  text-decoration: none !important;
}

ol li {
  list-style: decimal outside none;
  margin-left: 3em;
}

ul li {
  list-style: disc outside url(/images/bullet_black.gif);
  margin-left: 1.4em;
}

#header {
  background: #fff none;
  color: #404040;
  padding-top: 2em;
  width: 100%;
  float: left;
}

#page {
  background: #fff url(/images/menu_background.gif) scroll repeat-y right top;
  color: #404040;
  text-align: left;
  padding: 0 0 1em 0;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #ada194;
  margin: 6px auto 0 auto;
  width: 700px;
}
/* IE/Win includes the borders in the width
 */
/* \*/
* html #page {
  width: 702px;
}
/* */

#scenarioindex-page #page {
  background-image: url(/images/menu_background_wide.gif);
}

#page.no-menu {
  background-image: none;
}

.Caption {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
}



/**************************************
 * Form elements
 * Note that these only apply to the page content,
 * the toolbar uses native styles
 */

/* content buttons use native styles
 */
#nav input.button {
  background: #E7AD02 none;
  color: #fff;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
  font-size: 100%;
  cursor: pointer;
  padding: 0.1em 0.5em;
  border-style: none;
  margin: 0;
}

#content input.checkbox,
#nav input.checkbox {
  vertical-align: center;
  margin: 0;
}

#content iframe,
#content input.text,
#content textarea,
#nav input.text {
  background: #fff none;
  color: #404040;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
  font-size: 100%;
  padding: 0.1em 0.4em;
  border-style: solid;
  border-width: 1px;
  border-color: #ada194;
  margin: 0;
}

#content input.text[disabled],
#content textarea[disabled] {
  background: #f8f7f5 none;
  color: #ada194;
}

#content input.defaultValue,
#content textarea.defaultValue {
  background: #fff none;
  color: #7e7469;
}

#content iframe,
#content textarea {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/* IE/Win doesn't remove the border from the iframe,
 * just adds another one round the edge. This looks
 * silly, so we remove our border.
 */
/* \*/
* html #content iframe {
  padding: 0;
  border-style: none;
}
/* */

#content select,
#content select option {
  background: #fff none;
  color: #404040;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", geneva, sans-serif;
  font-size: 100%;
}



/**************************************
 * Error boxes
 */

.error {
  background: transparent url(/images/icon_alert.gif) scroll no-repeat 6px 10px;
  color: #404040;
  padding: 6px 10px 6px 64px;
  border-style: solid;
  border-width: 1px;
  border-color: #ada194;
  margin-bottom: 1em;
}

/* Cross-browser min-height.
 * See http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/
 */
*>.error {
  padding-top: 58px;
  min-height: 1px;
}
*>.error div {
  margin-top: -52px;
}
*>.error div div {
  margin-top: 0;
}
/* \*/
* html .error {
  height: 52px;
}
/* */



/**************************************
 * Tables
 * The bizarre classnames are required by Immediacy
 */

/* font size doesn't cascade in IE/Win
 */
table {
  font-size: 100%;
}

td,
th {
  text-align: left;
}

/* Default Table
 */
table.ImmTS_Default {
  padding: 0;
  border-collapse: collapse;
  border-style: none;
  width: 100%;
}
table.ImmTS_Default th,
table.ImmTS_Default td {
  padding: 0.3em;
  margin: 0.3em;
}
table.ImmTS_Default tbody th,
table.ImmTS_Default td {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ada194;
}
table.ImmTS_Default th {
  font-weight: normal;
}
table.ImmTS_Default thead th {
  background: #E7AD02 none;
  color: #fff;
  text-transform: uppercase;
  border-style: none;
}
table.ImmTS_Default tbody th {
  background: transparent none;
  color: #E7AD02;
}
table.ImmTS_Default tr {
  vertical-align: top;
}
table.ImmTS_Default thead th a:link,
table.ImmTS_Default thead th a:visited,
table.ImmTS_Default thead th a:hover,
table.ImmTS_Default thead th a:active {
  background: transparent none;
  color: #fff;
}
table.ImmTS_Default tbody th a:link,
table.ImmTS_Default tbody th a:visited {
  background: transparent none;
  color: #E7AD02;
}

table.ImmTS_Default tbody th a:hover,
table.ImmTS_Default tbody th a:active {
  background: transparent none;
  color: #000;
}



/**************************************
 * Structural classes
 */

.row {
  padding-bottom: 14px;
  float: left;
  width: 100%;
}

.one-column,
.two-column,
.three-column,
.four-column,
.five-column,
.six-column,
.one-column-with-padding,
.two-column-with-padding,
.three-column-with-padding,
.four-column-with-padding,
.five-column-with-padding,
.six-column-with-padding {
  margin: 0 10px;
  overflow: hidden;
  float: left;
}

.one-column-with-padding,
.two-column-with-padding,
.three-column-with-padding,
.four-column-with-padding,
.five-column-with-padding,
.six-column-with-padding {
  padding: 6px 10px;
}

.one-column {
  width: 100px;
}

.one-column-with-padding,
.one-column-with-padding .boxed {
  width: 80px;
}

.two-column {
  width: 220px;
}

.two-column-with-padding,
.two-column-with-padding .boxed {
  width: 200px;
}

.three-column {
  width: 340px;
}

.three-column-with-padding,
.three-column-with-padding .boxed {
  width: 320px;
}

.four-column {
  width: 460px;
}

.four-column-with-padding,
.four-column-with-padding .boxed {
  width: 440px;
}

.five-column {
  width: 580px;
}

.five-column-with-padding,
.five-column-with-padding .boxed {
  width: 560px;
}

.six-column {
  margin: 0;
  width: 700px;
  float: none;
}

.six-column-with-padding,
.six-column-with-padding .boxed {
  margin: 0;
  width: 680px;
  float: none;
}

.flush-left {
  margin-left: 0;
}

.flush-right {
  margin-right: 0;
}

/* IE/Win box model fixes
 */
* html .one-column-with-padding {
  width: 100px;
}
* html .two-column-with-padding {
  width: 220px;
}
* html .three-column-with-padding {
  width: 340px;
}
* html .four-column-with-padding {
  width: 460px;
}
* html .five-column-with-padding {
  width: 580px;
}
* html .six-column-with-padding {
  width: 700px;
}
/* \*/
/* */



/**************************************
 * Scenario boxes
 */

.scenario {
  background: #005498 none scroll no-repeat top left;
  color: #fff;
}
.six-column .scenario {
  background-image: url(/images/six-column.png);
}
.five-column .scenario {
  background-image: url(/images/five-column.png);
}
.four-column .scenario {
  background-image: url(/images/four-column.png);
}
.three-column .scenario {
  background-image: url(/images/three-column.png);
}
.two-column .scenario {
  background-image: url(/images/two-column.png);
}
.one-column .scenario {
  background-image: url(/images/one-column.png);
}

.highlighted-scenario {
  background: #fcc917 none scroll no-repeat top left;
  color: #fff;
}
/* the directory images will do here for now
 */
.six-column .highlighted-scenario {
  background-image: url(/images/directory/six-column.png);
}
.five-column .highlighted-scenario {
  background-image: url(/images/directory/five-column.png);
}
.four-column .highlighted-scenario {
  background-image: url(/images/directory/four-column.png);
}
.three-column .highlighted-scenario {
  background-image: url(/images/directory/three-column.png);
}
.two-column .highlighted-scenario {
  background-image: url(/images/directory/two-column.png);
}
.one-column .highlighted-scenario {
  background-image: url(/images/directory/one-column.png);
}
/*
.one-column .highlighted-scenario {
  background-image: url(/images/highlighted-one-column.png);
}
.two-column .highlighted-scenario {
  background-image: url(/images/highlighted-two-column.png);
}
.three-column .highlighted-scenario {
  background-image: url(/images/highlighted-three-column.png);
}
.four-column .highlighted-scenario {
  background-image: url(/images/highlighted-four-column.png);
}
.five-column .highlighted-scenario {
  background-image: url(/images/highlighted-five-column.png);
}
.six-column .highlighted-scenario {
  background-image: url(/images/highlighted-six-column.png);
}
*/

.scenario a:link,
.scenario a:visited,
.highlighted-scenario a:link,
.highlighted-scenario a:visited {
  background: transparent none;
  color: #fff;
}

.scenario a:active,
.scenario a:hover,
.highlighted-scenario a:active,
.highlighted-scenario a:hover {
  background: transparent none;
  color: #000;
}

.scenario h2,
.highlighted-scenario h2,
.scenario h3,
.highlighted-scenario h3 {
  background: transparent none;
  color: #fff;
}

.scenario .boxed {
  background: #cae2ee none;
  color: #404040;
  padding: 0.1em 1px 0.2em 1px;
  margin-top: 6px;
  overflow: hidden;
}

.boxed h3,
.boxed h3 a:link,
.boxed h3 a:visited {
  color: #E7AD02;
}

.highlighted-scenario .boxed {
  background: #fdebcc none;
}

.highlighted-scenario .boxed h3,
.highlighted-scenario .boxed h3 a:link,
.highlighted-scenario .boxed h3 a:visited {
  color: #f27d00;
}

.boxed h3 a:active,
.boxed h3 a:hover,
.highlighted-scenario .boxed h3 a:active,
.highlighted-scenario .boxed h3 a:hover {
  color: #000;
}



/**************************************
 * Scenario-page styles
 */

#scenario-content {
  padding-top: 0.1em;
  margin-bottom: 1em;
  margin-left: 34px;
  clear: left;
  width: 460px;
}

#page.no-menu #scenario-content {
  width: 580px;
}

#scenario-heading {
  background: #005498 url(/images/scenario_heading.png) scroll no-repeat top left;
  color: #fff;
  width: 700px;
  height: 118px;
  float: left;
}

#scenario-heading h1,
#scenario-heading .Heading1 {
  background: transparent none;
  color: #fff;
  margin-left: 34px;
  width: 400px;
}

#scenario-heading h2,
#scenario-heading .Heading2 {
  background: transparent none;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 34px;
  width: 400px;
}



/**************************************
 * Menu
 */

#nav-menu {
  font-size: smaller;
  padding-top: 2.7em;
  width: 190px;
  float: right;
}

#nav-menu div.menu dl {
  margin: 1em 11px 0.9em 10px;
}

/* Explicitly specify the width for the products dropdown
 */
#nav-menu div.menu dl dd {
  width: 170px;
}

#nav-menu-sectionlink {
  text-transform: uppercase;
  font-size: 120%;
  line-height: 100%;
}

#content #nav-menu-sectionlink a {
  display: block;
  padding: 0.5em 10px 0.7em 10px;
  height: 1%;
}

/* IE/Win ignores the backgound colour
 * if we don't give the link 'layout'!
 */
/* \*/
* html #content #nav-menu-sectionlink a {
  height: 1%;
}
/* */

#content #nav-menu-sectionlink a:link,
#content #nav-menu-sectionlink a:visited {
  background: #ada194 none;
  color: #fff;
  text-decoration: none;
}

#content #nav-menu-sectionlink a:hover,
#content #nav-menu-sectionlink a:active {
  background: #7e7469 none;
  color: #f8f7f5;
}

#nav-menu-scenarios dt {
  text-indent: -1000em;
  position: absolute;  /* to close up the gap in IE/Win */
  height: 0;
}

#product-page #nav-menu-scenarios dt {
  background: transparent none;
  color: #ada194;
  font-size: 120%;
  text-transform: uppercase;
  text-indent: 0;
  line-height: 100%;
  margin: 0;
  position: static;
  height: auto;
}

#product-page #nav-menu-scenarios dt a {
  display: block;
  padding: 0.5em 10px 0.7em 10px;
  height: 1%;
}

#product-page #nav-menu-scenarios dt a:link,
#product-page #nav-menu-scenarios dt a:visited {
  background: transparent none;
  color: #7e7469;
  text-decoration: none;
}

#product-page #nav-menu-scenarios dt a:hover,
#product-page #nav-menu-scenarios dt a:active {
  background: #fff none;
  color: #404040;
}

#nav-menu-scenarios dd li {
  list-style: none none;
  margin-left: 0;
}

#nav-menu-scenarios dd li a {
  display: block;
  padding: 0.5em 10px 0.7em 32px;
}

/* give the links 'layout' in IE/Win
 * to avoid excess vertical space
 */
/* \*/
* html #nav-menu-scenarios dd li a {
  height: 1%;
}
/* */

#nav-menu-scenarios dd li a:link,
#nav-menu-scenarios dd li a:visited {
  background: transparent url(/images/menu_bullet.gif) scroll no-repeat 10px 0.6em;
  color: #7e7469;
  text-decoration: none;
}

#nav-menu-scenarios dd li a:hover,
#nav-menu-scenarios dd li a:active {
  background: #fff url(/images/menu_bullet_dark.gif) scroll no-repeat 10px 0.6em;
  color: #404040;
}

#nav-menu-scenarios dd li li a {
  padding: 0.1em 10px 0.3em 42px;
}

#nav-menu-scenarios dd li li a:link,
#nav-menu-scenarios dd li li a:visited {
  background: transparent none;
  color: #7e7469;
  text-decoration: none;
}

#nav-menu-scenarios dd li li a:hover,
#nav-menu-scenarios dd li li a:active {
  background: #fff none;
  color: #404040;
}

#nav-menu-scenarios dd li li li a {
  padding-left: 52px;
}

#nav-menu-scenarios dd li li li li a {
  padding-left: 62px;
}

#nav-menu-scenarios dd li li li li li a {
  padding-left: 72px;
}

#nav-menu-scenarios dd li li li li li li a {
  padding-left: 82px;
}

#nav-menu-scenarios dd li li li li li li li a {
  padding-left: 92px;
}

#nav-menu-scenarios dd li li li li li li li li a {
  padding-left: 102px;
}

#nav-menu-scenarios dd li li li li li li li li li a {
  padding-left: 112px;
}

#nav-menu-scenarios dd li li li li li li li li li li a {
  padding-left: 122px;
}



/**************************************
 * Dropdown menus
 */

div.menu dl {
  background: transparent url(/images/dropdown_left.gif) scroll no-repeat left top;
  color: #404040;
  position: relative;
}

div.menu dl dt {
  background: transparent url(/images/dropdown_right.gif) scroll no-repeat right top;
  color: #404040;
  line-height: 16px;
  padding: 0 3px 2px 3px;
  margin-right: -1px;
  min-height: 16px;
}

/* min-height for IE/Win
 */
/* \*/
* html div.menu dl dt {
  height: 16px;
}
/* */

div.menu dl dt a {
  display: block;
}

div.menu dl dd {
  display: none;
  background: #f8f7f5 none;
  color: #404040;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1000;
}

div.menu dl:hover dd {
  display: block;
}

div.menu dl dd ul {
  border-style: solid;
  border-width: 1px;
  border-color: #ada194;
}

div.menu dl dd ul li {
  list-style: none none;
  margin-left: 0;
}

div.menu dl dd ul li a {
  display: block;
  text-decoration: none !important;
  padding: 1px 4px 2px 4px;
}

div.menu dl dd ul li a:link,
div.menu dl dd ul li a:visited {
  background: transparent none;
  color: #7e7469;
}

/* \*/
* html div.menu dl dd ul li a {
  height: 1%;
}
/* */

div.menu dl dd ul li a:hover {
  background: #fff none;
  color: #404040;
}



/**************************************
 * Breadcrumbs
 */

#breadcrumbs {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
  padding-top: 0.3em;
  margin: 0 0 0.7em 34px;
  clear: left;
}

#breadcrumbs a {
  background: transparent none;
  color: #ada194;
  text-decoration: underline;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:active {
  background: transparent none;
  color: #000;
}



/**************************************
 * Search results
 */

.search-stats {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
}

.searchtop {
  font-size: smaller;
}



/**************************************
 * 'Latest news' section on the
 * ScenarioIndex-pages
 */

.newsflash {
  padding-right: 0;
  padding-left: 20px;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #ada194;
  margin-left: 0;
}

.newsitem-date {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
}



/**************************************
 * Toolbar
 */

#toolbar {
  background: ButtonFace none;
  color: ButtonText;
  font: menu;
  line-height: normal;
  border-style: outset;
  border-width: 1px 0;
  border-color: ButtonFace;
  float: left;
  width: 100%;
  height: 2em;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

/* position: fixed for IE/Win.
 * See also styles for * html body above.
 * Note that this only works in IE6 when it's in quirks mode
 * - we use the XML declaration at the top of the XHTML file
 * to ensure this.
 */
/* \*/
* html #toolbar {
  position: expression("absolute");
  top: expression(eval(document.body.scrollTop))
}
/* */

#toolbar a {
  background: transparent none;
  color: ButtonText;
  text-decoration: none;
}

#toolbar a:hover,
#toolbar a:focus,
#toolbar a:active {
  text-decoration: underline;
}

#toolbar input {
  vertical-align: middle;
}

#toolbar input.text {
  font: menu;
  color: GrayText;
}

#toolbar input.text:focus,
#toolbar input.text:active {
  color: ButtonText;
}

#toolbar li {
  margin: 0;
  float:left;
}

#toolbar li a {
  display: block;
  float: left;
  padding: 2px 0.4em 2px 0;
}

#toolbar li img,
#toolbar li span {
  float: left;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#toolbar li a,
#toolbar li img,
#toolbar li span {
  float:none;
}
/* End IE5-Mac hack */

#toolbar p {
  float:right;
  padding: 0;
  margin: 0;
}

#toolbar ul {
  margin: 0;
  padding: 0;
}

#toolbar ul li {
  margin-left: 0;
  list-style:none;
}

#toolbar-buttons {
  float: right;
}

#toolbar-link-cw {
  background: transparent url(/images/toolbar/cw_icon-trans.png) scroll no-repeat 2px center;
  color: ButtonText;
}
/* \*/
* html #toolbar-link-cw span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/toolbar/cw_icon-trans.png', sizingMethod='crop');
}
/* */

#toolbar-link-intranet {
  background: transparent url(/images/toolbar/cw_icon-trans.png) scroll no-repeat 2px center;
  color: ButtonText;
}
/* \*/
* html #toolbar-link-intranet span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/toolbar/cw_icon-trans.png', sizingMethod='crop');
}
/* */

#toolbar-link-directory {
  background: transparent url(/images/toolbar/directory_icon-trans.png) scroll no-repeat 2px center;
  color: ButtonText;
}
/* \*/
* html #toolbar-link-directory span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/toolbar/directory_icon-trans.png', sizingMethod='crop');
}
/* */

#toolbar-link-email {
  background: transparent url(/images/toolbar/email_icon_login-trans.png) scroll no-repeat 2px center;
  color: ButtonText;
}
/* \*/
* html #toolbar-link-email span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/toolbar/email_icon_login-trans.png', sizingMethod='crop');
}
/* */

#toolbar-link-homepage {
  background: transparent url(/images/toolbar/home_icon-trans.png) scroll no-repeat 2px center;
  color: ButtonText;
}
/* \*/
* html #toolbar-link-homepage span {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/toolbar/home_icon-trans.png', sizingMethod='crop');
}
/* */

/* Some messing around here because we need to set the
 * filter for the PNG transparency in IE on the <span>,
 * rather than the <a> or the <li>, to get the position
 * of the image right
 */
#toolbar-links li a {
  text-decoration: none;
  cursor: default;
  padding-left: 19px;
  border-style: solid;
  border-color: ButtonFace;
  border-width: 1px;
}
/* \*/
* html #toolbar-links li {
  background-image: none;
}
* html #toolbar-links li a {
  padding-left: 0;
}
* html #toolbar-links li a span {
  display: inline-block;
  height: 16px;
  padding-left: 19px;
}
/* */

#toolbar-links li a:hover,
#toolbar-links li a:focus {
  text-decoration: none;
  border-style: outset;
}

#toolbar-links li a:active {
  text-decoration: none;
  border-style: inset;
}

#toolbar-search-go {
  border-style: solid;
  border-color: ButtonFace;
  border-width: 1px;
  margin-right: 0.3em;
  cursor: default;
}

#toolbar-search-go:hover,
#toolbar-search-go:focus {
  border-style: outset;
}

#toolbar-search-go:active {
  border-style: inset;
}



/**************************************
 * Top navigation
 */

#logo {
  background: transparent none;
  color: #000;
  padding: 0 0 8px 34px;
  margin: 0 0 0 0;
  float: left;
}

#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active {
  background: transparent none;
  color: #000;
}

#nav {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
  line-height: 1.2em;
  padding-top: 2px;
  margin: 0 34px 0 280px;
}

#nav a {
  background: transparent none;
  color: #ada194;
  text-decoration: none;
}

#nav a:hover,
#nav a:focus,
#nav a:active {
  background: transparent none;
  color: #000;
}

#nav li {
  list-style: none none;
  padding-top: 0.2em;
  margin-left: 0;
  float: right;
}

#nav li a {
  display: block;
  float: left;
  padding: 0 0.4em;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #ada194;
  margin-bottom: 0.2em;
}

#nav li#nav-first a {
  border-style: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav li a {
  float:none;
}
/* End IE5-Mac hack */

#nav-search {
  display: block;
  padding-top: 2px;
  margin-top: -2px;
  float: left;
}

#nav li input.button {
  background: #ada194 none;
  color: #fff;
  padding-right: 0.1em;
  padding-left: 0.1em;
  margin-top: -0.2em;
}

#nav li input.button:hover,
#nav li input.button:focus,
#nav li input.button:active {
  background-color: #000;
  border-color: #000;
}

#nav li input.text {
  background: transparent none;
  color: #ada194;
  margin-top: -0.2em;
  margin-left: 0.4em;
}

#nav li input.text:hover,
#nav li input.text:focus,
#nav li input.text:active {
  background: transparent none;
  color: #000;
}



/**************************************
 * Page controls
 */

#page-controls {
  font-size: smaller;
  line-height: 1.2em;
  text-align: right;
  padding-top: 2px;
  margin: 0 34px 1em 280px;
  clear: right;
}

#page-controls a {
  text-decoration: none;
}

#page-controls a:hover,
#page-controls a:focus,
#page-controls a:active {
  background: transparent none;
  color: #000;
}

#page-controls li {
  list-style: none none;
  padding-top: 0.2em;
  margin-left: 0;
  float: right;
}

#page-controls li a {
  display: block;
  float: left;
  padding: 0 0.4em 0 26px;
  margin-bottom: 0.2em;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#page-controls li a {
  float:none;
}
/* End IE5-Mac hack */

#page-controls li#page-controls-print a:link,
#page-controls li#page-controls-print a:visited {
  background: transparent url(/images/icon_print.gif) scroll no-repeat 12px center;
  color: #0047ba;
}

#page-controls li#page-controls-print a:hover,
#page-controls li#page-controls-print a:active {
  background: transparent url(/images/icon_print_black.gif) scroll no-repeat 12px center;
  color: #000;
}

#page-controls li#page-controls-send a:link,
#page-controls li#page-controls-send a:visited {
  background: transparent url(/images/icon_mail.gif) scroll no-repeat 12px center;
  color: #0047ba;
}

#page-controls li#page-controls-send a:hover,
#page-controls li#page-controls-send a:active {
  background: transparent url(/images/icon_mail_black.gif) scroll no-repeat 12px center;
  color: #000;
}

#page-controls li#page-controls-logout a:link,
#page-controls li#page-controls-logout a:visited {
  background: transparent url(/images/icon_logout.gif) scroll no-repeat 12px center;
  color: #0047ba;
}

#page-controls li#page-controls-logout a:hover,
#page-controls li#page-controls-logout a:active {
  background: transparent url(/images/icon_logout_black.gif) scroll no-repeat 12px center;
  color: #000;
}



/**************************************
 * Bottom navigation
 */

#product-nav {
  padding-top: 1.4em;
  margin: 0 249px 0 0;
  clear: both;
}

#product-nav li {
  list-style: none none;
  margin-left: 0;
  margin-right: 8px;
  float:left;
}

#product-nav li a {
  text-indent: -1000em;
  display: block;
  width: 93px;
  height: 22px;
  float: left;
}

#product-nav li a:link,
#product-nav li a:visited,
#product-nav li a:hover,
#product-nav li a:active {
  text-decoration: none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#product-nav li a {
  float:none;
}
/* End IE5-Mac hack */

#product-nav ul {
  float: right;
}

#product-nav-base {
  clear: both;
}

li#product-nav-broadband a {
  background: transparent url(/images/button_broadband.jpg) scroll no-repeat bottom right;
  color: #fff;
}

li#product-nav-business a {
  background: transparent url(/images/button_business.jpg) scroll no-repeat bottom right;
  color: #fff;
  margin-right: 0;  /* this is the last button */
}

li#product-nav-home a {
  background: transparent url(/images/button_home.jpg) scroll no-repeat bottom right;
  color: #fff;
}

li#product-nav-mobile a {
  background: transparent url(/images/button_mobile.jpg) scroll no-repeat bottom right;
  color: #fff;
}

.no-menu #product-nav {
  margin-right: 137px;
}



/**************************************
 * Footer
 */

#footer {
  background: transparent none;
  color: #ada194;
  font-size: smaller;
  text-align: center;
  padding: 1em 0 2em 0;
  clear: both;
}

#footer a {
  background: transparent none;
  color: #ada194;
  text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
  background: transparent none;
  color: #000;
}

#footer li {
  list-style: none none;
  margin-left: 0;
  float:left;
}

#footer li a {
  display: block;
  padding: 0 1.3em;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #ada194;
  float: left;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#footer li a {
  float:none;
}
/* End IE5-Mac hack */

li#footer-first a {
  border-style: none;
}

/* This is only for the print stylesheet
 */
#footer address {
  display: none;
}

#footer ul {
  margin-left: -9.6em;
}

#footer-links {
  margin-left: 50%;
}



/**************************************
 * Content area
 */

#content {
  clear: both;
}

#product-page #content {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #ada194;
}

#content a:link,
#content a:visited {
  text-decoration: underline;
}



/**************************************
 * ScenarioIndex pages
 */

#scenarioindex-page #breadcrumbs {
  margin-left: 10px;
}

#scenarioindex-page #nav-menu {
  font-size: 100%;
  padding-top: 0;
  width: 220px;
}

#scenarioindex-page #nav-menu div.menu {
  font-size: smaller;
}

#scenarioindex-page #nav-menu div.menu dl {
  margin-left: 0;
}

#scenarioindex-page #nav-menu div.menu dl dd {
  width: 190px;
}

#scenarioindex-page #scenario-content {
  padding-top: 0;
  margin-left: 10px;
  width: 450px;
}

#scenarioindex-page #scenario-content div.menu dl dd{
  width: 426px;
}

#scenario-banners {
  background: #fff none;
  color: #ada194;
  padding-bottom: 1em;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin-bottom: 1em;
  width: 100%;
  float: left;
}

/* IE/Win misses this gap for some reason
 */
/* \*/
* html #scenario-banners {
  padding-top: 8px;
}
/* */

#scenario-banners h2 {
  margin-bottom: 0;
}



/**************************************
 * PDF download link
 */

#pdf-download {
  float: right;
}

#content #pdf-download a {
  display: block;
  background: #F8F7F5 url(/images/icon_pdf.gif) no-repeat scroll 8px center;
  font-size: smaller;
  padding: 0.5em 0.8em 0.8em 28px;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: #ada194;
}

/* IE/Win needs some help making the clickable area fill the entire box
 */
/* \*/
* html #content #pdf-download a {
  display: inline-block;
}
/* */



/**************************************
 * Temporary styles for the smile/smilie images
 */

.smiley-page #page {
  position: relative;
}

.smiley-page #nav,
.smiley-page #page-controls {
  margin-right: 79px;
}

.smiley-page #nav-smile {
  position: absolute;
  right: 35px;
}