@CHARSET "UTF-8";

/*  MailFunnel general CSS layout */

/* ============================ BODY Defaults */

body {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  text-align: center;
  background: #7c9dbf;
  font-family: tahoma, arial, tahoma, helvetica;
  font-size: 10pt;
  color: #222233;
  }	

/* ============================ LINKS */

a {
	color: #559922;
	text-decoration: none;
  }
a:visited {
	/* color: #42751c;
	text-decoration: none; */
  }
  
a:hover {
  text-decoration: underline;
  color: #66bb44;
  }

a.listtitle {
  font-weight:  bold;
  padding-left: 17px;
  padding-top: 3px;
  background: url("../img/mf-images.png") 0px -197px no-repeat ;
  }

a.month {
  font-weight:  bold;
  padding-left: 19px;
  padding-top: 3px;
  background: url("../img/mf-images.png") 0px -1298px no-repeat ;
  }

a.threadindex {
  padding-left: 19px;
  padding-top: 3px;
  background: url("../img/mf-images.png") 0px -298px no-repeat ;
  }

a.dateindex {
  padding-left: 19px;
  padding-top: 3px;
  background: url("../img/mf-images.png") 0px 2px no-repeat ;
  }

/* ============================ TEXT STYLES */

h1 {
	font-size: 2.8em;
	margin: 0px ;
	padding: 0px ; 
	text-align: left;
  }

h2 {
  font-size:14pt;
  padding-top:8px;
  margin-top: 0px;
  margin-bottom: 3px;
  }

h3 {
  font-size:13pt;
  padding-top:8px;
  margin-top:0px;
  margin-bottom: 3px;
  color: #444455;
  }

.groupseperator {
  color: #8899cc;
  }

.copyright {
	font-size: 8pt;
	color: #444455;
  }

.supersmall {
  font-size: 7pt;
  color: #555566;
  }
  
.stats,
.listgroupstats {
  font-family: arial;
	font-size: 8pt;
  }

.mediumstats {
  color: #555566;
  font-size:  .85em;
  font-style: italic;
  }

blockquote.reply {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 3px dotted #8899cc;
  background: #f4f4f4;
  }

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  overflow: hidden;
  margin:0;
 }

span.statnum {
  font-weight:  bold;
  color: #444455;
  }

span.statnumlite {
  font-weight:  bold;
  }

span.liststats {
  font-size: .8em;
  color: #444455;
  }

span.listmonth {
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  }

p.addsite {
  color: #444455;
  font-weight: bold;
  }

span.query,
span.range {
  font-weight: bold;
  }

span.searchtitle,
span.strongword {
  font-weight: bold;
  }

/* ============================ PAGE LAYOUT ITEMS */

#page {
  width: 820px;
  background: #ffffff;
  border: 1px solid #666677;
  text-align: left;
  margin: 0px auto;
  }

#pagebody {
  padding: 0px 20px 15px 20px;
  overflow: hidden;
  width: 780px;
  background: #ffffff;
  }

body.MESSAGE #pagebody {
  padding: 0px 20px 5px 20px;
  }

#topbar {
  width: 100%;
  height: 20px;
  background: #d6e2f1;
  border-bottom: 1px solid #9999aa;
  }

#bottombar {
  width: 100%;
  height: 20px;
  background: #d6e2f1;
  vertical-align: middle ;
  text-align: center;
  border-top: 1px solid #9999aa;
  }

div#site_header { 
  overflow: hidden;
  width: 790px;
  padding: 10px;
  }

div#yeararchivecontainer {
  width: 750px;
  margin: 0px auto;
  }

/* ============================ PAGE SPLITTERS */

div#lefthalf {
  width:415px;
  padding-left: 10px;
  text-align: center;
  }

div#righthalf {
  width:315px;
  float:right;
  padding-right:10px;
  text-align: center;
  }
  
/* =========================== AD SPACE */

div.money {
  width: 728px;
  height: 90px;
  margin: 15px auto 0px auto;
  text-align:center;
  vertical-align: middle;
  }

div.moneysky {
  width: 120px;
  height: 600px;
  float: right;
  position: relative;
  top: 0px;
}

iframe {
  border: none;
  padding: 0px;
  margin: 0px;
  }


/* ============================ PAGE HEADER ITEMS */  
  
div#site_logo {
  float:left;
  padding-left: 5px;
  }

img#logoimage {
  border: none;
  }
  
div.current_date {
  padding-bottom:10px; 
  font-size: 1.5em; 
  color: #222233;
  }
  
div#header { 
  padding-right:  0px;
  text-align: right;
  color: #444455;
  margin:auto 0px;
  }

/* ============================ BREADCRUMBS */

div#breadcrumbs {
  width: 100%;
  padding:  2px 0px 2px 0px ;
  background: #f4f7fb;
  border-bottom: 1px solid #bbbbcc;
  border-top: 1px solid #bbbbcc;
  vertical-align: middle;
  }

span#crumbs {
  padding-left: 20px ;
  vertical-align: middle;
  margin:  auto 0px;
  }

span#crumbs .level-0 {
  padding-left: 20px;
  padding-top: 3px;
  background: url("../img/mf-images.png") 0px -1098px no-repeat ;
}

/* ============================ FIELDSETS */

fieldset { 
  border:1px solid #bbbbcc;
  margin-bottom: 20px;
  margin-top:20px;
  color:#444444;
  background: #ffffff;
  text-align: left;
  padding-bottom: 0px;
  padding-top: 0px;
  }

fieldset#search form,
fieldset#groupsearch form,
fieldset#listsearch form,
fieldset#monthsearch form,
fieldset#googlesearch form {
  text-align: center;
  margin: 0px; 
  padding: 15px 0px 20px 0px;
  }

fieldset.yeararchive {
  margin-bottom: 5px;
  }

div#grouplist fieldset {
  margin-bottom: 0px;
  padding-bottom: 10px;
  }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #bbbbcc;
  background: #ffffe5;
  color: #206b92;
  text-align:right;
  }

legend#references,
legend#replies {
  font-weight: bold;
  }

/* ============================ LIST STYLES */

ul {
  list-style-type: none;
  padding-left: 18px; /* for firefox */
  margin:  10px 0px 15px 0px;
  }

fieldset#mostactive li {
  margin-left: 0px; 
  padding-left: 18px;
  padding-top: 3px;
  vertical-align:  top;
  background: url("../img/mf-images.png") 0px -197px no-repeat ;
  }

fieldset#browse li {
  margin-left: 0px; 
  padding-left: 21px;
  padding-top: 3px;
  vertical-align:  top;
  background: url("../img/mf-images.png") 0px -98px no-repeat ;
  }

fieldset.yeararchive li {
  padding-top: 5px;
  }

/* ============================ LINK BUTTONS */

input#search{
  border: 1px solid #bbbbcc;
  color: #555566;
  padding-left: 16px;
  background: url("../img/mf-images.png") 3px -999px no-repeat ;
}

div#requestlist {
  margin: 0px auto 0px auto;
  padding: 4px;
  }

div#contactus {
  border: 1px solid #bbbbcc;
  }
  
div#contactus {
  text-align:left;
  display: inline;
  font-weight: normal;
  padding: 2px 4px 2px 22px;
  margin: 0px;
  background: url("../img/mf-images.png") 3px -397px no-repeat ;
  }
  
/* ============================ MAILING GROUP ITEMS */

div#grouplist {
  width: 750px;
  overflow: hidden;
  text-align: center;
  margin: 0px auto;
  position: relative;
  padding: 5px 0px 10px 0px;
  }

div#browsegroups {
  margin: 5px auto 20px auto;
  width:690px;
  overflow:hidden;
  }

div.groupitems {
  float: left;
  height: 45px;
  width: 305px;
  text-align: center;
  border: 1px solid #ccccdd;
  background: #f4f7fb;
  padding-top: 13px;
  padding-bottom: 15px;
  margin:  22px 0px 0px 25px;
  }

/* ============================ YEAR ARCHIVE TABLES */

fieldset.yeararchive table {
  width: 710px;
  margin: 15px 0px 20px 15px;
  border-spacing: 0px;
  border-bottom: 1px solid #ddddee;
  }

fieldset.yeararchive td {
  border-top: 1px solid #ddddee;
  padding-top: 4px;
  padding-bottom: 3px;
  margin: 0px;
  font-size: 8pt;
  color: #444455;
  }

fieldset.yeararchive td a {
  font-size: 10pt;
  }
  
fieldset.yeararchive legend {
  font-weight: bold;
  }

/* ============================ DATEINDEX TABLE */

table.datelist {
  width: 750px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px auto 10px auto;
  padding: 0px;
  }

table.datelist tr {
  vertical-align: top;
  }
  
table.datelist td {
  border-bottom: 1px solid #ddddee;
  padding-top: 3px;
  padding-bottom: 3px;
  }

table.datelist td.datestamp {
  white-space:nowrap;
  padding-right: 5px;
  padding-left: 5px;
  }

table.datelist td.messageinfo {
  width: 90%;
  }

table.datelist td.dayspacerbottom,
table.datelist td.dayspacertop {
  width: 100%;
  overflow: auto;
  height: 10px;
  }
  
table.datelist td.dayspacertop {
  border: none;
  }
  
table.datelist td.messageday {
  white-space:nowrap;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  color: #555566;
  background: #f4f7fb ;
  border:1px solid #ccccdd;
  margin-bottom: 15px;
  margin-top: 1px;
  padding: 2px;
  }

.datelisttime {
  color: #333333;
  font-size: 9pt;
  }

.datelistsubject {
  font-weight: bold;
  }

.datelistfromname {
  padding-left: 0px;
  color: #888888;
  font-size: 9pt;
  font-style: italic;
  }

/* ============================ LISTMONTH SEARCH SPACE */

div#searchmonth {
  margin: 0px auto;
  width: 750px;
  }

div#searchmonth fieldset {
  border-color:  #bbbbcc;
  padding-right: 0px;
  margin-bottom: 0px;
  margin-top: 15px;
  } 

fieldset#indexmode {
  padding-right: 0px;
  }
 
div#indexcontainer {
  margin:18px auto 24px auto;
  text-align: center;
  }
 
div#threadindex, div#dateindex {
  display:inline;
  background:  #ffffff;
  border: 1px solid #ccccdd;
  font-weight: normal;
  color: #aaaabb;
  padding: 2px 4px 2px 4px; 
  }

div#threadindex {
  padding-left: 22px;
  background: url("../img/mf-images.png") 3px -297px no-repeat ;
  }

div#dateindex {
  padding-left: 22px;
  background: url("../img/mf-images.png") 4px 3px no-repeat ;
  }
  
  div#listmonthheader {
  width: auto;
  overflow: hidden;
  }

div#monthsearchblock {
  width: 445px;
  float: right;
  }

div#indexmode {
  width: 265px; 
  }

/* ============================ INDEX PAGES COMMAND BAR*/

table.commandbar {
  width: 750px;
  margin: 0px auto;
  }
  
table.commandbar tr {
  margin: 0px;
  padding: 0px;
  }
  
table.commandbar td div {
  border: 1px solid #ccccdd;
  padding: 2px 4px 2px 4px;
  font-weight: bold;
  color: #aaaabb;
  background: #ffffe5 url("../img/mf-images.png") top left no-repeat ;
  }

table.commandbar td.linklist {
  border: none;
  background: none;
  font-style: normal;
  font-weight: bold;
  margin-right: 0px;
  margin-left: 0px;
  color: #aaaabb;
  text-align: center;
  width: auto;
  }

table.commandbar td.first,
table.commandbar td.next {
  text-align: left;
  white-space:nowrap;
  width: 5%;
  }

table.commandbar td.last,
table.commandbar td.previous {
  text-align: right;
  white-space:nowrap;
  width: 5%;
  }
  
table.commandbar div.first {
  padding-left: 17px;
  background-position: 0px -898px ;
 }

table.commandbar div.previous {
  padding-left: 15px;
  background-position: 0px -1498px ;
  }

table.commandbar div.next {
  padding-right: 17px;
  background-position: 100% -1398px ;
  }

table.commandbar div.last {
  padding-right: 17px;
  background-position: 100% -1198px ;
  }

 div.commandbarspacer {
  width: 100%;
  overflow: hidden;
  height: 0px;
  }

/* ============================ THREADED INDEX LISTS */

div.threadlist {
  width: 730px;
  margin: 0px auto;
  }

div.threadlist a {
  display: inline-block;
  }

div.threadlist ul {
  margin: 0px;
  padding-left: 18px;
  }

div.threadlist li {
  color: #666677;
  border-top: 1px solid #ccccdd;
  list-style-type: none;
  padding: 3px 0px 3px 20px;
  vertical-align:  top;
  }

div.threadlist ul li {
  border-top: none;
  background: #ffffff url("../img/email_error.png") 0px 4px no-repeat ;
  }

div.threadlist li.first, 
div.threadlist li.single, 
div.threadlist li.reply {
  margin: 0px; 
  padding-left: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align:  top;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  }

div.threadlist li.first, 
div.threadlist li.single {
  background: url("../img/email.png") 0px 4px no-repeat ;
  }
  
div.threadlist li.reply {
  background: url("../img/email_go.png") 0px 3px no-repeat ;
  }

div.threadlist ul.multiple, 
div.threadlist ul.single {
  border: none;
  border-top: 1px solid #ccccdd;
  margin: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
  }

span.threadsubject {
  font-weight: bold;
  }

span.threadsubjectreply {
  font-weight: normal;
  }

span.threadfrom {
  font-size: 9pt;
  font-style: italic;
  color: #666677;
  line-height: 1em;
  }

span.threaddate {
  font-size: 8pt;
  color: #666677;
  line-height: 1em;
  }

 div.threadspacer {
  width: 100%;
  overflow: hidden;
  height: 10px;
  }
  
 div.threadspacerfooter {
  width: 730px;
  overflow: hidden;
  height: 10px;
  border-top: 1px solid #ccccdd;
  margin: 0px auto 0px auto;
  }
  
/* ============================ INDIVIDUAL MESSAGE */
  
div#subjectheader {
  border: 1px solid #bbbbcc;
  border-bottom: none;
  background: #ffffe5;
  padding: 10px 5px 10px 10px;
  }
  
  
div.messagesubject h1 {
  font-size: 13pt;
  font-weight: bold;
  color: #333344;
  }
  
div.messagefrom {
  padding-top: 0px;
  font-size: 10pt;
  color: #666677;
  padding-left: 8px;
  font-weight: bold;
  padding-top: 8px; 
  }
  
div.messagedate {
  font-size: 8pt;
  color: #666677;
  padding-left: 8px;
  }
  
div#messagecontainer {
  float: left; 
  width: 640px;
  margin: 0px 0px 0px 0px; 
  position: relative;
  top: -10px;
  }
  
div#messagebody{
  margin: 0px;
  padding: 20px 10px 10px 10px;
  border-left: 1px solid #bbbbcc;
  border-right: 1px solid #bbbbcc;
  }

div.messagecontrols {
  border: 1px solid #bbbbcc;
  background: #f4f7fb;
  padding: 3px;
  margin: 0px;
  vertical-align: middle;
  display: inline-block;
  width:632px;
  }
  
div.messagecontrols table {
  border-collapse: collapse;
  margin: 0px;
  width: 100%;
  } 
  
div.messagecontrols td {
  text-align: left;
  white-space:nowrap;
  width: 5%;
  }
  
div.messagecontrols td.controlspacer {
  width: 60%;
  }

div.messagecontrols div,
div#author_reply {
  display: inline-block;
  background:  #ffffff;
  border: 1px solid #ccccdd;
  font-weight: normal;
  color: #aaaabb;
  padding: 2px 4px 2px 4px;
  margin: 0px;
  }
  
div.messagecontrols div.dateprev,
div.messagecontrols div.threadprev {
  padding-left: 15px;
  background: #ffffff url("../img/mf-images.png") 0px -1498px no-repeat ;
  margin-right:3px;
  }

div.messagecontrols div.datenext,
div.messagecontrols div.threadnext {
  padding-right: 17px;
  background: #ffffff url("../img/mf-images.png") 100% -1398px no-repeat ;
}

div.messagecontrols div.threadindex {
  padding-left: 22px;
  background: #ffffff  url("../img/mf-images.png") 4px -297px no-repeat ;
  margin-right:3px;
  }

div.messagecontrols div.dateindex {
  padding-left: 22px;
  background: #ffffff  url("../img/mf-images.png") 4px 2px no-repeat ;
  margin-right:3px;
  }

div#author_parent {
  position: relative;
  float: right;
  width: 100%;
  }

div#author_reply {
  position: absolute;
  bottom: -15px;
  right: 5px;
  padding-left: 22px;
  background: #ffffff  url("../img/mf-images.png") 3px -397px no-repeat ;
  }  
  
fieldset#replies span.from,
fieldset#references span.from {
  color:#666677;
  font-size:9pt;
  font-style:italic;
  line-height:1em;
  }

fieldset#replies,
fieldset#references {
  border: 2px solid #ddddee;
  margin-bottom: 0px;
  }

fieldset#replies ul,
fieldset#references ul {
  margin-top: 8px;
  margin-bottom: 12px;
  }
  
  
li.reflink, li.replylink {
  margin: 0px; 
  padding-left: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align:  top;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  }

li.reflink {
  background: url("../img/mf-images.png") 0px -796px no-repeat ;
  }

li.replylink {
  background: url("../img/mf-images.png") 0px -696px no-repeat ;
  }

div#messagebody img {
  padding-right: 3px;
  padding-top: 3px;
  }
  
div#messagebody p {
  color:#666677;
  }

/* =========================== GOOGLE SEARCH */

div#googlesearch {
  width: 740px;
  margin: 0px auto;
  padding:0px;
  }


div#results_cref {
  margin: 0px auto;
  text-align: center;
  }