/* GENERAL */


@font-face {
	font-family: Caga;
	src:  url('Caga.ttf')  format('truetype')
	     ;
	}

@font-face {
	font-family: 'Caga SC';
	src:  url('CagaSC.ttf') format('truetype')
	     ;
	}

* 		{margin:0;
		padding:0;} 

html		{height:100%; 
				-webkit-font-smoothing: antialiased;}

body		{font-family: "Segoe UI", FreeSans,"DejaVu Sans",Helvetica,Geneva,"Arial Unicode MS",Tahoma,Arial, sans-serif;
		text-align:left; 
		line-height:1.3;
		}

.hidden		{display:none;}

/*! Include relevant items from normalize.css v2.0.1 | MIT License | git.io/normalize */

html, body 	{-webkit-text-size-adjust: 100%;
  		-ms-text-size-adjust: 100%;}

b, strong {	font-weight: bold;}

sub, sup {		font-size: 75%;
   		line-height: 0;
   		position: relative;
    		vertical-align: baseline;}
sup {		top: -0.5em;}

sub {		bottom: -0.25em}

button, input, select, textarea {	font-family: inherit;
    		font-size: 100%;}

button, input {		line-height: normal;}

input[type="search"] {
    		-webkit-appearance: textfield;
    		-moz-box-sizing: content-box;
    		-webkit-box-sizing: content-box;
   		box-sizing: content-box;}

button::-moz-focus-inner, input::-moz-focus-inner {
    		border: 0;
   		padding: 0;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    		-webkit-appearance: none;}

label,  input[type=button], input[type=submit], input[type=reset],button 		{ cursor: pointer; }

table		{font-size:inherit; font:100%;}

select, input, textarea { 
		font:99% sans-serif; }

/*! Include relevant items from normalize.css v2.0.1 | MIT License | git.io/normalize */

#wrap {		min-height:100%;}

.wheel	{font-size:7em;
		position:absolute; 
		float:left; 
		color:#f8fbf1;
		z-index:-1;
		margin-left:-0.4em;
		margin-top:-0.3em;}

a		{text-decoration:none;}
a:link	{color:#007afe;}
a:visited	{color:#006699;}
a:hover 	{color:#DF00FF;}
a:active 	{color:purple;}

p, ul 		{margin-bottom:1.3em;}

section h1	{font-size:1.6em;
		margin-bottom:0.65em;
		font-weight:normal;}

section h2	{font-size:1.3em;
		margin-bottom:0.8em;
		margin-top:0.3em;
		font-weight:normal;}

section h3	{font-size:1em;
		margin-bottom:1.3em;
		font-weight:normal;}

time		{font-style:italic;
		font-weight:bold;}

/* HEADER*/

header		{position: absolute;
  			left: 0px;
  			right: 0px;
   			background-color:#eaf2d3;
			padding:0 5% 0.2em 5%;
			min-width:24em;
			z-index:2;
			border:1px solid #d2d9bd;}

header hgroup		{display:inline;}

header h1	{padding-top:0.4em;
			margin-bottom:-0.2em;
			font-family:"Caga SC";
			font-weight:normal;
			letter-spacing:0.03em;}

.blue		{color:#191970;}

.red			{color:#800000;}

header h2	{font-style:italic;
			font-size:1em; 
			font-weight:normal;
			display:inline;
			}



/* NAV BAR */

#navbar		{display:table;
		float:right;}

nav {	position:relative;
		float:right;}

.topnav, .topnavleft, .topnavright	{position:relative;
		padding: 1px 6px 0px 6px;
		margin:0 0 0 -1px;
		box-shadow: 0px 0px 5px rgba(136, 136, 136, 0.1);
		border:1px solid #d2d9bd;
		-webkit-transition: background,box-shadow, padding 0.1s ease;
		-moz-transition:background,box-shadow,padding 0.1s ease;
		-o-transition:background,box-shadow,padding 0.1s ease;
		transition:background,box-shadow,padding 0.1s ease;
		background: rgb(247,250,236); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(247,250,236,1) 0%, rgba(229,235,211,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,250,236,1)), color-stop(100%,rgba(229,235,211,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(247,250,236,1) 0%,rgba(229,235,211,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(247,250,236,1) 0%,rgba(229,235,211,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(247,250,236,1) 0%,rgba(229,235,211,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(247,250,236,1) 0%,rgba(229,235,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faec', endColorstr='#e5ebd3',GradientType=0 ); /* IE6-9 */
}

.topnavleft			{border-radius: 3px 0px 0px 3px;}

.topnavright		{border-radius: 0px 3px 3px 0px;}

.topnavleft:hover, nav:hover .topnavleft, 
.topnav:hover, nav:hover .topnav, 
.topnavright:hover, nav:hover .topnavright
		{background:#f8fbf1 !important;
		box-shadow: 5px 3px 10px rgba(136, 136, 136, 0.3);
		padding: 1px 6px 4px 6px;
		margin:0 0 0 -1px;
		border-radius: 3px 3px 0px 0px;
		border:1px solid #d2d9bd;z-index:30;
		}

.topnavleft:hover, nav:hover .topnavleft {border-radius: 3px 0px 0px 0px;}
.topnavright:hover, nav:hover .topnavright {border-radius: 0px 3px 0px 0px;}
.topnav:hover, nav:hover .topnav {border-radius: 0px 0px 0px 0px;}

nav  > ul {	z-index:3;
  		list-style-type:none;
		white-space:nowrap;
  		padding:0.1em 0.5em;
		margin:3px 0 0 -1px;
  		position:absolute;
  		box-shadow: 5px 3px 10px rgba(136, 136, 136, 0.3);
  		background-color:#f8fbf1;
		border-radius: 0px 3px 3px 3px;
		border:1px solid #d2d9bd;
		visibility:hidden;
  		opacity:0;
  		-webkit-transition:visibility 0s ease 0.3s,opacity 0.3s ease;
		-moz-transition:visibility 0s ease 0.3s,opacity 0.3s ease;
		-o-transition:visibility 0s ease 0.3s,opacity 0.3s ease;
		transition:visibility 0s ease 0.3s,opacity 0.3s ease;}


nav:hover > ul {position:absolute;z-index:50;
		visibility:visible;
  		opacity:1;
  		-webkit-transition-delay:0s;
		-moz-transition-delay:0s;
		-o-transition-delay:0s;
		transition-delay:0s;
}

nav li			{padding:0.1em 0;}

.search		{float:right;
			font-size:0.7em;
			margin-left:2em;
			margin-top:-0.1em;}

.searchspace		{margin:0 0.2em 0 0.4em;
					border-radius: 3px;
					border:1px solid #d2d9bd;
					padding:2px;
					box-shadow:inset 0px 0px 7px rgba(136, 136, 136, 0.3);}

.radio				{margin:0.4em 0 0 0.4em;
					padding-left:0.4em;}

input			{margin:0.2em;}

.button				{padding: 0.1em 0.2em 0.1em 0.2em;
					text-shadow: 1px 1px 1px #fefefe;
					width:4.6em;
					background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					border-radius: 3px 3px 3px 3px;
					border:1px solid #aaa;
					box-shadow: 0 0 3px rgba(136, 136, 136, 0.3);}

.button:hover			{background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(245,245,245,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(250,250,250,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.button:active		{background: rgb(237,237,237); /* Old browsers */
					background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



/* MAIN */

#onecol		{overflow:visible;
			margin:0 auto 5em auto;
			max-width: 80%;
			padding-top:9em;
			padding-bottom:15em;}

#twocol		{position:relative;
			overflow:auto;
			margin:0 auto 5em auto;
			max-width: 90%;
			padding-top:9em;
			padding-bottom:3em;
			overflow-x:hidden;}

#wide		{float:right;
			max-width:70%;}

#onecol article		{max-width:40em;
					margin:0 auto;}

#twocol article		{max-width:80%;}

#narrow		{float:left;
			max-width:25%;}

table		{border-collapse:collapse;
			margin:0 auto;}

#twocol table		{margin-bottom:4em;}
#twocol caption	{font-weight:bold;
					text-transform:uppercase;
					letter-spacing:0.1em;
					color:#aaa;}

caption		{padding:1em;}

td, th{		padding:0.4em 1em;
			border: 1px solid #e9e9e9;
			border-left: none;
			border-right: none;
			vertical-align:top;
			text-align:left;}

.light		{background:#fcfcfc;}
.lighter		{background:#fcfcfc;}
.lightest		{background:#fff;}

tfoot td{	font-size:0.8em;
		border: none;
		padding:0.5em 0.5em 0em 0.5em;}

.vagga		{color:#aaa;
		text-transform:uppercase;
		font-size:0.6em;
		letter-spacing:0.1em;
		padding:1em 1.8em;}

.subdivision	{color:#aaa;
		text-transform:uppercase;
		letter-spacing:0.1em;
		padding-top:2em;
		font-weight:bold;
		}

td.vagga	{border:none;}

/* NOTES, VARIANT READINGS & BIBLIOGRAPHY */

a.note		{position:relative;
    			color:Tomato;}

a.bib		{position:relative;
    			color:gold;}

a.var, a.cross, a.end		{position:relative;}

a.var:hover, a.cross:hover, a.end:hover	{color:black;}

a.varcolor, a.varcolor:hover	{color:DarkViolet;}

a.crosscolor, a.crosscolor:hover	{color:DarkCyan;}

a.endcolor, a.endcolor:hover	{color:#cc7000;}

a.note  .deets, a.note:hover .deets
		{background-color:#f8ebe7;}

a.bib  .deets, a.bib:hover .deets	
		{background-color:#faf8cc;}

a.var  .deets, a.var:hover .deets
		{background-color:#f4e6fb;}

a.cross  .deets, a.cross:hover .deets
		{background-color:LightCyan;}

a.end  .deets, a.end:hover .deets
		{background-color:#ffedcc;}

a.note  .deets,a.note:hover  .deets, a.bib .deets, a.bib:hover .deets, a.var .deets, a.var:hover .deets,a.cross .deets, a.cross:hover .deets,a.end .deets, a.end:hover .deets
		{	position:absolute;
			z-index:2;
			top:1.5em; 
			left:1em;
			width:20em;
			color:black;
			padding:0.5em;
			font-size:0.8em;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border:1px solid #ccc;
			box-shadow:6px 4px 10px rgba(136, 136, 136, 0.3);
			font-family:"Segoe UI", FreeSans,"DejaVu Sans",Helvetica,Geneva,"Arial Unicode MS",Tahoma,Arial, sans-serif;
			line-height:1.2;}

a.note  .deets, a.bib .deets, a.var .deets, a.cross .deets, a.end .deets{	
			-webkit-transition:opacity 0.5s ease;
			-moz-transition:opacity 0.5s ease;
			-o-transition:opacity 0.5s ease;
			transition:opacity 0.5s ease;
			visibility:hidden;
  			opacity:0;
  			-webkit-transition:visibility 0s ease 0.5s,opacity 0.5s ease;
			-moz-transition:visibility 0s ease 0.5s,opacity 0.5s ease;
			-o-transition:visibility 0s ease 0.5s,opacity 0.5s ease;
			transition:visibility 0s ease 0.5s,opacity 0.5s ease;}

a.note:hover  .deets, a.bib:hover .deets, a.varcolor:hover .deets, a.crosscolor:hover .deets, a.endcolor:hover .deets{	
			visibility:visible;
  			opacity:1;
  			-webkit-transition-delay:0s;
			-moz-transition-delay:0s;
			-o-transition-delay:0s;
			transition-delay:0s;}

/* SUTTA TYPOGRAPHY */

.sutta {				font-size: 100%;
					padding: 0;
					margin: 0;}

.sutta h1,.sutta h2,.sutta h3,.sutta h4,.sutta h5,.sutta h6			
					{font-family:"Caga SC", serif;
					text-align:center;
					font-weight:normal;
					letter-spacing:0.05em;}

.sutta h1			{font-size:2em;
					margin-bottom:1.65em;
					padding-top:0.65em;}

.sutta h2			{margin:1.1em 0 1.167em 0;
					font-size:1.5em;}

.sutta h3  {			margin:1.29em 0 1.25em 0;
					font-size:1.2em;}

.sutta h4 {			margin:1.29em 0 1.25em 0;
					font-size:1em;}

.sutta h5 {			margin:1.29em 0 1.25em 0;
					font-size:0.8em;}

.sutta h6 {			margin:1.29em 0 1.25em 0;
					font-size:0.6em;}

.sutta				{max-width: 40em;
					margin:0 auto;
					padding:0 5%;}

.sutta p			{font-family: "Caga",serif;
					font-size:100%;
					line-height:24px;
					display:block;}

.evam			{font-family:"Caga SC",serif;
				letter-spacing:1px;}

h2.division		{text-transform:uppercase;
					font-size:0.8rem;
					font-family:sans-serif;
					color:#aaa;
					margin:0 0 -1em 0;
					letter-spacing:0.2em;}

.verse 				{font-size: inherit;
					display: table;
					width: auto;
					margin: 0 auto;}

.gatha 				{font-size: inherit;
					display: table;
					width: auto;
					margin: 0 auto;}

.uddanagatha	{font-size: 0.8em;
					display: table;
					width: auto;
					margin: 0 auto;
					font-style:italic !important;}

.endh2, .endh3, .endh4, .endh5, .endh6, .endsutta, .endvagga, .endsubdivision, .enddivision, .bhanavara, .enduddesa				
					{text-align:center;
					font-family: "Caga",serif !important;
					font-style:italic !important;} 

.uddana				{text-align:center !important;
					font-size:0.8em !important;
					margin-bottom:0;
					font-family: "Caga SC",serif !important;}

.endbook			{text-align:center;
					font-family: "Caga",serif !important;
					font-weight:bold;}

.dquo				{margin-left: -1ex;}

.squo				{margin-left: -0.5ex;}

/* SUTTA TABLE OF CONTENTS AND BUTTON */

button				{
					margin:0 -2px 0 0;
					font-size:0.8em;
					padding: 3px 0 2px 0;
					width:144px;
					text-shadow: 1px 1px 1px #fefefe;
					color:#6f6f6f;
					font-family: "Segoe UI", FreeSans,"DejaVu Sans",Helvetica,Geneva,"Arial Unicode MS",Tahoma,Arial, sans-serif;
					background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					border-radius: 3px 3px 3px 3px;
					border:1px solid #aaa;
					box-shadow: 0 0 3px rgba(136, 136, 136, 0.3);
}

button:hover		{background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(245,245,245,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(250,250,250,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 47%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
button:active		{background: rgb(237,237,237); /* Old browsers */
					background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#toc				{position:relative;
					margin:10.2em 0 2em 2em;
					padding:0;
					float:right;}

#menu			{margin:0 0 1em 0;
					padding:0.5em;
					background-color:#f6f6f6;
					border:1px solid #ddd;
					border-radius: 3px 3px 3px 3px;}

#menu ul			{list-style:none;margin:0;}

#menu li					{font-family: "Segoe UI", FreeSans,"DejaVu Sans",Helvetica,Geneva,"Arial Unicode MS",Tahoma,Arial, sans-serif !important; 
					font-size:10px !important;
					line-height:16px !important;
					margin:0 !important;
					text-align:left !important;
					letter-spacing:0 !important;
					}


#menu li			{font-weight:bold;}

#menu li li 		{font-weight:normal;}

/* SUTTA REFERENCE NUMBERS */

a.msdiv, span.msdiv				{display:none;}

a.sc, a.ms, a.wp, a.pts, a.vimula		{visibility:hidden;
					position:absolute;}

a.msvisible, a.wpvisible, a.ptsvisible, a.scvisible, a.vimulavisible
					{visibility:visible;
					position:absolute;
					text-align:left;
					width:4em;
					font-family: "Segoe UI", FreeSans,"DejaVu Sans",Helvetica,Geneva,"Arial Unicode MS",Tahoma,Arial, sans-serif;
					font-size:0.6em;
					display:table;}

a.msvisible		{margin:0.2em 0 0 -12em;
					color:red;
					font-style:normal;
					font-weight:normal;}

a.wpvisible			{margin:0.2em 0 0 -17em;
					color:blue;}

a.ptsvisible			{margin:0.2em 0 0 -22em;
					color:green;}

a.scvisible			{margin:0.2em 0 0 -6em;
					color:green;
					font-style:normal;
					font-weight:normal;}

a.vimulavisible			{color:yellow;}
					
a.wpvisible:before		{content:"WP "}
a.ptsvisible:before		{content:"PTS "}
a.msvisible:before		{content:"Ms "}
a.scvisible:before		{content:"SC "}

/*BOTTOM NAV*/

.previous, .next		{font-size:0.7em;
					color:#007afe;
					letter-spacing:0.1em;
					font-weight:bold;
					margin-top:0.5em;}

.next				{margin-right:10%;
					float:right;}

.previous			{margin-left:10%;
					float:left;}
	
/* Keep Popups on Screen When Screen Width is reduced */

@media screen and (max-width: 65em) {
a.note:hover span, a.bib:hover span	
			{margin-left:-16em;}
a.note  span,	a.bib  span	
			{margin-left:-16em;}
}

.arrow		{}

.tri		{display:inline;}


footer{		margin:-3em auto 0 auto;
		background:#f2f7e4;
		text-align:center;
		position: relative;
  		left:0;
		right:0;
		height:3em;
		clear:both;
		padding-bottom:1em;
		border:1px solid #d2d9bd;}

footer p 	{padding-top:1em;}

/*

* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/

*/
@media print {
* { 
	background: transparent !important; color: black !important; }
  	a, a:visited, .vagga { color: black !important; }
	header, footer, .deets, .tri {display:none !important;}

	tr	{position: relative;page-break-before: auto;}

	td	{border: 1px solid #aaa;}

	th	{border: 1px solid #000;}

table		{position: relative;}

#onecol		{position: relative;}

th, td		{border-left: none;
		border-right: none;
		padding:0.2em;}

	tfoot tr{border: none;}

	body, td, th, caption	
		{font-size: 11pt;
		font-family:"Gentium Basic",Cambria,"Times New Roman","DejaVu Serif",Helvetica,Arial,serif;}
	
	#onecol	{margin-top:-3cm;}
  	
  @page { margin: 2cm 1cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3, h4, h5, h6	{ page-break-after: avoid; }
}