/* cedarWeb v2.6 main stylesheet — Cedarcrest Health
   rev 2012-11-05 (jdm) / minor edits 2016-03, 2019-08, 2023-02 */

html, body { margin: 0; padding: 0; }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background: #e8ece7 url(../img/bg-tile.gif) repeat-x top;
}
.wrap { width: 980px; margin: 0 auto; }
.clear { clear: both; }
img { border: 0; }

a { color: #1c5e3c; }
a:hover { color: #2e8b57; }

.skiplink { position: absolute; left: -9999px; }

/* ---- utility bar ---- */
#utilbar {
    background: #17402b;
    color: #cfe3d3;
    font-size: 11px;
    padding: 4px 0;
}
#utilbar a { color: #ffffff; text-decoration: none; }
#utilbar a:hover { text-decoration: underline; }
#utilbar .left { float: left; }
#utilbar .right { float: right; }
#utilbar .wrap:after { content: ""; display: block; clear: both; }
a.portalbtn {
    background: #d8a021;
    color: #17402b !important;
    font-weight: bold;
    padding: 2px 9px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
a.portalbtn:hover { background: #eab63c; text-decoration: none !important; }

/* ---- banner ---- */
#banner {
    background: #ffffff url(../img/banner-grad.gif) repeat-x bottom;
    border-bottom: 4px solid #1c5e3c;
    padding: 12px 0 10px 0;
}
#banner #logo { float: left; margin-right: 12px; }
#bannertext { float: left; }
#bannertext h1 { margin: 6px 0 0 0; font-size: 27px; letter-spacing: 1px; }
#bannertext h1 a { color: #17402b; text-decoration: none; }
#bannertext .tagline { margin: 2px 0 0 1px; color: #5a7a63; font-style: italic; font-size: 12px; }
#bannerright { float: right; text-align: right; margin-top: 6px; }
#bannerright .er { color: #a33c1e; font-size: 12px; margin: 0 0 8px 0; }
#sitesearch { margin: 0; }
#sitesearch label { font-size: 11px; color: #555; }
#sitesearch input[type=text] { border: 1px solid #9db3a2; font-size: 12px; padding: 2px; }
#sitesearch input[type=submit] {
    background: #1c5e3c url(../img/btn-grad.gif) repeat-x;
    color: #fff; border: 1px solid #14472d; font-size: 11px; padding: 2px 8px; cursor: pointer;
}
#banner .wrap:after { content: ""; display: block; clear: both; }

/* ---- top nav ---- */
#topnav { background: #1c5e3c url(../img/nav-grad.gif) repeat-x; }
#topnav ul { margin: 0; padding: 0; list-style: none; }
#topnav li { float: left; }
#topnav li a {
    display: block; color: #fff; text-decoration: none;
    padding: 8px 13px; font-size: 13px; font-weight: bold;
    border-right: 1px solid #2e7b52;
}
#topnav li a:hover { background: #2e8b57; }
#topnav li.active a { background: #e8ece7; color: #17402b; }
#topnav li.portaltab a { background: #d8a021; color: #17402b; }
#topnav li.portaltab a:hover { background: #eab63c; }
#topnav li.portaltab.active a { background: #eab63c; }
#topnav .wrap:after { content: ""; display: block; clear: both; }

/* ---- breadcrumb ---- */
#breadcrumb {
    background: #dfe6dd;
    border-bottom: 1px solid #c3cfc2;
    font-size: 11px; color: #555;
    padding: 5px 0;
}
#breadcrumb .current { color: #1c5e3c; font-weight: bold; }

/* ---- page body / columns ---- */
#pagebody { background: #fff; padding: 15px 0 5px 0; }
#leftcol { float: left; width: 215px; padding: 0 0 0 10px; }
#maincontent { float: right; width: 720px; padding-right: 15px; min-height: 420px; }
#maincontent.fullwidth { float: none; width: auto; padding: 0 15px; }

#maincontent h1 { color: #17402b; font-size: 22px; margin-top: 2px; border-bottom: 2px solid #d8a021; padding-bottom: 4px; }
#maincontent h2 { color: #1c5e3c; font-size: 17px; margin-bottom: 4px; }
#maincontent h3 { color: #1c5e3c; font-size: 14px; }
#maincontent p, #maincontent li { line-height: 1.55; }

.pageupdated { color: #999; font-size: 10px; margin-top: 30px; }

/* ---- sidebar boxes ---- */
.navbox, .infobox {
    border: 1px solid #c3cfc2;
    margin-bottom: 14px;
    background: #f4f7f3;
}
.navbox h3, .infobox h3 {
    margin: 0; padding: 6px 9px;
    background: #1c5e3c url(../img/h3-grad.gif) repeat-x;
    color: #fff; font-size: 12px;
}
.navbox ul { margin: 0; padding: 4px 0; list-style: none; }
.navbox li { border-bottom: 1px dotted #ccd6cb; }
.navbox li:last-child { border-bottom: 0; }
.navbox li a { display: block; padding: 5px 9px; text-decoration: none; font-size: 12px; }
.navbox li a:hover { background: #e4ecdf; }
.navbox li a.hot { font-weight: bold; color: #a33c1e; }
.infobox { font-size: 12px; }
.infobox p { margin: 7px 9px; line-height: 1.45; }
.portalnav .welcomeline { margin: 8px 9px; font-size: 12px; }
.portalnav .mrn { color: #777; font-size: 11px; }
.badge { background: #a33c1e; color: #fff; font-size: 10px; padding: 0 5px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ---- homepage ---- */
.homegrid { width: 100%; }
.homefeature {
    background: #17402b url(../img/hero-grad.gif) repeat-x;
    color: #fff; padding: 22px 25px; margin-bottom: 15px;
    border: 1px solid #123723;
}
.homefeature h2 { color: #fff; font-size: 24px; margin: 0 0 6px 0; }
.homefeature p { color: #d8e6da; font-size: 14px; margin: 0 0 12px 0; max-width: 520px; }
.homefeature a.cta {
    background: #d8a021; color: #17402b; font-weight: bold; text-decoration: none;
    padding: 7px 16px; font-size: 13px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.iwantto { margin-bottom: 15px; }
.iwantto .box {
    float: left; width: 165px; margin-right: 12px;
    border: 1px solid #c3cfc2; background: #f4f7f3;
    text-align: center; padding: 12px 5px;
}
.iwantto .box.last { margin-right: 0; }
.iwantto .box a { font-weight: bold; text-decoration: none; font-size: 13px; }
.iwantto .box .icon { font-size: 24px; display: block; margin-bottom: 4px; color: #1c5e3c; }
.homecols .col { float: left; width: 340px; margin-right: 20px; }
.homecols .col.last { margin-right: 0; }
.newslist { list-style: none; margin: 0; padding: 0; }
.newslist li { border-bottom: 1px dotted #ccd6cb; padding: 7px 0; }
.newslist .newsdate { color: #888; font-size: 11px; display: block; }
#erwait { border: 1px solid #c3cfc2; background: #f4f7f3; padding: 10px 12px; margin-bottom: 14px; }
#erwait h3 { margin: 0 0 6px 0; }
#erwait .wait { font-size: 12px; margin: 3px 0; }
#erwait .mins { font-weight: bold; color: #a33c1e; }
#erwait .disclaimer { color: #999; font-size: 10px; }

/* ---- data tables ---- */
table.datagrid {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    margin: 10px 0;
}
table.datagrid th {
    background: #1c5e3c url(../img/h3-grad.gif) repeat-x;
    color: #fff; text-align: left; padding: 5px 8px;
    border: 1px solid #14472d; font-size: 11px;
}
table.datagrid td { border: 1px solid #ccd6cb; padding: 5px 8px; vertical-align: top; }
table.datagrid tr.alt td { background: #f0f4ee; }
table.datagrid tr:hover td { background: #e9f1e4; }
table.detail { border-collapse: collapse; font-size: 12px; margin: 8px 0 18px 0; width: 100%; }
table.detail th { text-align: right; color: #555; padding: 4px 10px 4px 0; width: 180px; vertical-align: top; font-weight: bold; }
table.detail td { padding: 4px 0; }

/* ---- forms ---- */
.formbox {
    border: 1px solid #c3cfc2; background: #f4f7f3;
    padding: 14px 18px; margin: 12px 0;
}
.formbox .frow { margin-bottom: 10px; }
.formbox label { display: block; font-weight: bold; font-size: 12px; margin-bottom: 2px; color: #17402b; }
.formbox input[type=text], .formbox input[type=password], .formbox select {
    border: 1px solid #9db3a2; padding: 3px; font-size: 13px; font-family: Arial, sans-serif;
}
.formbox .note { color: #777; font-size: 11px; }
input.btn, button.btn {
    background: #1c5e3c url(../img/btn-grad.gif) repeat-x;
    color: #fff; border: 1px solid #14472d;
    font-size: 13px; font-weight: bold; padding: 5px 16px; cursor: pointer;
}
input.btn:hover, button.btn:hover { background-color: #2e8b57; }

/* ---- alert boxes ---- */
.alertbox { border: 1px solid; padding: 10px 14px; margin: 12px 0; font-size: 12px; }
.alert-error { border-color: #c0392b; background: #fbeae7; color: #8c2318; }
.alert-info { border-color: #9db3a2; background: #eef4ee; color: #2c5237; }
.alert-warn { border-color: #d8a021; background: #fdf6e3; color: #7a5a0e; }

/* ---- portal specifics ---- */
.loginpanel { width: 380px; }
.securityimg { border: 1px dashed #9db3a2; background: #fff; padding: 6px 10px; font-size: 11px; color: #777; margin: 8px 0; }
.apptstatus-S { color: #1c5e3c; font-weight: bold; }
.apptstatus-C { color: #999; }
.apptstatus-X { color: #a33c1e; }
.loadingmsg { color: #888; font-style: italic; }

/* ---- idle popup ---- */
#idleoverlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: #000; opacity: 0.45; filter: alpha(opacity=45); z-index: 90; display: none;
}
#idlepopup {
    position: fixed; top: 32%; left: 50%; width: 380px; margin-left: -190px;
    background: #fff; border: 2px solid #17402b; z-index: 91; display: none;
}
#idlepopup h3 { margin: 0; background: #17402b; color: #fff; padding: 8px 12px; font-size: 13px; }
#idlepopup .body { padding: 14px 16px; font-size: 12px; }

/* ---- misc ---- */
.doclisting { border-bottom: 1px dotted #ccd6cb; padding: 10px 0; }
.doclisting .avatar { float: left; margin-right: 12px; }
.doclisting h3 { margin: 0 0 3px 0; }
.doclisting .meta { color: #666; font-size: 12px; margin: 1px 0; }
.doclisting:after { content: ""; display: block; clear: both; }
.suggestbox {
    position: absolute; background: #fff; border: 1px solid #9db3a2;
    width: 260px; z-index: 50; font-size: 12px;
}
.suggestbox div { padding: 4px 7px; cursor: pointer; }
.suggestbox div:hover { background: #e4ecdf; }
.pager { margin: 10px 0; font-size: 12px; }
.pager a, .pager .cur { padding: 2px 7px; border: 1px solid #ccd6cb; margin-right: 3px; text-decoration: none; }
.pager .cur { background: #1c5e3c; color: #fff; border-color: #14472d; }

/* ---- footer ---- */
#footer { background: #17402b; color: #cfe3d3; margin-top: 0; padding: 18px 0 12px 0; font-size: 12px; }
#footer a { color: #fff; }
.footcols .footcol { float: left; width: 235px; padding-right: 10px; }
.footcols:after { content: ""; display: block; clear: both; }
#footer h4 { color: #d8a021; font-size: 12px; margin: 0 0 6px 0; text-transform: uppercase; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li { margin-bottom: 4px; }
#footbottom { border-top: 1px solid #2e7b52; margin-top: 14px; padding-top: 10px; font-size: 11px; }
#footbottom .fineprint { color: #7fa389; font-size: 10px; }