@charset "UTF-8";
/* CSS Document */

/* Template Style Sheet */

/* Copyright 2008 - Eight Networks Ltd */

/* General Page Styles */

body {
	background-color:#FFFFF4;
	background-position:center;
	background-repeat:repeat-y;
	background-image:url(../global/articleEdges.gif);
	margin-top:0px;
	margin-bottom: 0px;
}

a img {
	border:0px;
}

.whole-table {
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:860px;
}

/* Global Modifiers */

a {
	text-decoration:none;
	border-color: #06c;
    border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style:dotted;

}

a:hover {
	border-color: #06c;
    border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}


.smallCap {
	font-variant:small-caps;
}

.italic {
	font-style:italic;
}

.strikeThrough {
	text-decoration: line-through;
}

.amp {
	/* 	Palatino Linotype: XP/Vista
		Palatino: Mac
		Book Antiqua: 98
		URW Palladio L:	Linux
		Constantia: Vista (Should not be needed)
	*/
	font-family: "Palatino Linotype", "Palatino", "Book Antiqua", "URW Palladio L", Constantia, Georgia;
	font-style: italic;
}

.headAmp {
	/* 	Goudy Old Style: Office
		Baskerville: Mac
		Palatino Linotype: XP/Vista
		Palatino: Mac
		Book Antiqua: 98
		URW Palladio L:	Linux
		Constantia: Vista (Should not be needed)
	*/
	font-family: "Goudy Old Style", "Baskerville", "Palatino Linotype", "Palatino", "Book Antiqua", "URW Palladio L", Constantia, Georgia;
	font-style: italic;
	font-size: 58px;
}


.afterFloat {
	clear: both;
}

/* Colors */
.headMenu, #subMenu, .article, h1 #leadHead, h1 #page {
	color: #333;
}

a, a:hover, a:visited, a:active, .article p.firstPara .dropCap {
	color: #06c;
}

.blue {
	color: #06c;
}

.red {
	color: #FF0000;
}

.openQuote, .closeQuote {
	/* color: #004c99; */
	color: #06c;
}

.article h1, .article h2, .article h1 #subHead, .article .captionRight, .article .captionLeft {
	color: #000;
}


h1 #author {
	color: #999;
}

.headAmp {
	color: #666;
}

.quoteBlock, .quotation {
	color: #999;
}

#footer {
	color: #fff;
}

#subMenu h2 {
	color: #999;
}

.article h3 {
	color: #999;
}

.article h3.productTitle {
	color: #06c;
}


/* Styles for Main Menu */
.headMenu {
	font-family:Verdana;
	font-size: 13px;
	font-weight: Bold;
	border-bottom:1px dotted #999;
	padding-bottom:0px; /* Space between blue menu and dotted line */
	color:#FFFFFF;
}

.headMenu .blueBand {
	background-color:#0066cc;
	width:100%;
	vertical-align:middle;
	border:0px;
	padding:0px;
	height: 75px;
}

.headMenu td {
	text-align:center;
	}

.headMenu a {
color: #fff;
	text-decoration:none;
	border-color: #fff;
    border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style:dotted;

}

.headMenu a:hover {
color: #fff;
	border-color: #fff;
    border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
}



/* Styles for Navigation Pane */

td.nav {
	border-left:1px dotted #999;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
}


/* Styles for Navigation Pane Submenu */


#subMenu {
	font-family:Georgia;
	font-size:11px;
	line-height: 22px;
	margin-top: 20px;
	margin-left:0px;
}

#subMenu h1 {
	text-align:right;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	background: url(../global/logos/RGB256Logo105x27.gif) top center no-repeat;
	height: 27px;
	}
		
#subMenu h1 span {
	display: none;
	}

#subMenu h2 {
font-variant:small-caps;
font-weight:normal;
font-size: 13px;
letter-spacing: 2px;
line-height:18px;
padding-top:0px;
margin-top:0px;
padding-bottom:10px;
margin-bottom: 0px;
text-align:center;
font-style:normal;
text-transform:lowercase;
	}
	
#subMenu h3 {
	font-family: Georgia;
	font-weight:bold;
	font-size:14px;
	font-variant:small-caps;
	padding-bottom:0px;
	margin-bottom:0px;
	letter-spacing: 1px;
}

#subMenu ul.contents {
	list-style: none;
	padding-left: 0;
	margin-left:0;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:25px;
	margin-bottom:0px;
	/* background:#eee; */
}

#subMenu ul.contents li {
	font-family: Verdana;
	font-weight:normal;
}



/* Styles for Article Body */
.article {
	font-family:Georgia;
	font-size:14px;
	line-height:23px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 50px;
	/* background-color:#FFFF00; */
	}

.article #nextPage {
	font-family:Georgia;
	font-size:14px;
	letter-spacing: -0.00em;
	font-style:normal;
	font-weight: normal;
	text-align: right;
		clear:both;
}

/* HEADING - FIRST PAGE */

.article h1 {
	font-size:72px;
	line-height: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px; /* needed */ 
	margin-top: 0px;  /* needed */
}

.article h1 #leadHead {
	font-style:italic;
	font-size:36px;
	line-height: 52px;
	}
	

.article h1 #subHead {
	font-size:28px;
	margin-left: 50px;
	letter-spacing: 0em;
	}

.article h1 #author {
	font-size:12px;
	letter-spacing: 0em;
	line-height: 20px;
	margin-top: 20px;
}

/* HEADING - SUBSEQUENT PAGES */

.article h1#subsequentPage {
	font-size:48px;
	line-height: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px; /* needed */ 
	margin-top: 0px;  /* needed */
}

.article h1#subsequentPage #leadHead {
	font-style:italic;
	font-size:24px;
	line-height: 36px;
	}
	
.article h1#subsequentPage #subHead {
	font-size:24px;
	margin-left: 50px;
	letter-spacing: 0em;
	}


.article h1#subsequentPage #page {
	font-size:16px;
	line-height:23px;
	letter-spacing: 0em;
	font-weight: normal;
	text-align: right;
	margin-top: 15px;
}

.article h2 {
	font-family:Georgia;
	font-size:28px;
	font-weight:normal;
	letter-spacing: -0.00em;
	clear:both;
	line-height: 36px;
	padding-top: 25px;
}

.noClear {
	clear:none !important;
}

.allClear {
	clear:both !important;
}

.article h3 {
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	letter-spacing: 0em;
}

.article h3.productTitle { /* More suitable for reviews of products */
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	font-style: normal;
	letter-spacing: 0em;
	clear:both;
	padding-top: 25px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.article p {
	font-size:14px;
    line-height:23px; /* 62total height of text box */
	font-family: Georgia;
	font-weight: normal;
	margin-right: 0px;
	font-family:Georgia;
	font-size:14px;
	line-height:23px;
	}
	
.article p.firstPara {
	padding-top: 50px;
}

.article p.firstPara .dropCap {
	float:left;
	display:inline;
	font-size:78px;
    line-height:69px;
	margin-right: 6px;
	font-family: Georgia;
	font-weight: Bold;
}

.article ul {
	list-style: disc;
	padding-left: 0;
	text-align:left;
	margin-left:0;
}

.article ol {
	list-style:decimal;
	padding-left: 0;
	text-align:left;
	margin-left:0;
}

.article .captionRight, .article .captionLeft {
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	line-height: normal;
	background-color:#fff;
	letter-spacing: 0em;
	padding: 0px;
/*	background-color:#FF3366;*/
}

.article .captionRight p, .article .captionLeft p, .article .captionFullWidth p {
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	line-height: normal;
	background-color:#fff;
	letter-spacing: 0em;
	padding-top: 5px;
	/*Line Height*/
	padding-bottom: 10px;
	margin: 0px;
	overflow:hidden;
	/*background-color:#009900; */
}


.article .captionRight img, .article .captionLeft img, .article .captionFullWidth img {
	margin-bottom: 0px; /*IE puts a +2 margin in here for some reason, but not critical to remove*/
}

.article .captionRight {
	float:right;
	text-align:left;
	padding-left: 25px;
}

.article .captionLeft {
	float:left;
	text-align: right;
	padding-right: 25px;
}

.article .captionFullWidth {
	float:left;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}

.article .captionFullWidth p {
	text-align: right;
}

.article .technicalDetail {
	font-family: Verdana;
	font-size: 13px;
}

.article .blogEntry a {
	border-bottom-width: 1px;
	border-bottom-width: 0px;
	font-family:Georgia;
	font-size:14px;
	line-height:23px;
	color: #333;
}

.article .blogEntry .blogTitle a {
	color: #06c;
	font-family:Georgia;
	font-size:28px;
	font-weight:normal;
	letter-spacing: -0.00em;
	clear:both;
	line-height: 36px;
	padding-top: 25px;
	border-bottom-width: 1px;
}

.article .blogEntry .blogExtract a p {
	border-bottom-width: 0px;
	font-family:Georgia;
	font-size:14px;
	line-height:23px;
	color: #333;
}


#footer {
	font-family: Verdana;
	font-size:11px;
	text-align:center;
	padding-top: 0px;
	border-top:1px dotted #999;
	/* dark blue: background-color: #004c99; */
	background-color: #06c;
	height: 75px;
	vertical-align:middle;
}




.quoteBlock {
	font-family:Georgia;
	font-style:italic;
	font-size:32px;

	line-height: 48px;
	padding-right: 0px;
	margin-left: 80px;
	margin-right: 00px;
	width: 400px;
	vertical-align:middle;
	padding-left: 30px; /* Alter padding and indent (same) to hang the quote mark */
	text-indent: -30px;
}


.openQuote {
	font-size: 48px;
	line-height: 48px;
	padding-right: 0px;
	line-height: 48px;
	vertical-align:middle;
	margin-left: 80px;
	margin-right: 00px;
	width: 400px;
	padding-left: 30px; /* Alter padding and indent (same) to hang the quote mark */
	text-indent: -30px;
}

.quotation {
	display:inline;
	position:relative;
	font-family:Georgia;
	font-style:italic;
	font-size:32px;
	line-height: 48px;
	font-weight:normal;
	letter-spacing:-0.05em;
	vertical-align:middle;
	margin-left: 0px; /* Leave 0 or IE blanks the first part of the line */
	left: -10px; /* Adjusts gap between opening quote and letter */
	top: -5px;
}


.closeQuote {
display:inline;
position: relative;
	font-size: 48px;

	padding-left: 0px;
	padding-right: 0px;
	line-height: 48px;
	margin-left: 0px;
	text-indent: 0px;
	margin-left: -00px;
	top: -1px;
	left: -6px; /* This is tightly kerned because expecting a full stop */
		vertical-align:middle;
	}

.ieFixOpenQuote {
display:inline;
position: relative;
	top: 4px;
	left: -2px;
	vertical-align:middle;
	}


.ieFixCloseQuote {
display:inline;
position: relative;
	top: 6px;
	left: 2px;
	vertical-align:middle;
	}