/* ------------------
 styling for the tables 
   ------------------   */


body
{
	line-height: 1.6em;
}


#newspaper-b
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0px 0px 25px 0px;
	width: 640px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #CCC;
	background-color:#FFF;
}
#newspaper-b th
{
	padding: 10px 15px 10px 15px;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	font-weight:bold;
}

#newspaper-b tfoot
{
	font-size: 10px;
	
}

#newspaper-b tbody
{
	background: #ccc;
	
}


#newspaper-b tbody .odd
{
	background: #EEE; 
}

#newspaper-b td
{
	padding:  5px 15px 5px 15px;
	color: #333;
	border-bottom: 1px dashed #FFF;
	
}
#newspaper-b tbody tr:hover td
{
	color: #fff;
	background: #000;
}

#newspaper-b tbody tr:hover td strong
{
	color: #fff;
}


/* ------------------
 styling for the tables 
   ------------------   */

#instruct
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0px 0px 0px 0px;
	width: 450px;
	text-align: left;
	border-collapse: collapse;
	
	
}
#instruct th
{
	padding: 10px 5px 5px 5px;
	font-weight: normal;
	font-size: 15px;
	color: #000;
	font-weight:bold;
	text-align:center;
	background-color: #FFF;;
}



#instruct tfoot
{
	font-size: 10px;
	
}

#instruct tbody
{
	background: #FFF;;
	
}


#instruct tbody .odd
{
	background: #F60; 
}

#instruct td
{
	padding:  5px 5px 5px 25px;
	color: #FFF;
	
	font-size: 12px;
	
}
#instruct td a {
	color: #000;
	  font-size: 14px;
	   border-bottom: 1px dotted #f60;
	}
#instruct tbody tr:hover td
{
	 color: #fff;
	 background: #000;
	 
	
	
}
#instruct tbody tr:hover td strong
{
	 color: #fff;
	
	
	
}

#instruct tbody tr:hover td a
{
	 color: #FFF;
	 border-bottom: 1px dotted #f60;
	  
	
	 
	
}
#instruct tbody tr:hover td a:link
{
	 color: #fff;
	 
	
}

#instruct tbody tr:hover td a:visited
{
	 color: #fff;
	 
	
}
#instruct tbody tr:hover td a:hover
{
	 color: #f60;
	
	 
	
}

#instruct tbody tr:hover td a:visited
{
	 color: #fff;
	 
	
}

/*a.instructLink { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px dotted #333; }
a.instructLink:link { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px dotted #333; }
a.instructLink:visited { color: #f60; }
a.instructLink:hover { font-size: 12px; color:#FFF; font-weight: bold; border-bottom: 1px dotted #F60; }
a.instructLink:active { color: #f60; } 
a.subMenulink:focus { color: #000; } */






/* ------------------
 styling for the tables 
   ------------------   */





#subMenu-b
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0px 0px 0px 0px;
	width: 250px;
	text-align: left;
	border-collapse: collapse;
	
}
#subMenur-b th
{
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	font-weight:bold;
}

#subMenu-b tfoot
{
	font-size: 10px;
	
}

#subMenu-b tbody
{
	background: #F60;
	
}


#subMenu-b tbody .odd
{
	background: #F60; 
}

#subMenu-b td
{
	padding:  5px 0px 5px 10px;
	color: #000;
	border-top: 1px dashed #fff;
}
#subMenu-b tbody tr:hover td
{
	color: #fff;
	 background: #000;
}


#subMenu-b tbody tr:hover td a:hover
{
	 color: #f60;
	
	 
	
}

#subMenu-b tbody tr:hover td a
{
	color: #fff;
	border-bottom: 1px dotted #F60;
	
}




a.subMenulink { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px dotted #333; }
a.subMenulink:link { font-size: 12px; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px dotted #333; }
a.subMenulink:visited { color: #000; }
a.subMenulink:hover { font-size: 12px; color:#FFF; font-weight: bold; border-bottom: 1px dotted #F60; }
a.subMenulink:active { color: #000; } 
/*a.subMenulink:focus { color: #000; } */






/* #Media Queries
================================================== */



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.recoveryMenu {width:220px;}
		#subMenu-b { width: 220px; font-size: 10px;}
		#instruct { width: 220px; font-size: 10px;}
		#subMenur-b th
{
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	font-weight:bold;
}



#instruct th
{
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	font-weight:bold;
	border: 1px dotted #000;
	background-color: #E6E6E6;
}
a.subMenulink:link { font-size: 10px;  }
		
		#newspaper-b {width:520px;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#newspaper-b {width:420px;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.recoveryMenu {width:420px;}
		#subMenu-b { width: 420px;}
		#instruct { width: 420px;}
		#newspaper-b {width:420px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.recoveryMenu {width:300px;}
		#subMenu-b { width: 300px;}
		#instruct { width: 300px;}
		
		#newspaper-b {width:300px;}
		
	}