﻿/* Button styles for Readings page */
/* from http://cssbutton.com/forms/ */
/* .rbutton {
    border: 1px solid #006;
    background: indigo;
    color: white;
}
.rbutton:hover {
    border: 1px solid #f00;
    background: #b22222;
    color: white;
} */

div.thumbleft {
	float: left;
	margin: 0 5px 0 0;
}
div.thumbleft img {
	border: 1px blue solid;
}
div.thumbright {
	float: right;
	margin: 0 0 0 5px;
}
div.thumbright img {
	border: 1px blue solid;
}

div.button360 input.button {
    border: none;
    background: url('../images/button360_0.png') no-repeat top left;
    width: 360px;
    height: 33px;
    padding: 2px 8px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Trebuchet MS, helvetica, sans-serif;
	font-size: 13px;
}
div.button360 input.button:hover {
    border: none;
    background: url('../images/button360_1.png') no-repeat top left;
    width: 360px;
    height: 33px;
    padding: 2px 8px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Trebuchet MS, helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
}


div.button180 {
	text-align: center;
	width: 180px;
	margin: 0 auto 0px auto;
}
div.button180 input.button {
    border: none;
    background: url('../images/button180_0.png') no-repeat top left;
    width: 180px;
    height: 33px;
    padding: 2px 8px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Trebuchet MS, helvetica, sans-serif;
	font-size: 13px;
}
div.button180 input.button:hover {
    border: none;
    background: url('../images/button180_1.png') no-repeat top left;
    width: 180px;
/*    height: 33px; */
    padding: 2px 8px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Trebuchet MS, helvetica, sans-serif;
	font-size: 14px;
	cursor: pointer;
}




/* list styles - used where?? */
ol.num {
	margin-left: 25px; 
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	font-family: tahoma, arial, sans-serif;
	font-size: 10pt;
	}
ol.num li {
	font-size: .9em;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
	margin-bottom: 10px;
	}


/* ----- General Styles ----- */
td.columnleft {
  	padding-top: 0;
  	padding-right: 25px;
  	padding-bottom: 0;
  	padding-left: 20px;
	}
td.columnright {
  	padding-top: 0;
  	padding-right: 20px;
  	padding-bottom: 0;
  	padding-left: 25px;
	}
div.floatleft {
	float: left;
	margin: 0px 15px 10px 0px;
	}
div.floatright {
	float: right;
	margin: 0px 0px 10px 15px;
	}



/* ----- TABLE/CELL STYLES ----- */
.edtablemed {
 border-collapse: collapse;
 border: 2px solid #cdc5bf;
 } 
.edcellshaded {
 border-collapse: collapse;
 border: 1px solid #CDC5BF;
 background-color: oldlace;
 } 
.edcellwhite {
 border-collapse: collapse;
 border: 1px solid #CDC5BF;
 background-color: white;
 } 

.edtableredgreen { /* CELL STYLE */
 border-left: 3px solid #B22222; 
 border-right: 3px solid #006600; 
 border-top: 3px solid #B22222; 
 border-bottom: 3px solid #006600; 
 background-color:#FFFFE3;
 text-align: center;
 padding:20px;
 vertical-align:top;
 } 
.edtablegreenred { /* TABLE STYLE */
 border-left: 3px solid #006600; 
 border-right: 3px solid #B22222; 
 border-top: 3px solid #006600;  
 border-bottom: 3px solid #B22222; 
 font-size:95%; 
 margin: 5px 0 10px 20px;
 width: 320px;
 float: right;
 } 



/* -----Note: This testimonials section not used; see further down ----- */
table.tbltestimonialsnarrow {
   border-collapse: collapse;
   border: 3px solid darkorange;
  	width:320px;
  	margin: 0px 0px 15px 20px; 
  	bgcolor: white;
  	float: right;
 	}
table.tbltestimonialsnarrow td {
  	padding: 25px;
	}

table.tbltestimonialswide {
   border-collapse: collapse;
   border: 3px solid darkorange;
  	width:100%;
  	margin: 0px 0px 0px 0px; 
  	bgcolor: white;
 	}

.testimonial {
   font-family: Verdana,Arial,sans-serif;
   font-size: 80%;
   font-style: italic;
   margin-top: 30px;
   margin-bottom: 0px;
   text-align: left;
   }
.testimonial2col {
   font-family: Verdana,Arial,sans-serif;
   font-size: 85%;
   line-height: 150%;
   font-style: normal;
   margin-top: 15px;
   margin-bottom: 20px;
   text-align: left;
   text-indent: 25px;
   }
.testimonialby {
   font-family: Verdana,Arial,sans-serif;
   font-size: 100%;
   font-style: normal;
   margin-top: 0px;
   margin-bottom: 15px;
   text-align: right;
   }
.permission {
   font-family: Verdana,Arial,sans-serif;
   font-size: 85%;
   font-style: italic;
   margin-top: 5px;
   margin-bottom: 10px;
   text-align: center;
   }




/* ----- DISCOUNT SPECIAL BOX ----- */

div.outerbox {
	border: 0px solid indigo; 
	margin: 5px 0 10px 0px;
	background-color: #FFFFff;
	width: 315px;
	padding: 0px;
	}
div.middlebox {
	border: 3px #F4E900 solid;
	background-color: #FFFFff;
	padding: 3px;
	margin: 2px;
}
div.innerbox {
	border: 1px khaki solid;
	background-color: #FFFFEf;
	text-align: left;
	padding: 10px;
	margin: 3px;
}
div.innerbox p, li {
	font-size: 95%;	
}


table.plain {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	}
table.plain td {
	border: 0;
	padding: 2px;
	text-align: left;
	}


/* ----- READINGS PAGE STYLES ----- */
.h1read { 
 text-align: left; 
 font-family: Verdana,Arial,sans-serif; 
 color: crimson; 
 font-size: 150%; 
 font-weight: bold; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 }

.h2read1 {
 font-family: Times New Roman, serif;
 color: black;
 font-size: 125%;
 font-weight: bold;
 font-style: italic;
 }
.h2read2 {
	font-size: 120%;
	font-family: Verdana,Arial,sans-serif;
	color: indigo;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 45px;
}

.h3read { 
 font-size: 110%; 
 font-family: Tahoma,Arial,sans-serif; 
 font-weight: bold; 
 color: crimson;
 margin-top:10px;
 margin-bottom:5px;
}

.h4read {
 font-family:Times New Roman,serif; 
 font-size: 180%; 
 font-style:italic;
 text-align:center;
 margin-bottom:0px; 
 margin-top: 0px; 
 }


.belowheading {
	margin-top: 10px;
}
.aboveitem {
	margin-bottom: 10px;
}
.spaceabove {
	margin-top: 25px;
}
.flattop {
	margin-top: 0;
}
div.spacer {
	clear: both;
	height: 45px;
	display: block;
}
.introline {
	font-weight: bold;
	color: #0000CC;
	margin-bottom: 10px;
}

p.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: .95em;
	font-style: italic;
	text-align: left;
	margin: 25px 0;
	color: #999999;
}
a.creditlink:link, a.creditlink:visited, a.creditlink:hover {
	color: #6CA6CD;
}



div#topindex ul {
	margin-left: 10px;
	padding-left: 0px
}
div#indexwrapper {
	width: 315px;
	margin: 0 0 25px 25px;
	float: right;
}

div#topindex {
	width: 285px;
	padding: 15px;
	border: 1px #BDB76B solid;
	background-color: #FDFDF0;
}
div#topindex h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .95em;
	text-align: left;
	margin: 0 0 10px 0;
	color: #b22222;
}

div#saleboxouter {
	border: 3px gold solid;
	padding: 5px;
	width: 300px;
}
div#saleboxinner {
	border: 1px gold solid;
	padding: 15px;
	width: 268px;
	text-align: center;
}



/* Sale styles */
p.saleintroline {
	font-weight: bold;
	font-size: 1.05em;
	margin: 0 0 10px 0;
	text-align: center;
}
p.saleoptions {
	font-weight: bold;
	font-size: .95em;
	line-height: 1.5em;
	margin: 0;
	text-align: center;
}
p.option1 {
	color: #4169E1;
}
p.option2 {
	color: #228B22;
}
p.line1 {
	color: #0000CD;
}
p.line2 {
	color: #006400;
}
div.borderbox {
	border: 1px #EEDC82 solid;
	padding: 10px 5px;
	margin: 0 0 25px 0;
}

p.saleoptions span {
	color: black;
	font-size: 110%;
}





div.lefticon {
	float: left;
	margin: 0 10px 0 0;
}

p.actionlink {
	font-size: 105%; 
	font-weight: bold;
	margin-top: 15px;
}

div.bookreadingnow {
/*	width: 250px; */
	margin: 25px 0 0 0;
	padding: 15px;
	border: 0px #1874CD solid;
	background: white;
}
div.bookreadingnow p {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}


div.testimonial {
/*	width: 65%; */
	border: 1px #E9967A dashed;
	background-color: #FEFFEF;
	padding: 15px 20px;
	margin: 25px 60px;
}
div.testimonial p {
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin: 0;
	color: #8B1A1A;
	line-height: 140%;
}



/* ----- PRICES PAGE STYLES ----- */
.h1price { 
 text-align: center; 
 font-family: Verdana,Arial,sans-serif; 
 color: firebrick; 
 font-size: 115%; 
 font-weight: bold; 
 margin-top: 0px; 
 margin-bottom: 10px; 
 }
.h1price2 { 
 text-align: center; 
 font-family: Verdana,Arial,sans-serif; 
 color: indigo; 
 font-size: 145%; 
 font-weight: bold; 
 margin-top: 0px; 
 margin-bottom: 30px; 
 }

.h2price1 {
 font-size: 135%; 
 font-family: Verdana,Arial,sans-serif; 
 color: firebrick; 
 font-weight: bold; 
 margin-bottom: 0px;
 margin-top: 0px;
 text-align: left;
}
.h2price2 {
 font-size: 150%; 
 font-family: Times New Roman,serif; 
 color: darkgreen; 
 font-style: italic;
 font-weight: bold; 
 margin-bottom: 10px;
 margin-top: 10px;
}
.h3price {
   margin-top: 15px;
   margin-bottom: 0px;
   font-size: 100%;
   font-weight: bold;
   color: indigo;
   }
.h4price {
   font-family: Tahoma,Arial,sans-serif;
   margin-top: 20px;
   margin-bottom: 0px;
   color: black;
   font-size: 100%;
   text-align: left;
   background-color: lemonchiffon;
   }


/* ----- LIST STYLES ----- */
.ulread {
   margin-left: 10px; 
   padding-left: 0px;
   margin-top: 5px;
   text-align: left;
   }
.ulread li {
   margin-bottom: 5px;
   text-align: left;
/*   font-size: 90%; */
   }
.ulread2 {
   margin-left: 10px; 
   padding-left: 0px;
   margin-top: 0px;
   text-align: left;
   }
.ulread2 li {
   margin-bottom: 5px;
   text-align: left;
   }

.ulprices {
   margin-left: 0px; 
   padding-left: 35px;
   line-height: 100%;
   text-align: left;
   }
.ulprices li {
   margin-top: 15px;
   margin-bottom: 0px;
   font-size: 100%;
   font-weight: bold;
   color: indigo;
   text-align: left;
   }
.ulprices li ul li {
   margin-top: 8px;
   font-size: 90%;
   font-weight: normal;
   color: black;
   text-align: left;
   }

.ulprices2 {
   margin-top: 5px;
   margin-bottom: 20px;
   margin-left: 0px;
   padding-left: 40px;
   font-size: 85%;
   line-height: 130%;
   text-align: left;
   }
.ulprices2 li {
   margin-bottom: 10px;
   line-height: 130%;
   text-align: left;
   }
.ulprices3 {
   margin-left: 0px;
   padding-left: 18px;
   font-size: 85%;
   line-height: 100%;
   text-align: left;
   }
.ulprices4 {
   margin-left: 0px;
   padding-left: 18px;
   font-size: 85%;
   line-height: 120%;
   text-align: left;
   }
.ulprices4 li {
   margin-top: 15px;
   line-height: 120%;
   text-align: left;
   }

.ulprices5 {
   margin-top: 15px;
   margin-bottom: 20px;
   margin-left: 0px;
   padding-left: 20px;
   font-size: 1.05em;
   text-align: center;
   }
.ulprices5 li {
   margin: 0 0 10px 0;
   text-align: center;
   }



.prices {
   font-size: 100%;
   font-weight: bold;
   color: darkgreen;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
   }
.bookitnow {
   font-size: 90%;
   font-weight: normal;
   margin-top: 30px;
   margin-bottom: 10px;
   text-align: center;
   }
.shortcuts {
   margin-top: 0px;
   margin-bottom: 5px;
   }


span.bullet {
   color: darkgreen;
   font-size: 100%;
   font-weight: bold;
   width: 16px;
   text-align: center;
   }

span.new {
	font-weight: bold;
	color: red;
	font-size: 105%;
}

/* ----- SPAN STYLES ----- */
span.fineprint {
   color: darkgreen;
   text-decoration: underline;
   }
span.italics {
   font-family: times new roman,serif;
   font-style: italic;
   font-size: 120%;
   }
span.bigpurple {
   font-family: Tahoma,Arial,sans-serif;
   color: #4B0082;
   font-size: 120%;
   font-weight: bold;
   }




p {
	margin: 0 0 15px 0;
}




