body, div, p{font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
body { background: #f0f8ff; margin: 8px; line-height: 18px; color: #4e4e4e; }
p      { color: #4e4e4e; font-size: 14px; line-height: 18px; margin: 12px 60px 16px 16px }
td { }
h4 { color: #4e4e4e; font-size: 10px; font-weight: normal; line-height: 12px; margin: 10px }
h5 { color: #4e4e4e; font-size: 11px; font-style: italic; font-weight: normal; line-height: 14px; margin-left: 10px }
h2 { color: #008fc4; font-size: 20px; font-weight: bold; line-height: 24px; margin: 16px }
h3 { color: #008fc4; font-size: 14px; font-weight: bold; line-height: 18px; margin: 16px; margin-bottom: 8px }
a:link  { color: #008fc4; font-weight: normal }
a:visited  { color: #63abc5; font-weight: normal }
a:hover  { color: #008fc4; font-weight: normal }
a.nav:link { color: #fff; font-weight: bold; text-decoration: none }
a.nav:visited { color: #fff; font-weight: bold; text-decoration: none }
a.nav:hover { color: #fff; font-weight: bold; text-decoration: underline }
a.nav:active { color: #fff; font-weight: bold; text-decoration: underline }
a.nav  { font-size: 15px; text-align: center; font-weight: bold;  }
a.smallLink,a.exportLinkSmall{font-size: 8pt;} 
a.selected, a.selected:hover, a.selected:visited {font-weight: bold; color: #008fc4; }
a.cafLink{text-decoration:none;}
a.sortUp, a.sortDown
{
	background-image : url(../media/arrow_sort_up.gif);
	background-repeat: no-repeat;
	background-position: 0 3;
	display: block;
	width: 60px;
	padding-left: 15px;
}
a.sortDown
{
	background-image : url(../media/arrow_sort_down.gif);
}	
ul.partnerNav li a:link  { color: #008fc4; font-weight: normal; font-size: 9pt; }
ul.partnerNav li a:visited  { color: #008fc4; font-weight: normal; font-size: 9pt;  }
ul.partnerNav li.selected a:link  { color: #008fc4; font-weight: bold; font-size: 9pt;  }
ul.partnerNav li.selected a:visited  { color: #008fc4; font-weight: bold }
.errorText, .errorText a{color: Red; font-weight: bold;}
/* buttons */
a.button, a.button:link, a.button:visited, a.button:hover, a.button:active
a.exportButton, a.exportButton:link, a.exportButton:visited, a.exportButton:hover, a.exportButton:active
{
	display: block;
	position: relative;
	float: left;
	background: #fff;
	border: 1px solid #008fc4;
	padding: 1px;
	width: 100px;
	height: 18px;
	text-align: center;
	text-decoration: none;
	color: #63abc5;
}
input.button
{
	color: #63abc5;
	background: #fff;
	border: 1px solid #008fc4;
	padding: 2px;
}
a.button:hover, a.exportButton:hover
{
	color: #008fc4;
}
.upsidedown  { background-image: url('media/upsidedown.gif'); background-repeat: no-repeat; background-position: right top }
.small   { color: #4e4e4e; font-size: 10px; line-height: 12px; margin: 12px }
.image { margin-left: 16px }
/* lists */
ul   { color: #4e4e4e; font-size: 14px; line-height: 20px; list-style-type: square; margin: 8px 32px 16px 32px }
ol  { color: #4e4e4e; font-size: 14px; line-height: 20px; list-style-type: decimal; margin: 8px 32px 16px 32px }
ul.subList
{
	margin: 0px;
	margin-left: -20px;
}
ul.subList li
{
	list-style-type: none;
}
/* text */
.smallGrey { font-size: 8pt; color: #666; }
/* forms */
.input270 { width: 270px; }
.input500 { width: 500px; }
.contactForm
{
	font-size: 10pt;
}
table.contactForm tr td
{
	padding-right: 12px;
	padding-bottom: 12px;
}
.labelValid{ color: #4e4e4e; font-weight: bold;}
.labelInvalid{ color: red; font-weight: bold;}
/* partner area */
.linkHeading
{
	margin-left: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 8px;
	width: 750px;
	background: #f0f8ff;
	font-weight: bold;
}
.linkCopy
{
	width: 750px;
	text-align: center;
}
ul.partnerNav
{
	margin-bottom: 0px;
	margin-left: -24px;
}
* html ul.partnerNav
{
	margin-left: 8px;
	margin-bottom: 12px;
}
ul.reports {margin-left: 0px; }
* html ul.reports {margin-left: 52px; }
ul.partnerNav li
{
	display:inline;
	list-style-type: none;
	padding: 2px;
}
/* reports */
div.filter { font-size: 10pt; margin-left: 18px;}
.partnerReport
{
	margin-left: 18px;
	width: 768px;
	overflow: auto;
	position: relative;
	margin-bottom: 200px;
}
table.partnerReportTable
{
	font-size: 8pt;
	width: 760px;
}
table.partnerReportTable thead tr
{ 
	background: #ccc;
}
table.partnerReportTable thead tr.subHeading th
{
	background: #ddd;
	font-weight: normal;
}
table.partnerReportTable tbody tr
{
	height: 22px;
}
table.partnerReportTable tbody tr td.money, table.partnerReportTable tbody tr td.money
{
	width: 50px;
	text-align: right;
}
table.partnerReportTable tr td.total, table.partnerReportTable tr td.total
{
	text-align: right;
	font-weight: bold;
}
table.partnerReportTable tbody
{
	height: 220px;
	overflow: auto;
	overflow-x: hidden;
}
table.partnerReportTable tr td, table.partnerReportTable tr th
{
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}
/* ie fixes */
* html .partnerReport
{
	height: 400px;
}
* html table.partnerReportTable
{
	width: 750px;
}
* html table.partnerReportTable thead tr
{
	position:relative;
	top: expression(offsetParent.scrollTop - 2);
	left: -1px;
	right: 0px;
	padding: 0px;
}
/* partner contact form */
.partnerContactForm
{
	font-size: 9pt;
	margin-left: -6px;
}
.partnerContactForm tr td
{
	vertical-align:top;
	padding: 2px;
}
/* generic floats */

.floatLeft
{
	position: relative;
	float: left;
}
.floatRight
{
	position: relative;
	float: right;
}
/* reporting tips */
div.reportingTips { width: 760px; }
.reportingTipsNote
{
	margin-left: 18px;
	font-size: 8pt;
	width: 700px;
	border: 1px solid #ddd;
	background-color: #eee; 
	padding: 4px;
}
.reportingTipsTable
{
	width: 720px;
	font-size: 8.5pt;
	border: 1px solid #ddd;
}
.reportingTipsTable thead tr th, .reportingTipsTable tbody tr td
{
	border: 1px solid #ddd;
	padding: 4px;
}
/* tribute donation info */
div.tributeDonationInfo {width: 300px; height: 240px; margin-top:-12px; text-align: center; padding-left:12px; padding-right:12px; font-size: 9pt;}
div.tributeDonationInfo h2 {padding:0px; margin:0px; margin-top:-12px; font-size: 12pt;}
div.tributeDonationInfo a {display: block; margin-top: 28px; }
div.tributeDonationInfo div { padding-top: 12px; text-align: left;}
div.tributeDonationInfo div.label, div.tributeDonationInfo div.labelwide { width: 180px; float: left; }
div.tributeDonationInfo div.labelwide { width: 260px; }
div.tributeDonationInfo div.value { width: 80px; text-align: left;  float: left; padding-left: 6px; }
div.tributeDonationInfo div.wide {width: 260px; font-size: 8pt; margin-top: 12px; text-align: left; }