
/* Body */	body {		background: #fff;		color: #000;	}	#mainContent, #side {		background: #fff;		line-height: 1.3; /* value other than 'normal' needed for WinIE */		color: #000;	}	.deepLevel #mainContent {		line-height: 1.4;	}	#nav {		line-height: 1em;	}/* Random HTML Styles */	hr {		height: 1px;		background-color: #000;		color: #000;		margin: 2em 0;	}	input[type="submit"] {		font-weight: bold;	}/* General Structure */    body, td, th, input { /* redundant rules for bad browsers  */            font-family: verdana, sans-serif;            font-size: x-small;            voice-family: "\"}\"";            voice-family: inherit;            font-size: small;    }	h1, h2, h3, h4, h5, h6 {		margin: 1em 0 0.2em 0;		border-bottom: 1px solid #ccc;		font-family: arial, verdana, sans-serif;	}	li h1, li h2, li h3, li h4, li h5, li h6 {		border: none;	}	#header h1 { border: 0; }	h1 { font-size: 160%; font-weight: normal; }	h2 { font-size: 150%; font-weight: normal; }	h3 { font-size: 120%; }	h4 { font-size: 100%; }	h5 { font-size: 90%; }	h6 { font-size: 90%; border: 0; }	/* Navigation */        :link { color: #039; }        :visited { color: #636; }        :link:hover, :visited:hover { color: #333; }        :link:active, :link:active { color: #000; }/* Quotations *//* Comments and other Asides */	.note {		color: #666;		font-style: normal;	}		.remark {		color: #666;	}		.sidenote {		border: #666;	}	.key-point:before {		line-height: 0.1;		font-size: 1px;		background: transparent url("/img/key-point_tr.gif") no-repeat top right;		margin: -15px -15px 0 -15px;		height: 15px;		display: block;		border: none;		content: url("/img/key-point_tl.gif");	}	.key-point {		background: #e4ecec url("/img/key-point_back.gif") right repeat-y;		padding: 15px;		margin-bottom: 1em;	}	.key-point:after {		display: block;		clear: both;		padding-top: 15px;		line-height: 0.1;		font-size: 1px;		content:  url("/img/key-point_bl.gif");		margin: -15px;		height: 8px;		background: transparent url("/img/key-point_br.gif") scroll no-repeat bottom right ;	}		.key-point h2, .key-point h3, .key-point h4, .key-point h5 {		border: none;		margin-top: 0;	}		.news dt {		font-weight: normal;		color: #666;	}	.news dt a {		font-weight: bold;	}		ul.compact {		margin-left: 0;		padding-left: 20px;	}			/* Emphasis *//* Computers - General */	kbd {		margin: 0.1em;		padding: 0.1em;		border: 1px #ccc;	}	kbd.command,	code.command {		color: #6B5839;	}/* Code */	pre.code {		background: #EEECF6;	}		code > em,	code > strong,	pre.code > em,	pre.code > strong {		font-style: normal;	}/* Examples and Figures */	div.example {		border-color: #554FA0;	}	div.example::before {		color: #666;	}/* Tables */	table.data thead th {		background: #e4ecec;		empty-cells: hide;	}	table.data th,	table.data td {		border: 1px solid #ccc;	}		tr.odd {		background: #F5F5F5;	}/* Meta */	address {		color: #666;	}/* Product Specific CSS */		.productlist h3 {		border: none;	}	.key-point h3 {		margin: 0;	}		#product-desc h2 {		text-indent: -700em;		height: 25px;		line-height: 2px;		font-size: 2px;	}		#product-desc p {		padding-left: 170px;	}		#product-desc ul {		padding-left: 190px;		margin-bottom: 0;			}		#product-side {		margin-left: 65%;	}		#product-side ul {		margin-left: 0;		padding-bottom: 0;		padding-left: 20px;	}		#product-side li {		padding-bottom: 0.2em;	}		#product-desc {		padding: 40px 0 25px 0;		color: #4C5C5C;		width: 60%;		float: left;		line-height: 140%;	}		.product-firefox {		background: url("/images/product-firefox-screen.png") no-repeat;	}	.product-thunderbird {		background: url("/images/product-thunderbird-screen.png") no-repeat;	}	.product-camino {		background: url("/images/product-camino-screen.png") no-repeat;	}	.product-mozilla {		background: url("/images/product-mozilla-screen.png") no-repeat;	}		#product-side .download h3 {		color: #1D9101;		font-weight: bold;		margin: 0;		font-size: 140%;	}	.download h3 :link,	.download h3 :visited,	.download h3 :link:active, .download h3 :visited:active {		color: #1D9101;	}		.download h3 :link:hover, .download h3 :visited:hover {		color: #156B01;	}		.download li {		padding: 0;		margin: 0;	}	.download ul {		margin-top: 0;		margin-bottom: 0;		padding-bottom: 0;	}	.download .other { font-size: 85%; }	.other a:link, .other a:visited { color: #666; }	.download .other a:hover { color: #000; }	.download:before {		line-height: 0.1;		font-size: 1px;		margin: -15px -15px 0 -15px;		height: 15px;		display: block;		border: none;		content: url("/images/download_tl.gif");	}	.download {		background: #C4EFA1 url("/images/download_back.gif") top right no-repeat;		padding: 15px 45px 15px 15px;		margin-bottom: 0.5em;	}	.download:after {		display: block;		padding-top: 15px;		line-height: 0.1;		font-size: 1px;		content:  url("/images/download_bl.gif");		margin: -10px -45px -15px -15px;		height: 8px;		background: transparent url("/images/download_br.gif") scroll no-repeat bottom right ;	}		.shop:before, .shopmoz:before {		line-height: 0.1;		font-size: 1px;		margin: -15px -15px 0 -15px;		height: 15px;		display: block;		border: none;		content: url("/images/shop_tl.gif");	}	.shop {		background: #C0DCDC url("/images/shop_back.gif") top right no-repeat;		padding: 15px 70px 15px 15px;	}	.shopmoz {		background: #C0DCDC url("/images/shopmoz_back.gif") top right no-repeat;		padding: 15px 70px 15px 15px;	}	.shop:after, .shopmoz:after {		display: block;		padding-top: 15px;		line-height: 0.1;		font-size: 1px;		content: url("/images/shop_bl.gif");		margin: -10px -70px -15px -15px;		height: 8px;		background: transparent url("/images/shop_br.gif") scroll no-repeat bottom right ;	}/* Firefox Central styles  */        #ffcentral-desc {                background: url("/products/firefox/t-welcomefirefox.gif") no-repeat;                width: 60%;                float: left;                line-height: 140%;        }        #ffcentral-desc div {                padding: 40px 0 0 100px;        }        #ffcentral h3, #ffcentral h2, #ffcentral p, #ffcentral ul {                margin-top: 0;                color: #4C5C5C;        }/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * *//* TOC:   Random HTML Styles     Forms   General Structure   Navigation   Quotations   Comments and Other Asides   Emphasis   Computers - General   Code   Examples and Figures   Q and A (FAQ)   Tables   Headers   Meta   Specific to Products Pages*//* Random HTML Styles */	dt {		font-weight: bold;	}		dd {		margin: 0 0 1em 1em;	}		li {		margin-top: 0.2em;		margin-bottom: 0.2em;	}		sup {		font-size: 70%;	}	form {		margin: 0;		display: inline;	}	label {		font-weight: bold;	}	.deepLevel #mainContent :link img,	.deepLevel #mainContent :visited img {		border: medium solid;	}	.deepLevel #mainContent #buttons :link img,	.deepLevel #mainContent #buttons :visited img {		border: 0;	}/* General Structure */		.subtitle {		font-style: italic;	}	div.para {		margin: 1em 0;	}	div.section {		display: block;		padding-left: 3%;	}	div.section > h2,	div.section > h3,	div.section > h4,	div.section > h5,	div.section > h6 {		margin-left: -1.3%;	}		.block {	  display: block;	  margin: 0.1em 1em;	}		.imgright {		float: right;		margin: 0 0 2em 2em;	}		.first {		margin-top: 0; /* For IE not understanding first:child */	}/* Navigation */	:link img,	:visited img {		border: 0;	}	.ex-ref {		font-style: italic;	}	dl.toc dt {		margin-top: 1em;		font-size: 110%;	}	dl.toc p {		margin: 0;		text-indent: 1em;	}	dl.toc p:first-child {		text-indent: 0;	}	dl.toc > dd {		margin-left: 1em;	}	ol.toc ol {		list-style-type: circle;	}	ol.toc > li > ol {		font-size: 90%;	}	ul.snav {/* section navigation or short navigation, whichever you prefer */		margin: 0.7em 10%;		padding: .2em;		text-align: center;	}	ul.snav > li {		list-style-type: none;		margin: 0;		padding: 0;	}	ul.snav > li {		display: inline;	}	ul.snav > li:before {		content: " | ";	}	ul.snav > li:first-child:before {		content: "";	}	a.cont {		display: block;		margin-right: 0;		text-align: right;	}/* Quotations */	blockquote > address {		padding-left: 1em;		text-indent: -1em;	}	blockquote > address:before {		content: "\2015";	}	div.quote,	div.epigraph {		margin: 1em;	}	div.quote q,	div.epigraph q {		display: block;		margin: 0 .5em;		text-indent: -0.5em;	}	div.quote cite,	div.epigraph cite {		display: block;		padding: 0 1em;		text-align: right;		text-indent: -1em;	}	div.quote cite:before,	div.epigraph cite:before {		content: "\2015";	}	blockquote.epigraph,	div.epigraph q {		font-style: italic;		text-align: right;	}	blockquote.epigraph em,	div.epigraph q em {		font-style: normal;	}	blockquote.epigraph address,	div.epigraph cite {		font-style: normal;	}/* Comments and other Asides */	.note {		font-style: italic;	}	.note:before {		content: "Note: ";	}	.remark {		font-size: smaller;	}	.remark:before {		content: "[";	}	.remark:after {		content: "]";	}	.sidenote {		clear: both;		margin: 0.75em 0.5em;		padding: 0.2em;		border: 1px solid;		/* Block NS4 from floating */ /*/*/		float: right;		width: 30%;		min-width: 15em;		/* */	}	/* Reduce main header sizes */	.sidenote h1 {font-size: 1.40em;}	.sidenote h2 {font-size: 1.25em;}	.sidenote h3 {font-size: 1.10em;}	.key-point > h1:first-child,	.key-point > h2:first-child,	.key-point > h3:first-child,	.key-point > h4:first-child,	.key-point > h5:first-child,	.key-point > h6:first-child {		margin-top: 0;	}/* Emphasis */	/* em, strong */	strong.stronger {		font-style: italic;		font-weight: bold;	}	strong.very-strong {		font-weight: bold;		text-transform: uppercase;	}	*.important,	div.important,	p.important {		margin: 1em;		padding: 0.1em;		border: solid #F00;		font-size: larger;	}/* Computers - General */	pre.screen {		overflow: auto;		margin: 1em 0.5em;		padding: 0.2em;		border: solid 1px;		font-family: monospace;		white-space: pre;	}	div.screen {		margin: 1em .5em;		padding: 0.2em;		border: solid 1px;	}	span.application {		font-style: italic;	}	kbd.command,	code.command {		white-space: pre;	}	code.filename {		font-style: italic;		white-space: nowrap;	}/* Code */	code, pre {		/* override IE6 default */		font-size: 1em;	}	code {		white-space: nowrap;	}	pre.code {		overflow: auto;		margin: 1em .5em;		padding: .2em;		border: solid 1px;	}	pre.code .remark {		font-size: 1em;		font-style: italic;	}	/* turn off content generation */	pre.code .remark:before,	pre.code .remark:after,	pre.code .note:before {		content: "";	}/* Examples and Figures */	.example {		margin: 1em 3%;		padding: .25em;		border: solid;	}	.example:before {		display: block;		font-weight: bold;		content: "Example";	}	.example[title]:before {		content: "Example: " attr(title);	}	pre.bad,	div.bad {		border: dashed red 3px;	}	.bad.example:before {		content: "Incorrect Example";	}	.bad.example[title]:before {		content: "Incorrect Example: " attr(title);	}	pre.good,	div.good {		border: double lime 3px;	}	.good.example:before {		content: "Correct Example";	}	.good.example[title]:before {		content: "Correct Example: " attr(title);	}	.figure,	.screenshot {		display: block;		margin: .75em auto;	}	object.figure object,	object.screenshot object,	object.figure img,	object.screenshot object {		display: block;		margin: 0 auto;	}	.screenshot[title]:after,	.figure[title]:after {		display: block;		margin: 0 8% .05em;		font-style: italic;		font-size: small;		text-align: right;		content: attr(title);	}	.co,	.callout {		text-decoration: underline;	}/* Q and A (FAQ) */	.qandaset .question {		font-size: large;		font-weight: bold;	}	.qandaset .answer {		margin-top: 1em;	}/* Tables */	table.data {		border-collapse: collapse;		margin: 0.5em auto;		border: 1px solid;	}	table.data caption {		margin: 1em auto 0.2em;		font-size: small;		font-style: italic;		text-align: center;	}	table.data th,	table.data td {		padding: 0.2em;		border: 1px solid;	}	  /* XXXbsmedberg there are many tables that don't have left-side headers, this     rule breaks these, so I have commented it out.	table.data th:first-child {		text-align: right;	}  *//* Meta */	address {		text-align: right;	}	.author {		margin-bottom: 1em;		text-align: left;	}/* Headers */	#mainContent > h1:first-child,	#mainContent > h2:first-child,	#mainContent > h3:first-child,	#mainContent > h4:first-child,	#mainContent > h5:first-child,	#mainContent > h6:first-child,	#side > h1:first-child,	#side > h2:first-child,	#side > h3:first-child,	#side > h4:first-child,	#side > h5:first-child,	#side > h6:first-child {		margin-top: 0;	}	/* Specific to Products Pages */.productlist {	margin: 0;	padding: 0 0 0 5px;}.productlist li {	clear: left;	list-style: none;	padding: 0 0 1em 0;	margin-left: 0;}.productlist h3 {	margin: 0 0 0.2em 0;}.productlist img {	float: left;	margin: 0 0.5em 1em 0;}/* Random Stuff That Needs To Be Cleaned Up / Deprecated */.flLeft {	float: left;	margin: 5px 10px 5px 0;}.flRight {	float: right;	margin: 5px 0 5px 10px;}h2 a { text-decoration: none; }h2 a:link { color: #000; }h2 a:visited { color: #000; }h2 a:hover { color: #039; }#mBody h2 { margin-top: 0; }#mBody p { margin-top: 0; }.front-feature-cnet { background: #E4ECEC url(/images/feature-back-cnet.png) bottom right no-repeat; }.front-feature-wired { background: #E4ECEC url(/images/feature-back-wired.png) bottom right no-repeat; }.front-feature-nytimes { background: #E4ECEC url(/images/feature-back-nytimes.png) bottom right no-repeat; }.front-feature-onion { background: #E4ECEC url(/images/feature-back-onion.png) bottom right no-repeat; }.front-feature-slate { background: #E4ECEC url(/images/feature-back-slate.png) bottom right no-repeat; }.front-feature-nasa { background: #E4ECEC url(/images/feature-back-nasa.png) bottom right no-repeat; }.front-feature-thunderbird { background: #E4EcEc url(/images/front-feature-thunderbird.png) bottom right no-repeat; }#firefox-feature {	position: relative;}#firefox-feature ul {	margin: 0.5em 0 0 0;	padding: 0;}#firefox-feature li {	list-style: none;	margin-left: 1.5em;}#firefox-feature li a {	display: block;	padding: 5px 0 7px 34px;	text-decoration: none;}#firefox-feature li a .front-link {	text-decoration: underline;}a#shopLink {	display: block;	padding: 6px 4px 18px 50px;	width: 260px;	background: url(/images/firefox-shop.gif) no-repeat;}div.extrainfo {	margin-top: 10px;}#firefox-feature p {	margin: 0 0 1em 0;	line-height: 140%;}#firefox-feature #feature-content {	padding: 6px 280px 6px 10px;}#featurelink {	display: block;	width: 350px;	height: 235px;	position: absolute;	bottom: 0;	right: 0;	text-decoration: none;	text-indent: -2500px;}#onepointoh {	line-height: 0px;	width: 289px;	float: right;}ul.news {	margin: 0.5em 0 0 0;	padding: 0;}.news li {	margin: 0 0 0.7em 0;	padding: 0;	clear: both;	list-style-type: none;}.news li a { font-weight: normal; }.news .date {	background: #eee;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	float: left;	text-align: center;	margin: 0 5px 5px 0;	line-height: 1.1em;	padding: 2px;	font-size: 11px;	width: 4em;	white-space: nowrap;	color: #666;}img.rss {	float: right;	margin: 0;	padding: 4px 2px 0 0;}img.promo {	margin: 0 0 8px 8px;	float: right;}.frontcolumn {	width: 30%;	float: left;	padding-right: 3%;}.frontcolumndouble {	width: 63%;	float: left;	padding-right: 3%;}.frontcolumnlast {	width: 33%;	float: left;}.homepage .download {	width: 260px;}.homepage .shop {	width: 175px;}/* mozilla.org Base Template Styles * Initial Design by Dave Shea * Severely tweaked by David Baron * Reorganized by fantasai * Large Changes for new Cavendish default by Daniel Burka and Steven Garrity *//* Basic Structure */	body {		min-width: 610px;		margin: 20px;	}	#container {		max-width: 70em;		margin: 0 auto;	}		#mBody {		clear: both;		padding: 0 0 1em 0;	}	#side {		float: left;		width: 23%;		margin-bottom: 1em;	}	#mainContent {		margin-left: 25%;	}	.nomenu #mainContent {		margin-left: 0;	}	.bodyleft {		margin-left: 25% ! important	}	#mainContent.right {		float: left;		width: 62%;		margin-bottom: 1em;		margin-left: 0;	}		#side.right {		float: none;		width: auto;		margin-left: 65%;	}/* Header */	#header { margin-bottom: 1em; }	#header ul {		margin: 0 0 1em 0;		padding: 0;	}		#header li {		display: inline;		padding: 0 20px 0 0;		margin: 0;		white-space: nowrap;	}/* Sidebar */	#getcd {		margin: 1em 0 0 45px;	}/* Footer */	#footer {		clear: both;		margin-top: 1em;	}			#footer ul {		margin: 0 0 1em 0;		padding: 0;	}		#footer li {		display: inline;		padding: 0 20px 0 0;		margin: 0;		white-space: nowrap;	}		#footer p {		margin: 0.6em 0;	}/*accessibility tweaks*/	.skipLink {		position: absolute;		left: -999px;		width: 990px;	}	hr.hide {		display: none;	}/* mozilla.org Cavendish Template Styles * Initial Design by Daniel Burka and Steven Garrity*//* Basic Structure */	body {		background: #fff url("/img/body_back.gif") repeat-x;	}/* Header */	#header {		background: #186594 url("/img/header_bl.png") bottom left repeat-x;		position: relative;		min-height: 39px;		height: 5em;		padding: 0;		voice-family: "\"}\"";		voice-family: inherit;		height: 3em;		padding: 15px 0;	} #ignored {}		#header h1 {		position: absolute;		top: 0;		left: 0;		margin: 0;		font-size: 2px;		background: url("/img/header_tl.gif") no-repeat;		height: 8px;		z-index: 100; /* above the UL */	}	#header h1 a {		display: block;				margin:3px 10px;		width: 300px;		height: 66px;		top :10px;		left:10px;		background: transparent url("/img/logo.gif") no-repeat;		text-indent: -700em;		text-decoration: none;	}	#header ul {		width: auto;		position: absolute;		bottom: 0;		right: 0;		margin: 0;		padding: 0 15px 0 0;		list-style: none;		background: url("/img/header_br.gif") no-repeat bottom right;		z-index: 90; /* below the H1 */	}	#header li {		float: right;		background: transparent url("/img/header_tab.gif") 100% -600px no-repeat;		padding: 0 6px 0 0;		margin: 0 1px 0 0;		border-bottom: 1px solid #515358;	}	#header ul a {		float: left;		display: block;		padding: 4px 4px 4px 10px;		background: transparent url("/img/header_tab.gif") 0% -600px no-repeat;		font-weight: bold;		color: #fff;		text-decoration: none;	}	#header ul li:hover a { background-position: 0% -400px; }	#header ul li:hover { background-position: 100% -400px; }		body.sectionAbout li#menu_aboutus a,	body.sectionProducts li#menu_products a,	body.sectionSupport li#menu_support a,	body.sectionDevelopers li#menu_developers a,	body.sectionStore li#menu_store a {		background-position: 0% -200px;		color: #fff;	}		body.sectionAbout li#menu_aboutus,	body.sectionProducts li#menu_products,	body.sectionSupport li#menu_support,	body.sectionDevelopers li#menu_developers,	body.sectionStore li#menu_store {		background-position: 100% -200px;		border-bottom: 1px solid #fff;	}		body.sectionAbout li#menu_aboutus:hover,	body.sectionProducts li#menu_products:hover,	body.sectionSupport li#menu_support:hover,	body.sectionDevelopers li#menu_developers:hover,	body.sectionStore li#menu_store:hover {		background-position: 100% 0%;	}		body.sectionAbout li#menu_aboutus:hover a,	body.sectionProducts li#menu_products:hover a,	body.sectionSupport li#menu_support:hover a,	body.sectionDevelopers li#menu_developers:hover a,	body.sectionStore li#menu_store:hover a {		background-position: 0% 0%;		color: #fff;	}	/* Search Field */	#header form {		position: absolute;		top: 0;		right: 0;		padding: 12px 20px 0 0;		background: url("/img/header_tr.gif") no-repeat top right;		margin: 0; /* need for IE Mac */		text-align: right; /* need for IE Mac */		white-space: nowrap; /* for Opera */	}	#header form label { color: #fff; font-size: 85%; }	#header form input { font-size: 85%; }		#header form #submit {		font-size: 85%;		background: #6A7389;		color: #fff;		padding: 1px 4px;		border-right: 1px solid #283043;		border-bottom: 1px solid #283043;		border-top: 1px solid #9097A2;		border-left: 1px solid #9097A2;	}		#header form #q {		width: 170px;		font-size: 85%;		border:	1px solid #9097A2;		background: #D9DBE1;		padding: 2px;	}	#header form #q:hover, #header form #q:focus {		background: #fff;	}/* Sidebar */	#nav:before {		line-height: 0.1;		font-size: 1px;		background: transparent url("/images/menu_tr.gif") no-repeat top right;		margin: 0;		height: 9px;		display: block;		border-bottom: 1px solid #ddd;		content: url("/images/key-point_tl.gif");	}	#nav {		background: #E0E9E9 url("/images/menu_back.gif") right repeat-y;	}	#nav:after {		display: block;		padding-top: 0;		line-height: 0.1;		font-size: 1px;		content:  url("/images/key-point_bl.gif");		margin: 0 0 0 0;		height: 8px;		background: transparent url("/images/menu_br.gif") scroll no-repeat bottom right ;		border-top: 1px solid #fff;	}		#nav, #nav ul {		margin: 0;		padding: 0;		list-style: none;	}	#nav {		margin-bottom: 1em;	}		#nav li {		display: inline;		padding: 0;		margin: 0;	}		#nav li span { /* used for un-linked menu items */		display: block;		padding: 6px 10px;		font-weight: bold;		color: #666;	}	#nav li span#configParent, #nav li span #configuration {		display: inline;		font-weight: normal;		padding: 0;	}		#nav li a {		display: block;		padding: 8px 10px;		text-decoration: none;		background: #EDF2F2;		border-bottom: 1px solid #ddd;		border-top: 1px solid #fff;		border-right: 1px solid #ddd;	}	#nav li a:hover {		background: #E0E9E9;	}		#nav li li span { /* used for un-linked menu items */		padding: 4px 8px 4px 20px;	}		#nav li li a {		padding: 6px 8px 6px 20px;	}		#oN {		background-color: #E0E9E9;	}	#oN:hover {		background-color: #C6DCDC;	}/* Footer */	#footer {		border-top: 1px solid #999;		margin: 2em 0;		padding: 1em 0;		text-align: center;	}		#footer ul {		margin: 0;		padding: 0;		list-style: none;	}		#footer li {		display: inline;	}		#footer span,#footer a {		white-space: nowrap;		padding: 0 1em;	}		#footer p span,#footer p a {		white-space: nowrap;		padding: 0 0.3em;	}		#footer span a {		padding: 0;	}		#footer p,#footer p a {		color: #666;	}		#footer p a:hover {		color: #000;	}
