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

}