/* ELEMENT-BASED STYLES */
body, div, p, td, input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    /* background-color: #FFF; */
}

.autoDropShadow {
    -khtml-box-shadow: 3px 3px 0.5em #BBB;
    -moz-box-shadow: 3px 3px 0.5em #BBB;
    -webkit-box-shadow: 3px 3px 0.5em #BBB;
}

body { text-align: center; background-image: url(/images/bg-gradient-top.gif); background-repeat: repeat-x; margin: 0px; padding: 0px; }
/* body table, body table tr, body div { background-color: #F8F8F8; }*/

div, p, td, textarea { text-align: left; }
p { margin-top: 0px; text-align: justify; }

table {
    border: 0px solid black;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    padding: 0px;
}

table tr td { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; }

ul, ol { margin-left: 20px; margin-bottom: 0px; margin-top: 0px; padding-left: 16px; }

textarea { font-family: Courier New, Courier, monospace; }

form { margin-bottom: 0px; }

a { color: #66A; text-decoration: none; }
a:visited { color: #66A; }
a:hover { color: #333; text-decoration: underline; }
a:active { color: #66A; }

a:link img, a:active img, a:visited img { border-color: #000; }
a:hover img { border-color: #F00; }

a.lnkBox { display: block; padding: 10px; font-size: 14pt; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #000; margin: 8px 0px; }
a.lnkBox:visited { color: #000; }
a.lnkBox:hover { color: #00F; background-color: #FFB; text-decoration: underline; }
a.lnkBox:active { color: #000; }

a.lnkGreen { color: #39B54A; }
a.lnkGreen:visited { color: #39B54A; }
a.lnkGreen:hover { color: #39D54A; }
a.lnkGreen:active { color: #39B54A; }

.blurb { min-height: 114px; }

/* MAIN CLASSES */
.divMainPage { width: 900px; margin-left: auto; margin-right: auto; text-align: left; padding-top: 48px; clear: both; } /* position: relative; */
.divTightPage { padding: 24px; }
.divBottomFade { visibility: hidden; text-align: center; background-image: url(/images/bg-gradient-bottom.gif); background-repeat: repeat-x; height: 87px; z-index: 0; }

.divNavBar { height: 27px; background-image: url(/images/gradient-blue.gif); background-repeat: repeat-x; text-align: right; vertical-align: middle; margin-top: 8px; margin-bottom: 16px; }
.divNavBar table { height: 27px; margin-left: auto; }
.divNavBar table tr td.celNavSpacer { border: solid #FFF; border-width: 0px 1px 0px 0px; padding: 0px; font-size: 1px; }
.divNavBar table tr td { vertical-align: middle; color: #FFF; text-align: center; font-weight: bold; padding: 0px 16px; }
.divNavBarShadow { height: 8px; background-image: url(/images/shadow-bottom.gif); margin-bottom: 8px; }
.celLink { cursor: pointer; }
.celLink:hover, .celLinkHover { background-image: url(/images/gradient-orange.gif); }

.imgDivider { margin: 4px 8px 2px 8px; }
.whiteBox { background-color: #FFFFFF; border: solid #AAA; border-width: 1px; padding: 12px; }
.gradBox { background-image: url(/images/gradient-blue-big.gif); background-repeat: repeat-x; border: solid #AAA; border-width: 1px; padding: 12px; }
.autoCenter { margin-left: auto; margin-right: auto; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.font12 { font-size: 12pt; }
.font10 { font-size: 10pt; }
.font8 { font-size: 8pt; }
.blue { color: #1375BC; }
.orange { color: #F57F29; }
.green { color: #39B54A; }
.white { color: #FFFFFF; }
.red { color: #FF0000; }

.redHighlight { color: #600; background-color: #FCC; }
.greenHighlight { color: #060; background-color: #CFC; }

.greenBack { background-color: #39B54A; }
.whiteBack { background-color: #FFFFFF; }

.ZZZgreenGradient { background-image: url(/images/gradient-green.gif); background-repeat: repeat-x; }
.ZZZorangeGradient { background-image: url(/images/gradient-orange.gif); background-repeat: repeat-x; }

.orangeSeparator { background-image: url(/images/orangebar.gif); background-repeat: repeat-x; height: 4px; margin: 6px 0px; }

.divSiteLogin { padding-right: 32px; padding-top: 8px; }
.divSiteControl { border: solid #1375BC; border-width: 1px 0px; padding-top: 8px; padding-left: 24px; }

.divPageFooter { border: solid #1375BC; border-width: 1px 0px 0px 0px; text-align: right; padding-top: 8px; font-size: 8pt; margin-top: 16px; }
.divPageFooter a { color: #888; margin: 0px 8px; }
.divPageFooter a:hover { color: #006; text-decoration: none; }

.tblBox { background-image: url(/images/gradient-blue-big.gif); background-repeat: repeat-x; border: 1px solid #BBB; }
.tblBox tr th { padding: 6px 10px; font-weight: bold; color: #FFF; font-size: 16pt; }
.tblBox tr td { padding: 10px; }

.tblBox2 { border: 1px solid #BBB; }
.tblBox2 tr th { padding: 6px 10px; font-weight: bold; color: #1375BC; font-size: 16pt; }
.tblBox2 tr td { padding: 10px; }

.tblContent { background-color: #FFF; border: 1px solid black; border-collapse: collapse; margin-bottom: 8px; }
.tblContent tr th { background-color: #DDD; padding: 4px 10px; font-weight: bold; border-bottom: 1px solid #000; }
.tblContent tr td { padding: 10px; }

.tblSearchResults { width: 100%; }
.tblSearchResults tr.alternate { background-color: #EEE; }
.tblSearchResults tr.featured { background: url(/images/gradient-green.png) 0 0 repeat-x #FFF; }
.tblSearchResults tr th { padding: 2px 4px 4px; }
.tblSearchResults tr td { padding: 4px 4px; border: solid #DDD; border-width: 0px 0px 1px 0px; }
.tblSearchResults tr.featured td { border-width: 2px 0; border-color: #381; }
.tblSearchResults tr.featured div.featuredLabel { float: right; font-size: 0.9em; font-style: italic; font-weight: bold; color: #060; margin: 2px 2px 0 0; }

.tblLeftRight { border: 0px; border-collapse: collapse; }
.tblLeftRight tr th { border: 0px; color: #000; background-color: #FFF; font-weight: bold; padding: 2px 12px 2px 2px; vertical-align: top; }
.tblLeftRight tr td { padding: 2px 4px; vertical-align: top; }

.tblForm { border: 0px; border-collapse: collapse; }
.tblForm tr td { padding: 2px 4px; border: 0px; }

.tblList { border: 1px solid black; border-collapse: collapse; }
.tblList tr th { font-weight: bold; text-align: center; border: 1px solid black; background-color: #888; color: #FFF; padding: 2px 4px; }
.tblList tr td { padding: 2px 4px; border: 1px solid black;}
.tblList tr td.tblListHeader { padding: 4px 8px; font-weight: bold; }

.tblPages { border: 1px solid black; border-collapse: collapse; }
.tblPages tr th { font-weight: bold; text-align: center; border: 1px solid black; background-color: #EEE; padding: 2px 4px; }
.tblPages tr td { padding: 2px 4px; border: 1px solid black;}

.tblMiddle { width: 100%; }
.tblMiddle td.sidebar { padding-right: 36px; }
.tblMiddle td.main { }

.tblPartners { margin: 16px 32px 32px; }
.tblPartners tr td { padding: 16px 32px; border-bottom: 1px solid #AAA; vertical-align: middle; }
.tblPartners tr td img { border: 0px; }

.progressBar { border: 1px solid black; text-align: center; height: 14px; background-color: #1375BC; color: #FFF; padding: 2px 0px; font-size: 8pt; vertical-align: center; }
.progressBarFiller { border: 0px; text-align: left; height: 14px; padding: 2px 0px; font-size: 8pt; vertical-align: center; margin-left: 4px; }

/*.fbutton { font-size: 9pt; border: 1px solid; border-color: #F8F8F8 #333333 #333333 #F8F8F8; background-color: #EEE; }
.fbutton_hover { border: 1px solid; border-color: #C5C5F8 #000033 #000033 #C5C5F8; background-color: #DDE; cursor: pointer; }*/
input[type=button], input[type=submit], .fbutton { font-size: 12pt; border: 1px solid #1375BD; padding: 0px 6px; height: 24px; vertical-align: middle; color: #1375BC; font-weight: bold; text-transform: uppercase; background: white; font-size: 1em; }
input[type=button]:hover, input[type=submit]:hover, .fbutton:hover, .fbutton_hover { border-color: #1375CD; color: #88F; background-color: #F8F8FF; cursor: pointer; }
.ZZZfbutton { font-size: 12pt; border: 0px; background-image: url(/images/gradient-green.gif); background-repeat: repeat-x; padding: 0px 6px; color: #FFF; font-weight: bold; }
.ZZZfbutton_hover { background-image: url(/images/gradient-green-light.gif); cursor: pointer; }
input[type=text], input[type=password], .ftext { border: 1px solid #333; margin: 1px; padding: 2px; }
.ftext_focus { border: 1px solid #866; background-color: #FFC; margin: 1px; padding: 2px; }
.ftext_ghost { color: #AAA; }
.fselect { border: 1px solid #333; }

.floatLeft { float: left; }
.floatRight { float: right; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignTop { vertical-align: top; }
.alignBottom { vertical-align: bottom; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noPadding { padding: 0px; }
.overclear { clear: both; overflow: hidden; }
.overclear1 { clear: both; overflow: hidden; padding-left: 1px; padding-top: 1px; }

/* SPECIAL CLASSES */
#imgLogo { margin-left: 20px; }
#imgInsignia { margin-left: 20px; }

.cellMainLeft { width: 220px; vertical-align: top; }
.cellMainRight { width: 560px; padding-left: 32px; vertical-align: top; }
.divBreadCrumbs { margin-bottom: 16px; font-weight: bold; border-left: 8px solid #DDD; padding-left: 8px; }

.jsDisabledWarning { position: absolute; top: 0px; left: 0px; padding: 4px; background-color: #FDD; color: #600; border: solid #600; border-width: 0px 1px 1px 0px; font-weight: bold; z-index: 999; width: 600px; }
.divBlog { padding: 16px 0px; border: solid #AAA; border-width: 0px 0px 2px 0px; font: Arial; text-align: justify; }
.divMessage { padding: 8px; border: 1px solid; margin-bottom: 8px; }
.success { color: #030; border-color: #0A0; background-color: #CFC; }
.error { color: #300; border-color: #F00; background-color: #FCC; }
.divEmailView { padding: 8px; border: 1px solid; }

.faqListMain { }
.faqListMain li { margin-bottom: 16px; }

.imgStock { border: 1px solid #006; margin: 0px 8px 8px 0px; cursor: pointer; }
.imgStock:hover { border-color: #F00; }

/* JQUERY OBJECT CLASSES */
/* jPopup styles */
.jPopupDiv { position: absolute; }
.jPopupFade { position: absolute; left: 0; top: 0; background-color: #006; }
.jPopupTitle { padding: 1px 8px 1px 8px; text-align: center; vertical-align: middle; font-weight: bold; border: solid 1px; border-color: #CCBB66 #887700 #887700 #CCBB66; background-color: #DDDDFF; cursor: move; }
.jPopupBody { font-size: 10pt; padding: 16px; border: solid; border-width: 0px 1px 1px 1px; border-color: #BBB #888 #888 #BBB; background-color: #FFF; vertical-align: middle; cursor: default; height: 100%; }
.jPopupButtonContainer { text-align: center; margin-top: 16px; margin-bottom: 8px; }
.jPopupButton { width: 80px; border: 1px solid; border-color: #F8F8F8 #333333 #333333 #F8F8F8; background-color: #EEE; margin-left: 4px; margin-right: 4px; }
.jPopupButtonHover { border-color: #C5C5F8 #000033 #000033 #C5C5F8; background-color: #DDE; cursor: pointer; }

/* jMessage styles */
.jMessageDiv { position: absolute; padding: 8px; border: 1px solid; font-weight: bold; z-index: 5000; }
.jMessageSpan { float: left; }
.jMessageCloseSpan { float: right; }
.jMessageCloseLink:link, .jMessageCloseLink:visited, .jMessageCloseLink:active { color: #600; text-decoration: none; }
.jMessageCloseLink:hover { color: #F00; text-decoration: none; cursor: pointer; }
.jMessageUpdate { border-color: #886600; background-color: #FFEEAA; color: #332200; }
.jMessageSuccess { border-color: #008800; background-color: #DDFFDD; color: #003300; }
.jMessageError { border-color: #880000; background-color: #FFDDDD; color: #330000; }
.jMessageNotice { border-color: #888800; background-color: #FFFFDD; color: #333300; }

/* POPUP CALENDAR CLASSES */
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(/images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    /*width: 140px;*/
    float: left;
}

.wrap1, .wrap2, .wrap3 { display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 { float:left; background:url(/images/shadow.gif) right bottom no-repeat; }
.wrap2 { background:url(/images/corner_bl.gif) left bottom no-repeat; }
.wrap3 { padding:0 4px 4px 0; background:url(/images/corner_tr.gif) right top no-repeat; }
.wrap3 img { display: block; }

/* POPUP LAYER CLASSES */
.divPopup { position: absolute; border: 2px solid; border-color: #AAA #333 #333 #AAA; padding: 0px; background-color: #FFF; }
.divPopupTitle { padding: 2px 4px; border: solid #333; border-width: 0px 0px 1px 0px; color: #000; background-color: #A9D1EA; font-weight: bold; text-align: center; cursor: move; }
.divPopupClose { padding: 2px 4px; border: solid #333; border-width: 0px 0px 1px 1px; color: #FFF; background-color: #A00; font-weight: bold; text-align: center; width: 24px; float: right; position: absolute; right: 0px; }
.divPopupClose:hover, .divPopupCloseHover { background-color: #F00; cursor: pointer; }
.divPopupContent { padding: 8px; overflow-y: auto; position: relative; }

.pgContainer { padding: 20px; border: 1px solid #BBB; }
.pgPhoto { margin-bottom: 8px; }
.pgPhotoCaption { font-weight: bold; text-align: center; margin: 4px; border: 1px solid #BBB; }
.pgPageTitle { padding: 8px; text-align: center; vertical-align: middle; font-size: 18pt; font-weight: bold; }
.pgTitleBox { margin-bottom: 8px; border: 1px solid #BBB; padding-left: 1px; padding-top: 1px; }
.pgTitleBox tr th { padding: 3px 10px; font-weight: bold; font-size: 12pt; }
.pgTitleBox tr td { padding: 10px; }
.pgRaisedTable { width: 100%; }
.pgRaisedTable tr td { padding: 0px 0px 3px; font-weight: bold; }
.pgStartButtonContainer { float: left; margin-bottom: 8px; }
.pgDonateButtonContainer { text-align: right; margin-bottom: 8px; }
.pgProgressContainer { position: relative; min-height: 42px; }
.pgProgressBar { position: absolute; top: 14px; left: 2px; z-index: 1; height: 24px; }
.pgProgressMeter { position: absolute; top: 0; left: 0; z-index: 2; }
.pgPhotoCaption { font-weight: bold; padding: 8px; margin: 8px 0px 16px; }
.pgDonationTable { width: 100%; }
.pgDonationTable tr th { padding: 4px; background-color: #000; color: #FFF; background-image: none; font-size: 80%; }
.pgDonationTable tr td { padding: 6px 4px; border: 1px solid; border-color: #000 #DDD #000 #DDD; }
.pgTitleBar { margin-bottom: 16px; border: 1px solid #BBB; }
.pgTitleBarTable { width: 100%; }
.pgPageCreatedBy { font-weight: bold; background-color: #FFF; color: #000; padding: 8px 12px; border-left: 1px solid #BBB; }
.pgPageCreatedBy div { color: #000; }
#imgPicture { border: 1px solid black; }

a.fbutton { padding: 3px 8px; border: 1px solid #1375BD; color: #1375BC; }
a.fbutton:hover { text-decoration: none; }

/* DATEPICKER */


table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}
table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected:hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #fff;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}