html, body { position:relative; height:100%; }
BODY  { font-size:14pt; font-family:Arial,Helvetica,sans-serif; color:#000000;}
TD  { font-size:14pt; font-family:Arial,Helvetica,sans-serif; color:#000000;}
TH  { font-size:14pt; font-family:Arial,Helvetica,sans-serif; color:#000000; font-weight:bold;}
A,A:Visited,A:Active,A:Hover  { color:#990000; /*text-decoration:underline;*/}
A.navlinks3,A.navlinks3:Visited,A.navlinks3:Active { text-decoration:none;}
A.navlinks3:Hover { text-decoration:underline;}
A.navlinks4,A.navlinks4:Visited,A.navlinks4:Active { text-decoration:none;}
A.navlinks4:Hover { text-decoration:underline;}
.sectiontitle  { font-weight:bold; color:#000000;}
.sectiontitle2  { font-weight:bold; font-size:14pt; color:#000000;}
.greyout  { /*color:#999999;*/    opacity:0.5;}
.navlinks  { font-weight:bold; color:#000000;}
.navlinks2  { font-weight:bold; color:000000; font-size:10pt;}
.navlinks3  { font-weight:bold; color:000000; font-size:10pt; text-decoration:none;}
.navlinks4  { font-weight:bold; color:#000000; font-size:14pt; text-decoration:none;}
A.navlinks  { font-weight:bold; color:#000000;}
A.navlinks:visited  { font-weight:bold; color:#000000;}
A.navlinks:active  { font-weight:bold; color:#000000;}
A.navlinks:hover  { font-weight:bold; color:#000000;}
A.navlinks2:visited  { font-weight:bold; color:#000000;}
A.navlinks2:active  { font-weight:bold; color:#000000;}
A.navlinks2:hover  { font-weight:bold; color:#000000;}
A.navlinks3:visited  { font-weight:bold; color:#000000;}
A.navlinks3:active  { font-weight:bold; color:#000000;}
A.navlinks3:hover  { font-weight:bold; color:#000000;}
A.navlinks4:visited  { font-weight:bold; color:#000000;}
A.navlinks4:active  { font-weight:bold; color:#000000;}
A.navlinks4:hover  { font-weight:bold; color:#000000;}
.title  { font-size:14pt; font-weight:bold; color:#990000;}
 h1, h2, h3, h4, h5, h6, h7 { color:#000000; }
.bigboldblack  { font-size:12pt; font-weight:bold; color:#f0f0f0;}
.bigbold2  { font-size:12pt; font-weight:bold; color:#000000;}
.bigbold  { font-size:10pt; font-weight:bold; color:#000000;}
.revbigbold  { font-size:10pt; font-weight:bold; color:#ffffff;}
.smalltext  { font-size:14pt;}
.footertext  { font-weight:bold; font-size:8pt; color:#{#ColorCopyright}; margin-top:2em; text-align:center;}
A.footertext  { font-weight:bold; color:#{#ColorCopyright};}
A.footertext:visited  { font-weight:bold; color:#{#ColorCopyright};}
A.footertext:active  { font-weight:bold; color:#{#ColorCopyright};}
A.footertext:hover  { font-weight:bold; color:#{#ColorCopyright};}
.pages  { font-weight:bold; font-size:7pt; color:#f0f0f0;}
.sectionbullet  { font-weight:bold; color:#f0f0f0;}
.navcolorbuttons { font-size:8pt; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#000000; color:#ffffff;}
.xml-icon {     padding:0px 3px 1px 3px;    margin:0;    text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#ff6600;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
.button-icon {     padding:0px 3px 1px 3px;    margin:0;    text-decoration:none; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;    font-weight:bold;    color:#fff;    background-color:#cccccc;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
/* ----------- Version Upgrade Styles ----------------------- */
/* TEXT STYLES */
.EmphasisText {    color:#990000;    font-weight:bold;}
.CaptionText {    color:#000000;    font-weight:bold;}
.ReverseText {    color:#ffffff;}
/* BOXES */
.ContainerBox {    border:1px solid #f0f0f0;     background-color:#f0f0f0;     overflow:auto;}
.ContainerBoxClear {    border:1px solid #f0f0f0;     overflow:auto;}
.ContainerContentBG {    border:1px solid #ffffff;     overflow:auto;}
.ContainerBoxReverse,A.ControlBoxReverse:Link,A.ControlBoxReverse:Visited,A.ControlBoxReverse:Active,A.ControlBoxReverse:Hover {    border:1px solid #000000;     background-color:#f0f0f0;     color:#f0f0f0;    /*overflow:auto;*/}
.DataContainerBox {    border-top:1px solid #000000;}
/* SYSTEM BUTTONS */
.StoreButton,A.StoreButton,A.StoreButton:Active,A.StoreButton:Visited {    padding:5px;    color:#000000;    border:1px solid #000000;    background-color:#ffffff;     font-size:9pt;    font-family:Arial,Helvetica,verdana;    font-weight:bold;    text-decoration:none;}
.A.StoreButton:Hover {    background-color:#000000;    color:#ffffff;}
.RSSBUTTON,A.RSSBUTTON,A.RSSBUTTON:Link,A.RSSBUTTON:Active,A.RSSBUTTON:Visited {    display:inline-block;    color:#ffffff;    text-decoration:none;    font-size:7pt;    border:1px solid #ae6103;    padding:2px 3px;    font-weight:bold;    background-color:#ffa02d;    padding:3px 5px 3px 20px;    background-image:url(/images_system/icon_rssmini.png);    background-repeat:no-repeat;    background-position:1px center;}
A.RSSBUTTON:Hover{    color:#ffffff;    background-color:#ae6103;}
.SystemButtonLink,A.SystemButtonLink:Link,A.SystemButtonLink:Active,A.SystemButtonLink:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;    border:1px solid #000000;    background-color:#000000;    color:#f0f0f0;    width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLink:Hover {    background-color:#f0f0f0;    color:#000000;}
.SystemButtonLinkColor,A.SystemButtonLinkColor:Link,A.SystemButtonLinkColor:Active,A.SystemButtonLinkColor:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;      border:1px solid #000000;    background-color:#990000;    color:#f0f0f0;     width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLinkColor:Hover {    background-color:#f0f0f0;    color:#990000;}
A.PageNumberBlock,A.PageNumberBlock:Link,A.PageNumberBlock:Active,A.PageNumberBlock:Visited {    border:1px solid #000000;    background-color:#f0f0f0;    color:#f0f0f0;    font-weight:bold;    text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
A.PageNumberBlock:Hover {    background-color:#f0f0f0;    color:#f0f0f0;}
A.PageNumberBlockSelected,A.PageNumberBlockSelected:Link,A.PageNumberBlockSelected:Active,A.PageNumberBlockSelected:Visited,A.PageNumberBlockSelected:Hover {    border:1px solid #000000;    background-color:#f0f0f0;    color:#f0f0f0;    font-weight:bold;   text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
/* CELLS AND BACKGROUNDS */
.CellColor1 {    background-color:#ffffff;}
.CellColor2 {    background-color:#ffffff;}
.CellColor3 {    background-color:#f0f0f0;}
.CellColor4 {    background-color:#ffffff;}
.CellColor7 {    background-color:#990000;}
.CellColor9 {    background-color:#000000;}
/* FORM ELEMENTS */
input.SmallForm {    font-size:.8em;}
select.SmallForm {     font-size:.8em;}
textarea.SmallForm {     font-size:1em;}
input.SmallFormYellow {    font-size:.8em;    background-color:#feffcc;}
select.SmallFormYellow {     font-size:.8em;    background-color:#feffcc;}
input.LargeForm {    font-size:1.5em;}
select.LargeForm {    font-size:1.5em;}
textarea.LargeForm {    font-size:1.5em;}
.floatclear { display:block; height:0px; clear:both;}
.PNGFix {    behavior:url(/lib/css/iepngfix.htc);}
/* Version 5 Styles */
.divSiteLoader {    position:absolute;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:9999;    font-size:48pt;    text-align:center;    color:#ffffff;    background-color:#000000;    opacity:0.5;}
a img {    border:0px;}
img {    /*max-width:100%;*/}
.divContentListBlock {    margin-bottom:1em;}
.divContentListBlock .title {    font-size:1em;    font-weight:bold;}
.textEmphasis {    color:#990000;}
.textSmaller {    font-size:0.9em;}
.textSmallest {    font-size:0.8em;}
.divSearchBar {    background-color:#f0f0f0;    color:#f0f0f0;    font-weight:bold;    padding:15px;}
.divClearLine {    clear:both;}
.divFloatLine {    float:left;    margin-right:2em;}
.aButton {    display:inline-block;    padding:5px 10px;    font-size:1.2em;    background-color:#000000;    color:#f0f0f0;    cursor:pointer;}
.formApp {    margin:0px;    padding:0px;}
.formApp .caption, .formApp .field {    font-weight:bold;    margin-bottom:0.5em;}
.formApp .field input[type=text], .formApp .field input[type=password], .formApp .field select, .formApp .field textarea {    padding:5px;    font-size:1.2em;}
.formApp .field input[type=submit], .formApp .field input[type=button] {    padding:5px 10px;}
.formApp .textarea textarea {    width:90%;    min-height:75px;}
.formApp .controls {    margin-top:1em;}
.formApp .controls input[type=submit], .formApp .controls input[type=button], .formAppButton {    padding:9px 18px;    border:0px;    background-color:#990000;    color:#ffffff;}
.formApp .controls input[type=submit]:hover, .formApp .controls input[type=button]:hover, .formAppButton:hover {    color:#ffffff;    background-color:#000000;}
.divBlogAuthorBox {    padding:15px;    margin:1em 0px;    background-color:#f0f0f0;}
.appButton, a.appButton, a.appButtonLarge {    padding:6px 12px;    border:0px;    background-color:#990000;    color:#ffffff;    font-size:0.9em;    text-decoration:none;    display:inline-block;    cursor:pointer;    text-align:center;}
.appButton:hover, a.appButton:hover, a.appButtonLarge:hover {    color:#ffffff;    background-color:#000000;}
a.appButtonLarge {    display:block;    padding:25px;    font-size:1.8em;    margin-bottom:0.5em;}
a.appControl {    cursor:pointer;    text-decoration:none;}
.tableApp {    width:100%;    border:0px;    border-collapse: collapse;    border-collapse:separate;    border-spacing:1px;}
.tableApp th {    padding:8px;    text-align:left;    background-color:#000000;    color:#ffffff;    font-size:0.9em;    margin:1px;}
.tableApp td {    padding:8px;    background-color:#f0f0f0;    margin:1px;}
.divPrayerCounter {    display:inline-block;    font-size:10pt;}
.divShadeBox {    padding:15px;    background-color:#f0f0f0;}
.divDropdown ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.divDropdown ul li {    display:inline-block;    *display:inline;    position:relative;}
.divDropdown ul li a {    display:inline-block;    text-decoration:none;}
.divDropdown ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.divDropdown ul li:hover ul {    display:block;    color:#ffffff;}
.divDropdown ul li ul li {    position:relative;    width:100%;}
.divDropdown ul li ul li a {    width:100%;}
.divDropdown ul li ul li ul, .divDropdown ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li:hover ul {    display:block;}
.divDropdown ul li ul li ul li ul, .divDropdown ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li ul li:hover ul {    display:block;}
.tableCalendar {    width:100%;    border-collapse:collapse;}
.tableCalendar th {    width:14.28%;    font-size:0.8em;    background-color:#000000;    color:#ffffff;    padding:5px;}
.tableCalendar td {    font-size:0.8em;    background-color:#ffffff;    margin:1px;    border:1px solid #f0f0f0;    min-height:90px;}
.tableCalendar td.past {    background-color:#f0f0f0;    color:#999999;}
.tableCalendar td.past a{    color:#999999;}
.tableCalendar td .monthDay {    text-align:right;    padding:5px;    background-color:#f0f0f0;    color:#000000;}
.tableCalendar .divCalendarMonthEntry {    padding:5px;}
.divCalendarOptionLinks {    font-size:0.9em;}
.divAppDirectorySummaryProfile {}
.divAppDirectorySummaryProfile .profilePhoto {    float:left;    margin-right:25px;   margin-bottom:25px;}
.divAppDirectorySummaryProfile .profilePhoto a img {    border:0px;}
.divAppDirectorySummaryProfile .name{    font-weight:bold;    font-size:1.2em;}
.divAppDirectorySummaryProfile .name a {    text-decoration:none;}
.divAppDirectorySummaryProfile .name a:hover {    text-decoration:underline;}
.divAppDirectorySummaryProfile .jobTitle{    font-size:0.8em;    font-weight:bold;}
.divAppDirectorySummaryProfile .website{    font-size:0.7em;    font-weight:bold;}
.divAppDirectorySummaryProfile .email{    font-size:0.8em;    font-weight:bold;}
.divAppDirectorySummaryProfile .bioShort{    padding-right:25px;    margin-top:1em;    margin-bottom:1em;    font-size:0.9em;    overflow:hidden;}
.divAppDirectoryProfile {}
.divAppDirectoryProfile .profilePhoto{    float:right;    margin-left:25px;    margin-bottom:25px;}
.divAppDirectoryProfile h2.name {    margin:0px;}
.divAppDirectoryProfile .jobTitle {    font-weight:bold;    margin-bottom:1em;}
.divAppStorePages {    text-align:right;    font-size:14pt;}
.divAppStorePages .page {    display:inline-block;    padding:5px;}
.divAppStorePages .page:hover {}
.divAppStorePages .page a {    display:inline-block;}
.divBlogRollEntry {    margin-bottom:4em;}
.divBlogRollEntry h2 {    margin-bottom:0px;}
.divAppSubscriptions {    margin-bottom:1em;}
.divAppSubscriptions .name {    font-weight:bold;}
#divCollectionMessage {    position:absolute;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    background-image:url('/lib/common/images/collectionDivBG.png');    z-index:9998;}
#divCollectionMessageInner {    position:absolute;    top:0px;    left:0px;    width:800px;    height:600px;    background-color:#000000;    z-index:9999;    color:#ffffff;    padding:50px;    text-align:left;    font-size:12pt;    font-family:Arial,Helvetica,sans-serif;    line-height:normal;    overflow:auto;}
#divCollectionMessageInner h2 {    font-family:Arial,Helvetica,sans-serif;    color:#ff9999;    line-height:normal;}
#divCollectionMessageInner .buttonsProceed a {    display:inline-block;    padding:10px 20px;    background-color:#660000;    color:#ffffff;    text-decoration:none;}
#divCollectionMessageInner .buttonsProceed a:hover {    background-color:#330000;}
.divPost {    margin-bottom:1em;}
.divPost .image {    float:left;    margin:0px 10px 10px 0px;}
.divPost .image img {}
.divPost .postBody {    width:100%;}
.divPost .postTitle {    font-size:1.1em;    font-weight:bold;}
.divPost .post {    margin:0.25em 0px;}
.divPost .postDate {    color:#999999;    font-size:0.8em;}
.divSocialNetworkMessageBox {    margin-bottom:1em;    background-color:#f0f0f0;    padding:15px 30px 15px 15px;}
.divSocialNetworkToolbar {    background-color:#f0f0f0;    color:#ffffff;    margin-bottom:1em;    padding:15px;    position:relative;    white-space:nowrap;}
#divSocialNetworkSearchResults {    position:absolute;    height:250px;    bottom:-250px;    width:100%;    background-color:#000000;    left:0px;    z-index:999;    overflow:auto;    display:none;}
#divSocialNetworkSearchResultsClose {    position:absolute;    left:0px;right:0px;    bottom:-275px;    z-index:9999;    text-align:right;    display:none;}
.divSocialNetworkToolbar .profileButton, .divSocialNetworkToolbar .signInButton {    float:left;}
.divSocialNetworkToolbar .signOutButton {    float:right;}
.divSocialNetworkToolbar .searchArea {    padding:0px 115px 0px 200px;}
.divSocialNetworkToolbar .signInArea {    float:left;}
.divSocialNetworkToolbar .searchArea input[type=text] {}
.divSocialNetworkToolbar .signInArea input[type=text], .divSocialNetworkToolbar .signInArea input[type=password] {    border:1px solid color:#999999;    padding:5px;    margin-right:5px;    vertical-align:middle;}
.divSocialNetworkMessageBox .photoArea {    float:left;}
.divSocialNetworkMessageBox .messageArea {    padding-left:65px;}
.divSocialNetworkMessageBox .caption {    margin-bottom:0.25em;    font-size:0.8em;}
.divSocialNetworkMessageBox form input[type=text] {    margin-bottom:0.5em;}
.divSocialNetworkMessageBox form input[type=text], .divSocialNetworkMessageBox form input[type=password], .divSocialNetworkMessageBox form textarea {    border:1px solid #999999;    font-family:Arial,Helvetica,sans-serif;    padding:5px;}
.divAppRacesSponsorshipLevel {}
.divAppRacesSponsorshipLevel .title {    font-size:1.2em;}
.divAppRacesSponsorshipLevel .instructions {    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose {    font-weight:bold;    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose input[type=radio] {    vertical-align:middle;}
.divFormCaption {    font-size:0.8em;    margin-bottom:0.5em;}
.divFormField {    margin-bottom:0.5em;}
.divFormField input[type=text], .divFormField input[type=password], .divFormField select, .divFormField textarea {    padding:5px;}
.divFormField textarea {    width:90%;}
.divFormField input[type=submit], .divFormField input[type=button] {    padding:10px 20px;}
.appLaunchButton {    padding:10px 20px;}
fieldset {    padding:25px;    margin-bottom:1em;}
fieldset legend {    font-weight:bold;    color:#999999;}
.requiredField:after {    content: ' *';    color:#990000;}
.divParallax {  background-attachment: fixed;  background-position: center center;  background-size: cover;}
.divTopBottomDivider {    padding:1em 0px;    margin:1em 0px;    border-top:1px solid #f0f0f0;    border-bottom:1px solid #f0f0f0;}
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.fb_iframe_widget iframe {  width:100%;}
@media print {    .noprint {        display:none;    }}
.flex-row {    display: flex;    flex-wrap: wrap;}
.flex-row > [class*='col-'] {    display: flex;    flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {    display: flex;}
#divSiteModal {    position:fixed;     z-index:999;     top:0px;     bottom:0px;     left:0px;     right: 0px;     background-color:rgba(255,255,255,.95);     padding:2em;     display:none;    overflow:auto;}
#divSiteModalClose {    position:absolute;    right:15px;    top:15px;}
.wireframe-preview {    padding:2em 0px;    background-color:rgba(0,0,0,.10);    text-align:center;    color:rgba(0,0,0,.25);    font-size:0.8em;}
