a.menu:link { font-weight:bold; font-size:xx-small; color:#404040; text-decoration: none}
a.menu:hover { font-weight:bold;  font-size:xx-small; color:#404040; text-decoration: underline}
a.menu:visited { font-weight:bold; font-size:xx-small; color:#404040;}

body { font: normal normal normal 12px Verdana, Arial;background: url('https://www.plandestination.com/api/image?t=bggradient&o=v&c0=FFFFFF&p0=0&c1=FFFFFF&p1=65&c2=E1E6EA&p2=1055') rgb(225, 230, 234) repeat-x;}

.ErrorMessage { color: Red; font-weight: bold; }
.WarningMessage { font-weight: normal; color: Red; }

table { border: none 0; font: normal normal normal 12px Verdana, Arial; color: Black; background-color: Transparent; }
table.Compressed { border: none 0; font: normal normal normal 11px Verdana, Arial; color: Black; background-color: Transparent; }
table.WithPadding tr td { padding: 3px; }

td { padding: 0; }

a:link { font: normal normal normal 12px Verdana, Arial; color: Blue } /* override PD.com */
a:hover { font: normal normal normal 12px Verdana, Arial; color: Blue } /* override PD.com */
a:visited { font: normal normal normal 12px Verdana, Arial; color: Purple } /* override PD.com */

tr.GridHeader { height: 22px; vertical-align: text-bottom; }
td.GridHeader { font: normal normal 10px Verdana, Arial; background-color: Navy; color: white; vertical-align: text-bottom; border-right: solid 1px white; }
td.GridCell { background-color: #EDEDED; color: #000088; padding-left:2px; padding-right:2px;}
td.RightAlign { text-align:right; }
.RightAlign { text-align:right; }
.LeftAlign { text-align:left; }

tr.AccountHeader { height: 30px; vertical-align: text-bottom; }
td.AccountHeader { font: normal normal 10px Verdana, Arial; background-color: Navy; color: white; vertical-align: text-bottom; border-right: solid 1px white; }
.AccountHeader { height:22px; line-height:22px; font: normal normal 10px Verdana, Arial; background-color: Navy; color: white; }

td.TranReliefNonEditableElection { background-color: #C2C0C0; }

td.ActionColumn { width: 50px; }
td.AccountSubHeader { font: italic normal 12px Verdana, Arial; color: Navy; }
td.AccountSubTotal { font: italic normal 12px Verdana, Arial; color: Navy; text-align: right; }
td.Balance { text-align: right; }
td.Label { font: normal normal normal 10px Verdana, Arial; }
td.Gray { color: #888888; }
.Label { font: normal normal normal 10px Verdana, Arial; }

td.Option { font: normal normal normal 12px Verdana, Arial; }
.Option { font: normal normal normal 12px Verdana, Arial; }

.ImgLinkBtn { cursor: pointer; }
.DAEContainer { width: 100%; }

td.DAECell { vertical-align:baseline; }
.DAESummary { height: 25px; padding-top:3px; width:100%; font-size:11px; background-color:#E0E0E0; }
.DAEAction { width: 65px; vertical-align: middle; text-align: center; margin-right:1px; }
.DAEName { width: 284px; margin-right:1px; float:left; }
.DAEConsolidated { float:right; padding-right:5px; }
.DAEDistDate { width: 114px; text-align:left;margin-right:1px; }
.DAESchedule { width: 315px; text-align:left; }
.DAESharedDist { width: 430px; text-align:left; }
.DAEArrow { width:20px; }
.DAEEdit { width:100%; font-size:11px; }
.DAEEditHeader { width: 100%; background-color: Gray; color: White; }
.DAEEditSpacer { width: 65px; height:25px; }
.DAEEditLabel { width: 150px; height: 25px; font-size: 10px; font-weight: bold; text-indent:4px; }
.DAEEditSubLabel { width: 140px; height: 25px; font-size: 10px; }
.DAEEditArea { vertical-align:middle; width:100%; height:25px; }
.DAEEditAreaTall { vertical-align:middle; width:100%; }
.DAEEditCustomLine { text-align:left; width:735px; height:25px; }

.GroupHeader { font-family:Verdana, Arial; font-size:11px; font-weight:bold; }
.GroupInfo { font-family:Verdana, Arial; font-size:10px; }

.FloatRight { float:right; }

.ComboBoxInput_WebBlue { height:30px; }

/* New CSS selectors here: Use cascade for these classes */
tr.Detail { background-color: #F8F8F8; padding: 5px; }
tr.DetailAlt { background-color: #F0F0F0; padding: 5px; }
td.Detail { background-color: #F8F8F8; padding: 5px; }
td.DetailAlt { background-color: #F0F0F0; padding: 5px; }

.Bold, .contentBold { font-weight: bold; }

/* Page-specific styles */
.DAEBase tr.DAESummary>td { padding-left: 5px; padding-right: 5px }
.SummaryTable { border: solid 1px; background-color:#999999;}
.SummaryLabel { vertical-align:top; width:84px; background-color:#C0C0C0; font-family:Verdana, Arial; color:#696969; font-size:smaller; font-weight:bold;
                padding-top:2px; padding-left:2px; padding-bottom:3px; padding-right:2px; }
.SummaryContent { vertical-align:top; font-family:Verdana, Arial; font-size:smaller; color:Black; font-weight:bold; background-color:#F4F4F4;
                  padding-top:2px; padding-left:2px; padding-bottom:3px; padding-right:2px; }

table.SourceEditor { padding: 5px; }

ol.unlabeledList, ul.unlabeledList { list-style-type: none; }
.confirmationPrompt { width: 300px; margin: 100px auto 0;text-align: center; }
.confirmationPrompt input[type=submit] { width: 50px; }

/* PDX compatibility */
.container { width: 976px; margin: 0 auto;background: white;padding: 12px;min-height: 600px;}
.logo { float: left;margin: 12px; }
.logoutLink { float: right; text-transform: uppercase;margin: 12px;color: #f47e4c !important;text-decoration: none !important;font-weight: bold !important; }
hr.headerSeparator { color: #608bb0;background: #608bb0;height: 10px;border: none;margin: 0 0 4px;clear: both; }
.linkmenunav { font-size: 1.6em !important;display: block;margin: 6px 0 8px;color: #608bb0 !important;font-weight: bold; }
.linksubnav-on { text-transform: uppercase;display: block;margin: 6px 0 12px;color: #608bb0 !important;font-weight: bold; }
#divIndexHeader { width: 145px;height: 30px;}
#divIndexFooter { width: 145px;height: 20px;}
ul#divIndex, ul#divIndex2 { margin: 4px 0;padding: 0;}
ul#divIndex li, ul#divIndex2 li {margin: 0; padding: 3px 10px 3px 20px; }
#divLeftMenu { width: 145px;}
#divMenuList, #divBodyQuicklinksMenu {
    margin-top: 0;
    padding-top: 1px;
    width: 100%;
    padding-bottom: 2px;
}
#divMenuList li, #divBodyQuicklinksMenu li {
    margin-left: 20px;
    margin-top: 6px;
    margin-bottom: 8px;
    list-style-type: none;
}
.personalInfo {font-size: .9em; }
.loginheadertext { font-weight: bold;display: block;margin: 0 0 6px;}
#divIndexHeader {
    background: url(Images/EnrollmentLeftHeader.gif) no-repeat;
}
#divMenuList {
    background: url(Images/EnrollmentLeftBody.gif) repeat-y;
}
#divIndexFooter {
    background: url(Images/EnrollmentLeftFooter.gif) no-repeat;
}
#divLeftQuicklinksMenu {
    margin: 0; 
    padding-left: 22px; 
    padding-top: 30px; 
    padding-right: 20px; 
    background-image: url(Images/quicklinks_top.gif); 
    background-repeat: no-repeat;
}
#divBodyQuicklinksMenu {
    background-image: url(Images/quicklinks_body.gif); 
    background-repeat: repeat-y;
}
#divFooterQuicklinksMenu {
    width: 125px; 
    margin: 0; 
    padding-left: 22px; 
    padding-top: 30px; 
    padding-right: 20px; 
    background-image: url(Images/quicklinks_footer.gif); 
    background-repeat: no-repeat;
}

table.dataGrid {
    border: solid 1px #aaa;
    border-spacing: 0;
    width: 100%;
    margin: 12px 0;
    border-collapse: collapse;
}

table.dataGrid th {
    background: #ddd;
    color: #333;
    padding: 4px 20px 4px 4px;
    text-align: left;
}   

table.dataGrid tr {
    color: #333;
    background: #fff;
    line-height: 1.4em;
}

table.dataGrid td {
    padding: 6px 3px;
}

table.dataGrid td textarea {
    width: 90%;
    font-family: Verdana, Arial;
}

div.buttonSet {
    margin: 12px 0;
}
 ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }