/* DictateThis! Master Style Sheet */

body
  {
   width: 750px;
   margin: auto;
   font-family: Verdana, Arial;
	font-size: 0.7em;
  }

p	{
		font-family: Verdana, Arial;
		color: #333333;
	} 
	
h1,h2,h3,h4,h5,h6
	{
		font-family: Verdana, Arial;
		font-size: 1.2em;
		color: #777777;
	} 
	
a{text-decoration: underline; color: #BF2C00; }
a:visited {text-decoration: underline; color: #BF2C00 }
a:active {text-decoration: underline; color: #BF2C00 }
a:hover {color: #ff0000; }

 img
 	{
 		border: 0px;
 		margin: 4px;
 	}
 	
 	li
 		{
 			margin-right: 16px;
 			font-family: Verdana, Arial;
			
			color: #333333;
 		}
 	
 	.navarea
 		{
 			float: left; 
 			width: 750px;
 			margin: 0px;
 			border: 0px; 
 			height: 135px;
 			padding: 4px;
 		}
 	
 	.navbar 
 		{
 			float: left;
 			clear: left;
 			margin: 0px; 
 			margin-left: 7px; 
 			margin-top: 10px;
 			margin-bottom: 10px; 
 			width: 175px;
 			height: 135px; 
 			padding: 0px; 
 			
 		}
 	
 	.navimage
 		{
 			padding: 0px;
 			margin: -2px;  
 			border: 0px; 
 			line-height: 0px;
 		}
 	
 	 .logoarea
 		{
 			padding: 0px;
 			margin: -2px;  
 			border: 0px; 
 			line-height: 0px;
 			width: 760px; 
 		}
 	
 	 .logo
 		{
 			padding: 0px;
 			margin: -1px;  
 			margin-left: 9px;
 			margin-top: 6px; 
 			border: 0px; 
 		}
 		
 	.loggedinas
 		{
 			float: right; 
 			clear: both;
 			width: 750px;
 			margin: 0px;
 			border: 0px; 
 			height: 16px;
 			text-align: right; 
 			padding: 0px;
 			padding-right: 4px; 
 		}
 		.loggedintext
 		{
 			margin: 0px;
 			border: 0px; 
 			padding: 2px; 
 			padding-right: 4px;
 		}
 	
 	.username
 		{
 			color: #00f;
 			font-weight: bold;
 			margin: 0px;
 			padding: 0px;
 			border: 0px;
 		}
 	
 	.navbanner
 		{
 			float: right; 
 			width: 520px; 
 			height:135px; 
 			margin: 0px;
 			padding: 0px;
 			margin-top: 5px;
 		}
 		
 	.stepbystep 
 		{
 			float: right; 
 			width: 230px; 
 			height: 292px; 
 			background-color: #fff;
 			margin: 4px;  
 			margin-right: 0px;
 			padding: 0px;
 			border: 0px; 
 		}
 	
 	.pageheading
 		{
 			font-family: Verdana, Arial;
			font-size: 1.2em;
			font-weight: 600; 
			letter-spacing: -0.1em;
			padding: 4px;
			padding-left: 12px; 
			color: #777777;
			background-image: url(/img/page_heading_bg2.gif);
			background-repeat: no-repeat;
			float: left;
			width: 720px;
			height: 24px;
			margin-left: 8px;
			margin-right: 8px;
			margin-bottom: 16px; 
			margin-top: 16px; 
 		}
 		
 	.maintext 
 		{
 			padding-left: 32px; 
 			padding-right: 32x; 
 			padding-bottom: 8px;
 			font-family: Verdana, Arial;
			color: #333333;
 		}
 		
 	.quotebyline
 		{
 			padding-left: 32px; 
 			padding-right: 32px; 
 			padding-bottom: 8px;
 			font-style: italic;
 			font-family: Verdana, Arial;
			text-align: right;
			color: #666666;
 		}
 		
 	.quotetext 
 		{
 			padding-left: 32px; 
 			padding-right: 32px; 
 			padding-bottom: 8px;
 			font-weight: bold;
 			font-family: Verdana, Arial;
			color: #333333;
 		}
 		
 	.footer
 		{
 		 text-align: center;
 		 font-family: Verdana, Arial;
	   
	 	 color: #333333;
 		 padding: 4px;
 		 float: left;
 		 width: 760px;  
 		 background-color: #e3e3e3;
 		}
 		
 	.loginbox
 		{
 			width: 420px; 
 			height: 120px;
 			padding: 20px;  
 			
 			background-color: #fff;
 			
 			
 		 	font-family: Verdana, Arial;
	   	
	   
	   	  
 		}
 		
 	.regbox
 		{
 			
 
 		}
 	
 	.lefttext
 		{
 			text-align: left;
 		}
 		
 	.errormessage
 		{
 			font-family: Verdana, Arial;
	   	font-size: 1.5em;
	   	font-weight: bold;
	   	margin-left: auto; 
	   	margin-right: auto;
	   	color: #900; 
	   	text-align: center;  
 		}
 	
/* HyperLink Colours */
 
a.redhyper {text-decoration: underline; color: #BF2C00; }
a.redhyper:visited {text-decoration: underline; color: #BF2C00 }
a.redhyper:active {text-decoration: underline; color: #BF2C00 }
a.redhyper:hover {color: #ff0000; }

/*tables*/ 

#recordings table {  
  width: 100%;    
  color:#333; 
  background-color: #fff;
  clear:both;    
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;
}
#recordings th {
  border: 1px solid #003d4c;
  text-align: center;
  padding:1px;
}
#recordings table tr td {
  border: 1px solid #ccc;
  padding:4px 4px;
  vertical-align:top;
  text-align: center;
}
#recordings table tr.altRow td {
  background: #f4f4f4;
}

#numbers table {  
  width: 50%;    
  color:#333; 
  background-color: #fff;
  clear:both;    
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;
}
#numbers th {
  border: 1px solid #003d4c;
  text-align: center;
  padding:1px;
}
#numbers table tr td {
  border: 1px solid #ccc;
  padding:4px 4px;
  vertical-align:top;
  text-align: center;
  font-size: 2em;
}
#numbers table tr.altRow td {
  background: #f4f4f4;
}