/* Stylesheet for the Opera.com site */
/* Copyright 2002 Opera Software */




body {
	margin: 0; 
	padding: 0; 
	color: #000000; 
	background: #ffffff; /* #6888b1#cdddf9; */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	}

table {
	margin-bottom: 10px; 
	font-size: 100%; 
	}

img {
	border-color: white; 
	}

th, td {
	margin: 0; /* not sure if it's TopStyle or IE3 that flips over comma-separated selectors */
	border: 0; 
	padding-top: 4px; 
	padding-right: 10px; /* why? */
	padding-bottom: 4px; 
	padding-left: 0; 
	color: #000000; 
	background: transparent; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

#content h1, #content h2, #content h3, #content h4 {
	margin-top: 20px; 
	margin-right: 0; 
	margin-bottom: 10px; 
	margin-left: 0; 
	}

#content h1 {
	margin-top: 0; 
	font-size: 150%; 
	}

#content h2 {
	font-size: 120%; 
	}

#content h3 {
	font-size: 110%; 
	}

#content h4 {
	font-size: 105%; 
	}

#content p {
	margin-top: 10px; 
	margin-bottom: 0; 
	padding: 0; 
	}

#content img {
	border: #ffffff; 
	}

#content form {
	margin: 0; 
	padding: 0; 
	}

#content li {
	margin-top: 0; 
	margin-right: 10px; 
	margin-bottom: 0; 
	margin-left: 10px; 
	padding-top: 0; 
	padding-right: 10px; 
	padding-bottom: 0; 
	padding-left: 10px; 
	}

#content blockquote {
	margin-top: 10px; 
	margin-right: 20px; 
	margin-bottom: 10px; 
	margin-left: 20px; 
	}

#content dl {
	margin-top: 1px; 
	margin-right: 0; 
	margin-bottom: 15px; 
	margin-left: 0; 
	padding: 0; 
	}

#content dt {
	margin-top: 20px; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	padding: 0; 
	}

#content dd {
	margin-top: 3px; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 1em; 
	padding: 0; 
	}

#content em {
	font-style: normal; 
	font-weight: bold; 
	}

#content input, #content select {
	font-size: 100%; 
	}

#content ul, #content ol {
	margin: 10px; 
	padding-top: 0; 
	padding-right: 10px; 
	padding-bottom: 0; 
	padding-left: 10px; 
	}

#content dl dl, #content dl dl dl {
	margin-bottom: 0; 
	}

#content .heshesaid {
	font-style: italic; 
	text-align: right; 
	}

#content .menu {
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 3px; 
	margin-left: 0; 
	padding: 2%; 
	}

#content .standout {
	font-weight: bold; 
	}

#content .smallmargin {
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 5px; 
	margin-left: 0; 
	}

.downloadnow {
	margin-top: 20px; 
	padding-top: 10px; 
	}

.download {
	margin-right: 150px; 
	}

/* The floats below may lead to unpredictable results in IE4 and NN4R */
.floatleft {
	float: left; 
	}

.floatright {
	float: right; 
	}

.submit {
	margin-top: 10px; 
	margin-right: 10px; 
	margin-bottom: 0; 
	margin-left: 0; 
	border: 0; 
	}

.platform {
	margin-top: 0; 
	}

.price {
	color: #c70000; 
	background: transparent; 
	font-weight: bold; 
	}

.shortcut {
	margin-top: 3px; 
	margin-bottom: 0; 
	}

.pad {
	padding: 2%; 
	}

.horizontal {
	margin-top: 10px; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	padding-top: 10px; 
	padding-right: 0; 
	padding-bottom: 10px; 
	padding-left: 0; /*
	border-top: 1px dashed #aaaaaa; 
	border-bottom: 1px dashed #aaaaaa; */
	}

.mycampaign {
	padding-bottom: 15px; 
	margin-bottom: 15px; 
	}

.mouse {
	margin-top: 20px; 
	margin-right: 0; 
	margin-bottom: 20px; 
	margin-left: 0; 
	}

.path-menu {
	color: #000000; 
	background: #f5f5f5; 
	}

.border-top {
	padding-top: 15px; 
	}

.notice {
	font-size: 120%; 
	font-weight: bold; 
	}

.hide {
	display: none; 
	}

.b	{
	font-weight: bold; 
	}

/* The objects are in a special definition list with conform class /docs/specs/js/ */
.conform {
	color: #000000; 
	background: #ffffee; 
	}

/* Compliance */
.o4 {
	color: #000000; 
	background: transparent; 
	}

.o5 {
	color: #006633; 
	background: transparent; 
	}

.o6 {
	color: #006633; 
	background: transparent; 
	font-weight: bold; 
	}

.no {
	color: #cc3300; 
	background: transparent; 
	}

.quirk {
	font-style: italic; 
	}

.div1 {
	margin-top: 0; 
	margin-bottom: 0; 
	}

.div2 {
	margin-top: 0; 
	margin-bottom: 0; 
	}

img.float {
	float: right; 
	}

.menu a {
	width: 15%; 
	padding-top: 0.3em; 
	padding-bottom: 0.1em; 
	color: #0012c2; 
	background: transparent; 
	text-align: center; 
	}

.mouse img {
	margin-right: 12px; 
	}

.mouse h2 {
	margin-top: 20px; 
	}

/* CONTACT form */
.nontable form {
	margin: 0; 
	padding: 0; 
	}

/* JS Object name*/
.conform dt {
	margin-top: 2em; 
	padding: 0.5em; 
	color: #000000; 
	background: #ffffdd; 
	font-weight: bold; 
	}

/* JS Methods and attributes */
.conform dd {
	margin-left: 2em; 
	padding: 0.2em; 
	}

.conform h4 {
	margin-top: 1em; 
	margin-bottom: 0.5em; 
	padding: 2px; 
	}

/* Multi-page documents */
div.multidocnav h2 {
	margin-top: 3em; 
	margin-bottom: 0; 
	padding-top: 2px; 
	padding-right: 5px; 
	padding-bottom: 2px; 
	padding-left: 5px; 
	color: #ffffff; 
	background-color: #6375a1; 
	font-size: 120%; 
	}

div.multidocnav dl {
	margin-top: 0.5em; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	}

.nontable form h3 {
	margin-top: 1.5em; 
	margin-bottom: 0.2em; 
	font-size: 110%; 
	}

.nontable form h4 {
	margin-top: 0.5em; 
	margin-bottom: 0.2em; 
	font-size: 105%; 
	}

.nontable form p {
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	}

.conform ul li {
	list-style-type: none; 
	font-family: monospace; 
	}

div.multidocnav dl dt {
	margin: 0; 
	padding-left: 0.5em; 
	}

div.multidocnav dl dd {
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 4%; 
	padding-left: 0.5em; 
	}

.nontable form h3 span {
	font-weight: normal; 
	}

.menu a.selected {
	color: #000000; 
	background: transparent; 
	font-weight: bold; 
	}

.download img.floatleft {
	margin-top: 0; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-left: 0; 
	}

.download tr.deb {
	color: #000000; 
	background: #f9f9f9; 
	}

.download tr.rpm {
	color: #000000; 
	background: #f1f1f1; 
	}

.download tr.tar {
	color: #000000; 
	background: #f9f9f9; 
	}

.nontable form .div1 {
	margin-top: 0; 
	margin-bottom: 0; 
	}

.nontable form .div2 {
	margin-top: 0; 
	margin-bottom: 0; 
	}

.horizontal h2, .horizontal h3 {
	font-size: 120%; 
	}

tr.dl td, tr.dl th {
	padding-top: 25px; /* what? */
	}

.col1, .col2, .col1-lines, .col2-lines {
	margin-top: 15px; 
	color: #000000; 
	background: #ffffff; 
	text-align: left; /* NN4-problem */
	}

div.multidocnav dl dt.current, div.multidocnav dl dd.current {
	color: #000000; 
	background: transparent; 
	font-weight: bold; 
	}

div.multidocnav dl dt.current a, div.multidocnav dl dd.current a {
	color: #000000; 
	background-color: transparent; 
	}

#tagline {
	margin: 0; 
	padding-bottom: 3px; 
	color: #6888b1; 
	background: transparent; 
	text-align: center; 
	}

#search {
	margin-right: 2%; /* NN4-problem */
	color: #000000; 
	background: transparent; 
	text-align: right; 
	position: absolute; /* position & top doesn't do it for Opera 3.x */
	top: 2em; /* Float here makes the menu look _really_ weird...!
	width: 65%; */
	}

#searchbox {
	width: 142px; /* NN4-problem */
	}

#choose {
	margin: 0; 
	padding-top: 4px; 
	padding-right: 2%; 
	padding-bottom: 4px; 
	padding-left: 2%; 
	color: #445376; 
	background: #f4f6fa; 
	font-size: 95%; 
	}

#main {
	width: 100%; 
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 3px; 
	margin-left: 0; 
	padding: 0; 
	color: #000000; 
	background: transparent; 
	}

#content {
	width: 70%; /* NN4-problem */
	margin: 0; 
	padding: 0; 
	color: #000000; 
	background: #ffffff; 
	}

#sidebar {
	width: 25%; 
	margin-top: 4em; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0; 
	padding: 0; 
	color: #000000; 
	background: #ffffff; 
	}

#footer {
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 3px; 
	margin-left: 0; 
	padding-top: 3px; 
	padding-right: 2%; 
	padding-bottom: 3px; 
	padding-left: 2%; 
	color: #000000; 
	background: #ffffff; 
	}

#copyright {
	margin: 0; 
	color: #ffffff; 
	background: transparent; 
	font-size: 95%; 
	text-align: right; 
	}

a#buy {
	width: 10%; 
	}

a#why-opera {
	width: 17%; 
	}

a#home {
	width: 9%; 
	border: 0; 
	}

#top img {
	margin-top: 1%; 
	margin-right: 2%; 
	margin-bottom: 1%; 
	margin-left: 2%; 
	}

/* menu for old browsers *//* ingen id="menu" ? */
#menu a {
	color: #0012c2; 
	background: transparent; 
	text-decoration: none; 
	}

#choose a {
	color: #445376; 
	background: transparent; 
	}

#sidebar p {
	padding-top: 0; 
	padding-right: 5px; 
	padding-bottom: 0; 
	padding-left: 5px; 
	}

#sidebar h3 {
	margin-top: 10px; 
	margin-right: 0; 
	margin-bottom: 10px; 
	margin-left: 0; 
	padding-top: 2px; 
	padding-right: 5px; 
	padding-bottom: 2px; 
	padding-left: 5px; 
	color: #000000; 
	background: #ffffff; 
	}

#sidebar h2 {
	padding: 0; 
	}

#sidebar h2 {
	margin: 0; 
	color: #ffffff; 
	background: #6375a1; 
	font-size: 110%; 
	}

#sidebar h4 {
	margin-top: 10px; 
	padding-top: 0; 
	padding-right: 5px; 
	padding-bottom: 0; 
	padding-left: 5px; 
	}

#sidebar dt {
	margin: 0; 
	padding: 0; 
	color: #000000; 
	background: #ebeff7; 
	}

#footer a {
	color: #000000; 
	background: transparent; 
	}

#content td img {
	margin: 0; 
	padding: 0; 
	}

#sidebar h2 a {
	padding-top: 2px; 
	padding-right: 5px; 
	padding-bottom: 2px; 
	padding-left: 5px; 
	color: #ffffff; 
	background: transparent; 
	font-size: 110%; 
	}

#sidebar dd dd dt a {
	padding-top: 0; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 30px; 
	}

#sidebar dd dd dd dt a {
	padding-top: 0; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 40px; 
	}

#main .os {
	margin-top: 12px; 
	margin-right: 0; 
	margin-bottom: 12px; 
	margin-left: 0; 
	}

#main .os img {
	margin-right: 15px; 
	}

#content .tablegrid table {
	color: #000000; 
	background: #cad3e8; 
	}

#content .tablegrid td {
	padding-left: 4px; 
	color: #000000; 
	background: #ffffff; 
	}

/* Used in eg. /features/keyboard/ */
#content table.tablegrid2 {
	width: 100%; /* NN4-problem */
	color: #000000; 
	background: #cad3e8; 
	}

/* Used in eg. /support/usingopera/operaini/ */
#content table.grid-inv {
	width: 100%; /* NN4-problem */
	color: #000000; 
	background: #cad3e8; 
	}

#sidebar dt.current {
	color: #000000; 
	background: #dae2f0; 
	font-weight: bold; 
	}

/* Non-navigation dl */
#sidebar dl.notmenu {
	margin: 0; 
	padding: 0; 
	}

#content table.tablegrid2 caption {
	padding-top: 0.3em; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 0; 
	color: #000000; 
	background: #cad3e8; 
	font-weight: bold; 
	}

#content table.tablegrid2 th {
	padding-left: 4px; 
	color: #000000; 
	background: #ffffff; 
	}

#content table.tablegrid2 td {
	padding-left: 4px; 
	color: #000000; 
	background: #ffffff; 
	}

#content table.tablegrid2 li {
	margin-left: 0; 
	padding-left: 0; 
	color: #778899; 
	background: transparent; 
	}

#content table.tablegrid2 ul {
	margin-left: 0; 
	padding-left: 0; 
	}

#content table.grid-inv caption {
	margin-top: 1em; 
	padding-top: 0.3em; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 0; 
	color: #000000; 
	background: #cad3e8; 
	font-weight: bold; 
	}

#content table.grid-inv th {
	padding-left: 4px; 
	color: #000000; 
	background: #ffffff; 
	}

#content table.grid-inv td {
	padding-left: 4px; 
	color: #000000; 
	background: #ffffff; 
	}

#sidebar dd dt.current {
	color: #000000; 
	background-color: #dae2f0; 
	}

#sidebar dl.notmenu dt {
	margin-top: 0.3em; 
	margin-right: 0; 
	margin-bottom: 0.15em; 
	margin-left: 0; 
	padding: 0; 
	color: #000000; 
	background: #ffffff; 
	}

#sidebar dl.notmenu dd {
	margin-bottom: 0.15em; 
	margin-left: 0.5em; 
	padding: 0 0; 
	color: #000000; 
	background: #ffffff; 
	}

#content table.tablegrid2 li kbd {
	color: #000000; 
	background: transparent; 
	}

#step1 h2, #step1 h3 {
	margin: 0; 
	padding-top: 15px; 
	padding-right: 0; 
	padding-bottom: 15px; 
	padding-left: 0; 
	}

#step2 h2, #step2 h3 {
	margin: 0; 
	padding-top: 15px; 
	padding-right: 0; 
	padding-bottom: 15px; 
	padding-left: 0; 
	}

#step3 h2, #step3 h3 {
	margin: 0; 
	padding-top: 15px; 
	padding-right: 0; 
	padding-bottom: 15px; 
	padding-left: 0; 
	}

#step4 h2, #step4 h3 {
	margin: 0; 
	padding-top: 15px; 
	padding-right: 0; 
	padding-bottom: 15px; 
	padding-left: 0; 
	}

#sidebar ul, #sidebar li {
	margin-top: 0; 
	margin-right: 5px; 
	margin-bottom: 0; 
	margin-left: 5px; 
	padding: 0; 
	list-style-type: none; 
	}

#sidebar dd, #sidebar dd dt {
	padding: 0; 
	color: #000000; 
	background: #f0f3f9; 
	}

#sidebar dt a, #sidebar dd a {
	padding-top: 0; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 10px; 
	color: #000000; 
	background: transparent; 
	}

#sidebar dd dt a, #sidebar dd dd a {
	border: 0; 
	padding-top: 0; 
	padding-right: 0; 
	padding-bottom: 0; 
	padding-left: 20px; 
	}

#main .os p, #main .os h3 {
	margin: 0; 
	padding: 0; 
	}

#sidebar dl.notmenu dt a, #sidebar dl.notmenu dd a {
	padding: 0; 
	color: #0000cc; 
	background: transparent; 
	}

#step1, #step2, #step3, #step4 {
	margin-top: 20px; 
	}

/*
a:link, a:visited {
	color: #0012c2; 
	background: transparent; 
	text-decoration: none; 
	}
*/
/*
#top {
	color: #ffffff; 
	background: transparent; 
	}
*/
/*
.inparaleft {
	}
*/