body{font-family: Verdana, Geneva, sans-serif; /*background: url(../images/body-bg.jpg) repeat-y center 0;*/}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
p, ul, ol, dl, form, blockquote {padding:0 10px;margin: 0 0 .818em 0;line-height: 1.636em;}
th, td {line-height: 1.636em;}
* html p {overflow: visible;} /*fix frustrating ie6 italic problem*/
object, embed {margin: 0 10px .818em;}
h1, h2, h3, h4, h5, h6 {padding:0 10px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table dl {padding:0;margin:0;}
ol p, ol dl, ol img, ol ul, ol ol, ol h1, ol h2, ol h3, ol h4, ol h5, ol h6, ul p, ul dl, ul img, ul ol, ul ul, ul h1, ul h2, ul h3, ul h4, ul h5, ul h6 {padding: 0;}
/* ====== Header ====== */
#header {position: relative;font-size: 1%;}
#header .default {background: url(../images/skin/hpe-banner-red.jpg) no-repeat 0 0;}
#header .colours {background: url(../images/skin/hpe-banner-colours.jpg) no-repeat 0 0;}
#cycle {width: 431px; height: 134px; position: absolute; left: 275px; top: 0;}
#cycle img {padding: 0;}
#header h1 {margin: 0; padding: 0;font-size: 1%;}
#header #logo-moe {position: absolute; top: 50px; left: 20px;}
/* ====== Elements ====== */
img{padding: 0 10px;/*margin-bottom: .818em;*/}
.imgExt img, img.imgExt {padding: 0 1em;} /* extends img */
.imgExt2 img, img.imgExt2 {padding: 0;} /* extends img */
em{font-style: italic;}
strong{font-weight:bold;}
code{color:#0B8C8F;}
sup {font-size:.818em;line-height:1em;vertical-align:super;}
sub {font-size:.818em;line-height: 1em;vertical-align:sub;}
/* links */
a {color: #002545; text-decoration: underline;}
a:focus, a:hover { text-decoration: none;}
a:visited { color:#264561;}
.external-link span {background: url(../images/buttons/arrow.gif) no-repeat right 3px;padding-right: 18px;*padding-right: 6px;padding-left: 0;*display: inline-block;*width: 12px;}
/* glossary */
.glossary-term {font-weight: bold;border-bottom: 1px dotted #1a6881; text-decoration: none;}
dl h4, dl p {padding: 0;margin-top: 0;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size: 1.454em; line-height: 1.125em; margin: .562em 0; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-style: normal; color: #009900;}
h2, .h2{font-size:1.363em; line-height: 1.2em; margin: .6em 0; font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-style: normal; color: #002545;}
h3, .h3{font-size:1em; line-height: 1.636em; margin: 0; font-weight: bold; font-style: normal; padding: 0; margin: 0 10px 0.4em; color: #002545;}
h3 span, .h3 span {font-weight: bold; padding-left: 20px; color: #002545;}
h4, .h4{font-size:1em; line-height: 1.636em; margin:.818em 0 0; font-weight: bold; font-style: normal; color: #002545;}
h5, .h5{font-size:1em; line-height: 1.636em; margin: 0; font-weight: bold; font-style: italic;}
h6, .h6{font-size:10px; line-height: 1.636em; margin: 0; font-weight: bold; font-style: normal;}

/* link feedback is reversed within headings */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.collection-h {font-size:1.363em; line-height: 1.2em; margin: .6em 10px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-style: normal; color: #002545; border-bottom: 1px solid #A3C3CD; padding: 0 0 4px;}
.featured-h, .general .featured-h {background: #bb0000 url(../images/highlight.png) repeat-x left 50%; color: #ffffff;margin: 0;padding: .333em 10px .333em 20px;} /* background doesn't show in IE6 */
	/* makes sure the link color remains white */
	.featured-h a, .featured-h a:visited, .general .featured-h a, .general .featured-h a:visited {color: #ffffff;}
.widget-h {background:#bb0000 url(../images/highlight.png) repeat-x left 50%;font-size:1.182em;margin:0;padding:.384em 10px .384em 10px;border:1px solid #bb0000}

/*inline icons*/
.icon {display: inline-block; *display: inline;padding-left: 30px; position: relative;}
.icon img {display: inline; left: 0; padding-left: 0; position: absolute; top: -6px; *top: 5px; _top: -11px; left: -6px}
.document .icon {padding-left: 26px;}
.document .icon img {padding-left: 10px;top: -11px;*top: -1px;}
h3 span.document {padding-left: 0;}
h3 .document .icon {padding-left: 17px;}
h3 .document .icon img {padding-left: 5px;}
	/*modification to the way the icons are displayed in IE when inside a label*/
	/*special case .icon within h1*/
	.widget-h .icon img {*top: 1px; _top: -4px;}
/* ====== Lists ======*/
/* numbered list */
ol {margin-left: 18px;}/* ugh i hate inconsistencies of ordered lists*/
ol.fancy-list {margin-left: 0;}
ol.fancy-list ol {margin-left: 0}
ol.fancy-list li, ul ol.fancy-list li {background-image: none; margin-left:25px; padding: 0;}
/* standard list */
ul {list-style: none;}
ul.fancy-list li, ul ol ul.fancy-list li, .anchor-list ul li {background: transparent url(../images/list-simple.gif) no-repeat left 7px; padding-left:12px; margin-left: 7px;}
ul.fancy-list, ul.fancy-list ul, ul.fancy-list ul ul, .anchor-list ul, .anchor-list ul ul, .anchor-list ul ul ul {list-style-type: none; margin-left: 0;}
ul.simple-list, .sitemapdiv ul {list-style-type: disc; padding-left:12px; margin-left: 18px;}
ul.simple-list ul, .sitemapdiv ul ul {list-style-type: circle; margin-left: 18px;}
ul.simple-list ul ul, .sitemapdiv ul ul ul {list-style-type: square; margin-left: 18px;}  
ul.feature-list {margin-bottom: 1.636em;}
ul.feature-list li {margin-bottom: .818em;}
/* nested lists */
ul ul, ol ol {margin-bottom:0}
/*list */
ul.nav {font-size:1.091em;line-height:1.384em;list-style-type:none;overflow:hidden;height:1%}
ul.nav li {position:relative;z-index:50}

ul.nav li ul li {
	background: #fff url(../images/nav-item-bg.jpg) repeat-x 0 0;
}

ul.nav ul li ul li {
	/*background: yellow;*/
	background: #fff;
}

ul.nav ul li ul li.current {
	/*background: #b9d5c3;*/
	/*background: url(../images/nav-item-bg.jpg) repeat-x scroll 0 0 #fff;*/
	background: #fff;
	border-top: 1px solid #e3e2c8;
	/*border-bottom: 1px solid #e3e2c8;*/
}

ul.nav ul {padding:0 0 0 10px;margin-top:-19px;line-height:1.384em;position:relative;z-index:100}

ul.nav a, ul.nav a:visited {
	background: #bb0000 url(../images/highlight.png) repeat-x left 50%;
	color: #fff;
	display: block;
	padding: 5px 0 4px 20px;
	text-decoration: none;
	zoom: 1;
}/* background doesn't show in IE6 */

ul.nav a:hover {
	/*background-color: #ac0d04;*/
	text-decoration: none;
}

ul.nav .current a {
	font-weight: bold;
	/*color: tan;*/
}
 
ul.nav .current .current a {
	font-weight: bold;
	/*color: green;*/
}

ul.nav .current li a {
	font-weight: normal;
}

ul.nav .current .current li a {
	font-weight: normal;
	/*background: green;*/
	background-color: #f4f4ea;
}

ul.nav .current .current .current li a {
	padding-left: 30px;
	background-position: 22px 12px;
	font-weight: normal;
	background-color: #fff;
	/*color: red;*/
}

ul.nav .current .current .current .current a {font-weight:bold}

ul.nav .current .current .current .current li a {
	padding-left: 38px;
	background-position: 30px 12px;
	background-color: #f4f4ea;
	font-weight: normal;
}

ul.nav .current .current .current .current .current a {font-weight:bold}

ul.nav .current .current .current .current .current li a {
	padding-left: 42px; 
	background-position: 34px 12px;
	background-color: #fff;
	font-weight: normal;
}

.nav .current .current .current .current .current li a {
	/*padding-left:22px;background-position:14px 12px !important;*/}

ul.nav .current .current .current .current .current .current a {
	/*padding-left: 22px;
	background-position: 14px 12px;*/
	font-weight: bold;
}

.nav .current .current .current .current .current .current a {
	/*padding-left: 22px;
	background-position: 14px 12px !important;*/
}

ul.nav .current .current .current .current .current .current li a {font-weight:normal}
ul.nav .current .current .current .current .current .current .current a {font-weight:bold}
ul.nav .current .current .current .current .current .current .current li a {font-weight:normal}
ul.nav .current .current .current .current .current .current .current .current a {font-weight:bold}
ul.nav li li a, ul.nav li li a:visited {background:transparent;border:0;border-bottom:none;color:#333333;padding:4px 0 5px 10px}
ul.nav li li li a, ul.nav li li li a:visited {padding:3px 5px 4px 8px; background:none;}

ul.nav li li a:hover {
	/*background: transparent;*/
	text-decoration: underline;
}

ul.nav li li.last a, 
ul.nav li li.last a:visited {
	border-bottom: none;
}

ul.nav ul ul {
	margin-top: 0;
	margin-bottom:0;
	padding: 0;
	line-height: 1.384em;
	position:relative;
	z-index: 100;
	background: #fff;
	/*border-bottom: 1px solid #e3e2c8;*/
}

ul.nav ul ul li a, 
ul.nav ul ul li.current a, 
ul.nav ul ul li.current a:visited {
	border-bottom: 0; 
	font-size: 0.917em; 
	background: transparent url(../images/nav-lvl2.gif) no-repeat left 12px; 
}

ul.nav ul ul ul {
	/*border-bottom: 0;*/
}

/* ###################
CHANGES TO NAV STYLING
################### */
.nav .current .current li {
	border-top: 1px solid #e3e2c8;
	/*background: gold;*/
}

.nav .current .current .current li {
	/*background: #909090;*/
}

.nav .current .current .current li.current {
	/*background: #a7aa8c;*/
}

.nav .current .current .current .current li {
	/*background: tan;*/
}

.nav .current .current .current .current .current li {
	background: #94ecf6;
}

.nav .current .current a {
	padding-left: 14px; 
	background-position: 6px 12px;
}

.nav .current a {
	padding-left: 14px;
	background-position: 6px 12px;
}

.nav .current .current .current a {
	/*padding-left: 16px;
	background-position: 8px 12px !important;*/
	font-weight: bold;
	/*color: pink;*/
	background: url("../images/nav-lvl2.gif") no-repeat scroll 14px 12px #f4f4ea;
}

.nav .current .current li a {
	padding-left: 22px;
	background-position: 14px 12px;
	background-color: #f4f4ea;
}

.nav .current .current .current .current a {
	/*padding-left: 18px;
	background-position: 10px 12px !important;*/
}

.nav .current .current .current li a {
	/*padding-left: 22px;
	background-position: 14px 12px;
	padding-left: 24px;
	background-position: 16px 12px;*/
}

.nav .current .current .current .current .current a {
	/*padding-left: 20px;
	background-position: 12px 12px !important;*/
}

.nav .current .current .current .current li a {
	padding-left: 20px; background-position:12px 12px /*!important*/;}

.nav .current .current .current .current .current .current .current a {padding-left:24px;background-position:16px 12px !important;}

.nav .current .current .current .current .current .current li a {padding-left:24px;background-position:16px 12px !important;}

.nav .current .current .current .current .current .current .current .current a {padding-left:26px;background-position:18px 12px !important;}

.nav .current .current .current .current .current .current .current li a {padding-left:26px;background-position:18px 12px !important;}

.nav .current .current .current .current .current .current .current .current .current a {padding-left:28px;background-position:20px 12px !important;}
.nav .current .current .current .current .current .current .current .current li a {padding-left:28px;background-position:20px 12px !important;}

.nav .current .current .current .current .current .current .current .current .current .current a {padding-left:30px;background-position:22px 12px !important;}
.nav .current .current .current .current .current .current .current .current .current li a {padding-left:30px;background-position:22px 12px !important;}

/*artefact-explorer and pager list */
.artefact-explorer {float:right}

ul.pager li {float:left}
ul.pager li.next {margin-left:5px}

/*tab list*/
ul.tab-list {margin: 0 10px; padding:.818em 0 0; overflow: hidden; height: 1%; font-size: 1.091em; line-height: 1.5em;}
ul.tab-list li {background: #DFDFDF url(../images/tab.gif) no-repeat left top; float: left;margin-right: 3px;}
ul.tab-list li a {background: transparent url(../images/tab-a.gif) no-repeat right top; color: #006699; display: block; padding: 2px 2.333em; }
ul.tab-list li.current {background-color: #13658E; background-image: url(../images/tab-current.gif); float: left;}
ul.tab-list li.current a {background-image: url(../images/tab-current-a.gif); color: #ffffff;}
/* flat list */
ul.flat-list, ol.flat-list {margin-left: 0;}
ul.flat-list li, ol.flat-list li {display: inline;}
	/* options (extends flat list) */
	.options li {color: #264561;}
	.options li.current span {color: #333333; font-weight: bold;}
	/* crumbs (extends flat list) */
	
	.crumbs li {color: #264561;}
	.crumbs li.current {color: #333333;}
/* pagination */
.pagination ul.page-list li {display: inline;border-bottom: 0;}
/* result list */
ol.result-list {margin:0 0 .818em; list-style: none;}
ol.result-list li {border-bottom: 1px solid #D9D9D9; overflow: hidden; height: 1%;}
/* definition lists */
dl.search-def {color: #777777; font-size: .909em;line-height: 1.8em;}
dl.search-def * {display: inline;}
/*tag rank modifiers*/
.t1 {font-size: 0.909em;}
.t2 {font-size: 0.909em;font-weight: bold;}
.t3 {font-size: 1.091em;}
.t4 {font-size: 1.091em;font-weight: bold;}
.t5 {font-size: 1.454em;}
.t6 {font-size: 1.454em;font-weight: bold;}
.t7 {font-size: 1.636em;}
.t8 {font-size: 1.636em;font-weight: bold;}
.t9 {font-size: 1.727em;}
.t10 {font-size: 1.727em;font-weight: bold;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
	/* sc added styles to override above styles */
	caption {text-align: left; font-weight: bold; padding: 6px;}
  table, table.data {padding: 0; border: none; margin-bottom: .818em;}
	th, td{vertical-align:top; border: none;}
	th, td, .data th, .data td{padding:7px 10px;border: 1px solid #ffffff;}
	th, .data th {background-color: #AA0000;color: #ffffff;padding:5px 10px; text-align:left;}
	td, .data td {background-color:#f5dede}
/* extends table cell for alternate rows */
  .rowExt td {background-color: #c6d9df;}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
blockquote {clear: both; font-size: 1.181em;color: #1a6881; margin-bottom: 1.636em;}
.small {width: 200px;} /* originally created for small blockquote per the new design */
blockquote span {position: relative; top: -3px;_display: inline-block;}
blockquote p {display:inline;}
cite{display:block; text-align:right; padding-top: 10px;}
/* other modifiers */
.ar {text-align: right;} /*align right*/
.ac {text-align: center;}
.right {float: right;}
.left {float: left;}
/* content image */
.object {float: none;}
.object-right {float: right;}
.object-right img {padding-left: 10px;}
.object-left {float: left;}
.object-left img {padding-right: 10px;}
.object-center {float: none; text-align: center;}
/* date extends paragraph */
.date {margin: .9em 0; font-size: .909em;line-height: 1.8em; color: #777777;}
/* ===== content containers ===== */
/* media */
.media{overflow:hidden; height: 1%;}
.media .img{float:left;}
.media .img img{display:block;}
.media .imgExt{float:right;}
.media-bd {overflow:hidden;_overflow:visible; _zoom:1;}
	/* news (extends media) */
	.news {margin-bottom: 18px;}
	
/* ====== special paragraphs ====== */
/* intro */
.intro p, .intro ul, .intro ol {margin-bottom: 1.636em;font-size: 1.09em;}
p.learn-more a {display: inline-block; background: url(../images/buttons/learn-more.jpg) no-repeat 0 0; width: 101px; line-height: 29px; vertical-align: middle; text-align: center; text-decoration: none; color: #666;}
p.learn-more a span {text-decoration: underline; color: #670101;}
p.learn-more a:hover {background: url(../images/buttons/learn-more-over.jpg) no-repeat 0 0;}
p.learn-more a:hover span {text-decoration: none;}
/* collection paragraph has no bottom margin */
p.collection {margin-bottom: 0;}
/* to top link */
.link-top {clear: both;font-size: .909em; line-height: 1.8em; text-align: right; text-transform: uppercase;}
.link-top a {text-decoration: none; padding:2px 0 4px 0; position: relative; right: 20px;}
.link-top a span {text-decoration: underline;}
.link-top a:hover span {text-decoration: none;}

/* print link */
p.print-page {text-align: right; float: right;}
p.print-page a {background: url(../images/icons/icon-print.gif) no-repeat right 50%; padding: 1px 30px 5px 0;}
#TB_window p.print-page{ margin-top: 10px; margin-bottom: 0;}
p.rss {font-size: .833em; line-height: 1.8em; margin: .9em 0 0;}
p.rss a {background: url(../images/icons/rss.gif) no-repeat left 50%; color: #d54d12; padding-left: 16px;}
	/*rss needs a smaller margin when it appears in the .hd of .summary-box*/
	.summary-box .hd p.rss {margin-top: .7em;}
	.widget .hd p.rss {margin-top: .4em;}

/* ====== clear and separators ====== */
.clear {clear: both; line-height: 0.0;} /*used by content loaders to clear floated elements */
.spacer {clear: both; height: 1.636em;} /*used by content loaders to clear floated elements and add a vertical space */
.separator {border-bottom: 1px solid #D9D9D9;margin: 0 10px 18px;padding-top: 9px;}
/* close link for lightbox */
#TB_closeWindowButton {background: url(../images/buttons/close.gif) no-repeat right top;width: 100%; clear: both; line-height: 1.5;padding-right: 23px;padding-bottom: 2px;}
/* reporting template */
.graph {width: 33%;}
.odd {background: #EFF3F5;}
.report-item {padding-top: 0.818em; padding-bottom: 0.818em;}
.graph img {margin: 0;}
.graph p.image {margin: 0; padding: 10px 10px 0;}

/* #####################
OVERRIDE THE TKI STYLES
#################### */
#footer ul li {border-color:#bb0000}

/* ######################
STYLES FOR THE VIDEO PAGE
###################### */
#video-main-container {width:512px;margin:1em 0 0.5em 10px}
#video-main-container object {margin:0 0 0.818em}
.help a {float:right;margin:0 38px 0.75em 0}
.help a {margin-bottom:0\9}/*IE678*/
.options {margin-bottom:2em;position:relative;top:15px}
.options {top:0\9;margin-bottom:0\9}/*IE678*/
.options .video-download {margin-bottom:2em;position:absolute;right:27px;top:0}