/*
** MediaWiki Nordicnames  style sheet for CSS2-capable browsers.
** based on Copyright Mozilla Foundation - http://www.mozilla.org/
** Loosely based on the monobook style by Gabriel Wicke
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
*/

/* 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;
	}

/* General Structure */
	
	.subtitle {
		font-style: italic;
	}

	div.para {
		margin: 1em 0;
	}

	div.para > ul,
	div.para > ol,
	div.para > blockquote {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	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;
	}
	.deepLevel #mainContent :link img,
	.deepLevel #mainContent :visited img {
		border: medium solid;
	}
	.deepLevel #mainContent #buttons :link img,
	.deepLevel #mainContent #buttons :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;
		list-style-type: none;
	}
	ul.snav > li {
		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;
	}
	
	span.important {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: smaller;
		color: #c00;
	}

/* 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.long {
		display: block;
		margin: 0.1em 1em;
	}

	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;
	}
	code.long {
		display: block;
		margin: 0.1em 1em;
		white-space: normal;
	}

	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;
		vertical-align: baseline;
	}

	table.data tbody th:first-child {
		text-align: right;
	}

	table.data thead th {
		vertical-align: bottom;
	}

/* 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;
}


/* @import url("template.css"); */
/* mozilla.org Cavendish Template Styles
 * Initial Design by Daniel Burka and Steven Garrity
*/

/* Header */

	#header {
		position: relative;
		height: 70px;
		voice-family: "\"}\"";
		voice-family: inherit;
		padding: 15px 0;
	} #ignored {}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		height: 8px;
		background: transparent;
		z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		height: 64px;
		background: transparent;
		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;
		z-index: 90; /* below the H1 */
	}
	#header li {
		float: right;
		background: transparent url("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("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: #039;
	}
	
	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: #333;
	}
	
/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 38px 20px 0 0;
		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 #searchInput {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #searchInput:hover, #header form #q:focus {
		background: #D9DBE1;
	}

/* Sidebar */

	#nav {
		font-weight: bold;
	}
	
	#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;
	}

       #nav td.navtext { 
		width: 156px;
	}
        #nav td.navtext_external { 
		width: 156px;
		padding-left: 8px;
	}
	#nav li table:hover {
		background: #00659c; /* #E0E9E9; */
		color: #ffffcc;
	}

	#nav li table:hover a:link{
		color: #ffffcc;
	}
	#nav li table:hover a:visited{
		color: #ffffcc;
	}
	#nav li table:hover a:hover{
		color: #ffffcc;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 8px;
	}
	#nav li li hr { /* used for HR menu items */
		margin: 7px 0;
		padding:1px 0 0;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 8px;
		font-style: italic;
	}
	
	#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 a {
		white-space: nowrap;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}

	#footer p span {
		padding-right: 1em;
	}

/* @import url("basetemplate.css"); */


/* 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 {
		float: right;
		width: 73%;
		margin-bottom: 1em;
	}
	.nomenu #mainContent {
		float: none;
		width: 100%;
	}
	.bodyleft {
		float: right !important;
		width: 75% !important;
	}
	#mainContent.right {
		float: left;
		width: 62%;
	}
	
	#side.right {
		float: right;
		width: 35%;
	}

/* Header */

	#header { 
                margin-top:10px;
		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;
	}

	hr.hide {
		display: none;
	}


/* @import url("cavendish.css"); */ 

/* Body */

	#mainContent, #side {
		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: "Lucida Sans",verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2 {
		background: url("subsite_back35.png") repeat-x #00304a;
		border-bottom:1px solid #CCCCCC;
		color:#FFFFFF;
		margin:1em -0.5em 0 -0.5em;
		padding:5px;
		font-style: italic;
		clear: both;
	}
	h3, h4, h5, h6 {
		margin:1em 0 0 0.1em;
	}	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#header h1 { border: 0; }

	h1 { font-size: 145%; font-weight: bold; }
	h2 { font-size: 135%; font-weight: bold; }
	h3 { font-size: 110%; }
	h4 { font-size: 10%; }
	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("../../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../../images/key-point_tl.gif");
	}
	.key-point {
		background: #e4ecec url("../../images/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("../../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../../images/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;
		color: #4C5C5C;
	}
	
	.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;
	}

/* Q and A (FAQ) */

ol.faq li a {
	text-decoration: none;
	border-bottom: 1px dotted #6C98EE;
}

ol.faq li a:hover {
	border-color: #039;
}

	
/* 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 h1, .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, #key-desc {
		padding-left: 190px;
		margin-bottom: 0;		
	}
	
	#product-side, #key-side {
		margin-left: 65%;
	}
	
	#product-side ul, #key-side ul {
		margin-left: 0;
		padding-bottom: 0;
		padding-left: 20px;
	}
	
	#product-side li, #key-side {
		padding-bottom: 0.2em;
	}
	
	#product-desc, #key-desc {
		padding: 40px 0 25px 0;
		color: #4C5C5C;
		width: 60%;
		float: left;
		line-height: 140%;
	}
	
	#key-desc {
		padding: 0;
	}
	
	#key-side {
		color: #4C5C5C;
	}
	
	.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;
	}
	.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 ;
	}
	.configParent {
		display: block;
		font-size: 85%;
	}
	
.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;
        }



#header ul { margin: 0; padding-right: 1em; }
#header li { padding: 0 6px 0 0; margin-right: 2px; }
#header ul li.selected a {
	background-position: 0% -0px;
	color: #455372;
}
#header ul li.selected {
	background-position: 100% -200px;
	border-bottom: 1px solid #fff;
}

body {
	background: url("subsite_back.png") repeat-x;
	background-color: #cee3ee;
	margin-top: 0;
	padding-top: 0; 
}

div#header { clear: both; }

#header h1 a {
	background: transparent url("wiki_header_logo.png") no-repeat;
	width: 400px;
}

a.new,
#p-personal a.new { color:#ba0000; }
a.new:visited,
#p-personal a.new:visited { color:#a55858; }

/*
** the main content area
*/

h1 {}
h2 {
  position: static;
  z-index: 1;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
}

h4 {	
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
}

#siteSub { display: none; }
#contentSub {
    font-size: 84%;
    line-height: 1.2em;
    margin: 0 0 1.4em 1em;
    color: #7d7d7d;
    width: auto;
}
span.subpages { display: block; }


/* user notification thing */
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}
#siteNotice {
    text-align: center;
    font-size: 95%;
    padding: 0 0.9em 0 0.9em;
}
#siteNotice p {
    margin: 0;
    padding: 0;
}
.error {
    color: red;
    font-size: larger;
}
.catlinks {
    border:1px solid #aaaaaa;
    background:#D8EEFA;
    padding: 3px 5px 3px 5px;
    margin-top: 1em;
    clear: both;
}

p.catlinks {
	padding: 0;
	display: inline;
}

/* currently unused, intended to be used by a metadata box
in the bottom-right corner of the content area */
.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 1em 0em;
    line-height: 1.5em;
}
.documentByLine {
    text-align: right;
    font-size: 90%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}

/* emulate center */
.center {
    width: 100%;
    text-align: center;
}
*.center * {
    margin-left: auto;
    margin-right: auto;
}
/* small for tables and similar */
.small, .small * { font-size: 94%; }
table.small { font-size: 100% }

/*
** content styles
*/


#toc {
    border:1px solid #aaaaaa;
    background-color:#CEE3EE;
    padding:5px;
    font-size: 95%;
    float:none;
    /* position: relative; 
    left: 10px;
    top: 2px;*/
    z-index: 3;
}
#toc .tocindent { margin-left: 2em; }
#toc .tocline { margin-bottom: 0px; }
#toc p { margin: 0 }
#toc .toctoggle { font-size: 94%; }
#toc .editsection {
    margin-top: 0.7em;
    font-size: 94%;
}
#toc h2 {
    font-size: 120%;
    color: #000000;
    background: transparent;
}

/* images */
div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 0.5em 0.5em;
    border: 0
/*
    border: 0.5em solid White;
    border-width: 0.5em 0 0.8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    position: relative;
    margin: 0 0.5em 0.5em 0;
    border: 0
/*
    margin: 0.3em 0.5em 0.5em 0;
    border: 0.5em solid White;
    border-width: 0.5em 1.4em 0.8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: White;
    width: auto;
}
div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    border:1px solid #cccccc;
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}
.urlexpansion,
.hiddenStructure {
    display: none;
}
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }

/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/

/*
** User styles
*/
/* table standards */
table.rimage {
    float:right;
    position:relative;
    margin-left:1em;
    margin-bottom:1em;
    text-align:center;
}
.toccolours {
    border:1px solid #aaaaaa;
    background-color:#d8eefa;
    padding:5px;
    font-size: 95%;
}
div.townBox {
    position:relative;
    float:right;
    background:White;
    margin-left:1em;
    border: 1px solid gray;
    padding:0.3em;
    width: 200px;
    overflow: hidden;
    clear: right;
}
div.townBox dl {
    padding: 0;
    margin: 0 0 0.3em 0;
    font-size: 96%;
}
div.townBox dl dt {
    background: none;
    margin: 0.4em 0 0 0;
}
div.townBox dl dd {
    margin: 0.1em 0 0 1.1em;
    background-color: #f3f3f3;
}

/*
** edit views etc
*/
.special li {
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

/* Page history styling */
/* the auto-generated edit comments */
.autocomment { color: gray; }
#pagehistory span.user {
    margin-left: 1.4em;
    margin-right: 0.4em;
}
#pagehistory span.minor { font-weight: bold; }
#pagehistory li { border: 1px solid White; }
#pagehistory li.selected {
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
/*
** Diff rendering
*/
table.diff { background:white; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
    background:#ccffcc;
    font-size: smaller;
}
td.diff-deletedline {
    background:#ffffaa;
    font-size: smaller;
}
td.diff-context {
    background:#eeeeee;
    font-size: smaller;
}
span.diffchange { color: red; font-weight: bold; }

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#mBody a[href ^="http://"],
#mBody a[href ^="gopher://"] {
/*    background: url(external.png) center right no-repeat; */
    padding-right: 0px;
}
#mBody a[href ^="https://"],
.link-https {
/*    background: url("lock_icon.gif") center right no-repeat; */
    padding-right: 0px;
}
#mBody a[href ^="mailto:"],
.link-mailto {
    background: url("mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="news://"] {
    background: url("news_icon.png") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="ftp://"],
.link-ftp {
    background: url("file_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="irc://"],
.link-irc {
    background: url("discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}
/* disable interwiki styling */
#mBody a.extiw,
#mBody a.extiw:active {
    color: #3366bb;
    background: none;
    padding: 0;
}
#mBody a.external { color: #3366bb; }
/* this can be used in the content area to switch off
special external link styling */
#mBody .plainlinks a {
    background: none !important;
    padding: 0;
}
/*
** Structural Elements
*/

/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
    border: none;
    margin: 0 0 0.5em 0em;
    float: none;
    padding: 0;
    width: 11.6em;
    overflow: hidden;
}
.portlet h4 {
    font-size: 95%;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h5 {
    background: transparent;
    padding: 0em 1em 0em 0.5em;
    text-transform: lowercase;
    display: inline;
    font-size: 91%;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h6 {
    background: #ffae2e;
    border: 1px solid #2f6fab;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}
.pBody {
    font-size: 95%;
    background: White;
    border-collapse: collapse;
    border: 1px solid #aaaaaa;
    padding: 0 0.8em 0.3em 0.5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet ul {
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("bullet.gif");
    font-size:95%;
}
.portlet li {
    padding: 0;
    margin: 0;
}

/*
** Logo properties
*/

#p-logo {
    z-index: 3;
    position:absolute; /*needed to use z-index */
    top: 0;
    left: 0;
    height: 155px;
    width: 12em;
    overflow: visible;
}
#p-logo h5 { display: none; }
#p-logo a,
#p-logo a:hover {
    display: block;
    height: 155px;
    width: 12.2em;
    background-repeat: no-repeat;
    background-position: 35% 50% !important;
    text-decoration: none;
}

/*
** the navigation portlet
*/

#p-nav {
    position:relative;
    z-index:3;
}

/*
** Search portlet
*/
#p-search {
    position:relative;
    z-index:3;
}
#p-search .pBody {
    text-align: center;
}
input.searchButton {
    margin-top:1px;
    font-size: 95%;
}
#searchGoButton {
    padding-left: .5em;
    padding-right: .5em;
    font-weight: bold;
}
#searchInput {
    width:10.9em;
    margin: 0;
    font-size: 95%;
}
#p-search .pBody {
    padding: 0.5em 0.4em 0.4em 0.4em;
}

/*
** the personal toolbar
*/

#p-personal {
    width:100%;
    white-space:nowrap;
    padding: 0;
    margin: 0;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 0;
    border: none;
    background: none;
    overflow: visible;
    line-height: 1.2em;
}

#p-personal h5 {
    display:none;
}
#p-personal .portlet,
#p-personal .pBody {
    padding:0;
    margin:0;
    border: none;
    z-index:0;
    overflow: visible;
    background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
    border: none;
    line-height: 1.4em;
    color: #2f6fab;
    padding: 0em 2em 0 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
    z-index:0;
    background: none;
}
#p-personal li {
    z-index:0;
    border:none;
    padding:0;
    display: inline;
    color: #2f6fab;
    margin-left: 1em;
    line-height: 1.2em;
    background: none;
}
#p-personal li a {
    text-decoration: none;
    color: #005896;
    padding-bottom: 0.2em;
    background: none;
}
#p-personal li a:hover {
    background-color: White;
    padding-bottom: 0.2em;
    text-decoration: none;
}


/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
    position:absolute;
    top: 1.3em;
    left: 11.5em;
    margin: 0;
    white-space:nowrap;
    width: 76%;
    line-height: 1.1em;
    overflow: visible;
    background: none;
    border-collapse: collapse;
    padding-left: 1em;
    list-style: none;
    font-size: 95%;
}
#p-cactions .hiddenStructure { display: none; }
#p-cactions ul {
    list-style: none;
}
#p-cactions li {
    display: inline;
    border: 1px solid #aaaaaa;
    border-bottom: none;
    padding: 0 0 0.1em 0;
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#p-cactions li.selected {
    border-color: #fabd23;
    padding: 0 0 0.2em 0;
}
#p-cactions li a {
    background-color: White;
    color: #002bb8;
    border: none;
    padding: 0 0.8em 0.3em 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    z-index: 0;
    margin: 0;
}
#p-cactions .selected a { z-index: 3; }
#p-cactions .new a { color:#ba0000; }
#p-cactions li a:hover {
    z-index: 3;
    text-decoration: none;
}
#p-cactions h5 { display: none; }
#p-cactions li.istalk { margin-right: 0; }
#p-cactions li.istalk a { padding-right: 0.5em; }
#p-cactions #ca-addsection a {
    padding-left: 0.4em;
    padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk { margin-right: 1.6em; }
li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }


/*
** the remaining portlets
*/
#p-tbx,
#p-lang {
    position:relative;
    z-index:3;
}

/*
** footer
*/

/* js pref toc */
#preftoc {
    float: left;
    margin: 1em 1em 1em 1em;
    width: 13em;
}
#preftoc li { border: 1px solid White; }
#preftoc li.selected {
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
#preftoc a,
#preftoc a:active {
    display: block;
    color: #0014a6;
}
#prefcontrol {
    clear: both;
    float: left;
    margin-top: 1em;
}
div.prefsectiontip {
    font-size: 95%;
    margin-top: 1em;
}
fieldset.operaprefsection { margin-left: 15em }

/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li { border:none; }
* > html #p-cactions li a {
    border: 1px solid #aaaaaa;
    border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico { width: 88px; }
* > html #mBody,
* > html #mBody pre {
    overflow-x: auto;
    width: 100%;
    padding-bottom: 25px;
}

/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
    display: inline;
    margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
    float: none;
}
* > html #column-one {
    position: absolute;
    left: 0;
    top: 0;
}
* > html #footer {
    margin-left: 13.2em;
}
.redirectText {
	font-size:150%;
	margin:5px;
}

.printfooter {
        display: none;
}

.not_patrolled {
	background-color: #ffa;
}
div.patrollink {
	font-size: 75%;
	text-align: right;
}
span.newpage, span.minor, span.searchmatch {
	font-weight: bold;
}
span.unpatrolled {
	font-weight:bold;
	color:red;
}

span.searchmatch {
	color: red;
}
.sharedUploadNotice {
        font-style: italic;
}

span.updatedmarker {
	color:black;
	background-color:#00FF00;
}
span.newpageletter {
	font-weight:bold;
	color:black;
	background-color:yellow;
}
span.minoreditletter {
	color:black;
	background-color:#C5FFE6;
}

table.gallery {
	border:  1px solid #cccccc;
	margin:  2px;
	padding: 2px;
	background-color:#ffffff;
}

table.gallery tr {
	vertical-align:top;
}

table.gallery td {
	vertical-align:top;
	background-color:#f9f9f9;
	border: solid 2px white;
}

div.gallerybox {
	margin: 2px;
	width:  150px;
}

div.gallerybox div.thumb {
	text-align: center;
	border: 1px solid #cccccc;
	margin: 2px;
}

div.gallerytext {
	font-size: 94%;
	padding: 2px 4px;
}

#footer { color: #666; }
hr { border: 1px solid #FFF; border-top: 1px solid #CCC; } 

/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */

.standard-table {
	border: solid black 1px;
	border-collapse: collapse;
}

.standard-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: solid #BBB 1px;
}

.standard-table td.header, .standard-table th {
	font-weight: bold;
	background: #DDD;
	border: solid #BBB 1px;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

.fullwidth-table {
	border: solid #666 1px;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	background: #FFF;
}

.fullwidth-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 15px 5px 15px;
	border: solid #BBB 1px;
}

.fullwidth-table td.header, .fullwidth-table th {
	background: #DDD;
	border: solid #BBB 1px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

div.breadcrumbs {
	border: solid #888 1px;
	padding: 0px 5px 0px 5px;
	background: #DDD;
	margin: 5px 0px 10px 0px;
	font-size: 0.9em;
}

div.breadcrumbs a.breadcrumbs {
	text-decoration: none;
}

div.breadcrumbs span.breadcrumbs {
	font-weight: bold;
}

pre {
	background: #EEE;
	border: dashed #666 1px;
	padding: 15px 20px 15px 20px;
	overflow: auto;
}

div.tip {
	border: solid green 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #DFD;
}

div.bug, div.warning {
	border: solid red 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #FDD;
}

div.note {
	border: solid goldenrod 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #FFD;
	color: #000;
}

div.note:before {
	content: "";
}

.float-left {
	float: left;
	padding: 5px;
}

.float-right {
	float: right;
	padding: 5px;
}

.figure {
	/* for future use */
}

.originaldocinfo {
	font-size: 0.8em;
	background: #FFD;
	border: solid #CCE 1px;
	width: auto;
	padding: 0px 10px 0px 10px;
	margin: 15px 0px 15px 0px;
}

.originaldocinfo p {
	line-height: 0.8em;
}

.originaldocinfo h2 {
	font-size: 1.3em;
	font-weight: bold;
}

.licenseblock {
	border: dashed #888 1px;
	background: #DDD;
	font-size: 0.8em;
	padding: 0px 10px 0px 10px;
}

code {
	font-size: 1.2em;
}

.wrong-source-code {
	color: #D00;
}

.right-source-code {
	color: #0A0;
}

.template-toc {
	background: #DDD;
	font-size: 0.9em;
	border: solid black 1px;
	padding: 0px 10px 0px 10px;
	margin: 15px 0px 15px 0px;
	width: auto;
}

.prevnext {
	font-size: 0.9em;
	margin: 10px 0px 20px 0px;
}

div.highlight {
	border-left: solid blue 3px;
	padding-left: 15px;
}

span.highlightblue {
	color: blue;
}

span.highlightred {
	color: red;
}

.side-note {
	width: auto;
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
	border: solid #666 1px;
	background: #EEE;
}

.side-note-left {
	float:left;
	width: 40%;
	padding: 0px 20px 0px 20px;
	margin: 10px 10px 10px 0px;
	border: solid #666 1px;
	background: #EEE;
}

.side-note-right {
	float:right;
	width: 40%;
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 10px 10px;
	border: solid #666 1px;
	background: #EEE;
}

/* new for devmo topic pages */

.callout-box {
	float:right;
	border: solid black 1px;
	text-align: center;
	width: 200px;
	margin: 0px 0px 15px 15px;
	padding: 10px;
	background: #EEE;
}

.topicpage-table {
	width: 100%;
}

.topicpage-table td  {
	width: 50%;
	vertical-align: top;
	padding: 10px;
}

.alllinks {
	font-size: 10px;
	float:right;
}

.date {
	color: #668;
	font-style: italic;
}

.disambig {
	font-size: 0.9em;
	border-top: solid #AAA 1px;
	border-bottom: solid #AAA 1px;
}

.notice {
	font-size: 0.9em;
	border: solid #AAA 1px;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

.smwfact {
	display:none
}

.more {
	text-align: right;
	font-size: x-small;
}

.page-Main_Page h1.firstHeading { display:none; }

.relatednamestable {
	border:no;
}

.mainpagetd {
	vertical-align: top;
	background:#D8EEFA;
	border:2px solid #AAAAAA;
	padding: 5px 10px 5px 10px;
}

.commonspicturetd {
	vertical-align: top;
	background:#CEE3EE;
	border:1px solid #AAAAAA;
}
.commonspicturetright {
    clear: right;
    float: right;
    border-width: 0;
    margin: 0.5em -0.85em 0.5em 0.5em;
}

.mainpagetd > h2{
	margin: -5px -10px 0px -10px;
}

.statisticstable {
	float: left;
	width: 250px;
}

.grammartable {
	border-spacing:0px; 
	background-color:#00304a; 
	fontmargin:0 0 1em 1em; 
	width:23em; 
	margin-top:15px;
}

.grammartableth {
	font-size:larger; 
	color:#ffffff;
}

.grammartabletd {
	background-color:#D8EEFA; 
}


.namedaytd {
	vertical-align: bottom;
	height: 40px;
}

table.ambox {
  background:#DEF0FF  none repeat scroll 0 0;
  border-color:#AAAAAA #AAAAAA #AAAAAA #005a8b;
  border-style:solid;
  border-width:1px 1px 1px 10px;
  margin:5px 5% 12px;
}

td.mbox-image {
  border:medium none;
  padding:2px 0 2px 0.9em;
  text-align:center;
}

th.mbox-text, td.mbox-text {
  border:medium none;
  padding:0.25em 0.9em;
  width:100%;
}


.largewikitable  { 
	border:2px outset;
}

.largewikitable  td  { 
	vertical-align:top;  
	border:1px inset;
	padding: 5px;
}

.largewikitable  th  { 
	vertical-align:top;  
	padding: 10px;
	text-align: left;
}

.largewikitable  ul  { 
	margin: 0px; 
	padding-left: 15px;
}
.largewikitable  dl  { 
	margin: 0px; 
}

.searchspecialchar {
	text-decoration:none;
	background-color:#DDDDDD;
	border:1px outset;
	color:#000000;
	padding:3px;
}

.searchspecialchar:hover {
	background-color:#00659C;
	color:#FFFFFF;}

.mw-hidden-cats-hidden {
	display:none; 
	}