/*-----------------------------------------------------------*/
/*										 */
/* Cascading Style Sheet (CSS) for torahcalendar.com website */
/*					    					 */
/*	em = 16px or 16 pixels is one em    		       */ 
/*					    					 */
/*-----------------------------------------------------------*/

#sunpic {position:absolute; width:30px; z-index:6;}
#nightpic {position:absolute; width:30px; z-index:10;}
#day1  {position:absolute; z-index:20;}
#day2  {position:absolute; z-index:20;}
#day3  {position:absolute; z-index:20;}
#day4  {position:absolute; z-index:20;}
#day5  {position:absolute; z-index:20;}
#day6  {position:absolute; z-index:20;}
#day7  {position:absolute; z-index:20;}
#day8  {position:absolute; z-index:20;}
#day9  {position:absolute; z-index:20;}
#day10 {position:absolute; z-index:20;}
#day11 {position:absolute; z-index:20;}
#day12 {position:absolute; z-index:20;}
#nite1  {position:absolute; z-index:20;}
#nite2  {position:absolute; z-index:20;}
#nite3  {position:absolute; z-index:20;}
#nite4  {position:absolute; z-index:20;}
#nite5  {position:absolute; z-index:20;}
#nite6  {position:absolute; z-index:20;}
#nite7  {position:absolute; z-index:20;}
#nite8  {position:absolute; z-index:20;}
#nite9  {position:absolute; z-index:20;}
#nite10  {position:absolute; z-index:20;}
#nite11  {position:absolute; z-index:20;}
#nite12  {position:absolute; z-index:20;}
#watch1   {position:absolute; z-index:20;}
#watch2   {position:absolute; z-index:20;}
#watch3   {position:absolute; z-index:20;}
#watch4   {position:absolute; z-index:20;}
#rem1   {position:absolute; z-index:20;}
#rem2   {position:absolute; z-index:20;}  
#rem3   {position:absolute; z-index:20;}



A:link
	{
	text-decoration:none;
	color:#1273D3
	}

A:visited
	{
	text-decoration:none;
	color:#1273D3;
	}

A:active
	{
	text-decoration:none;
	color:#1273D3;
	}

A:hover
	{
	text-decoration:none;
	color:#000000;
	}


P.text
	{
	position:relative;  
	padding-left:23px; padding-top:0px; border:0px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; 
	line-height:127%;
	margin:17px; 
	}


P.normal
	{
	position:relative; 
	left:-1px; top:-1px; padding:0px; border:0px;  
	font-family:Arial,Helvetica,sans-serif;
	margin:1px; 
	}


P.blockquote
	{
	position:relative;  border:0px; align:justify;  
	padding-left:80px;  padding-top:10px;  
	padding-right:60px; padding-bottom:10px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt; 
	line-height:127%;
	margin:0px; 
	}


P.scriptureviewer
	{
	position:relative;  border:0px; align:justify;  
	padding-left:19px;  padding-top:4px;  
	padding-right:20px; padding-bottom:9px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt; 
	line-height:17px;
	margin:0px; 
	}


P.pdflink
	{
	position:relative; top:-36px; border:0px; align:left;
	padding-left:154px; padding-top:0px;  
	padding-right:60px; padding-bottom:0px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt; 
	line-height:127%;
	margin:1px; 
	}


P.directions
	{
	position:relative;  border:0px; top:-23px; 
	padding-left:70px; padding-top:10px;  
	padding-right:60px; padding-bottom:0px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; font-weight:normal; 
	line-height:127%;
	margin:1px; 
	}


P.numberdirections
	{
	position:relative; border:0px; top:10px;
	padding:0px; left:49px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14pt; font-weight:bold;
	margin:1px; align:left;
	}



P.quiztext
	{
	position:relative;
	text-align:justify;
	border:0px; top:30px;
	padding-left:80px; padding-top:0px;  
	padding-right:80px; padding-bottom:10px; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; font-weight:normal;
	margin:1px;
	line-height:127%;
	}



P.explain
	{
	position:relative; 
	text-align:justify; 
	padding-left:0px; padding-top:0px; border:0px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; 
	line-height:127%;
	margin:0px; 
	}


P.quizauthor
	{
	position:absolute; right:0px; width=400px; 
	padding-left:0px; padding-top:0px; border:0px;
	padding-right:33px;  
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt; 
	line-height:127%;
	margin:0px; 
	}


P.quizhead
	{
	position:relative; border:0px; top:30px;
	padding-left:80px; padding-top:10px;  
	padding-right:80px; padding-bottom:20px; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:14pt; font-weight:bold;
	margin:1px; align:left;
	}

P.quizquestion
	{
	position:relative;
	left:0px; top:0px; border:0px;  
	padding-left:0px; padding-top:0px;
	padding-right:10px; padding-bottom:0px;   
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; 
	line-height:127%;
	margin:1px; 
	}

P.quizquestiontab
	{
	position:relative;
	left:-2px; top:-2px; border:0px;  
	padding-left:0px; padding-top:0px;
	padding-right:10px; padding-bottom:0px;   
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt; 
	line-height:127%;
	margin:1px; 
	}


/*
/*	This text must be inserted anywhere into the HTML body for VERTICALTEXT:	  */
/*														  */ 
/*	<script type="text/javascript">								  */
/*	var myverticaltext='<div class="verticaltext">This is the text line></div>'	  */
/*	var bodycache=document.body									  */
/*	if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode)  */
/*	document.write(myverticaltext)								  */
/*	</script>												  */

.verticaltext
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:7pt; 
	line-height:12px;
	margin:1px; 
	position:absolute;
	right:3px;
	top:20px;
	width:15px;
	writing-mode:tb-rl;
	/* white-space:nowrap; (saw this on a website) */
	}


H1
	{
	position:relative;
	padding-left:40px; padding-top:0px; padding-right:10px;
	color:#000000; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:20pt; font-weight:bold;
	line-height:100%;
	margin:0px; 
	}


H2
	{
	position:relative;
	padding-left:40px; padding-top:0px; padding-right:10px;
	color:#000000; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:14pt; font-weight:bold;
	line-height:127%;
	margin:0px;
	}


.button {
          background-color: #EEEEEE; /* Green */
		  color: black;
          border: none;
          text-align: center;
          padding: 4px 18px;
          text-decoration: none;
          font-size: 18px;
          font-weight: bold;
          margin: 6px 4px;
          display: inline-block;
          cursor: pointer;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.1s;
          }

.button22 {
          box-shadow: 0 3px 3px 0 #777777, 0 2px 2px 0 #777777;
          }

.button22:hover {
          box-shadow: 0 2px 2px 0 #000000, 0 3px 8px 0 #000000;
          }