/* general tags*/

body {font-family: Arial, Helvetica, sans-serif; font-size:1em; color:black; text-align:left;}
a {color: #36C;}
a img {border:none;}
h1 {margin:0 0 .25em 0; color:#369;}
h2 {color:#369; background-color:#9CC;}
table {border-collapse:collapse; text-align:left;}
td {position:relative; padding:.25em;}  
td .label {vertical-align:top;}
.buttons_row {text-align:center; background-color:white;}
.indent {margin-left:20em;}
.copyright {font-size:.75em;}

/* general formatting*/

.data, .bold {font-weight:bold;}
.data {vertical-align:middle; position:relative;}
.italic {font-style:italic;}
.center {text-align:center;}
.inactive, .required, .warning, .error, .new {color:red;}
.active, .approved,  .safe, .success {color:green;}
.error, .success {font-weight:bold;}
.comment {color:gray; font-weight:normal; font-size:.75em;}
.number {text-align:right;}
.button {font-size:1.25em}

.go {background-color:green; color:white;} 		    /* green light = go */
.caution {background-color:yellow; color:black;}	/* yellow light = caution */
.danger {background-color:red; color:white;}      /* red light = danger*/

/* content-specific formatting */

input#btn_availability {font-size:.75em;}

#page_header {margin:0; text-align:center;}
img#logo {margin:0;}
div#top_nav {margin:0 .15em .2em; padding:0 1em; line-height:1.5em; 
          color:#369; background-color:#CC9; text-align:center;
}	
#top_nav span#left  {float:left; text-align:left;}	
#top_nav span#right {float:right; text-align:right;}	
span#admin_options {font-size:.7em;}
.menu_item {font-size:.85em; font-weight:bold;}
#message {padding:.5em 1em 0; font-family:Verdana; border:1px solid #CCC; background-color:#CC9;}
div#contact_info {font-size:.75em; margin-bottom:1em;}
div#contact_info p {margin:0;}

div#outer_container {clear:both;}
div#left_column {float:left; width:16em; margin:0 1em 0 0; color:#369; font-size:1em;
 min-height:100%; height: auto !important; height: 100%;
}
div#right_column {float:right; margin-left:1em; width:120px;}
div#right_column_no_ads {float:right; margin-left:0; width:0;}
div#footer {text-align:center; margin:1em 0; font-size:.7em; color:#999;}
div#footer p.footer {margin:0;}
div#message_body {margin-left:5em; padding:1em; width:75%; background-color:#E0E0E0;}
/* footer_ad_link is the subscriber's ad.
   footer_row is the google ad unit. */
#footer_ad_link {margin:1.25em auto 1em; text-align:center;}
#footer_row {text-align:center;}

#login {text-align:center;}
#as_of_date {font-size:.6em; font-weight:normal;}

table#account {margin:0 auto 1em; background-color:#EEE;}
table#account td {vertical-align:top}
table#delete {margin:0 auto 1em; background-color:#F9F}
table#delete td {vertical-align:top;}
table#delete .label {text-align:right;}

table#rates {margin:0 auto 1em; border:1px solid #CCC; background-color:#EEE; font-size:.9em;}
#rates #head, table#rates #subhead {border:1px solid #CCC;}
#rates #head {text-align:center;}
#rates #subhead {text-align:left;}
#rates td.member, #rates td.nonmember {text-align:right;}
#rates td.nonmember {color:#666; font-style:italic; font-size:.85em;}
#rates th {vertical-align:bottom; text-align:center;}

table#forecast {margin:0 auto 1em; background-color:#EEE; font-size:.9em}
#forecast th {text-align:center;}
#forecast th, #forecast td {padding:.15em .25em; vertical-align:bottom; border:1px solid #CCC;}
#forecast td.column_2 {text-align:right; font-weight:bold;}
#forecast td.column_3 {text-align:center;}


p.definitions {margin:0; color:#330; font-size:.7em;}

table#alerts {font-size:.75em; background-color:#F9F2FF; border:1px solid #CCC; border-spacing:0;}
#alerts tr#header_row { border-width:0 0 1px 0; border-style:solid; border-color:#CCC;
  color:#369; background-color:#CC9
}
#alerts th, #alerts td {border:1px solid rgb(204, 204, 204);}
#alerts th {vertical-align:bottom;}

table #subhead {border:1px solid #CCC; text-align:left;}

/*sections of the ALERT table */
table#alert { margin:0 auto 1em; border:1px solid #CCC; border-spacing:0; font-size:1em;}
#alert td {font-size:.75em;}
#alert td.narrow {width:20%;}
#alert .comment {font-size:1em;}
.sec_general, .sec_newloan, .sec_send {background-color:#EAD5FD}
#alert img {vertical-align:middle;}

span#alert_sample_link {margin-left:5em;}
img#alert_sample {margin:0 auto; border:1px solid #CCC;}
div.alert_sample_text {margin:0 3em; padding:2em; border:1px solid black; font-size:.9em; font-family:"Courier New", Courier, monospace; color:black; background-color:#F7F7F7;}
div.alert_sample_text p.sgl {margin:0;}
div.alert_sample_text p.dbl {margin-bottom:1em;}

a:hover {border:1px solid black;}  
a:hover {border:none;}  

table#join {margin:0 1em; border:1px solid #CCC; background-color:#EEE;}
#join td {vertical-align:top;}

table#recover_login {background-color:#EEE;}
/* td {padding:.1em .5em;}
	.top {padding-top:.5em; text-align:center;}
	.title {font-size:1.25em;}
	.bottom {padding-bottom:.5em; font-size:.85em;}
	.submit_button {background-color:green; color:white; width:150;}
	#join {font-size:1.25em; font-weight:bold; text-align:center;}
*/

.bookmark_icons {text-align:left; font-size:11px;	padding:0 0 15px;}
.bookmark_icons img {padding:0 4px;}
.bookmark_icons ul {margin:0;	padding:0;}
.bookmark_icons ul li {margin:0; padding:0;	display:inline;	list-style:none;}

table#admin_menu {margin:auto; background-color:#E9E9E9; border-collapse:collapse;}
table#admin_menu tr, table#admin_menu td {padding:0;}

table#how_to_forecast {margin:auto; background-color:#E9E9E9; border-collapse:collapse;}
table#how_to_forecast th {font-size:1.25em;}
table#how_to_forecast tr, table#how_to_forecast td {padding:0;}
table#how_to_forecast td.description {padding-top:1em; padding-bottom: 1em; font-size:.7em;}
table#how_to_forecast tr.row {border-top:1pt solid #006;}
table#how_to_forecast td.factor {font-weight:bold;}