/* Stylesheet for the Opera config document */
/* Copyright 2006 Opera Software */
@media screen, projection, tv, handheld {
html {
	font-family: sans-serif;
	font-size: 100%;
	color: rgb(56,56,56);
	background-color: rgb(236,236,236);
	background-image: url(images/root.png);
	margin: 0 auto 10px;
	border-width: 0 1px;
	border-color: rgb(144,144,144);
	border-style: solid;
	max-width: 670px;
}
body {
	color: rgb(56,56,56);
	background-color: rgb(246,246,246);
	margin: 0;
}
fieldset table, fieldset div, #showall, #searchbox, fieldset, fieldset.dirty tr, #nohits {display: none;}
fieldset.expanded, fieldset.notexpanded, fieldset.expanded div, div.hasscript #showall, div.hasscript #searchbox, #nohits.nonefound {display: block;}
fieldset.expanded table {display: table;}
fieldset.dirty tr.wasmatch {display: table-row;}
fieldset.dirty table:before, fieldset.dirty table:after {
	content: "... ...";
	text-align: center;
	display: block;
}
h1 {
	font-family: sans-serif;	
	font-size: 110%;
	font-weight: normal;
	text-align: right;
	letter-spacing: -1px;
	color: rgb(74,74,74);
	background-image: url(images/top.png);
	background-repeat: repeat-x;	
	padding: 29px 10px 0 130px;
	margin: 0;
	height: 46px;
	position: relative;
}
h1::after {
	content: "";
	background-image: url(images/opera.png);
	width: 130px;
	height: 57px;
	position: absolute;
	left: 5px;
	top: 15px;
}
noscript+div, h1+div, noscript p, #nohits {
	font-size: 75%;
	color: rgb(74,74,74);
	background-color: rgb(227,227,227);
	background-image: url(images/bar.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 5px 7px;
	border-top: 1px solid rgb(144,144,144);
	border-bottom: 1px solid rgb(144,144,144);
}
#help {
	float: right;
	margin: 0px 20px;
}
a {
	color: rgb(74,74,74);
	background-color: transparent;
}
#showall {
	margin: 0.2em 1em 0;	
	float: left;
}
#searchbox {margin: 0px;}
#searchbox label {display: inline-block;}
fieldset {
	font-size: 75%;
	line-height: 130%;
	padding: 0;
	margin: 20px;
	border: none;
}
fieldset.expanded {
	background-color: rgb(252,252,252);
	border-style: solid;
	border-width: 1px;
	border-color: rgb(217,217,217) rgb(217,217,217) rgb(188,188,188);
}
legend {
	padding: 0 5px;
	border-left: 10px solid rgb(217,217,217);
	cursor: pointer;
}
legend:hover {text-decoration: underline;}
fieldset.expanded legend {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: -1px;
	background: transparent;
	margin-left: 12px;
	border-right: 10px solid rgb(217,217,217);
	display: block;
}
table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
th, td {
	vertical-align: top;
	padding: 2px 3px;
	border-width: 1px 0;
	border-style: solid;
	border-color: rgb(188,188,188) rgb(252,252,252) rgb(252,252,252);
}
tr:first-child>* {border-top-color: rgb(252,252,252);}
th {
	font-weight: normal;
	text-align: left;
	padding: 2px 2px 2px 5px;
	width: 295px;
}
input[type] {
	font-family: monospace;
	font-size: 100%;
}
[type="text"] {
	color: rgb(56,56,56);
	margin-right: 13px;
	width: 194px;
}
#searchbox [type="text"] {color: rgb(185,185,185);}
#searchbox [type="text"]:focus {color: rgb(56,56,56);}
[type="number"] {
	color: rgb(56,56,56);
	margin-right: 2px;
	width: 200px;
}
fieldset [type="checkbox"] {
	vertical-align: top;
	margin-right: 196px;
	position: relative;
	top: 1px;
	left: -3px;
}
[type="button"] {
	font-size: 1em;
	margin: 0 2px 0 15px;
}
[type="number"]+[type="button"] {margin-left: 20px;}
td a {
	text-decoration: none;
	color: rgb(144,144,144);
}
fieldset div {
	background-color: rgb(237,237,237);
	background-image: url(images/bar.png);
	background-repeat: repeat-x;
	background-position: 0px -5px;
	padding: 5px 7px 4px;
	border-top: 1px solid rgb(188,188,188);
}
fieldset div button {
	min-width: 50px;
	margin: 0 7px;
}
body::after {
	content: "";
	background-color: rgb(250,250,250);
	background-image: url(images/center.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top: 1px solid rgb(144,144,144);
	height: 20px;
	width: 100%;
	display: block;
}
}
@media all and (max-width: 672px) {
	html {
		margin: 0 auto;
		border-width: 0 1px;
	}
	th, td {width: 50%;}
	th::before {display: none}
	[type="button"] {margin: 4px 2px 2px 0px;}
	[type="number"]+[type="button"] {margin-left: auto;}
}
@media all and (max-width: 530px) {
	fieldset {
		font-size: 70%;
		margin: 20px 10px;
	}
	fieldset input[type] {
		width: auto;
		margin: 0;
	}
}
@media all and (max-width: 300px) {
	table, tbody, tr, th, td {display: block;}
	td, th {width: auto;}
	td {border-top-width: 0;}
	noscript+div, h1+div, noscript p, #nohits {
		padding: 1px 4px 2px;
		position: relative;
	}
	#help, #showall {
		margin: 0 0 2px;
		float: none;
	}
	#showall {
		position: absolute;
		top: 0;
		right: 5px;
	}
}
@media all and (max-width: 235px) {
	h1::after {display: none;}
	h1 {
		text-align: center;
		padding: 10px 5px;
		height: auto;
	}
	fieldset div button {min-width: 0;}
}
@media print {
	* {border: none;}
	h1 {
		font-size: 16pt;
		text-align:center;
	}
	h2 {font-size: 13pt;}
	table, h2+p {margin-bottom: 1cm;}
	th {
		font-weight: normal;
		text-align: left;
	}
	legend {
		font-size: 13pt;
		font-weight: bold;
		page-break-after: avoid;
	}
	noscript+div, h1+div, noscript p, #nohits, input, button, a {display: none;}
}