/* 
	com.css
	
	The priority list, from the highest priority to the lowest priority, is as follows:

	Inline stylesheet
	Embedded stylesheet
	Imported stylesheet
	Linked stylesheet
	Browser's own stylesheet
*/
/****************************************************************************************/
html {
}

/****************************************************************************************/
body {
	margin: 10px; 
	padding: 0px;
	height: 800px;/* was 100% */
	background-color: #F1F1F1;
}

/****************************************************************************************/
/* defines the paragrah style */

p {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
}

/****************************************************************************************/
/* This is the default table */

table {
	margin: auto; /* center all tables horizontally */
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 16px;
}

/****************************************************************************************/
/* Define the main table */

table.ccr_main {
	border-left: 1px solid #8D8D5B;
	border-right: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FCFCFC;
	width: 960px; 
}
table.pon_main {
	border-left: 1px solid #5555FF;
	border-right: 1px solid blue;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FCFCFC;
	width: 960px; 
}
table.mph_main {
	border-left: 1px solid green;
	border-right: 1px solid green;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FCFCFC;
	width: 960px; 
}
/****************************************************************************************/
/* Define the selection table */

table.ccr_select {
	border: 1px solid #440000;
	border-collapse: collapse;
	padding: 0px;
	background-color: #8D8D5B;
}
table.pon_select {
	border-collapse: collapse;
	padding: 0px;
	background-color: #6060FF;
}
table.mph_select {
	border-collapse: collapse;
	padding: 0px;
	background-color: #60FF60;
}
/****************************************************************************************/
/* Define the login/subscribe outer table */

table.logsub {
	border: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FFFFDD;
	width: 630px;
	height: 450px;
	text-align: center;
}
/****************************************************************************************/
/* Define the login table */

table.login {
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	border-collapse: collapse;
	padding: 0px;
	background-color: #DDFFDD;
	width: 100%;
	text-align: center;
}
/****************************************************************************************/
/* Define the subscription cost table */

table.subcost {
	border-top: 1px solid #8D8D5B;
	border-bottom: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #DFDDFF;
	width: 100%;
	text-align: center;
}
/****************************************************************************************/
/* Define the account edit 'allow' table */

table.acnta {
	border: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #DDFFDD;
	width: 630px;
	height: 433px;
	text-align: center;
}
/****************************************************************************************/
/* Define the account edit 'block' table */

table.acntb {
	border: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FFFFDD;
	width: 630px;
	height: 433px;
	text-align: center;
}
/****************************************************************************************/
/* Define the subscription positive acknowledgement table */

table.suback {
	border: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #DDFFDD;
	width: 630px;
	height: 460px;
	text-align: center;
}
/****************************************************************************************/
/* Define the subscription negative acknowledgement table */

table.subnack {
	border: 1px solid #8D8D5B;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FFFFDD;
	width: 630px;
	height: 460px;
	text-align: center;
}
/****************************************************************************************/
/* Define the header td */

td.ccr_hdr {
	border: 1px solid #8D8D5B;
	background-color: transparent;
	background-image: url('ccr_hdr.jpg');
	background-repeat: no-repeat;
	width: 960px;
	height: 200px;
}
td.pon_hdr {
	border: 1px solid #5555FF;
	background-color: transparent;
	background-image: url('pon_hdr.jpg');
	background-repeat: no-repeat;
	width: 960px;
	height: 118px;
}
td.mph_hdr {
	border: 1px solid green;
	background-color: transparent;
	background-image: url('mph_hdr.jpg');
	background-repeat: no-repeat;
	width: 960px;
	height: 200px;
}
/****************************************************************************************/
/* td 10px height */

td.td10 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 10px;
}
/* td 15px height */

td.td15 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 15px;
}
/* td 25px height */

td.td25 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 25px;
}
/* td 25px subscription cost */

td.td25a {
	border-top: 1px solid #8D8D5B;
	border-bottom: 1px solid #8D8D5B;
	background-color: transparent;
	height: 25px;
	font-size: 13px;
}

td.td25b {
	border: 1px solid #8D8D5B;
	background-color: transparent;
	height: 25px;
	font-size: 13px;
}
/* td 30px height */

td.td30 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 30px;
}
/* td 30px height red background */

td.td30r {
	border: 0px solid red;
	background-color: #FFDDDD;
	height: 30px;
}
/* td 40px height */

td.td40 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 40px;
}
/* td 50px height */

td.td50 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	height: 50px;
}
/* 200 width with 25 height */

td.td200_25 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	width: 200px;
	height: 25px;
	text-align: right;
}
/* 200 width with 30 height */

td.c200_30 {
	border: 0px solid #8D8D5B;
	background-color: transparent;
	width: 200px;
	height: 30px;
	text-align: right;
}

/****************************************************************************************/
/* Define row 1. It has a happy blurb. */

td.ccr_r1 {
	border: 0px solid red;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: #440000;
}
td.pon_r1 {
	border: 0px solid red;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: blue;
}
td.mph_r1 {
	border: 0px solid red;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: green;
}
/****************************************************************************************/
/* Define row 2 (newspaper name) (date) */

td.ccr_r2 {
	border: 0px solid green;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: #440000;
}
td.pon_r2 {
	border: 0px solid green;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: blue;
}
td.mph_r2 {
	border: 0px solid green;
	width: 960px;
	height: 40px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: green;
}
/****************************************************************************************/
/* Define row 3 news submit button container. The buttons define the row height. */

td.ccr_r3c1 {
	border-bottom: 1px solid #AFAF7D;
	background-color: #8D8D5B;
}
td.ccr_r3c2 {
	border-bottom: 1px solid #440000;
	background-color: #AFAF7D;
	text-align: left;
	font-size: 15px;
	color: #440000;
}
td.ccr_r3c2sel { /* this is the 'been seen' td */
	border-bottom: 1px solid #440000;
	background-color: #CFCFCF;
	text-align: left;
	font-size: 15px;
	color: #777777;
}

/*************************************/
td.pon_r3c1 {
	border-bottom: 1px solid #AABBFF;
	background-color: #7272FF;
}
td.pon_r3c2 {
	border-bottom: 1px solid blue;
	background-color: #AABBFF;
	text-align: left;
	font-size: 15px;
	color: black;
}
td.pon_r3c2sel { /* this is the 'been seen' td */
	border-bottom: 1px solid blue;
	background-color: #CFCFCF;
	text-align: left;
	font-size: 15px;
	color: #777777;
}

/*************************************/
td.mph_r3c1 {
	border-bottom: 1px solid #00C000;
	background-color: #008000;
}
td.mph_r3c2 {
	border-bottom: 1px solid green;
	background-color: #00C000;
	text-align: left;
	font-size: 15px;
	color: black;
}
td.mph_r3c2sel { /* this is the 'been seen' td */
	border-bottom: 1px solid green;
	background-color: #CFCFCF;
	text-align: left;
	font-size: 15px;
	color: #777777;
}

/****************************************************************************************/
/* Define row 4 (The Website is currently under maintenance) */

td.ccr_r4 {
	border: 0px solid #440000;
	width: 960px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: #440000;
}
td.pon_r4 {
	border: 0px solid blue;
	width: 960px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: blue;
}
td.mph_r4 {
	border: 0px solid blue;
	width: 960px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: green;
}
/****************************************************************************************/
/* Define row 5 (special messages) */

td.ccr_r5 {
	border: 0px solid blue;
	width: 960px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: #440000;
}
td.pon_r5 {
	border: 0px solid blue;
	width: 960px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: blue;
}
td.mph_r5 {
	border: 0px solid blue;
	width: 960px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: green;
}
/****************************************************************************************/
/* Define row 6 logout button container*/

td.r6 {
	border: 0px solid blue;
	width: 960px;
	height: 30px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	color: #440000;
}
/****************************************************************************************/
/* Define row 7 ie Port Orford News is over 100 years old! */

td.ccr_r7 {
	border-bottom: 1px solid #8D8D5B;
	width: 960px;
	height: 70px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color: #440000;
}
td.pon_r7 {
	border-bottom: 1px solid #5555FF;
	width: 960px;
	height: 100px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color: blue;
}
td.mph_r7 {
	border-bottom: 1px solid green;
	width: 960px;
	height: 100px;
	background-color: transparent;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color: green;
}
/****************************************************************************************/
/* Define the submit buttons */

input.ccr {
	width: 170px;
	border: 0px;
	background-color: #8D8D5B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	cursor: hand;
}
input.pon {
	width: 170px;
	border: 0px;
	background-color: #5050EE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	cursor: hand;
}
input.mph {
	width: 170px;
	border: 0px;
	background-color: #008000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: white;
	cursor: hand;
}
/****************************************************************************************/