/*  all media  */
@media all {

	body {
		margin: 20px 60px;
		color: #000;
		background-color: #fff;
		font-family: sans-serif;
	}

	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	p.elkins, p.question {
		clear: left;
		margin: 30px auto 0px;
		color: #333;
		line-height: 1.1;
	}

	p.ra, p.answer {
		margin-top: 15px;
		color: #000;
		line-height: 1.1;
	}

	h2 {
		margin-bottom: 0px;
	}

	ul#sessions {
		margin-top: 0px;
		padding: 0px;
	}

	ul#sessions li {
		float: left;
		width: 10%;
		list-style-type: none;
	}

	ul#categories {
		margin: 0px auto;
		padding: 0px;
	}

	ul#categories li {
		float: left;
		width: 24%;
		list-style-type: none;
	}

	div#right-column {
		float: right;
		margin: 0px 0px 10px 10px;
	}

	form#top-search {
		background-color:#eee;
		border: 1px solid #036;
		margin-bottom: 0px;
		padding: 5px;
		text-align: center;
	}

	form#full-search {
		background-color:#eee;
		border: 1px solid #036;
		clear: left;
		margin: 1em auto 0px;
		padding: 5px;
		text-align: center;
		width: 600px;
	}

	div#google-ad {
		border: 1px solid black;
		margin-top: 1em;
	}

	table#definitions {
		border: 1px solid black;
		border-collapse: collapse;
	}

	table#definitions td {
		border: 1px solid black;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
	}

	h1, h2 {
		text-align: center;
	}

	div.heading-list h3 {
		text-align: left;
		margin-bottom: 0px;
	}

	div.heading-list h4 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	div.heading-list p {
		text-align: left;
		margin-top: 0px;
	}

	div.heading-list ul, div.heading-list dl {
		margin-top: 0px;
	}

	span.optional {
		display: none;
	}
	div.optional {
		display: none;
	}

	/*
	** PyDiff styles
	*/
	table.pydiff {border:medium;}
	table.pydiff td {
		width: 50%;
	}
	.diff_header {background-color:#e0e0e0}
	td.diff_header {text-align:right}
	.diff_next {background-color:#c0c0c0}
	.diff_add {background-color:#aaffaa}
	.diff_chg {background-color:#ffff77}
	.diff_sub {background-color:#ffaaaa}

	/*
	** WikiDiff styles
	*/
	table.diff, td.diff-otitle, td.diff-ntitle {
		background-color: white;
	}
	td.diff-otitle,
	td.diff-ntitle {
		text-align: center;
	}
	td.diff-marker {
		text-align: right;
	}
	.rtl td.diff-marker {
		text-align: left;
	}
	td.diff-lineno {
		font-weight: bold;
	}
	td.diff-addedline {
		background: #cfc;
		font-size: smaller;
	}
	td.diff-deletedline {
		background: #ffa;
		font-size: smaller;
	}
	td.diff-context {
		background: #eee;
		font-size: smaller;
	}
	.diffchange {
		color: red;
		font-weight: bold;
		text-decoration: none;
		white-space: pre-wrap;
	}

	table.diff {
		border: none;
		width: 98%;
		border-spacing: 4px;
		
		/* Fixed layout is required to ensure that cells containing long URLs
		   don't widen in Safari, Internet Explorer, or iCab */
		table-layout: fixed;
	}
	table.diff td {
		padding: 0;
		vertical-align: top;
	}
	table.diff col.diff-marker {
		width: 2%;
	}
	table.diff col.diff-content {
		width: 48%;
	}
	table.diff td div {
		/* Force-wrap very long lines such as URLs or page-widening char strings.
		   CSS 3 draft..., but Gecko doesn't support it yet:
		   https://bugzilla.mozilla.org/show_bug.cgi?id=99457 */
		word-wrap: break-word;
		
		/* As fallback, scrollbars will be added for very wide cells
		   instead of text overflowing or widening */
		overflow: auto;
		
		/* The above rule breaks on very old versions of Mozilla due
		   to a bug which collapses the table cells to a single line.
		   
		   In Mozilla 1.1 and below with JavaScript enabled, the rule
		   will be overridden with this by diff.js; wide cell contents
		   then spill horizontally without widening the rest of the
		   table: */
		/* overflow: visible; */
	}

	/*
	 * Styles for the HTML Diff
	 */
	div.diff-switchtype{
		text-align: center;
		font-weight: bold;
		font-size: smaller;
	}

	span.diff-html-added {
	  font-size: 100%;
	  background-color: #20ff20
	}

	span.diff-html-removed {
	  font-size: 100%;
	  text-decoration: line-through;
	  background-color: #ff2020
	}

	span.diff-html-changed {
	  background: url(f1699709985diffunderline.gif) bottom repeat-x;
	}

	span.diff-html-added img{
	 border: 5px solid #ccffcc;
	}

	span.diff-html-removed img{
	 border: 5px solid #fdc6c6;
	}

	span.diff-html-changed img{
	 border: 5px dotted #000099;
	 
	}

	span.diff-html-changed  {
	  position: relative;   /* this is key */
	  cursor: help;
	}
	 
	span.diff-html-changed span.tip {
	  display: none;        /* so is this */
	}

	/* tooltip will display on :hover event */
	 
	span.diff-html-changed:hover span.tip {
	  display: block;
	  z-index: 95;
	  position: absolute;
	  top: 2.5em;
	  left: 0;
	  width: auto;
	  line-height: 1.2em;
	  padding: 3px 7px 4px 6px;
	  border: 1px solid #336;
	  background-color: #f7f7ee;
	  font-size: 10px;
	  text-align: left;
	}

	.sm2_link {
		padding-right: 3px;
	}

	.sm2_playing {
		padding-right: 0px;
	}
}

@media print {
	body {
		margin: 0px;
	}

	div#google-ad {
		display: none;
	}
}
