/* Stylesheet for Opera Show Centre */

body { 
	margin: 20px auto; 
	padding: 0px;
	width: 90%; 
	min-width: 700px; 
	max-width: 900px;
	
	background-color: #C7D0DA;
	color: black;
	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	}

h1 {	
	line-height: 60px; 
	border-bottom: 1px black solid; 
	}

h1 img { 
	float:left; 
	margin-right: 5px; 
	}

h2 { 
	background-color:#c00; 
	margin: -10px -10px 0px -10px; 
	padding: 5px 10px; 
	font-size: 18px; 
	line-height: 20px; 
	color: white; 
	}

h3 { margin-bottom: 0.5em; }
h3 + p { margin-top: 0px; }

ul { 
	list-style: none; 
	margin-left: 0px; 
	padding-left: 0px; 
	}

body > div, body > form > div { 
	border: 1px black solid; 
	padding: 10px; 
	margin-bottom: 10px; 
	position:relative; 
	background-color: white; 
	}

/* for IE */
div {
	border: 1px black solid; 
	padding: 10px; 
	margin-bottom: 10px; 
	position:relative; 
	background-color: white; 
}
	
	
a:link, a:visited { color: #4682B4; text-decoration:none;}
a:hover { color: #DC143C; }

pre { 
	width: 90%; 
	max-height: 200px; 
	overflow: auto; 
	border: 1px black solid; 
	padding: 5px; 
	}
	
	
dt { 
	font-weight: bold; 
	}

dd { 
	margin-left: 1em;
	}
	
fieldset { 
	padding: 10px; 
	}

img.right { 
	float: right; margin-top: 10px; position:relative;
	}

div.clear { clear:both; border:none; padding: 0px; margin: 0px; }
code { color: Green; }

@media projection {
	body > div { page-break-after: always; }
	body:before { content: "You are currently in full-screen mode. Navigate with PageUp/PageDown."; position: fixed; bottom: 10px; right: 10px; width: 10em; background-color: white; border: 1px black solid; padding: 5px; }
}

@media print {
html, body { 
	margin: 0px; 
	padding: 0px; 
	color:black !important; 
	background: white none !important;
	width: auto !important; 
	min-width: 0px !important; font-size: 10pt !important; 
	}

body > * { 
	max-width: 90%; 
	background-color: white !important; 
	margin-left: 0px !important; 
	}

body > div, body > form > div { 
	widows: 5; 
	orphans: 5; 
	}

pre { 
	white-space: pre-wrap; 
	max-height: none; 
	widows: 3; 
	orphans: 3;
	}
	
/* prevents long data:url from being printed */
div#image > pre { display:none; 	} 

}


@media handheld {
	* { width: auto !important; float: none !important; max-width: 100% !important; }
	body { width:auto; max-width: 300px !important; padding: 0px 5px; font-size: 11px !important;}
	pre { white-space: pre-wrap; }
	h1 { font-size: 1.2em; line-height: 1.2em;}
	body * { margin-left: auto !important; margin-right: auto !important; }
	h2 { margin-left: -10px !important; margin-right: -10px !important; }
	textarea { max-width: 100% !important; }
}	


/* CSS hack to work around problems with invisible pre in IE5/MAc */
/* IE5/Mac Band Pass Filter */
/* http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
pre { 
max-height: none; 
overflow: visible;
}
/**/