in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
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 12px 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( '/admin/images/error.png' );
color: #f00;
}
.info {
background-color: #c7f8bd;
background-image: url( '/admin/images/info.png' );
color: #00529b;
}
.success {
background-color: #cfc;
background-image: url( '/admin/images/success.png' );
color: #3c3;
}
.warning {
background-color: #ffc;
background-image: url( '/admin/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 #c7f8bd;
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(/admin/images/icons/star.png) no-repeat 0 5px; }
.matched_population_served h3 { background: url(/admin/images/icons/chart_pie.png) no-repeat 0 5px; }
.matched_geographic_areas h3 { background: url(/admin/images/icons/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: #00758f;
}
a:visited {
color: #00586b;
}
a:hover {
color: #036;
}
a:active {
color: #036;
}
.primaryColor {
background-color: #00758f;
color: #fff;
}
.primarySideNavPanel {
background-color: #FFF;
color: #000;
}
.secondaryColor {
background-color: #0092b3 !important;
color: #FFFFFF;
}
body {
background: #fff;
color: #000;
}
.tab {
background: #0092b3;
border: 1px solid #00758f;
color: #fff;
}
.xsnazzy h1, .zsnazzy h1 {
border-bottom: 1px solid #00758f;
}
.xb2, .xb3, .xb4 {
border-right: 1px solid #00758f;
}
.xb1 {
background: #00758f;
border-top: 1px solid #00758f;
}
.xboxcontent {
border: 0 solid #00758f;
}
.color_a {
background: #0092b3;
color: #FFFFFF;
}
.color_b {
background: #0092b3;
color: #FFFFFF;
}
.color_c {
background: #0092b3;
color: #FFFFFF;
}
.color_d {
background: #0092b3;
color: #FFFFFF;
}
/* Vertical Level 1 */
#DOTCHE_Module_Menu ul#vertical1 li.active a {
background: transparent;
color: #FFF;
border: 1px solid #00758f;
}
#DOTCHE_Module_Menu ul#vertical1 a {
border: 1px solid #00758f;
background: #00758f;
color: #fff;
}
#DOTCHE_Module_Menu ul#vertical1 a:hover {
background: transparent;
color: #FFF;
border: 1px solid #00758f;
}
/* Vertical Level 2 */
#DOTCHE_Module_Menu ul#vertical2 li.active a {
background: #00758f !important;
color: #FFF !important;
border: 1px solid transparent !important;
}
#DOTCHE_Module_Menu ul#vertical2 a {
border: 1px solid transparent !important;
background: #FFF !important;
color: #000 !important;
}
#DOTCHE_Module_Menu ul#vertical2 a:hover {
background: #00758f !important;
color: #FFF !important;
border: 1px solid transparent !important;
}
/* Vertical Level 3 */
#DOTCHE_Module_Menu ul#vertical3 li.active a {
background: #FFF;
color: #00586b;
border: 1px solid #00758f;
}
#DOTCHE_Module_Menu ul#vertical3 a {
border: 1px solid #00758f;
background: #FFF;
color: #00758f;
}
#DOTCHE_Module_Menu ul#vertical3 a:hover {
background: #FFF;
color: #00586b;
border: 1px solid #00758f;
}
/* Horizontal Level 1 */
#DOTCHE_Module_Menu ul#horizontal1 li {
background: #00758f;
border: 1px solid #00758f;
}
#DOTCHE_Module_Menu ul#horizontal1 li.active {
background: transparent;
}
#DOTCHE_Module_Menu ul#horizontal1 li.active a {
color: #FFF;
background: transparent;
}
#DOTCHE_Module_Menu ul#horizontal1 a {
color: #fff;
}
#DOTCHE_Module_Menu ul#horizontal1 a:hover {
background: transparent;
color: #FFF;
}
/* Horizontal Level 2 */
#DOTCHE_Module_Menu ul#horizontal2 li {
background: #FFF;
border: 1px solid transparent;
}
#DOTCHE_Module_Menu ul#horizontal2 li.active {
background: #00758f;
}
#DOTCHE_Module_Menu ul#horizontal2 li.active a {
color: #FFF;
background: #00758f;
}
#DOTCHE_Module_Menu ul#horizontal2 a {
color: #000;
}
#DOTCHE_Module_Menu ul#horizontal2 a:hover {
background: #00758f;
color: #FFF;
}
/* Horizontal Level 3 */
#DOTCHE_Module_Menu ul#horizontal3 li {
background: #FFF;
border: 1px solid #00758f;
}
#DOTCHE_Module_Menu ul#horizontal3 li.active {
background: #FFF;
}
#DOTCHE_Module_Menu ul#horizontal3 li.active a {
color: #00586b;
background: #FFF;
}
#DOTCHE_Module_Menu ul#horizontal3 a {
color: #00758f;
}
#DOTCHE_Module_Menu ul#horizontal3 a:hover {
background: #FFF;
color: #00586b;
}
div.outline {
border: 1px solid transparent;
background-color: #0092b3;
}
table.dotcheV3 {
border: 1px solid transparent;
}
table.dotcheV3 th {
background-color: #757575;
border: 1px solid transparent;
}
table.dotcheV3 td {
border: 1px solid transparent;
}
table.dotcheV3 tr.altRowEven {
background: #ececec;
}
table.dotcheV3 tr.altRowOdd {
background: #f3f3f3;
}
a.buttonHi {
color: #FFFFFF;
}
a.buttonOK {
color: #00758f;
}
a.buttonOK:visited {
color: #00586b;
}
a.buttonOK:hover {
color: #036;
}
a.buttonOK:active {
color: #036;
}
h1 {
color: #263238;
}
h2 {
color: #37474f;
}
h3 {
color: #263238;
}
h4 {
color: #37474f;
}
h5 {
color: #263238;
}
h6 {
color: #37474f;
}
hr {
color: #00758f;
}
.bar {
background: #0092b3;
border: 1px solid #00758f;
color: #FFFFFF;
}
.bar a:link {
color: #FFFFFF;
}
.bar a:visited {
color: #FFFFFF;
}
/* ++++++++++++ css/style.css +++++++++++ */
/*-------------------------
Colors
---------------------------
Drk Blue : #051844
Drk Turquoise : #016032
Med Turquoise : #03a557
Lgt Turquoise : #00758f
Drk Gold : #fba410
Lgt Gold : #fcb316
========================================================================
0. HTML RESET
=======================================================================*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{line-height:26px; color:#666666;}
ol,ul,dl{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/*=======================================================================
1. Document Setup
=======================================================================*/
.light_blue_corner {
background: none repeat scroll 0 0 #051844;
/* height: 24px;
padding-left: 5px;*/
}
#dnn_Pane0Title p, #dnn_Pane1Title p, #dnn_Pane2Title p, #dnn_Pane3Title p, #dnn_Pane4Title p, #dnn_Pane5Title p, #dnn_Pane6Title p {
padding:3px;
margin:0;
font-size:15px;
color:#fff;
font-weight:bold;
background-color: #051844;
}
.page_title {
background: none repeat scroll 0 0 #051844;
height: 27px;
margin-bottom: 10px;
width: 100%;
color:#FFFFFF;
}
.formField {
color: #545454;
font-size: 12px;
}
a.buttonOK {
background: url("/images/cancel.gif") no-repeat scroll 0 0 transparent;
display: table-cell;
font: bold 12px Arial,Helvetica,sans-serif;
height: 23px;
margin: 5px auto;
padding: 6px 0;
text-align: center;
text-decoration: none;
width: 132px;
}
/*==========Left Menu=========*/
.jcf_SXMenuItem {
background: none repeat scroll 0 0 #00758f;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.82em;
font-weight: bold;
text-align: left;
width: 220px;
border-radius: 10px;
}
.jcf_SXMenuItem A:link, .jcf_SXMenuItem A:visited, .jcf_SXMenuItem A:hover {
color: #051844;
display: block;
padding: 8px 25px;
text-decoration: none;
width:170px;
}
.jcf_SXMenuItem A span {
display: block;
padding: 0 1px 0 4px;
}
.jcf_SXMenuContainer .jcf_SXMenuItem A span {
color: #3bdc8f;
display: block;
font-size: 0.92em;
padding: 0 1px 0 20px;
}
.jcf_SXMenuEnabled A:hover, .jcf_SXMenuSelected A:hover {
background-color: #016032;
color: white;
display: block;
text-decoration: none;
border-radius: 10px;
}
.jcf_SXMenuEnabled {
}
.jcf_SXMenuDisabled {
color: gray;
cursor: default;
}
.jcf_SXMenuSelected {
}
.jcf_SXMenuActive {
background-color: #016032;
color: white;
cursor: default;
padding: 5px 1px 5px 4px;
}
.jcf_SXMenuContainer .jcf_SXMenuActive {
background-color: #016032;
color: #3bdc8f;
cursor: default;
font-size: 0.92em;
padding: 5px 1px 5px 20px;
}
.jcf_SXMenuLink {
}
/*==========End========*/
body {
background: #f9f9f9;
}
.wrap {
margin: 0 auto;
width: 1000px;
}
.wrap:after /* Self Clear */ {
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.divider {
background: #ccc;
height: 1px;
width: 100%;
margin: 30px 0;
}
/* Links & Highlight
=============================================*/
a { text-decoration: none; }
a:hover { color: #016032; }
a:focus { outline: none; }
a:hover,a:active { outline: none; }
::-moz-selection, ::selection { background: #03a557; color: #fff; text-shadow: none; }
a.moreInfo { font-weight: bold; }*/
/* Typography
=============================================*/
input,textarea {
font-family: Arial, sans-serif;
/*font-size: 14px;*/
line-height: 16px;
color: #666;
}
h1 {
color: #051844;
display: block;
font-style: normal;
line-height: 115%;
margin-bottom: 0.8em;
width: 100%;
}
h1 { font-weight: 500; }
h1 {
font-size: 18px;
font-weight: 700;
margin: 18px 0 20px 0;
}
h2,h5,h6 {
border-bottom: 1px solid #CCCCCC;
color: #051844;
display: block;
font-family: "futura-pt",sans-serif;
font-style: normal;
line-height: 115%;
margin-bottom: 0.8em;
width: 100%;
}
h2,h3 { font-weight: 500; }
h4,h5,h6 { font-weight: normal; }
p + h2 { padding-top: 40px;}
h2 { font-size: 28px; font-weight: 400; }
h3 {
font-size: 18px;
font-weight: 700;
/* text-transform: uppercase;*/
color: #051844;
}
h3 span { text-transform: none; font-weight: normal; }
section:not(.faqs) h3 {
border-bottom: 1px solid #ccc;
display: block;
padding-top: 20px;
padding-bottom: 5px;
width: 100%;
}
h4 { font-size: 16px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #051844; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #003366; }
.condensed { font-family: "futura-pt-condensed",sans-serif; }
p { margin-bottom: 1em; }
strong, b { font-weight: 700; }
blockquote {
color: #777;
border-left: 4px solid #016032;
font-size: 14px;
font-weight: bold;
margin: 0 0 0 40px;
padding-left:15px;
display: block;
clear: both;
}
cite {
color: #999;
font-size: 14px;
font-weight: normal;
margin-top: 10px;
}
/* Tables
=============================================*/
/*table tr:nth-of-type(odd) { background: #eee; }
table tr:first-child .emptyCell { background: #fff; }
tr{ border-bottom: 1px solid #ccc; }*/
abbr[title],acronym[title],dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
/*=======================================================================
2. Global Header & Navigation
=======================================================================*/
#mainHead {
background: #fff;
/* font-family: "futura-pt",sans-serif;*/
font-style: normal;
font-weight: 500;
}
#mainHead > .wrap { padding: 4px 0; }
#mainHead .logo { float: left; }
/* Dropdown
=============================================*/
/**** 1st level ****/
ul.dropdown { position: relative; }
ul.dropdown li { float: left; zoom: 1; }
ul.dropdown li a { display: block; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
/**** 2nd level ****/
ul.dropdown ul { position: absolute; top: 100%; visibility: hidden; z-index: 9999; }
ul.dropdown ul li { float: none; width: 100%; }
ul.dropdown ul li a { display: inline-block; /* IE 6 & 7 Needs Inline Block */ width: 100%; }
/**** 3rd level ****/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
.lt-ie9 ul.dropdown ul li { display: inline; width: 100%; } /* IE Dropdown Fix */
/* Main Navigation
=============================================*/
.mainNav {
background: #00758f;
font-size: 15px;
/*text-transform: uppercase;*/
}
.mainNav li a { padding: 10px 12px; }
/**** Site Nav ****/
.siteNav li a {
border-right: 1px solid #003366;
color: #fff;
}
.siteNav li:last-child a { border-right: none; }
/**** Add active state to main menu*****/
/*Funds & Foundations*/.parent-pageid-5 .siteNav li:nth-child(1),.parent-pageid-10 .siteNav li:nth-child(1), .parent-pageid-30 .siteNav li:nth-child(1),
/*Granting*/.parent-pageid-42 .siteNav li:nth-child(2),
/*Legacy*/.parent-pageid-57 .siteNav li:nth-child(3), .parent-pageid-60 .siteNav li:nth-child(3), .parent-pageid-64 .siteNav li:nth-child(3), .parent-pageid-70 .siteNav li:nth-child(3), .parent-pageid-76 .siteNav li:nth-child(3), .parent-pageid-82 .siteNav li:nth-child(3),
/*Young Funders*/.parent-pageid-88 .siteNav li:nth-child(4), .parent-pageid-91 .siteNav li:nth-child(4), .parent-pageid-96 .siteNav li:nth-child(4),
/*Resources*/.parent-pageid-116 .siteNav li:nth-child(5), .parent-pageid-118 .siteNav li:nth-child(5), .parent-pageid-123 .siteNav li:nth-child(5),
/*Our Story*/.parent-pageid-136 .siteNav li:nth-child(6)
{ background: #016032; }
/* Clear dropdown styles */
.page .siteNav .sub-menu li { background: none; }
/* Add dropdown styles */
.siteNav li.hover, .siteNav li:hover,
.siteNav .sub-menu li.hover, .siteNav .sub-menu li:hover { background: #016032; }
.siteNav { cursor: default; }
.siteNav ul {
background: #03a557;
-moz-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
cursor: pointer;
left: 0;
width: 236px;
}
.siteNav ul li {
border-bottom: 1px solid #016032;
color: #000;
font-weight: normal;
text-transform: none;
}
.siteNav ul li:last-child { border-bottom: none; }
.siteNav ul li a { border-right: none; }
/**** Access Your Account ****/
.mainNav .accessAcc {
background: #fcb316;
float: right;
}
.mainNav .accessAcc ul {
background-color: #fcb316;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb316), to(#fba20f));
background-image: -webkit-linear-gradient(top, #fcb316, #fba20f);
background-image: -moz-linear-gradient(top, #fcb316, #fba20f);
background-image: -o-linear-gradient(top, #fcb316, #fba20f);
background-image: linear-gradient(to bottom, #fcb316, #fba20f);
-moz-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
right: 0;
padding: 10px 10px 8px 10px;
width: 210px;
}
.mainNav .accessAcc li a {
color: #051844;
}
.mainNav .accessAcc ul li a {
border: none;
font-family: sans-serif;
line-height: 20px;
margin: 0;
padding: 0;
text-transform: none;
}
.mainNav .accessAcc .loginForm .loginbutton {
margin-top: -35px;
}
/* Sub Navigation
=============================================*/
.subNav {
color: #999999;
float: right;
font-weight: 400;
margin-top: 10px;
position: relative;
}
.subNav li { float: left; zoom: 1; }
.subNav a { display: block; }
/**** 2nd level off ****/
.subNav ul { position: absolute; top: 100%; visibility: hidden; z-index: 9999; }
.subNav ul li { float: none; width: 100%; }
.subNav ul li a { display: inline-block; /* IE 6 & 7 Needs Inline Block */ width: 100%; }
.subNav .search .icon { background: url(../images/icons/search_off.png) no-repeat center center; padding: 5px 0; cursor: pointer; width: 40px; }
/**** 2nd level on ****/
.subNav .search.on { position: relative; }
.subNav .search.on .icon { background: url(../images/icons/search_on.png) no-repeat center center; }
.subNav .search.on { background: #016032; }
.subNav .search.on ul { background: #016032; visibility: visible; }
.subNav a { color: #999999; }
.subNav ul { right: 0; }
.subNav .phone, .subNav .contact { text-transform: uppercase; padding: 6px 10px; }
.subNav .phone1, .subNav .contact1 { text-transform: none; font-size: 18px; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff") format("woff"); font-style: normal; padding: 6px 10px; }
.subNav .phone2, .subNav .contact2 { text-transform: none; font-size: 12px; font-family: 'sans-serif'; font-style: normal; padding: 6px 10px; color: #fff;border-left-style: solid;border-left-width: 1px; display: block; float: left; line-height: 10px; padding: 0 10px; 5px; }
.subNav img { /*padding: 10px 10px 5px 10px; */}
/* Search Feild
=============================================*/
.subNav .search ul {
-moz-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
-webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
box-shadow: 1px 2px 2px 1px rgba(0,0,0,.25);
padding: 12px 4px 12px 8px;
width: 210px;
}
#searchsubmit {
border: none;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
margin: 0;
padding: 0 5px ;
width: 40px;
}
#s {
border: none;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
font-family: "futura-pt",sans-serif;
font-size: 13px;
margin: 0 -4px 0 0;
padding: 0 8px;
}
/* Sidebar Navigation
=============================================*/
.sidebarNav {
/*font-size: 14px;*/
line-height: 135%;
margin-bottom: 30px;
width: 220px;
}
.sidebarNav li a {
background: #00758f;
border-top: 1px solid #fff;
border-bottom: 1px solid #afd4d7;
color: #051844;
display: block;
padding: 8px 25px;
-webkit-transition: background-color .15s ease-in;
-moz-transition: background-color .15s ease-in;
transition: background-color .15s ease-in;
}
.sidebarNav li:last-child a { border-bottom: none; }
.sidebarNav li:last-child ul a { border-bottom: 1px solid #00838f; }
.sidebarNav li:last-child ul li:last-child a { border-bottom: none; }
.sidebarNav li a.active {
background: #016032;
border-top: 1px solid #00838f;
border-bottom: 1px solid #00838f;
color: #fff;
}
.sidebarNav li:first-of-type a.active { border-top: none; }
.sidebarNav ul ul li:first-of-type a.active, .sidebarNav ul ul li a.active { border-top: 1px solid #00bdc9; }
.sidebarNav ul ul li a {
background: #00afbf;
border-top: 1px solid #00bdc9;
border-bottom: 1px solid #00838f;
color: #fff;
font-size: 12px;
font-weight: normal;
padding: 8px 30px 8px 45px;
}
.sidebarNav ul ul li a.active { background: #00afbf; }
.sidebarNav ul ul li:last-of-type a.active { border-bottom: none; }
.sidebarNav li a.active {
padding-left: 13px;
}
/* Breadcrumb Navigation
=============================================*/
#breadcrumbs {
font-size: 12px;
text-transform: uppercase;
}
#breadcrumbs a { color: #666; }
#breadcrumbs a:hover { color: #999; }
#breadcrumbs a.active { font-weight: bold; }
/*=======================================================================
Main Content
=======================================================================*/
#body {
background: #fff;
margin: 0 auto;
padding:20px 70px 25px 30px;
width: 900px;
padding: 1rem 2.5rem 2rem 1.5rem;
width: 950px;
font-family: Arial,sans-serif;
font-size: 16px;
line-height: 26px;
}
.mainContent {
float: right;
width: 580px;
}
.mainContent strong { color: #555; }
.mainContent img {
/* margin-left: 20px;*/
}
.mainContent ul, .mainContent ol {
margin-bottom: 15px;
margin-left: 40px;
}
.mainContent ul { list-style: circle; }
.mainContent ol { list-style: decimal; }
/* Tables
=============================================*/
table {
border-width: 1px;
/* line-height: 1.125em;*/
margin: 0 0 12px 0;
text-align: left;
padding: 0 5px;
}
table .top {
background: #016032;
color: #fff;
font-weight: bold;
}
table .even { background: #00758f; }
tr { border-bottom: 1px solid #ccc; }
th,td {
padding: 3px;
vertical-align: middle;
text-align: left;
font-size: 1.0em;
white-space: normal;
}
abbr[title],acronym[title],dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
/* Forms
=============================================*/
input[type="text"],input[type="textbox"], input[type="password"], textarea, select {
border: 1px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
padding: 2px;
text-align:top;
}
.loginbutton{
background: url(../images/icons/arrow_right.png) center center no-repeat #051844;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
margin-left: -4px;
width: 40px;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
/**** Login Form ****/
.loginForm {
}
.loginForm input {
margin-bottom: 8px;
width: 100%;
text-transform: uppercase;
}
.loginForm a {
border-bottom: 1px dotted;
float: left;
font-size: 12px;
margin: 0;
line-height: 16px;
margin-bottom: 5px;
}
.loginForm input[type="submit"] {
float: right;
margin-top: -20px;
width: 40px;
}
/*=======================================================================
Sidebar
=======================================================================*/
.sidebar {
float: left;
width: 220px;
/* height:650px;*/
}
#sidebar ul, #sidebar ol, #sidebar dl { }
.sidebar .variable {
background-color: #fba410;
background-image: url(../images/radial_bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffc43c), to(#fba410));/* Safari 4-5, Chrome 1-9 */
background: -webkit-radial-gradient(circle, #ffc43c, #fba410);/* Safari 5.1+, Chrome 10+ */
background: -moz-radial-gradient(circle, #ffc43c, #fba410);/* Firefox 3.6+ */
background: -ms-radial-gradient(circle, #ffc43c, #fba410); /* IE 10 */
color:#051844;
font-family: "futura-pt",sans-serif;
font-size: 17px;
font-weight: bold;
padding: 13px 20px 15px 20px;
}
/*=======================================================================
Footer
=======================================================================*/
#mainFoot {
font-family: "futura-pt",sans-serif;
margin: 0 auto;
padding: 30px 0;
width: 940px;
}
#mainFoot a {
color: #000;
}
.copyright {
color: #000;
font-size: 14px;
}
.copyright .left { float: left; }
.copyright .right { float: right; text-align: right; }
.sitemap {
margin: 10px 0;
}
.sitemap li {
float: left;
font-size: 12px;
font-weight: bold;
line-height: 40px;
margin: 0 12px 20px 0;
text-transform: uppercase;
}
.sitemap li.last { margin-right: 0; }
.sitemap .sub-menu li {
width: 100%;
float: none;
display: block;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 20px;
margin-bottom: 0;
text-transform: none;
}
/*=======================================================================
6. Shortcode
=======================================================================*/
/* Clear Fix
=============================================*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Backgrounds / Gradients
=============================================*/
.gradient, .textwidget {
background-color: #fba410;
background-image: url(images/radial_bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffc43c), to(#fba410));/* Safari 4-5, Chrome 1-9 */
background: -webkit-radial-gradient(circle, #ffc43c, #fba410);/* Safari 5.1+, Chrome 10+ */
background: -moz-radial-gradient(circle, #ffc43c, #fba410);/* Firefox 3.6+ */
background: -ms-radial-gradient(circle, #ffc43c, #fba410); /* IE 10 */
}
/* Columns
=============================================*/
.colLeft { float: left; }
.colRight { float: right; }
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
position: relative;
margin-right: 4%;
float: left;
}
.column-last, .sitemap .menu-item-294 {
margin-right: 0 !important;
clear: right;
}
/* Image Alignment
=============================================*/
img.alignleft {
float: left;
margin: 15px 15px 15px 0;
}
img.alignright {
float: right;
margin: 15px 0 15px 15px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
margin-top: 5px;
}
/* Image replacement
=============================================*/
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.ir br { display: none; }
/* Visability & Hides
=============================================*/
/* Hide for both screenreaders and browsers */
.hidden {
display: none;
visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
|