/* Copyright 2007 Perette Barella.  All rights reserved. */
/* $Id: m4master.css,v 1.7 2010/03/08 19:20:00 perette Exp perette $ */



/* Main page title */
DIV.pagetitle {
	/* Any font size stuff should be set by a selected header type, */
	/* Necessary for providing document structure anyway. */
	text-align: center;
}


/* Multicolumn body support */
#canvas {
	display: table;
	border-collapse: separate;
	border-spacing: 0.5ex;
	clear: both;
	width: 100%;
	page-break-inside: auto;
}

#leftcolumn,
#middlecolumn,
#rightcolumn {
	display: table-cell;
	page-break-inside: auto;
        vertical-align: top;
	page-break-inside: auto;
}
#content,
#leftgutter,
#rightgutter {
	position: relative;
	padding: 1ex;
	min-width: 120px;
        border-radius: 1ex;
        -webkit-border-radius: 1ex;
        -moz-border-radius: 1ex;
	page-break-inside: auto;
}



/* Thumbnails that display larger on mouse over */
DIV.m4thumbnail {
	display: block;
}
DIV.m4thumbnail.right {
	float: right;
}
DIV.m4thumbnail.left {
	float: left;
}
DIV.m4thumbnail DIV.m4magnified {
	display: none;
	position: fixed;
	left: 20%;
	top: 3ex;
	width: 50%;
	height: auto;
	z-index: 1;
}
DIV.m4thumbnail DIV.m4magnified {
	text-align: center;
}
DIV.m4thumbnail DIV.m4magnified IMG {
	width: 100%;
	height: auto;
}
DIV.m4thumbnail:hover DIV.m4magnified {
	background: white;
	color: black;
	display: block;
	border: medium solid black;
	padding: 1ex;
}

/* Sane margins around images */
DIV#content IMG {
	margin: 0.3ex 0 0.3ex 0;
}
DIV#content IMG.right {
	margin: 0.3ex 0 0.3ex 1ex;
}
DIV#content IMG.left {
	margin: 0.3ex 1ex 0.3ex 0;
}

/* Styles for footnotes */
DIV#footnotes {
}

DIV#footnotes H2 {
	font-size: 120%;
}

DIV#footnotes UL {
	font-size: 80%;
}
DIV#footnotes UL UL, DIV.footnotes UL OL {
	font-size: 100%;
}

span.footnote {
	font-style: italic;
	font-size: 80%;
	vertical-align: super;
}

span.footnumber {
	font-style: italic;
}


/* Classes for the document footer */
DIV#footer {
	border-top: solid gray;
	border-width: 1px 0 0 0;
	margin-top: 0.5em;
	padding-top: 0.5em;
	font-size: 85%;
	clear: both;
}

DIV#footer DIV#location {
	display: none;
}

DIV#footer DIV#affiliations {
	float: right;
}

DIV#footer DIV#affiliations IMG {
	display: inline;
}



DIV#footer DIV#revision {
	display: none;
	font-size: 85%;
}

DIV#footer DIV#revision UL {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

DIV#footer DIV#revision UL LI {
	margin: 0 0 0 0;
}


/* Cut (hidden content) support */
A.m4cuttoggle,
A.m4cutopener {
	display: none;
}
BODY.m4cutenable A.m4cuttoggle,
BODY.m4cutenable A.m4cutopener {
	display: inline;
}
BODY.m4cutenable A.m4cuttoggle SPAN.m4cutclosed {
	display: inline;
}
BODY.m4cutenable A.m4cuttoggle.m4cutisopen SPAN.m4cutclosed {
	display: none;
}
BODY.m4cutenable A.m4cuttoggle SPAN.m4cutopen {
	display: none;
}
BODY.m4cutenable A.m4cuttoggle.m4cutisopen SPAN.m4cutopen {
	display: inline;
}

DIV.m4cut {
	display: none;
}
DIV.m4cut.m4cutvisible {
	display: block;
}
DIV.m4cutenable.m4cut,
DIV.m4cutenable.m4cut.m4cutvisible {
	display: none;
}


/* Slideshow support */
DIV.slideshow {
	text-align: center;
	border: black;
	border-style: solid;
	border-width: 2px;
	clear: both;
}

DIV.slideshow DIV#SLIDEFRAME {
	margin: 5px;
	position: relative;
	overflow: hidden;
}

DIV.slideshow DIV#SLIDEFRAME IMG#SLIDEIMG,
DIV.slideshow DIV#SLIDEFRAME IMG#SLIDEFADE {
	position: relative;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	border: 0;
	/* Three different ways to set opacity, depending on browser. */
}
DIV.slideshow DIV#SLIDEFRAME IMG#SLIDEFADE {
	z-index: 2;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/* Assorted helper classes */
.spaced {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

.spaced > LI {
	margin-top: 1ex;
	margin-bottom: 1.5ex;
}

.center {
	text-align: center;
}

IMG.left {
	float: left;
}

IMG.right {
	float: right;
}
IMG.center {
	margin-left: auto;
	margin-right: auto;
}


/* Classes to create varying screen/print text. */
.printonly {
        display: none;
}       

.screenonly {
        display: block;
}       

.handheldonly {
	display: none;
}

.nothandheld {
	display: block;
}

.notprint {
	display: block;
}

/* Classes for content index pages. */
UL.contentindex {
	list-style-type: none;
}

UL.contentindex > LI {
	font-weight: bold;
	margin-bottom: 1ex;
}

UL.contentindex > LI > A {
	font-weight: normal;
	margin-left: 1em;
}

UL.contentindex UL {
	list-style-type: disc;
}

UL.contentindex UL LI {
	font-weight: normal;
	margin-bottom: 0;
}

UL.contentindex UL UL {
	list-style-type: square;
	font-size: 93%;
}

UL.contentindex UL UL UL {
	list-style-type: circle;
	font-size: 93%;
}