/* ++++++++++++ css/bt.css +++++++++++ */
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../images/bt.gif) no-repeat bottom}


/* ++++++++++++ jsscript/calendar/calendar-win2k-1.css +++++++++++ */
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


/* ++++++++++++ jsscript/css/dotche.css +++++++++++ */
a.button, a.button:hover {
    background: #e0eaf1;
    border: 1px solid #3e6d8e;
    color: #000;
    display: inline-block;
    padding: 0.4em 1em;
    margin: 0;
    text-decoration: none;
}
a.button:hover {
    background: #3e6d8e;
    border-color: #e0eaf1;
    color: #fff;
}
a.button img {
    vertical-align: text-bottom;
}

a.buttonSave, a.buttonSave:hover {
    background: #e0eaf1;
    border: 1px solid #3e6d8e;
    color: #000;
    display: inline-block;
    padding: 0.4em 1em;
    margin: 0;
    text-decoration: none;
}
a.buttonSave:hover {
    background: #3e6d8e;
    border-color: #e0eaf1;
    color: #fff;
}
a.buttonSave img {
    vertical-align: text-bottom;
}


a.buttonSubmit {
    background: #F0E68C;
    border: 1px solid #3e6d8e;
    color: #000;
    display: inline-block;
    padding: 0.4em 1em;
    margin: 0;
    text-decoration: none;
}
a.buttonSubmit:hover {
    background: #FFD700;
    border-color: 1px solid #3e6d8e;
    color: #000;
}
a.buttonSubmit img {
    vertical-align: text-bottom;
}

a.buttonDelete, a.buttonDelete:hover {
    background: #fcc;
    border: 1px solid #3e6d8e;
    color: #000;
    display: inline-block;
    padding: 0.4em 1em;
    margin: 0;
    text-decoration: none;
}
a.buttonDelete:hover {
    background: #faa;
    border-color: #e0eaf1;
    color: #000;
}
a.buttonDelete img {
    vertical-align: text-bottom;
}
.xsnazzy h1, .zsnazzy h1 {
    margin: 0;
    font-size: 1.2em;
    padding: 0 10px 5px 10px;
}
.xsnazzy p, .zsnazzy p {
    margin: 0;
    padding: 5px 10px;
}
.xsnazzy {
    background: transparent;
    float: left;
    margin: 0 3px;
}
.xtop, .xbottom {
    display: block;
    background: transparent;
}
.xb1, .xb2, .xb3, .xb4 {
    display: block;
    overflow: hidden;
}
.xb2, .xb3, .xb4 {
    background: #fff;
    border-left: 1px solid #000099;
}
.xb1 {
    margin: 0 5px;
}
.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3 {
    margin: 0 2px;
}
.xb4 {
    height: 2px;
    margin: 0 1px;
}
.xboxcontent {
    display: block;
    border-width: 0 1px;
    height: auto;
}
* html .xboxcontent {
    height: 1px;
}
/* Vertical Level 1 */
#DOTCHE_Module_Menu ul#vertical1 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#vertical1 li {
    margin: 0;
    padding: 0;
    display: inline;
}
#DOTCHE_Module_Menu ul#vertical1 a {
    display: block;
    padding: 6px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
}
/* Vertical Level 2 */
#DOTCHE_Module_Menu ul#vertical2 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#vertical2 li {
    margin: 0;
    padding: 0;
    display: inline;
}
#DOTCHE_Module_Menu ul#vertical2 a {
    display: block;
    padding: 6px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
}
/* Vertical Level 3 */
#DOTCHE_Module_Menu ul#vertical3 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#vertical3 li {
    margin: 0;
    padding: 0;
    display: inline;
}
#DOTCHE_Module_Menu ul#vertical3 a {
    display: block;
    padding: 6px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
}
/* Horizontal Level 1 */
#DOTCHE_Module_Menu ul#horizontal1 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#horizontal1 li {
    float: left;
    margin: 10px 2px 0 2px;
    border-bottom: 0;
}
#DOTCHE_Module_Menu ul#horizontal1 li.active a {
    font-weight: bold;
}
#DOTCHE_Module_Menu ul#horizontal1 a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 6px;
}
/* Horizontal Level 2 */
#DOTCHE_Module_Menu ul#horizontal2 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#horizontal2 li {
    float: left;
    margin: 10px 2px 0 2px;
    border-bottom: 0;
}
#DOTCHE_Module_Menu ul#horizontal2 li.active a {
    font-weight: bold;
}
#DOTCHE_Module_Menu ul#horizontal2 a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 6px;
}
/* Horizontal Level 3 */
#DOTCHE_Module_Menu ul#horizontal3 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#DOTCHE_Module_Menu ul#horizontal3 li {
    float: left;
    margin: 10px 2px 0 2px;
    border-bottom: 0;
}
#DOTCHE_Module_Menu ul#horizontal3 li.active a {
    font-weight: bold;
}
#DOTCHE_Module_Menu ul#horizontal3 a {
    float: left;
    display: block;
    text-decoration: none;
    padding: 6px;
}
table.dotcheV3 th {
    font: bold 14px arial, helvetica, sans-serif;
    text-align: center;
    padding: 5px;
}
table.dotcheV3 td {
    padding: 5px;
}
a.buttonCancel {
    background: transparent url(../images/cancel.gif) no-repeat 0 -72px;
    color: #797979;
    display: table-cell;
    font: bold 100% Arial, Helvetica, sans-serif;
    height: 28px;
    margin: 5px auto;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 132px;
}
a.buttonHi {
    background: transparent url(../images/cancel.gif) no-repeat 0 -36px;
    display: table-cell;
    font: bold 100% Arial, Helvetica, sans-serif;
    height: 28px;
    margin: 5px auto;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 132px;
}
a.buttonOK {
    background: transparent url(../images/cancel.gif) no-repeat 0 0px;
    display: table-cell;
    font: bold 100% Arial, Helvetica, sans-serif;
    height: 28px;
    margin: 5px auto;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 132px;
}
a.captions:hover {
    color: #000 !important;
    text-decoration: none;
}
a.noLine {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0 0 0;
    padding: 0;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 14px;
}
h4 {
    font-size: 12px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
.editPanelButton {
    background: #7c848e;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
}
.errorBack {
    color: #e55411;
    font-size: 16px;
    text-decoration: none;
}
.formField {
    color: #545454;
    font-size: 10px;
}
.formLabel {
    color: #545454;
    font-size: 11px;
    font-weight: bold;
}
.frameAcceptButton {
    background: #008000;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
}
.frameBlock {
    border: 1px dashed #f00;
    font-size: 8pt;
    z-index: 0;
}
.frameDiscardButton {
    background: #f00;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #ffffff;
    font: 11px Arial, Helvetica, sans-serif;
}
.frameExitButton {
    background: #00f;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
}
.framePreviewButton {
    background: #ffff00;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #000;
    font: 11px Arial, Helvetica, sans-serif;
}
.framePreviewCancelButton {
    background: #ffa500;
    border-bottom: 2px outset #6e7e8e;
    border-left: 2px outset #4f5c68;
    border-right: 2px outset #4f5c68;
    border-top: 2px outset #6e7e8e;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
}
.listItem {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}
.listItemBox {
    border-bottom: 1px dotted #85c70e;
    border-top: 1px dotted #85c70e;
    color: #e55411;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    text-decoration: none;
}
.repeatedFrameBlock {
    border: 1px dashed #ccc;
    z-index: 0;
}
.ssiFrameBlock {
    border: 1px dashed #00f;
    z-index: 0;
}
.action_container {
    padding: 0 40%;
}
#notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.error, .info, .success, .warning {
    border: 1px solid;
    padding: 0.5em;
    padding-left: 4em;
    background-repeat: no-repeat;
    background-position: 0.5em center;
}
.error {
    background-color: #fcc;
    background-image: url( '../images/error.png' );
    color: #f00;
}
.info {
    background-color: #bde5f8;
    background-image: url( '../images/info.png' );
    color: #00529b;
}
.success {
    background-color: #cfc;
    background-image: url( '../images/success.png' );
    color: #3c3;
}
.warning {
    background-color: #ffc;
    background-image: url( '../images/warning.png' );
    color: #9f6000;
}
.error img, .info img, .success img, .warning img {
    float: right;
    vertical-align: middle;
}
.required {
    cursor: help;
}
.button_container {
    margin: 1em 0;
    overflow: auto;
}
a.button, a.button:hover {
    background: #e0eaf1;
    border: 1px solid #3e6d8e;
    color: #000;
    display: inline-block;
    padding: 0.4em 1em;
    margin: 0;
    text-decoration: none;
}
a.button:hover {
    background: #3e6d8e;
    border-color: #e0eaf1;
    color: #fff;
}
a.button img {
    vertical-align: text-bottom;
}
.jqifade {
    position: absolute;
    background-color: #aaa;
}
div.jqi {
    background-color: #fff;
    border: solid 3px #BDE5F8;
    font-size: 11px;
    padding: 7px;
    position: absolute;
    text-align: left;
    width: 600px;
}
div.jqi .jqicontainer {
    font-weight: bold;
}
div.jqi .jqiclose {
    position: absolute;
    top: 4px;
    right: -2px;
    width: 18px;
    cursor: default;
    color: #bbb;
    font-weight: bold;
}
div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444;
}
div.jqi .jqibuttons {
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eee;
    background-color: #f4f4f4;
}
div.jqi button {
    background-color: #2f6073;
    border: solid 1px #f4f4f4;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 0 10px;
    padding: 3px 10px;
}
div.jqi button:hover {
    background-color: #728a8c;
}
div.jqi button.jqidefaultbutton {
    background-color: #bf5e26;
}
.jqiwarning .jqi .jqibuttons {
    background-color: #bf5e26;
}

.org_match h2 { clear: left; margin: 1em 0 0; }
.org_match p { margin: 0; }
.org_match_areas { background: #dedcdc; list-style: none; overflow: auto; }
.org_match_areas li ul { float: left; width: 155px; list-style: none; }
.org_match_areas li ul li { padding-left: 26px; }
.org_match_areas h3 { font-size: 1.2em; padding-left: 26px; }
.matched_interest_areas h3 { background: url(../images/star.png) no-repeat 0 5px; }
.matched_population_served h3 { background: url(../images/chart_pie.png) no-repeat 0 5px; }
.matched_geographic_areas h3 { background: url(../images/map.png) no-repeat 0 5px; }
#pager { margin-left: 0; padding-left: 0; white-space: nowrap; }
#pager li { display: inline; list-style-type: none; }
#pager a { padding: 3px 10px; }
#pager a:link, #pager a:visited { background-color: #036; color: #fff; text-decoration: none; }
#pager a:hover { color: #fff; background-color: #369; text-decoration: none; }
#ecommerce_step_selected { font-weight: bold; }


/* ++++++++++++ jsscript/dynamic.cgi +++++++++++ */

#horiz { padding-left: 10px; }

.editButtons {
	background-color:#FFD700;
	font-weight:bold;	
	padding: 10px;
}

a {
    color: #000;
}
a:visited {
    color: #000;
}
a:hover {
    color: #3D5871;
}
a:active {
    color: #3D5871;
}
.primaryColor {
    background-color: #6882B8;
    color: #FFFFFF;
}
.primarySideNavPanel {
    background-color: #DEDCDC;
    color: #011F5B;
}
.secondaryColor {
    background-color: #DEDCDC !important;
    color: #FFFFFF;
}
body {
    background: #FFFFFF;
    color: #000000;
}
.tab {
    background: #DEDCDC;
    border: 1px solid #6981A9;
    color: #FFFFFF;
}
.xsnazzy h1, .zsnazzy h1 {
    border-bottom: 1px solid #6981A9;
}
.xb2, .xb3, .xb4 {
    border-right: 1px solid #6981A9;
}
.xb1 {
    background: #6981A9;
    border-top: 1px solid #6981A9;
}
.xboxcontent {
    border: 0 solid #6981A9;
}
.color_a {
    background: #DEDCDC;
    color: #FFFFFF;
}
.color_b {
    background: #DEDCDC;
    color: #FFFFFF;
}
.color_c {
    background: #DEDCDC;
    color: #FFFFFF;
}
.color_d {
    background: #DEDCDC;
    color: #FFFFFF;
}
/* Vertical Level 1 */
#DOTCHE_Module_Menu ul#vertical1 li.active a {
    background: #FFFFFF;
    color: #6882B8;
    border: 1px solid #FFFFFF;
}
#DOTCHE_Module_Menu ul#vertical1 a {
    border: 1px solid #FFFFFF;
    background: #000000;
    color: #FFFFFF;
}
#DOTCHE_Module_Menu ul#vertical1 a:hover {
    background: #FFFFFF;
    color: #6882B8;
    border: 1px solid #FFFFFF;
}
/* Vertical Level 2 */
#DOTCHE_Module_Menu ul#vertical2 li.active a {
    background: #EBEBEB !important;
    color: #4E4E4E !important;
    border: 1px solid #DEDCDC !important;
}
#DOTCHE_Module_Menu ul#vertical2 a {
    border: 1px solid #DEDCDC !important;
    background: #DEDCDC !important;
    color: #FFFFFF !important;
}
#DOTCHE_Module_Menu ul#vertical2 a:hover {
    background: #EBEBEB !important;
    color: #4E4E4E !important;
    border: 1px solid #DEDCDC !important;
}
/* Vertical Level 3 */
#DOTCHE_Module_Menu ul#vertical3 li.active a {
    background: #FFFFFF;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
#DOTCHE_Module_Menu ul#vertical3 a {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    color: #6882B8;
}
#DOTCHE_Module_Menu ul#vertical3 a:hover {
    background: #FFFFFF;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
/* Horizontal Level 1 */
#DOTCHE_Module_Menu ul#horizontal1 li {
    background: #000000;
    border: 1px solid #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal1 li.active {
    background: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal1 li.active a {
    color: #6882B8;
    background: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal1 a {
    color: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal1 a:hover {
    background: #FFFFFF;
    color: #6882B8;
}
/* Horizontal Level 2 */
#DOTCHE_Module_Menu ul#horizontal2 li {
    background: #DEDCDC;
    border: 1px solid #DEDCDC;
}
#DOTCHE_Module_Menu ul#horizontal2 li.active {
    background: #EBEBEB;
}
#DOTCHE_Module_Menu ul#horizontal2 li.active a {
    color: #4E4E4E;
    background: #EBEBEB;
}
#DOTCHE_Module_Menu ul#horizontal2 a {
    color: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal2 a:hover {
    background: #EBEBEB;
    color: #4E4E4E;
}
/* Horizontal Level 3 */
#DOTCHE_Module_Menu ul#horizontal3 li {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal3 li.active {
    background: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal3 li.active a {
    color: #FFFFFF;
    background: #FFFFFF;
}
#DOTCHE_Module_Menu ul#horizontal3 a {
    color: #6882B8;
}
#DOTCHE_Module_Menu ul#horizontal3 a:hover {
    background: #FFFFFF;
    color: #FFFFFF;
}
div.outline {
    border: 1px solid #E1E1E1;
    background-color: #DEDCDC;
}
table.dotcheV3 {
    border: 1px solid #E1E1E1;
}
table.dotcheV3 th {
    background-color: #6981A9;
    border: 1px solid #E1E1E1;
}
table.dotcheV3 td {
    border: 1px solid #E1E1E1;
}
table.dotcheV3 tr.altRowEven {
    background: #E1E1E1;
}
table.dotcheV3 tr.altRowOdd {
    background: #E1E1E1;
}

a.buttonHi {
    color: #FFFFFF;
}
a.buttonOK {
    color: #000;
}
a.buttonOK:visited {
    color: #000;
}
a.buttonOK:hover {
    color: #3D5871;
}
a.buttonOK:active {
    color: #3D5871;
}
h1 {
    color: #3D5871;
}
h2 {
    color: #4E4E4E;
}
h3 {
    color: #3D5871;
}
h4 {
    color: #4E4E4E;
}
h5 {
    color: #3D5871;
}
h6 {
    color: #4E4E4E;
}
hr {
    color: #6981A9;
}
.bar {
    background: #DEDCDC;
    border: 1px solid #6981A9;
    color: #FFFFFF;
}
.bar a:link {
    color: #FFFFFF;
}
.bar a:visited {
    color: #FFFFFF;
}


/* ++++++++++++ css/style.css +++++++++++ */
body {
	margin: 0px;
	background: #FFF url(../images/FullBGSlice.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {border: none;}
h2 { font-size: 14px; }
a, a:visited{color:#6981a9;}
a:hover{color:#3d5871;}
.ColoredTxt {color:#6981a9;}
.darkColoredTxt {color:#3d5871;}
a.ColoredTxt, a:visited.ColoredTxt{
	color:#6981a9;
}
a.darkColoredTxt, a:visited.darkColoredTxt{
	color:#3d5871;
}
a:hover.ColoredTxt{color:#3d5871;}
#loginForm div input {
	/*height:14px;*/
	width: 140px;
	font-size:10px;
}

.myaccountNav { 
  font-weight:bold;
  text-decoration:none;
  font-size:8pt;
}

.listItemBox { border:0; }

.incomplete { font-weight: bold; background-color: #ebebeb;}

#DOTCHE_Module_Menu ul#horizontal3 li {
margin:0;
}

/*HR hack to display an image as an HR in all major browsers*/
div.hr {background:url(../images/HR_WhiteElement.gif) repeat-x scroll center; height: 9px;}
div.hr hr {display: none}

/*Menu Tabs And Drop Downs*/

#headerTabs ul#horizontal3 li.active a {
background:transparent url(../images/tabright1.gif) no-repeat scroll right top;
color:#4E4E4E;
display:block;
float:left;
font-weight:bold;
padding:5px 15px 4px 6px;
}

#headerTabs ul#horizontal3 li.active a:hover {
background:transparent url(../images/tabright1.gif) no-repeat scroll right top;
color:#011F5B;
display:block;
float:left;
font-weight:bold;
padding:5px 15px 4px 6px;
}

#headerTabs ul#horizontal3 li a {
background:transparent url(../images/tabright1.gif) no-repeat scroll right top;
color:#4E4E4E;
display:block;
float:left;
font-weight:bold;
padding:5px 15px 4px 6px;
}

#headerTabs ul#horizontal3 li a:hover {
background:transparent url(../images/tabright1.gif) no-repeat scroll right top;
color:#011F5B;
display:block;
float:left;
font-weight:bold;
padding:5px 15px 4px 6px;
}

/*Clear these for because dot.che creates them...*/
#headerTabs ul, #headerTabs li {line-height:1.2em;}

#headerTabs {
	  float:left;
	  width:100%;
	  font-size:80%;
	  line-height:normal;
	  position:relative;
	  z-index:97;
  }
#headerTabs ul {
	  margin:0;
	  padding:0;
	  list-style:none;
  }
#headerTabs li {
  float:left;
  display:inline;
  position:relative;
  margin:0;
  padding:0;
  }

#headerTabs a {
  float:left;
  background:url(../images/tableft1.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 2px;
  text-decoration:none;
  }
#headerTabs a span {
  float:left;
  display:block;
  background:url(../images/tabright1.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#4e4e4e;
  font-weight:bold;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headerTabs a span {float:none;}
/* End IE5-Mac hack */
#headerTabs a:hover span {color:#4e4e4e;}
#headerTabs a:hover {background-position:0% -42px;}
#headerTabs a:hover span {background-position:100% -42px;}
#headerTabs #current a {background-position:0% -42px;}
#headerTabs #current a span {background-position:100% -42px;}
#headerTabs ul ul {width:200px;}
#headerTabs ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:202px;border-top:1px solid #FFF;}
#headerTabs ul ul.rightDrop {visibility:hidden;position:absolute;height:0;top:21px;left:-120px; width:202px;border-top:1px solid #FFF;}
#headerTabs ul ul a, #headerTabs ul ul a:visited {background:#d5dce5; color:#4e4e4e; font-weight:bold; height:auto; line-height:1.5em; padding:5px 10px; width:180px;border:1px solid #FFF;border-width:0 1px 1px 1px;}
#headerTabs ul ul a:hover{color:#fff; background:#627d96;}
#headerTabs ul li:hover ul, #headerTabs ul a:hover ul{visibility:visible; }

#headerTabs table {position:absolute; top:0; left:0; border-collapse:collapse;}
#headerTabs ul ul a.drop, #headerTabs ul ul a.drop:visited {background:#c0ccda url(../images/menuDrop.gif) bottom right no-repeat;}
#headerTabs ul ul a.drop:hover{background:#627d96 url(../images/menuDrop.gif) bottom right no-repeat;}
#headerTabs ul ul :hover > a.drop {background:#627d96 url(../images/menuDrop.gif) bottom right no-repeat;color:#FFF;}
#headerTabs ul ul ul a, #headerTabs ul ul ul a:visited {background:#CCC;}
#headerTabs ul ul ul a:hover {background:#666;}
#headerTabs ul ul ul{left:201px; top:-1px; width:202px;}
/* For specific menu items (affiliates), open left */
#headerTabs ul ul ul.left {left:-201px;}
#headerTabs ul ul ul#id_295 {left:-201px;}
#headerTabs ul ul ul#id_301 {left:-201px;}
#headerTabs ul ul ul#id_311 {left:-201px;}
#headerTabs ul ul ul#id_303 {left:-201px;}
#headerTabs ul ul ul#id_305 {left:-201px;}
/* End special case opening */
#headerTabs ul ul li:hover ul, #headerTabs ul a:hover ul{visibility:visible; }
#headerTabs ul :hover ul ul{visibility:hidden;}
#headerTabs ul :hover ul :hover ul{ visibility:visible;}
#headerTabs #current ul a.drop, #headerTabs #current ul a.drop:visited {background:#c0ccda url(../images/menuDrop.gif) bottom right no-repeat;}
#headerTabs #current ul a.drop:hover{background:#627d96 url(../images/menuDrop.gif) bottom right no-repeat;}
#headerTabs #current ul :hover > a.drop {background:#627d96 url(../images/menuDrop.gif) bottom right no-repeat;color:#FFF;}

#DC_MainContentArea p {line-height:18px;}
#DC_MainContentArea table tr td { font-size:12px;}
#DC_MainContentArea table tr td p { margin:0px;}

/*REPLACING VALUES FOR DYNAMIC.CGI*/
.bar {
	background:url(../images/Sub_HeaderBG.png) repeat-x #FFFFFF;
    /*background: #D8B980;*/
    border: 0px;
	height:29px;
	line-height:29px;
	padding-left:20px;
    color: #FFFFFF;
}
.projectSubcat {padding-left:20px;}

#PA_UpdateInfo .sectionTitle   {font-size: 14px; color: #3D5871; font-weight:bold;}
#PA_UpdateInfo .textboxDiv span {
	display: block;
	background: #6981A9;
	width: 395px;
	padding: 4px; }
#PA_UpdateInfo .textboxDiv span input {
	border: 1px solid #3D5871;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
    width: 385px;}

#DOTCHE_Module_site_SessionTracker, #notification {display:none;}
/*NEWS TICKER FOR RSS*/
.tickercontainer {
    width: 520px; 
    height: 27px; 
    margin: 0; 
    padding: 0
    overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 8px;
    width: 500px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 530px;
    font: bold 12px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    font: bold 12px Verdana;
    margin: 0 50px 0 0;
} 
ul.newsticker span {
    margin: 0 10px 0 0;
} 
#DOTCHE_Module_donor_ProfileMatching h2 { width: 600px; }
#DOTCHE_Module_RSS a { color: #fff !important; }