/*
Theme Name: CPF - Summer Sun
Version: 0.9
Theme URI: http://www.freshlabs.de/journal/archives/2005/07/wptheme-summersun/
Author: Tim Isenheim
Author URI: http://www.freshlabs.de
Description: A sunny, widget-ready theme with a centered 730px 2-column layout and a nice set of pixelicons.

License Information:

All files in this theme is released for free under Creative Commons License.
You can redistribute it and/or modify it under the terms of the Attribution-NonCommercial-ShareAlike as published by the Creative Commons License, version 2.5 of the License.
This theme is distributed in the hope that it will be useful, but comes as is, without any warranty and/or without any implied warranty.

See the Creative Commons License (Attribution-NonCommercial-ShareAlike 2.0)
for more details at http://creativecommons.org/licenses/by-nc-sa/2.5/.
*/


/* presentation */

body {
  font: 62.5% "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
  /* font: 62.5% "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif; */
  color: #666;
  background: #dddddd url(images/bkgnd-gradient-bluegray.jpg) repeat-x; /*former: #5aa000, #668800*/
  /* background: #e3f3fa; */
  margin: 0;
  padding: 0;
}

html, body{
  height: 100%;
}

a { color: #0093d0; text-decoration: none; }
/* a:visited { color: #336699; } */
a:hover{ color: #69c; text-decoration: underline; }
a:active { color: #4a9cba; }


.thecontent a, .thecontent p a {  
  /* removed by adam since it applies to images
        background: url(images/dot.gif) repeat-x bottom left;  */
        /* text-decoration: underline; */
}

.underlined a, .underlined p a {  
        text-decoration: underline;
}

#footer a {  
        background: url(images/dot.gif) repeat-x bottom left;
}

/*
.thecontent a:hover{
  background: none;
}
*/

/* added by adam to get rid of image link decorations, but doesn't work in FF
a img, p a img, .thecontent a img, .thecontent p a img { border: none; background: none !important; text-decoration: none; }

img a, p img a, .thecontent img a, .thecontent p img a { border: none; background: none !important; text-decoration: none; }
 */

/* icon after external links */
#blogs a[rel=external], #no-sidebar a[rel=external]{
  background: url(images/icon_external.gif) no-repeat center right;
  padding-right: 13px;
}

#blogs a:hover[rel=external], #no-sidebar a:hover[rel=external]{
  background: url(images/icon_external-h.gif) no-repeat center right;
  padding-right: 13px;
}


/* HTML =TAGS
------------------------------------*/

abbr, acronym { cursor: help; }

code, pre, kbd, samp{
  font-family: "Courier New", Courier, Monospace;
  font-size: 1.0em; /* changed by adam from 1.1em */
  color: #666666;
  padding-left: 3px;
  display: block;
  background: #eee; /* added by adam */
  border: solid 1px #aaa;  /* added by adam */
  padding: 10px;  /* added by adam */
  overflow: auto; /* added by adam to insert textarea */
  width: 90%; /* added by adam to insert textarea (IE) */
  height: 70px; /* added by adam to insert textarea (IE) */
}

/* commented out by adam
pre {
  font-size: 1.1em;
  display: block;
  padding: 5px 0;
  margin: 0;
}
*/

address{
  margin-left: 30px;
}

blockquote{
  color: #666;
  border-left: 7px solid #ccc;
  padding-left: 6px;
  margin-left: 10px;
}

hr.clear{
  visibility: hidden;
  margin: 0;
  padding: 0;
}

div hr { display: none; }

div.hr{
  background: url(images/hr.gif) no-repeat center center;
  height: 20px;
  margin: 5px 0 15px 0;
}

/*---- forms ------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
} 

input, textarea, select{
  font-size: 1.0em;
  background: #D9E8F8;
  border: 1px solid #999;
  padding: 2px;
}

textarea { font-size: 1.4em; }

input:focus, textarea:focus{
  background: #fff;
}

input:hover { background: #ffcc00; color: #333; }

fieldset{
  border: 1px solid #ccc;
  margin: 0;
  padding: 5px;
}

#search fieldset label { display: none; }

input#searchsubmit{
  width: 60px;
  margin: 4px;
  padding: 2px;
}


/* LAYOUT
--------------------------*/

#container{
  padding: 0;
  margin: 0 0 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background: url(images/bkgnd-shadow.png) repeat-y center;
  background: none;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
  
}

  
html>body #container {
  height: auto;
}


#wrapper{
  font-size: 110%;
  width: 830px; /* changed from 730 by adam */
  margin: 0 auto;
  /* background: #fff url(images/bkgnd-content-shadow.jpg) repeat-y 0 center;
  border-top: 5px solid #eeeeee;
  border-bottom: 5px solid #eeeeee; */
  background: #fff;
  border: 2px solid #eeeeee;
  padding-top: 0;
}

#blogheader{
  position: relative;
  background: url(images/cpf-logo-banner.gif) no-repeat center 0;
  width: 100%;
  height: 130px;
}

#titlebar{
  text-align: right;
  margin-right: auto;
  margin-left: auto;
  width: 830px;
}

/* content - contains blogs and sidebar */
#content{}

/* currently needs no styling - free to use as custom hook */
#contentwrapper{}

#blogs{
  float: left;
  width: 620px; /* changed from 520 by adam; should be 620 to accommodate sidebar */
  padding: 0 0 70px 0; 
  /* background: url(images/bg_side-bottom.gif) no-repeat left bottom; */
}

#no-sidebar{ /* added by adam */
  float: left;
  width: 100%; 
  padding: 0 0 70px 0;
  /* background: url(images/bg_side-bottom.gif) no-repeat left bottom; */
}

#sidebar{
  font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
  float: right; /* changed by adam, was left */
  width: 200px; /* changed by adam, was 210 */
  overflow: hidden;
}


/* HEADINGS
-----------------------------------*/

#titlebar a{
  color: #cc9900;
}

#titlebar .skiplink { padding-right: 12px; }

h1#blogtitle {
  margin: 0;
  padding: 0;
}

/* this is for the logo image in place of text */
#blogtitle { position: absolute; top: 34px; left: 55px; font-size: 2.5em; } 
/* for text: #blogtitle { position: absolute; top: 70px; left: 65px; font-size: 2.5em; } */
/* orig: #blogtitle { position: absolute; top: 70px; left: 65px; font-size: 2.3em; } */
/* #blogdescription { position: absolute; top: 100px; left: 65px; font-size: 1.2em; */
#blogdescription { position: absolute; top: 110px; left: 67px; font-size: 1.2em; }

h1#blogtitle a{ color: #3F6F00; } /* added by adam */ 

h2#blogdescription{ color: #333333; }

h2#blogdescription {
  margin: 0;
  padding: 0;
}

#sidebar h2, #sidebar h3{
  margin: 0;
  padding: 6px 0 2px 0;
}

h2.tag, h2.tagline{
  text-align: center;
  color: #036;
  margin-left: 65px;
}

h2.tag     { font-size: 3.0em; }
h2.tagline { font-size: 2.2em; }

h2, h3, h4, h5, h6, #search fieldset legend, #boxed fieldset legend{
  font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
  color: #0093d0;
  margin: 0;
  padding: 16px 0 3px 8px;
}

#sidebar h3, #search fieldset legend, #boxed fieldset legend{
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 6px 0;
  /* padding: 3px 0; */
  /* color: #336699; */
  color: #595959; 
}

.storycontent h4{
  font-size: 1.4em;
}

#blogs p, #no-sidebar p{
  padding: 5px 10px;
  margin: 0;
  font-size: .9em;
}

#blogs .fullcontent, #no-sidebar .fullcontent{
  padding: 0 20px 0 20px;
  background: #fff;
}

.hidden{
  display: none;
}

.clear{
  clear: both;
}


/* POST =STORY
---------------------------------------------------*/

div.postnavigation{
  margin: 0;
  padding: 15px 30px 15px 70px;
  background: url(images/bg_blu.gif) repeat-y left;
}

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

.storytitle, .storytitle a:visited, .storytitle a, .pagetitle, .pagetitle a:visited, .pagetitle a, h3, .storycontent h4{
  font-size: 1.1em;
  color: #595959;
}

h1.storytitle {
  font-size: 2.2em;
}

h2.storytitle {
  font-size: 1.2em;
}

.storytitle {
  /* background: url(images/icon_post.gif) no-repeat 0 2px; */
  margin: 7px 10px 0 50px;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 2px;
  /* color: #0093d0;
  font: normal normal 2.6em Georgia, "Times New Roman", Times, serif; */
  font-size: 2.6em;
  color: #595959;
}

.pagetitle {
  /* background: url(images/icon_post.gif) no-repeat 0 2px; */
  margin: 7px 10px 0 50px;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 2px;
  /* color: #0093d0;
  font: normal normal 2.6em Georgia, "Times New Roman", Times, serif; */
  font-size: 2.6em;
  color: #595959;
}

#blogs div.storycontent div.thecontent h2 {
  font-size: 1.2em;
  color: #666;
}

.storytitle a:hover, .pagetitle a:hover {
  text-decoration: none;
}

.storycontent{
  position: relative;
  margin: 0;
  padding: 5px 0 20px 0;
  background: none repeat-y left;
}

.date, .meta{
  font-size: 1.0em;
}

.thecontent{
  font: 1.2em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif;
  /* font: 1.0em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif; */
  margin: 0 20px 0 50px;
  /* background: #fff added by adam so it works without wrappers */
}

.widecontent{
  font: 1.2em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif;
  /* font: 1.0em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif; */
  margin: 0 5px 0 5px;
  /* background: #fff added by adam so it works without wrappers */
}

body#page #blogs p, body#page #no-sidebar p{ margin-left: 0; padding: 5px 0;}

body#page .storytitle, .pagetitle {
  margin: 7px 10px 0 20px;
}

.storycontent ul, .storycontent ol{
  margin-left: 15px;
  padding: 0;
  /*list-style: square outside;*/
}

.postmeta{
  background: #eff5fb url(images/fade_blue.gif) repeat-y top right;
}

.filedunder{
  float: left;
  text-indent: 12px;
}

.date{
  float: left;
  margin-left: 8px;
  color: #336699;
}

.filedunder a{ font-weight: bold; }
.filedunder a:visited, .filedunder a, .filedunder{ color: #336699;}
.filedunder a:hover{ color: #000; }
.filedunder, .date, #sidebar h3{ line-height: 20px; }

.meta li.permalink{
  background: url(images/icon_permalink.gif) no-repeat 0 2px;
  padding-left: 11px;
  margin: 4px 0 0 0;
}

.meta li.comments{
  background: url(images/icon_comment.gif) no-repeat 0 2px;
  padding-left: 11px;
  margin: 4px 0 0 0;
}

.meta{  
  margin: 0 0 0 50px;
}

.meta ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.meta ul li {
  list-style: none;
  display: inline;
  padding: 0 5px 0 0;
  margin: 0;
}


/* COMMENTS =feedback
----------------------------------------*/

.feedback{
  width: 80%;
  clear: both;
  margin: 10px 20px 10px 55px;
}

h3.comments{
  margin: 0;
  padding: 5px 0;
}

.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist .gravatar{
  border: 1px solid #ccc;
  width: 40px;
  margin: 5px;
}

.comment-head{
  background: url(images/comment_head.gif) no-repeat left center;
  height: 15px;
}

.fullcomment{
  width: 330px;
  background: url(images/comment_foot.gif) no-repeat bottom left;
  padding-bottom: 40px;
  margin: 15px 0 0 15px;
}

.comment-wrapper{
  width: 320px;
  background: #EEF3F9;
}

.comment-content{
  clear: both;
  width: 300px;
  padding: 0 7px;
}


/* =ul , =ol , =li
--------------------------------------*/

#sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#blogs ul, #no-sidebar ul{
  list-style: square inside;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 10px;
}

#blogs ol, #no-sidebar ol { margin-left: 28px; }
#blogs dl, #no-sidebar dl { padding-left: 10px; }
#blogs dt, #no-sidebar dt { font-weight: bold; }

#blogs dl dd, #no-sidebar dl dd{
  margin: 0;
  padding: 2px 2px 4px 12px;
}

/* for post links */
.postlist li{
  list-style: none;
  line-height: 17px;
  background: url(images/icon_paper-blu.gif) no-repeat 0 0;
  padding: 0 0 12px 20px;
}

.latest h3 {
  padding-bottom: 10px;
}

/* for page links (added by adam) */
.pages li{
	list-style: none;
	line-height: 20px;
	background: url(images/icon_post.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
}


/* for external links */
#blogs .linklist li, 
#no-sidebar .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
  list-style: none;
  background: url(images/icon_paper-arrow-out.gif) no-repeat 0 0;
  padding: 3px 0 1px 20px;
}

/* for archived links */
#sidebar ul.archivelist li{
  background: url(images/icon_paper-archive.gif) no-repeat 0 0;
  padding-left: 20px;
  line-height: 20px;
}

#sidebar ul.linklist li{
  margin: 0 0 5px 0;
}

#sidebar ul.linklist br{
  line-height: 10px;
}

#sidebar dl.linklist dd{
  color: #666;
  padding: 0;
  margin: 3px 0 5px 17px;
}


/* =sidebar
--------------------------------------*/

#sidebar ul.sideblocks>li ul.children{
  margin: 0;
  padding: 0 0 0 5px;
}

#sidebar ul.sideblocks { margin: 10px; }
#sidebar ul.sideblocks>li { margin: 10px 0; font: 1.0em/1.4em Tahoma, Arial, Helvetica, sans-serif; }

#sidebar h3 a { color: #6FA7DF; }
#sidebar h3 a:hover { color: #369; }

#sidebar li a { color: #595959; }
#sidebar li a:hover { color: #000; text-decoration: underline; }
#sidebar li { color: #666; }

#sidebar h4{ color: #666; margin: 2px 0 0 0px; padding:0; text-align: left;}

#sidebar p{
  text-align: justify;
  line-height: 1.3em;
  margin: 0;
  padding: 3px 2px;
}

#sidebar #calendar{ padding: 10px 0 0 0; }


/* FOOTER
--------------------------------------------*/

#footer {
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  background: #ffffff;
  clear: both;
  height: 60px; /* change to 110 to fit phone number */
  width: 680px;
  margin: 0 auto;
  padding: 0;
}

#footer ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer .footerinner-a,
#footer .skiplinks{
  float: left;
  padding: 0;
}

#footer .footerinner-a{
  margin: 10px 0 0 20px;
}

#footer .footerinner-b{
  text-align: right;
  float: right;
  margin-right: 20px;
}

#footer .skiplinks{
  padding: 9px 35px;
}

#footer .skiplinks li { display: inline; }

.footerinner-a a { font-weight: bold; }

#footer .footerinner-a ul{  }
#footer .footerinner-a li{ display: inline; margin-right: 5px; }


/* ALIGN
-------------------------------------*/

.alignleft{
  float: left;
}

.alignright{
  float: right;
}

div.float{
  float: left;
  width: 48%;
  margin: 0;
  padding: 0.5%;
}

div.aligncenter{
  margin: 0 auto;
  text-align: center;
}

div.alignleft li{
  padding: 0 0 0 8px;
}


/* IMAGES =IMG
-----------------------------------*/

img.alignleft{
  margin: 0 10px 5px 0;
}

div.alignleft img{
  padding: 8px 18px;
}

img.alignright{
  margin: 0 0 5px 10px;
}

img.bordered{
  border: 2px solid #ccc;
  padding: 1px;
}

img.rssbutton{
  border: none;
  margin: 0;
  padding: 4px 2px 0 2px;
  background: none;
}

#blogs .thumbnails, #no-sidebar .thumbnails{
  width: 400px;
  margin: 0 0 5px 12px;
}

img.thumbnail{
  border: 1px solid #69c;
  margin: 0 3px 3px 0;
}

a:hover img.thumbnail { border: 1px solid #dd6900; }

/* img.a */ 

/* CALENDAR
-----------------------------------------*/

#wp-calendar {
  font-family: Arial, Helvetica, sans-serif ;
  empty-cells: show;
  font-size: 0.95em;
  margin: 8px auto;
  width: 90%;
}

#wp-calendar td a { font-weight: bold; background: #D9E8F8; padding: 2px 4px; }

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
  background: 0 none;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
  background: 0 none;
}

#wp-calendar a {
  display: block;
  text-decoration: none;
  font-weight: bold;
}


#wp-calendar caption {
  color: #dd6900;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}

#wp-calendar td {
  letter-spacing: normal;
  padding: 0 0;
  text-align: center;
}

#wp-calendar #today {
  color: red;
  font-weight: bold;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}


/* NAVI =PAGENAV
-------------------------------------*/

.page-navi{
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
  color: #999999;
  margin: 12px 10px;
}

.page-navi a{
  padding: 0 4px;
  color: #ccc;
  border: 1px solid #ccc;
}

.page-navi a:hover{
  border-color: #999;
  background-color: #999;
  color: #fff;
  text-decoration: none;
}

.page-navi .pageoff{
  padding: 0 4px;
  border: 1px solid #666;
  background-color: #666;
  color: #fff;
}


/* NAVI =MAINNAV
--------------------------------------------------*/

#mainNav {
  font: normal bold 1em Verdana, Arial, Helvetica, sans-serif; 
  /* font: normal bold 1em "Lucida Grande", Arial, Helvetica, sans-serif; */
  text-align: left;
  text-transform: uppercase;
  background: url(images/nav-tab-bkgnd.gif) repeat-x;
  margin-right: auto;
  margin: 0;
  padding: 0;
  width: 830px;
}
  
#mainNav li {
  padding: 5px 0 0;
  margin: 0 0 0 4px;
  border-right: 2px solid #fff;
  float: left;
  list-style-type: none;
  display: block;
  border-top: 1px none #000;
  height: 33px;
}
  
#mainNav ul {
  margin: 0;
  padding-left: 45px;
  padding-bottom: 0;
  display: block;
  float: left;
  padding-top: 0;
}
  
#mainNav li.page_item a {
  color: #ffffff;
  border-right-style: none;
  display: block;
  float: left;
  margin: 0;
  padding: 5px 10px 0;
}
  
#mainNav .page_item a:visited:hover,
#mainNav .page_item a:hover,
#mainNav li.page_item.current_page_item a, /* added by adam to fix IE */
#mainNav .page_item.current_page_item a {
  text-decoration : none;
  color: #333;
  border-right-color: #fff;
}


/* footer-nav (copied and modified from mainNav)
--------------------------------------------------*/

#footer-nav {
  font: 0.95em Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  /* position : relative;
  bottom: 22px;
  left: 56px; */
}
  
#footer-nav li {
  display: inline;
  margin-right: 0;
}
  
#footer-nav ul {
  margin: 0;
  padding: 6px 0;
}
  
#footer-nav li.page_item a {
  padding: 5px 6px;
  /*  color: #ffffff;
  background: #6699cc; */
}
  
#footer-nav .page_item a:visited:hover,
#footer-nav .page_item a:hover,
#footer-nav .page_item.current_page_item a {
  padding : 5px 6px;
  text-decoration : none;
  /* background : #ffcc00;
  color: #333; */
}


/*---- simple clearing ----*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

/* faq settings */

.faq_cat {
  margin-top: 30px;
  border: 1px solid white;
}
.faq_cat_label {
  padding-right: 10px;
  font-weight: bold;
  font-size: 1.2em;
  background: #f5f6f7;
}
.faq_label {
  padding-right: 10px;
  font-weight: bold;
  font-size: 1em;
}
.faq_q {
  margin-top: 10px;
}
.faq_q .faq_q_content {
  margin-left: 10px;
}
.faq_a {
  padding-top: 5px;
  margin-left: 20px;
  padding-left: 5px;
  border-left: 1px solid gray;
}
.faq_ask {
  border-top: 1px solid gray;
  margin-top: 20px;
  padding-top: 20px;
}
.faq_ask textarea {
  width: 95%;
}

/* EoF */

/* Home page 2 col layout styles */

.homeCol1 {
  border: 1px solid #CCC;
  float: left;
  padding: 0px;
  margin: 0px;
  width: 244px;
}
#blogs .homeColWrapper p, #blogs .homeColWrapper ul li {
  font-size: 12px;
  line-height: normal;
}
#blogs .homeColWrapper li {

  list-style-type: disc;

        margin-bottom: 8px;
}

#blogs .homeColWrapper ul {
  margin-left: 10px;
  list-style-position: outside;
  margin-right: 10px;
}


#blogs .homeColWrapper img.homeColimage {
  margin: 0px;
  padding: 0px;
}
.homeCol2 {
  border: 1px solid #CCC;
  width: 244px;
  float: right;
  margin-right: 15px;
}
.homeCol1 h1, .homeCol2 h1 {
  
  margin: 0px;
  padding: 10px 5px 10px 10px;
  font-size: 19px;
}
.homeCol1 h1 {
  background-color: #ffffff; /* #E3F3FA; #def1f9; */
        color: #7ab700; /* #595959; #0093d0; */
}
.homeCol2 h1 {
  background-color: #ffffff; /* #f2f9df; */
        color: #7ab700; /* #7ab700; */
}
#blogs div.homeColWrapper p {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;

}
#blogs div.homeColWrapper h2 {
  padding-left: 10px;
  line-height: normal;
  font-size: 12px;
}
#blogs div.homeColWrapper p a img {
  margin-left: 5px;
}
div.homeColWrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  /* border-top: 1px solid #ccc; */
  padding-top: 20px;
  padding-left: 5px;
  /* border-bottom: 1px solid #ccc; */
}
#blogs div.storycontent div.thecontent div.homeColWrapper h2 {
  color: #383838;
}
.homeCol1, .homeCol2 {
  height: 350px;
}

/* Imported SPT styles */

.small { font-size : 8pt; }

table.white { background-color: #FFF; color: #333; }
tr.white { background-color: #FFF; color: #333; }
th.white { background-color: #FFF; color: #333; }
td.white { line-height: normal; background-color: #FFF; color: #333; }

table.pink { background-color: #FFC0CB; color: #333; }
tr.pink { background-color: #FFC0CB; color: #333; }
th.pink { background-color: #FFC0CB; color: #333; }
td.pink { background-color: #FFC0CB; color: #333; }

table.orange { background-color: #FF9600; color: #FFFFFF; }
tr.orange { background-color: #FF9600; color: #FFFFFF; }
th.orange { background-color: #FF9600; color: #FFFFFF; }
td.orange { background-color: #FF9600; color: #FFFFFF; }

table.lightorange { background-color: #FFE79C; color: #000; }
tr.lightorange { background-color: #FFE79C; color: #000; }
th.lightorange { background-color: #FFE79C; color: #000; }
td.lightorange { background-color: #FFE79C; color: #000; }

table.blue { background-color: #ccc; color: #FFFFFF; }
tr.blue { background-color: #0093d0; color: #FFFFFF; }
th.blue { background-color: #6699CC; color: #FFFFFF; }
td.blue { background-color: #6699CC; color: #FFFFFF; }

table.lightblue { background-color: #99CCFF; color: #333; }
tr.lightblue { background-color: #99CCFF; color: #333; }
th.lightblue { background-color: #99CCFF; color: #333; }
td.lightblue { background-color: #99CCFF; color: #333; }

table.paleblue { background-color: #D6E7F7; color: #333; }
tr.paleblue { background-color: #D6E7F7; color: #333; }
th.paleblue { background-color: #D6E7F7; color: #333; }
td.paleblue { background-color: #D6E7F7; color: #333; }

table.bluebox { 
  background-color: #D6E7F7;
  border: 1px solid #6699CC;
  color: #333;
}

table.whitebox { 
  background-color: #FFFFFF;
  border: 1px solid #6699CC;
  color: #333;
}

table.goldenrod { background-color: #DAA520; color: #333; }
tr.goldenrod { background-color: #DAA520; color: #333; }
th.goldenrod { background-color: #DAA520; color: #333; }
td.goldenrod { background-color: #DAA520; color: #333; }

table.yellow { background-color: #FFE79C; color: #333; }
tr.yellow { background-color: #FFE79C; color: #333; }
th.yellow { background-color: #FFE79C; color: #333; }
td.yellow { background-color: #FFE79C; color: #333; }

table.darkyellow { background-color: #FFCC00; color: #333; }
tr.darkyellow { background-color: #FFCC00; color: #333; }
th.darkyellow { background-color: #FFCC00; color: #333; }
td.darkyellow { background-color: #FFCC00; color: #333; }

table.yellowbox { 
  background-color: #FFE79C;
  border: 1px solid #FFCC00;
  color: #333;
}
tr.yellowbox { 
  background-color: #FFE79C;
  border: 1px solid #FFCC00;
  color: #333;
}
th.yellowbox { 
  background-color: #FFE79C;
  border: 1px solid #FFCC00;
  color: #333;
}
td.yellowbox { 
  background-color: #FFE79C;
  border: 1px solid #FFCC00;
  color: #333;
}
table.lightyellow { background-color: #FFEFBF; color: #333; }
tr.lightyellow { background-color: #FFEFBF; color: #333; }
th.lightyellow { background-color: #FFEFBF; color: #333; }
td.lightyellow { background-color: #FFEFBF; color: #333; }

table.teal { background-color: teal; color: #333; }
tr.teal { background-color: teal; color: #333; }
th.teal { background-color: teal; color: #333; }
td.teal { background-color: teal; color: #333; }

table.navy { background-color: navy; color: #FFFFFF; }
tr.navy { background-color: navy; color: #FFFFFF; }
th.navy { background-color: navy; color: #FFFFFF; }
td.navy { background-color: navy; color: #FFFFFF; }

table.palegreen { background-color: #DEE7DE; color: #333; }
tr.palegreen { background-color: #DEE7DE; color: #333; }
th.palegreen { background-color: #DEE7DE; color: #333; }
td.palegreen { background-color: #DEE7DE; color: #333; }

table.lightgreen { background-color: #C6D7CE; color: #333; }
tr.lightgreen { background-color: #C6D7CE; color: #333; }
th.lightgreen { background-color: #C6D7CE; color: #333; }
td.lightgreen { background-color: #C6D7CE; color: #333; }

table.darkgreen { background-color: #668604; color: #FFFFFF; }
tr.darkgreen { background-color: #668604; color: #FFFFFF; }
th.darkgreen { background-color: #668604; color: #FFFFFF; }
td.darkgreen { background-color: #668604; color: #FFFFFF; }

table.green { background-color: #7AB700; color: #333; }
tr.green { background-color: #7AB700; color: #333; }
th.green { background-color: #7AB700; color: #333; }
td.green { background-color: #7AB700; color: #333; }

table.greenbox {
    color: #000;
    background-color: #ddeea8;
    padding: 10px;
    border: 1px solid #ccc;
} 
td.greenbox { 
  background-color: #D6EA99;
  border: 1px solid #FFFFFF;
  color: #333;
}

th.greenbox { 
  background-color: #D6EA99;
  border: 1px solid #FFFFFF;
  color: #333;
}

table.maroon { background-color: #940000; color: #FFFFFF; }
tr.maroon { background-color: #940000; color: #FFFFFF; }
th.maroon { background-color: #940000; color: #FFFFFF; }
td.maroon { background-color: #940000; color: #FFFFFF; }

table.gray { background-color: #EEEEEE; color: #333; }
tr.gray { background-color: #EEEEEE; color: #333; }
th.gray { background-color: #EEEEEE; color: #333; }
td.gray { background-color: #EEEEEE; color: #333; }

table.darkgray { background-color: #BBB; color: #000; }
tr.darkgray { background-color: #BBB; color: #000; }
th.darkgray { background-color: #BBB; color: #000; }
td.darkgray { background-color: #BBB; color: #000; }

table.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
tr.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
th.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}
td.graybox { background-color: #EEEEEE; border: 1px solid #D9D9D9; color: #333;}

table.darkgraybox { 
  background-color: #D9D9D9;
  border-top: 1px solid #EEEEEE;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #EEEEEE;
  color: #333;
}

table.grid { 
  background-color: #FFF;
  border: outset 1pt #ddd;
  border-collapse: collapse;
  empty-cells: show;
  color: #000;
}

tr.grid { border: inset 1pt #ddd; }

td.grid { border: inset 1pt #ddd; }