﻿/* ------------------------------------------------------------ */

/* regular links */
a:link {color:#CC00CC; text-decoration:underline; outline:none;}
a:visited {color:#CC00CC; text-decoration:underline; outline:none;}  
a:hover {color:black; text-decoration:underline; outline:none;}  

/* Recent Updates page links */
a.recent:link {color:#CC00CC; text-decoration:underline; outline:none;}
a.recent:visited {color:black; text-decoration:underline; outline:none;}  
a.recent:hover {color:#CC00CC; text-decoration:underline; outline:none;}  

/* These are the styles that need to be re-provided to the Menu control code on the generated page. */
/* Why, I do not know. Also, it has to appear in the stylesheet after the global redefinition of the <a> tags. */
/* They only affect the text color, etc. */
a.ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
a.ctl00_Menu1_1 { text-decoration:none; }
a.ctl00_Menu1_2 { background-color:Black; }
a.ctl00_Menu1_3 { color:#909090; }
a.ctl00_Menu1_4 { background-color:Black;padding:5px 0px 5px 0px; }
a.ctl00_Menu1_5 { color:White; }
a.ctl00_Menu1_6 {  }
a.ctl00_Menu1_7 { color:White; }
a.ctl00_Menu1_8 { color:White; }


/* B4 nav panel links and styles */
a.B4-nav:link {color:#909090; text-decoration:none; outline:none;}
a.B4-nav:visited {color:#909090; text-decoration:none; outline:none;}  
a.B4-nav:hover {color:white; text-decoration:none; outline:none;}  

p.B4-title{margin-top: 20px; margin-bottom: 10px; color: white; text-align: right;}

body
{
    font-family: "X", "Arial", "Calibri", "Times Roman", serif, "X";
    font-size: 1em;
    color: black;
    background-color: black;
}

/* img{border-width: 0; vertical-align: text-bottom;} */
img{border-width: 0;}

.alert {text-align: left; padding: .6em; border: solid 1px #CCCCCC; background: #FFFFFF}

.alert-accented {text-align: left; padding: .6em; border: solid 1px #CCCCCC; background: #fffff2}

.align-right{text-align: right;}    
.align-left{text-align: left;}    
.align-center{text-align: center;}   

/* Used to unitalicize a range of text italicized by a style */
span.normal {font-style: normal;}
    
p{text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left:0px; margin-right:0px;}
p.before{margin-top: 20px; margin-bottom: 10px; text-align: left;}
p.noafter{text-align: left; margin-top: 10px; margin-bottom: 0px;}
p.nobefore{text-align: left; margin-top: 0px; margin-bottom: 10px;}
.center{margin-top: 10px; margin-bottom: 10px; text-align: center;}
.centered{margin-top: 10px; margin-bottom: 10px; text-align: center;}
p.centered-on-black{margin-top: 10px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */
p.centered-before{margin-top: 20px; margin-bottom: 10px; text-align: center;}
p.centered-on-black-before{margin-top: 20px; margin-bottom: 10px; text-align: center; color: #909090;} /* for gray type on black */
p.before-onblack{margin-top: 20px; margin-bottom: 10px; color: #909090;}

p.channel{font-style:italic;}
p.comment{font-style:italic;}

p.caveat {font-style:italic; margin-top: 10px; margin-bottom: 10px; text-align: left;}

/* Used when Previous or Next needs to be made unavailable */
/* 080604 - changed color to #FFFFDD to match background */
/* 090509 - added the <a> state to account for new hover behavior in IE8. Both definitions are needed to keep the text invisible. */
.invisible {color: #FFFFDD; padding-right:20px;}
a.invisible:hover {color: #FFFFDD; padding-right:20px;}

/* switched heads color from mustard to burgundy */
p.title-1{color: #6666FF; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-black{color: black; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
p.title-1-nobefore{color: #9966FF; font-weight:bold; margin-top: 10px; margin-bottom: 10px;}

p.title-2{color: #009900; font-size: 1.5em; font-weight:bold; padding-top: 0px;}
p.title-2-center{text-align:center; color: #009900; font-size: 1.5em; font-weight:bold; padding-top: 0px;}

p.poetry-1 {margin-top: 10px; margin-bottom: 10px; margin-left: 17px;}
p.quote {margin-top: 10px; margin-bottom: 10px; margin-left: 17px;}

/*
p.poetry-1-before {margin-top: 20px; margin-bottom: 10px; margin-left: 17px; font-style: italic;}
p.poetry-1-after {margin-top: 10px; margin-left: 17px; font-style: italic;}
p.poetry-2 {margin-top: 10px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}
p.poetry-2-before {margin-top: 20px; margin-bottom: 10px; margin-left: 37px; font-style: italic;}
div.poetry-offset {margin-left:160px;}
p.poetry-2-after {margin-top: 10px; margin-left: 37px; font-style: italic;}
*/

.indent-1 {margin-top: 10px; margin-bottom: 10px; padding-left: 17px;}
.indent-2 {margin-top: 10px; margin-bottom: 10px; padding-left: 37px;}

.indent-1-before {margin-top: 20px; margin-bottom: 10px; padding-left: 17px;}
.indent-1-noafter {margin-top: 10px; padding-left: 17px;}
.indent-2-before {margin-top: 20px; margin-bottom: 10px; padding-left: 37px;}
.indent-2-noafter {margin-top: 10px; padding-left: 37px;}    

.index-item{margin-top: 10px; margin-bottom: 10px; font-weight:bold;}
.index-item-before{margin-top: 20px; margin-bottom: 10px; font-weight:bold;}

/* Used for Previous, Next and Table of Contents nav links (transcripts, newsletters, etc.) */
/* UPPER -------------------------------------------------------------*/
a.nav:link {color:black; text-decoration:none; padding-right:20px; outline:none; vertical-align: middle}
a.nav:visited {color:black; text-decoration:none; padding-right:20px; outline:none; vertical-align: middle}
a.nav:hover {color:black; text-decoration:underline; padding-right:20px; outline:none; vertical-align: middle}

a.nav-nopad:link {color:black; text-decoration:none; outline:none; vertical-align:middle;}
a.nav-nopad:visited {color:black; text-decoration:none; outline:none; vertical-align: middle;}
a.nav-nopad:hover {color:black; text-decoration:underline; outline:none; vertical-align: middle;}

/* LOWER -------------------------------------------------------------*/
a.nav:link {color:black; text-decoration:none; padding-right:20px; outline:none; vertical-align: middle}
a.nav:visited {color:black; text-decoration:none; padding-right:20px; outline:none; vertical-align: middle}
a.nav:hover {color:black; text-decoration:underline; padding-right:20px; outline:none; vertical-align: middle}

a.nav-nopad:link {color:black; text-decoration:none; outline:none; vertical-align: middle}
a.nav-nopad:visited {color:black; text-decoration:none; outline:none; vertical-align: middle}
a.nav-nopad:hover {color:black; text-decoration:underline; outline:none; vertical-align: middle}

/* LISTS */
ul {list-style: square;
}

li.general {margin-bottom: 10px; text-align:left;}

ol.strong {font-weight: bold;}

ol { list-style: decimal } 
ol ol { list-style: lower-roman } 
ol ol ol { list-style: lower-alpha } 


/* Use for alert text by <p> and <span> */
.alert-info {color: #009900;} 

/* Used to change selected text within italic tags to regular. Use with <span> */
.regular {font-style: normal; font-weight: normal}

/* Used for in-line (green) bold text - e.g. "The Authors" page */
.inline-title {color: #009900;}

/* CHECK FOR CONFLICT */
.title-1-center {font-weight: bold; font-size: 1.5em; color: white; background-color: purple; padding: .5em; text-align: center;}
.title-2-center {font-weight: bold; font-size: 1.5em; color: purple; background-color: white; text-align: center;}

/* .title-3-nobeforeafter {color: #009900; font-weight: bold; margin-top: 0px; margin-bottom: 0px; text-align: left;} */
.title-3-before {color: #009900; font-weight: bold; margin-top: 20px; margin-bottom: 10px; text-align: left;}
.title-3 {color: #009900; font-weight: bold;}
.title-3-center {color: #009900; text-align: center; font-weight: bold;}

/* Used for online A Book of Days quotes from DB */
p.quote-id {font-weight: bold; color: purple;text-align: center;}
p.quote-title {font-weight: bold; color: purple; text-align: center;}
p.quote-date {font-weight: bold;color: purple; text-align: center;}
p.quote-body {color: purple; text-align: left;}
		
/* Used on AWH title page */
.title-2-center-green {font-weight: bold; font-size: 1.5em; color: #339966; background-color: white; text-align: center;}

p.reference {font-size: .8em;}
p.reference-center {text-align: center; font-size: .8em;}
		
/* Used with <p> and <div> to indicate a block of book information */
/* A normal (i.e. out of proportion) paragraph space is being created between these paragraphs of a smaller point sized text. */
.book-info {text-align: left; font-size: .8em; font-style: italic;}

p.copyright {font-style: italic;}
p.about {font-style: italic;}
p.caveat {font-style: italic;}
p.transcript-title 
{
                        color: #009900;
                        padding-top: 5px;
						background-color: white;
						font-weight: bold;
						} 

/* Used in the LOO Book 5 transcripts */						
p.transcript-sub-title {	border-top: 0px solid #6666FF; margin-right: 50%;
							padding-top: .5em;
							color: #009900;
							background-color: white;
							font-weight: bold;
						} 
		
p.transcript-date {color: #009900;
                font-weight: bold;}
		
.group-question {}
		
p.channel-type {font-style: italic;}
		
.comment {font-style: italic;}
		
/* These are the titles used at the start of each new section (if more than one) in the newsletters. Adding a rule */
p.news-title {	/* border-top:.5em solid #339966; */
				color: #CC0066;
				background-color: white;
				font-weight: bold;
				} 
						
p.news-notes-title {	/* border-top:.5em solid #339966; */
						color:#CC0066;
						background-color: white;
						font-weight: bold;
						font-style: italic;
						}

p.news-date {font-style: italic;}

p.news-notes {}
		
/* Used in the AWH on-line material */
p.title-4-center {text-align: center; text-decoration: underline; font-weight: bold;}

p.quote-center {text-align: center; font-style: italic;}
		
p.footnote {}
		
div.footnote {}
		
/* TABLES ------------------------------------------------- */		

/* General purpose chart, width set in code, solid color cell backgrounds */
td.chart {text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
td.chart-title {text-align: center; font-weight: normal; color: white; background-color: #BBBBBB; padding: .3em; border: 0px #BBBBBB;}
		
/* Used on Links page */		
table.links {width: 100%;}
td.links-1 {width: 33%; text-align: left; font-weight: bold; padding: .5em; border: 1px solid #CCCCCC; background-color: #FFFFDD}
td.links-2 {width: 33%; text-align: left; padding: .5em; border: 1px solid #CCCCCC; background-color: #FFFFDD}
td.links-3 {width: 33%; text-align: left; padding: .5em; border: 1px solid #CCCCCC; background-color: #FFFFDD}
	
/* Used for Carla's client info form */
table.order-form {width: 100%;}
table.credit-card {width: 100%;}
td.check-box {width: 4%; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
td.card-type {width: 16%; text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
td.card-information {width: 40%; text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
td.card-signatory {width: 40%; text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}

/* Used for Carla's client info form */

td.client-info {width: 15%; text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
td.client-info-item {width: 35%; text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}
/* The CSS2 table property, table-column-group, isn't supported yet. colspan could be used, but in the page's code */
/* td.payment-type {table-column-group: 3; text-align: left; padding: .3em; border: solid 1px #339966;} */
td.payment-type {text-align: left; padding: .3em; border: solid 1px #CCCCCC; background-color: #FFFFDD}

/* NAVIGATION TABLES -------------------------------------------- */
/*
div.nav {padding: 5px; border: solid 1px #CCCCCC; background-color: white}
div.nav {padding: 5px; border: solid 1px #CCCCCC; background-color: white}
*/

div.nav {padding: 5px; margin-top: 20px; margin-bottom: 20px; border: solid 1px #CCCCCC; background-color: #FFFFDD}
div.nav {padding: 5px; margin-top: 20px; border: solid 1px #CCCCCC; background-color: #FFFFDD;}

td.nav-title		
{                       width:50%;
						text-align: left;
						vertical-align: middle;
						font-weight: bold;
						font-size: 1.5em;
						color:#009900;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-left: 10px;
						padding-right: 5px;
						background-color: #FFFFDD;						
						}
						
table.nav		{width: 100%;
    padding: 0px;
}

tr.nav		{width: 100%;
    padding: 0px;
}

/* Without the nowrap property, the nav links move around when the browser window narrows */
td.nav		
{   white-space: nowrap;
    text-align: right;
}

td.nav-pdf
{
        width: 41px; /* this is the size of the PDF icon */
}

/* These are the renamed and redefined styles for the AWH navigation table. */
/* No longer in use ... */
/*
table.nav-awh-upper	{width: 100%;
					border: .25em solid #339966;
					color: white;
					background-color: #339966;
					}

table.nav-awh-lower	{width: 100%;
					border: .25em solid #339966;
					color: white;
					background-color: #339966;
					}
						
td.nav-awh-title	{width: 50%;
					text-align: left;
					vertical-align: top;
					font-weight: bold;
					font-size: 1.5em;
					color: purple;
					padding: .5em;
					background-color: white;
					}

td.nav-awh-spacer	{width: 25%;
					text-align: left;
					vertical-align: top;
					font-weight: bold;
					font-size: 1.5em;
					color: purple;
					padding: .5em;
					background-color: white;
					}
						
td.nav-awh-link		{width: 16%;
					text-align: center;
					vertical-align: top;
					font-size: .8em;
					padding-top: 1em;
					padding-bottom: 1em;
					}

a.nav-awh-link		{color: white;
					background-color: #339966;
					}
*/

/* Used for the Newsletter and Transcript indices */

p.index-item {	/* border-top: .5em solid #339966; margin-right: 50%; */
				padding-top: .5em;
				color: black;
				background-color: white;
				font-weight: bold;
				} 

/*
Changed during update of indices to PDF format ...
 p.index-item-description{margin-left: 2em;
}
*/

p.index-item-description{margin-left: 50px;}
p.index-item-description-indent-1{margin-left: 75px;}
a.index-item-link	{}

p.page-title
{   
    border: 1px solid #6666FF;
/*    margin-right: 50%; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    background-color: #6666FF;
    font-size: 1.5em;
    font-weight: bold;
} 

p.page-title-2
{
    /* border: 1px solid white; */
    padding-top: 10px;
    padding-bottom: 10px;
/*    padding-left: 15px; */
    color: #CC00CC;
    background-color: white;
    font-size: 1.5em;
    font-weight: bold;
} 

/* This is used where applying the margin-right: 50% would also constrain the type. Apply it to a &nbsp; */
/* Because the "rules" are being created differently, they all need one of the values affecting their thickness tweaked, .4 em in this case */
p.separator-left-50 {	border:0px solid #6666FF;
						margin-right: 50%;
						color: white;
						background-color: #6666FF;
						font-size: .4em;
					} 
								
/* Used to begin footnote text sections */								
p.separator-left-33 {	border:0px solid #6666FF;
						margin-right: 66%;
						color: white;
						background-color: #6666FF;
						font-size: .4em;
						} 
								
/* This is a full width separator */
p.separator {	border:0px solid #6666FF;
				color: white;
				background-color: #6666FF;
				font-size: .4em;
				} 
						
/* Used to identify V's comments in the Camelot Journal's England section #0000FF*/								
.v-comment { color: purple;
			}
			
			table.curr{
	border: solid 1px #CCCCCC;;
}

table.curr{
	border: solid 1px #CCCCCC;
}

td.curr-norule-color
{   color: #009900;
    text-align:left;
	background-color: white;
	padding: 10px;
}

td.curr-norule
{   text-align:left;
	background-color: white;
	padding: 10px;
}

td.curr-even
{   text-align:left;
    background-color: #FFFFCC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 10px;
}

td.curr-odd
{   text-align:left;
	background-color: white;
	padding: 10px;
}

td.curr-odd-botrule
{   text-align:left;
	background-color: white;
	border-bottom: solid 1px #CCCCCC;
	padding: 10px;
}

td.curr-even-nobotrule
{   text-align:left;
    background-color: #FFFFCC;
	border-top: solid 1px #CCCCCC;
	padding: 10px;
}

.floatimgleft_PIM 
{
float:left;
margin-left:0px;
margin-top:3px;
margin-right:20px;
margin-bottom:10px;
}

.floatimgright_PIM 
{
float:right;
margin-left:10px;
margin-top:3px;
margin-right:10px;
margin-bottom:10px;
}

/* Clyde Trepanier section styles */

p.story-title{margin-top: 20px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-special{margin-top: 39px; margin-bottom: 20px;  background: white; text-align: center;}
p.story-title-nobefore{margin-top: 10px; margin-bottom: 20px;  background: white; text-align: center;}

/* used for transcript Previous, Next and Table of Contents nav links */
a.transcript-nav:link {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.transcript-nav:visited {color:#606060; text-decoration:none; padding-right:20px; outline:none;}
a.transcript-nav:hover {color:black; text-decoration:underline; padding-right:20px; outline:none;}

a.transcript-nav-nopad:link {color:#606060; text-decoration:none; outline:none;}
a.transcript-nav-nopad:visited {color:#606060; text-decoration:none; outline:none;}
a.transcript-nav-nopad:hover {color:black; text-decoration:underline; outline:none;}

div.transcript-nav {padding: .6em; border: solid 1px #CCCCCC; background-color: white}
.splash {padding: 0; border: solid 1px #A2A200;}

p.ct-title-1{color: #AA3C32; font-weight:bold; margin-top: 20px; margin-bottom: 10px;}
