﻿body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url('header-background.png'); background-repeat: repeat-x; background-color: #ffffff; color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
#logo { left: 0px; background-image: url('logo2.png'); width: 348px; position: absolute; top: 0px; height: 145px; }
#left-column { left: 0px; width: 256px; position: absolute; top: 145px; height: auto; background-image: url('left-column-background.png'); background-repeat:repeat-y; }
#left-column-footer { width: 256px; height:71px;  background-image: url('left-column-footer.png'); }
#title-position	{ padding-top:115px; padding-left:285px; }
#main-content { padding-top: 20px; padding-left: 285px;  padding-bottom:150px; padding-right:20px; }
.search-position { position: absolute; top:42px; right: 20px; z-index: 12; }





/* 2023-09-12 - bootstrap fixes */
*, ::after, ::before {
    box-sizing: unset;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.submit_button {
    border-color: #ccc;
    color: #000;
    background-color: #eee;
    background-image: linear-gradient(#fdfdfd,#ddd 50%,#cbcbcb 50%,#eee);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
    border-radius: 0.28571429em;
    font: 10pt Arial,Helvetica,Sans-Serif;
}


    .submit_button .icon {
        padding-right: 7px;
    }

/*a.submit_button:link				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.submit_button:visited				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.submit_button:active				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.submit_button:hover				{ color:#888888; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }*/


/*.submit_button:link {
    border-color: #ccc;
    color: #000;
    background-color: #eee;
    background-image: linear-gradient(#fdfdfd,#ddd 50%,#cbcbcb 50%,#eee);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}
.submit_button:visited {
    border-color: #ccc;
    color: #000;
    background-color: #eee;
    background-image: linear-gradient(#fdfdfd,#ddd 50%,#cbcbcb 50%,#eee);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}

.submit_button:active {
    border-color: #ccc;
    color: #000;
    background-color: #eee;
    background-image: linear-gradient(#fdfdfd,#ddd 50%,#cbcbcb 50%,#eee);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}*/

a.submit_button:hover {
  /*  border-color: #47ba22;*/
    color: #000;
    background-color: #a2ea8b;
    background-image: linear-gradient(#d2f8c5,#bcf1ab 50%,#b9f0a7 50%,#a2ea8b);
    box-shadow: none;
}










.RadLabel {
    padding-right: 0 !important;
    color: #575C5F !important;
}

.details_screen_margin_left_fix {
    margin-left: 13px;
}

.title_icons_style a {
    color: #575C5F;
    font: 7pt Arial,Helvetica,Sans-Serif;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .title_icons_style a:hover {
        color: #575C5F;
        font: 7pt Arial,Helvetica,Sans-Serif;
        text-decoration: underline;
        cursor: pointer;
    }

.title_icons_style img {
    padding-right: 4px;
    margin: 0px 0px 0px 8px;
    border: none;
    cursor: pointer;
}

.details_table                  { background-color:#F4F5F1; border-color:#818181; border-width:1px; border-style:solid; width:100%; }

.page_divider {
    padding-bottom: 10px;
}

.page_divider_no_margin {
}

.icon							{ height:16px; width:16px; border:none 0px #000000; }
    .icon img                   { border: 0px; }
.icon-sm						{ height:12px; width:16px; border:none 0px #000000; }
.icon_text                      { color:#575C5F; font:7pt Arial,Helvetica,Sans-Serif; padding-left:4px; padding-right:12px; padding-bottom:2px; }
a.icon_text_link:link			{ color:#575C5F; font:7pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.icon_text_link:visited		{ color:#575C5F; font:7pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.icon_text_link:active			{ color:#575C5F; font:7pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.icon_text_link:hover			{ color:#575C5F; font:7pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

/* system alert */
.systemalert-position			{ position:absolute; top:78px; text-align:center; z-index:19; }
.systemalert-text				{ color:red; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.login-position					{ position:absolute; top:45pt; left:310px; z-index:12; }
.logon-info						{ color:#FFFFFF; font:10pt Arial,Helvetica,Sans-Serif; z-index:14; }
a.logon-link:link				{ color:#FFFFFF; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.logon-link:visited			{ color:#FFFFFF; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.logon-link:active				{ color:#FFFFFF; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.logon-link:hover				{ color:#FFCB00; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

a.tab-active:link				{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:visited			{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:active				{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-active:hover				{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:underline; z-index:14; }
a.tab-inactive:link				{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:visited			{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:active			{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.tab-inactive:hover			{ color:#033976; font-weight:bold; font:15pt Arial,Helvetica,Sans-Serif; text-decoration:underline; z-index:14; }

a.menu-link:link				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:visited				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:active				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.menu-link:hover				{ color:#FFCB00; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; z-index:14; }

a.task-link:link				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:visited				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:active				{ color:#FFFFFF; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; z-index:14; }
a.task-link:hover				{ color:#FFCB00; font-weight:bold; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; z-index:14; }

/* body */
.title							{ color:#636363; font:20pt Arial,Helvetica,Sans-Serif; }
a.title-link:link				{ font-size: 20pt; color: #636363; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.title-link:visited			{ font-size: 20pt; color: #636363; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.title-link:active				{ font-size: 20pt; color: #636363; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.title-link:hover				{ font-size: 20pt; color: #636363; font-family:Arial,Helvetica,Sans-Serif; text-decoration: underline;}
.title-icon						{ margin:0px 0px 0px 8px; border:none; }
    .title-icon img             { border: 0px; }
a.title-icon:link				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.title-icon:visited			{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.title-icon:active				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.title-icon:hover				{ color:#4d7fb1; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
.body							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.hr								{ color:#666666; font:italic 18pt Arial,Helvetica,Sans-Serif; padding:10px; text-align:left; }
.gridview-header				{ color:#333333; font:8pt Arial,Helvetica,Sans-Serif; font-weight:lighter; }
.line							{ background-color:#EFEFEF; }
.linealt						{ background-color:#fff; }
.lineselected					{ background-color:#EFEFEF; }
.lineselectedalt				{ background-color:#FFF6C0; }
.list							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; padding:6px 0px 6px 0px; }
.list-sm						{ color:#000000; font:9pt Arial,Helvetica,Sans-Serif; padding:6px 0px 6px 0px; }
.label							{ color:#000000; font:10pt Times,Serif; }
.label-id						{ color:#000000; font:bold 10pt Arial,Helvetica,Sans-Serif; }
.icon							{ height:16px; width:16px; border:none 0px #000000; }
.icon-sm						{ height:12px; width:16px; border:none 0px #000000; }
.avatar							{ max-height:50px; max-width:50px; border:solid 1px #000000; }
.srchfltrbtn					{ height:36px; width:72px; border:none 0px #000000; }
.rating							{ height:16px; width:80px; border:solid 1px #000000; }
.data							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.data-att						{ color:#000000; font:14pt Arial,Helvetica,Sans-Serif; }
.data-sm						{ color:#000000; font:9pt Arial,Helvetica,Sans-Serif; }
.form							{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.form-att						{ color:#000000; font:13pt Arial,Helvetica,Sans-Serif; }
.cal                    		{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.calday                 		{ background-color:#F8EEE5; text-decoration:none; padding:2px;}
.caltitle               		{ background-color:#F8EEE5; font:bold 12pt Arial,Helvetica,Sans-Serif; padding:0px; margin:0px; border-color:#F8EEE5; border-width:0px;}
.calselected            		{ background-color:#F8EEE5; font-weight:bold; color:#000000; border-width:1px; }
.calothermonth          		{ background-color:#FFFFFF; text-decoration:none;  padding:2px;}
.media-center-title				{ color:#000000; font:14pt Arial,Helvetica,Sans-Serif; }
a.link-att:link					{ color:#39698C; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.link-att:visited				{ color:#39698C; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.link-att:active				{ color:#39698C; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.link-att:hover				{ color:#888888; font:bold 13pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

a.data-link:link				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-link:visited				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.data-link:active				{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.data-link:hover				{ color:#888888; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

.memo-sysmsgs					{ color:#000000; font:9pt Times,Serif; }
.memo-text						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.filtertype						{ font-size:8pt; font-weight:bold; }
.filterremove					{ width:16px; }
.filterremove img				{ height:16px; width:16px; }
.filtername						{ font-size:10pt; }

/* calendars */
.searchcal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.searchcaltitle					{ background-color:#FFF8D9; color:#000000; font:12pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #000000; }
.searchcaltitle a				{ color:#000000; font:12pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcalheader				{ background-color:#FFFFFF; color:#000000; font:10pt Times,Serif; }
.searchcalothermonth			{ background-color:#FFFFFF; }
.searchcalothermonth a			{ color:#000000; font:italic 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcalday					{ background-color:#FFFDF5; }
.searchcalday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.searchcaltoday					{ background-color:#FFFDF5; }
.searchcaltoday a				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
.searchcalselected				/* in vb */ { background-color:#FFF8D9; color:#000000; border:solid 1px #000000; }
.searchcalselected a			{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.fullcal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcaltitle					{ background-color:#F8EEE5; color:#000000; font:20pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #000000; }
.fullcaltitle a					{ color:#000000; font:12pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcalheader					{ color:#000000; font:10pt Times,Serif; }
.fullcalothermonth				{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcalothermonth a			{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcalday						{ background-color:#FBF6F2; color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcalday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.fullcaltoday					{ background-color:#F4E6D8; color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.fullcaltoday a					{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

.threecal						{ color:#000000; font:10pt Arial,Helvetica,Sans-Serif; }
.threecaltitle					{ background-color:#FFF8D9; color:#60513A; font:12pt Arial,Helvetica,Sans-Serif; border-bottom:solid 1px #60513A; }
.threecalheader					{ background-color:#FFFFFF; color:#A19177; font:10pt Times,Serif; }
.threecalothermonth				{ background-color:#FFFFFF; color:#A19177; font:italic 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalday					{ background-color:#FFFFFF; color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; }
.threecaltoday					/* in vb */ { background-color:#FFFFFF; color:#60513A; border:solid 1px #60513A; font:10pt Arial,Helvetica,Sans-Serif; }
.threecalevent					/* in vb */ { background-color:#F8EEE5; }
.threecalevent a				/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalreg					/* in vb */ { background-color:#BDD678; }
.threecalreg a					/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
.threecalselected				/* in vb */ { background-color:#FFE749; }
.threecalselected a				/* in vb */ { color:#60513A; font:10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }

a.threecalonemonth:link			{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.threecalonemonth:visited		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
a.threecalonemonth:active		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
a.threecalonemonth:hover		{ color:#A19177; font:9pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

/* community */
.outer-rounded-corners			{}
.inner-rounded-corners			{}
.outer-title-padding			{}
.inner-title-padding			{padding: 0px 0px 0px 0px;}
.article-author-padding			{padding: 5px 15px 15px 30px;}
.article-padding				{ padding: 0px 0px 0px 10px; }
.article-details-padding		{padding: 20px 0px 0px 10px;}
.article-author					{ font-size:8pt; color:#636375; font-family:Arial,Helvetica,Sans-Serif; }
a.article-author-link:link		{ font-size:8pt; color: #39698C; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.article-author-link:visited	{ font-size:8pt; color: #39698C; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.article-author-link:active	{ font-size:8pt; color: #39698C; font-family:Arial,Helvetica,Sans-Serif; text-decoration: none;}
a.article-author-link:hover		{ font-size:8pt; color: #39698C; font-family:Arial,Helvetica,Sans-Serif; text-decoration: underline;}
#divArticleInner a:link			{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
#divArticleInner a:visited		{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:none; }
#divArticleInner a:active		{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }
#divArticleInner a:hover 		{ color:#39698C; font:bold 10pt Arial,Helvetica,Sans-Serif; text-decoration:underline; }

.article-sub-title				{ color:#666666; font:italic 18pt Arial,Helvetica,Sans-Serif; border-bottom: double #C0C0C0; } 
.data-bold						{ color:#666666; font:10pt Arial,Helvetica,Sans-Serif; font-weight:bold; }
.bold-header					{ color:#666666; font:10pt Arial,Helvetica,Sans-Serif; font-weight:bold; }
.horizontal-line { border-bottom: solid 1px #C0C0C0;  }

/* MediaCatalog Tips */
    .calloutBox {
      background-color: #B3B3B3;
      color: #000;
      height: 100px;
      width: 300px;
      position:absolute;
      left:650px;
      top:100px;
    }
    .portrait {
      border-bottom: 2px solid #FFF;
      border-left: none;
      border-right: none;
      border-top: 2px solid #FFF;
      margin: 0 30px;
      height: 96px;
   }
    .portrait p {
      margin: 0 -28px;
      padding: 5px;
      background-color: #FFF;
      color: #000;
      font-style: italic;
      text-align: center;
      height: 86px;
    }

   
.msg_list {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.msg_head {
    padding: 5px 25px;
    cursor: pointer;
    position: relative;
    background-color: #ECECEC;
    margin: 1px;
    background-image: url('/images/icons/expand.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.msg_body {
    padding: 5px 10px 15px;
    background-color: #fff;
}
.staffeval_card {
    padding: 5px;
    border-radius: 10px;
    margin: 2px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
}

/*print friendly every page */
@media print{
#logo {display:none;}
#left-column {display:none;}
.systemalert-position{display:none;}
#main-content { position: absolute; top:1in; left:0in; width:8in; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right:0px; }
#title-position	{position: absolute; top:.5in; left:0in; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right:0px; }
.search-position{display:none;}
.login-position{display:none;}
}

