/* ****************************************************************
 * Setup a bunch of global defaults for the entire site.  In order
 * to change the default size, change font-size in body, p, td and
 * th.  Then for the rest of the css file, reference font sizes in
 * em, not % or px.
 */

BODY {
	font-family: Arial;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

P {
    color: #000000;
}

td {
	vertical-align: top;
}

.small {
	font-size: 0.8em;
}

.tiny_text {
	font-size: 0.6em;
}

.right {
	text-align: right;
}

H1 {
	color: #006900;
	font-weight: bold;
	font-family: "Times New Roman";
	margin-top: 5px;
}

.red {
	color: #ff0000;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.center {
	text-align: center;
}

ol li {
    padding-bottom: 5px;
}

pre {
	font-size: 1.2em;
}

.results {
	font-size: 1.3em;
	color: #3333FF;
	font-weight: bold;
}

.pending_pmt {
    font-weight: bold;
	color: #e14400;
}

/* ****************************************************************
 * Title bar
 */

.title_banner {
	padding: 10px 0 0 0;
	text-align: center;
	border-bottom: 2px solid #006900;
	width: 100%;
	margin: 0px;
}

.title_language {
	padding: 25px 25px 5px 0px;
	float: right;
}

/* ****************************************************************
 * Define the styles for the left-hand navigation bar and the
 * borders around the main body, etc.
 */

table.main_body {
	padding: 0px;
	width: 770px;
}

table.left_nav {
	padding: 0px;
	width: 100%;
}

table.left_nav td {
	padding: 5px 5px 5px 10px;
	border-bottom: 2px solid #006900;
}

table.left_nav a {
	text-decoration: none;
	color: #0000cc;
}

table.left_nav a:hover {
	text-decoration: underline;
}

table.left_nav a:visited {
	color: #0000cc;
}

td.main_body {
	border-left: 2px solid #006900;
	padding: 0px;
}

.margin {
	margin: 5px;
	text-align: left;
	width: 770px;
}

/* ****************************************************************
 * TrashBilling form
 */

table.tb_form {
	border: 1px solid #000000;
	text-align: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
}
table.tb_form th {
	color: #ffffff;
	background-color: #666666;
	padding: 5px;
	text-align: center;
}
table.tb_form td {
	color: #000000;
	background-color: #dddddd;
	padding: 5px;
	vertical-align: top;
}

table.inner_tb_form {
	text-align: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #006900;
}

table.inner_tb_form th {
	color: #ffffff;
	background-color: #666666 !important;
	padding: 5px;
	text-align: center;
	border: 0 !important;
}

table.inner_tb_form td {
	color: #000000;
	background-color: #dddddd !important;
	padding: 5px;
	vertical-align: top;
	border: 0 !important;
}

tr.odd_row td {
	background-color: #bbbbbb !important;
}

tr.even_row td {
	background-color: #dddddd !important;
}

/* ****************************************************************
 * Login form
 */

table.login_form {
	margin: 5px;
	border: 1px solid #006900;
}

table.login_form th {
	color: #ffffff;
	background-color: #006900;
	padding: 5px;
	text-align: center;
}

table.login_form td {
	color: #000000;
	background-color: #ccffcc;
	padding: 5px;
}

/* ****************************************************************
 * Index Page
 */

/* Generated by: http://spiffybox.com/ */
/* set the image to use and establish the lower-right position */
.redbox, .redbox_body, .redbox_head, .redbox_head h2 {
	background: transparent url(/images/redbox.png) no-repeat bottom right;
}
.greenbox, .greenbox_body, .greenbox_head, .greenbox_head h2 {
	background: transparent url(/images/greenbox.png) no-repeat bottom right;
}
.bluebox, .bluebox_body, .bluebox_head, .bluebox_head h2 {
	background: transparent url(/images/bluebox.png) no-repeat bottom right;
}
.redbox, .greenbox, .bluebox {
	/* intended total box width - padding-right(next) */
	width: 200px !important; /* IE Win = width - padding */
	width: 185px; /* the gap on the right edge of the image (not content padding) */
	padding-right: 5px; /* use to position the box */
	margin: 35px 5px 5px 5px;
	float: left;
	text-align: center;
}
/* set the top-right image */
.redbox_head, .greenbox_head, .bluebox_head {
	background-position:top right; /* pull the right image over on top of border */
	margin-right:-5px; /* right-image-gap + right-inside padding */
	padding-right: 5px
}
/* set the top-left image */
.redbox_head h2, .greenbox_head h2, .bluebox_head h2 {
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */
	/* padding-left = image gap + interior padding ... no padding-right */
	padding: 5px 0 5px 10px;
	height:auto !important; height:1% /* IE Holly Hack */
}
/* set the lower-left corner image */
.redbox_body, .greenbox_body, .bluebox_body {
	background-position:bottom left;
	margin-right: 0px; /* interior-padding right */
	padding: 5px 0 5px 10px /* mirror .redbox_head right/left */
}

a.black_link {
	color: black;
	text-decoration: none;
}

a.black_link link {
	color: black;
}

/* ****************************************************************
 * Customer Summary
 */

table.cust_summary {
	margin: 0px;
	width: 770px;
	font-size: 0.9em;
}

table.cust_summary th {
	color: #ffffff;
	background-color: #006900;
	padding: 5px;
	text-align: center;
}

table.cust_summary td {
	color: #000000;
	background-color: #ccffcc;
	padding: 5px 5px 5px 15px;
	border-right: 1px solid #006900;
	border-left: 1px solid #006900;
	border-bottom: 1px solid #006900;
}

/* Inner table, pretty much the same as tb_form but we need this */
/* to make it span the whole width of the table cell.            */
table.inner_table {
	width: 100%;
}

#account_history, #autopay, #update_email, #update_ebill {
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
}

/* ****************************************************************
 * Admin tables
 */

table.admin {
	margin: 5px;
	border: 1px solid #006900;
}

table.admin th {
	color: #ffffff;
	background-color: #006900;
}

table.admin td {
	padding: 4px;
	border: 1px solid #006900;
}

/* ****************************************************************
 * General stuff
 */

div.nav_btn {
	float: right;
	padding: 3px 15px 3px 15px;
}

.unread_msgs {
	font-weight: bold;
	color: #990000;
}

/* Pending Payments */
div.pp {
	padding: 3px 15px 3px 15px;
	border: 1px solid red;
}

/* ****************************************************************
 * Popup Calendar in make_payments.php
 */

.cpYearNavigation, .cpMonthNavigation {
	background-color:#006900;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText	{
	font-family:arial;
	font-size:8pt;
}
td.cpDayColumnHeader {
	background-color:#006900;
	text-align:right;
	border:solid thin #006900;
	border-width:0 0 1 0;
}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
.cpCurrentMonthDate
			{
			color:#006900;
			font-weight:bold;
			}
.cpCurrentDate
			{
			color: #Ff0000;
			font-weight:bold;
			}
.cpOtherMonthDate
			{
			color:#808080;
			}
TD.cpCurrentDate
			{
			color:#FFFFFF;
			background-color: #006900;
			border-width:1;
			border:solid thin #000000;
			}
TD.cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
TD.cpTodayText,
TD.cpTodayTextDisabled
			{
			border:solid thin #006900;
			border-width:1 0 0 0;
			}
A.cpTodayText,
SPAN.cpTodayTextDisabled
			{
			height:20px;
			}
A.cpTodayText
			{
			color:#006900;
			font-weight:bold;
			}
SPAN.cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
.cpBorder
			{
			border:solid thin #006900;
			}

table.cpBorder td {
	padding: 1px;
}