﻿/* 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.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;
 } 



/* ----- READINGS PAGE ----- */
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 ----- */
/* TABLE NO LONGER USED - DIV.OUTER/INNERBOX ONLY */
table.discountbox { /* TABLE STYLE */
	border-right: 3px solid indigo; 
	border-left: 3px solid indigo; 
	border-bottom: 3px solid indigo;  
	border-top: 3px solid indigo; 
	margin: 5px 0 10px 20px;
	width: 280px;
	} 
table.discountbox td { /* CELL STYLE */
	border-right: 3px solid darkkhaki; 
	border-left: 3px solid darkkhaki; 
	border-bottom: 3px solid darkkhaki; 
	border-top: 3px solid darkkhaki; 
	background-color:#FFFFE3;
	text-align: left;
	padding: 20px;
	vertical-align:top;
	} 

div.outerbox {
	border: 3px solid indigo; 
	margin: 5px 0 10px 20px;
	width: 280px;
	padding: 1px;
	}
div.innerbox {
	border: 3px solid darkkhaki; 
	background-color:#FFFFE3;
	text-align: left;
	padding: 20px;
	margin: 1px;
	}

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: purple; 
 font-weight: bold; 
 margin-bottom: 10px;
 margin-top: 35px;
}

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

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



/* ----- 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: 20px;
   margin-top: 5px;
   text-align: left;
   }
.ulread li {
   margin-bottom: 5px;
   text-align: left;
   font-size: 90%;
   }

.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 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;
   }