table.dTable
{
	padding: 0;
	margin: 0;
	width: 100%;
}

table.dTable caption {
	padding: 0 0 5px 0;
	width: 100%;	 
    font: italic 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	text-align: right;
}

table.dTable th.dTableTitle
{
    font: 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: bold;
    background-color: #980000;
    color: white;
    text-align: center;
    padding: 0.2em;
}

table.dTable td.dTableAlt
{
    background-color: #ebd7d7;
}

table.dTable input.dTableClean
{
	border: none;
}

.clean
{
	border: none;
}

td.tdListTitle
{
    font-weight: bold;
    background-color: #980000;
    color: white;
    text-align: center;
    padding: 0.2em;
}

td.tdFormTitle
{
    font-weight: bold;
}

td.tdColor
{
    background-color: #ebd7d7;
}

table.form
{
    background-color: #D0D9E1; 
	border: solid #ebd7d7 1px;
    padding: 6px; 
}
div.labelContainer
{
    width: 600px;
	text-align: left;
}

div.labelContainer table
{
}

div.fieldsetContainer
{
	margin: 10px;
}

div.formContainer
{
    width: 100%;
	text-align: center;
	/* background-color: #D0D9E1; */
	/* border: solid #E7ECF0 1px; */
}

div.form
{
	margin-left: 10px;
	margin-right: 10px;
}

div.formleft
{
	margin-left: 55px;
	margin-right: 5px;
	width: 45%;
	float: left;
}

div.formright
{
	margin-left: -45px;
	margin-right: 10px;
	width: 45%;
	float: left;
	clear: right;
}

label.formLabel, input.formInput, select.formInput, img.formInput, label.formInput, label.formErr
{
	margin-bottom: 9px;
	display: block;
	float: left;
	text-align: left;
}

td.label
{
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	vertical-align: middle;
}

input.formSubmit
{
	/*text-align: right;*/
}

label.formLabel, td.formlabel
{
	margin-bottom: 9px;
	font-weight: bold;
	width: 45%;
	text-align: right;
	padding-right: 15px;
}

div.formleft br 
{
	clear: left;
}

div.formright br 
{
	clear: left;
}

div.form br 
{
	clear: left;
}

body
    {
    color: #333;
    font: 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
    background: #CCBBBB;
    text-align: center;
    }

input.linkLike
    {
    border: solid 0px gray;
    background : white;
    /*color: #980000;*/
    }

td
    {
    font: 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
    }

td.seperator
    {
    border-right: 1px solid #E6EEF0;
    }

a:link
    {
    font-weight: bold;
    color: #980000;
    text-decoration: none;
    }

a:visited
    {
    font-weight: bold;
    color: #980000;
    text-decoration: none;
    }

a:active
    {
    font-weight: bold;
    color: #980000;
    text-decoration: none;
    }

a:hover
    {
    color: #D60808;
    color: #ce8f7d;
    text-decoration: none;
    }

input,textarea
    {
    border: 1px solid gray;
    }

fieldset 
	{ 
	border:1px solid gray; 
	width: 680px;
	}

legend 
	{
	padding:  2px 5px;
    border:1px solid #980000;
	font-size:90%;
	color: white;
	background-color: #980000;
	font-weight: bold;
	}

#container
    
    {
    margin: 10px auto;
    width: 800px;
    background: #FFFFFF;
    text-align: left;
    line-height: 130%;
    }

#header
    {
    /*padding: 1px 10px 10px 10px;*/
	padding-left: 10px;
    background-color: #980000;
    color: white;
	height: 55px; 
    font: 30px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: bold;
	text-align: center;
    }


#content
    {
    background: #FFFFFF;
    width: 600px;
    padding: 10px 10px 0px 10px;
	vertical-align: top;
    }

#single_content
    {
	width: 100%;
    background: #FFFFFF;
    /* padding: 10px 10px 0px 10px;*/
    text-align: center;
    }

#single_content h2
	{
    /* padding: 0px 30px 0px 0px; */
    text-align: center;
	}

#formmessage
	{
	margin-left: 40px;
	margin-right: 40px;
    text-align: center;
    font: 20px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	/* width: 700px; */
	}

#footer
    {
    padding: 10px 10px 1px 10px;
    color: white;
    text-align: center;
    font-size: 14px;
    background-color: #980000;
    }

#content h2
    {
    margin: 5px 0 10px 0px;
    }

div.logout
	{
	width: 789;
	text-align: right;
	}

.tl_hf {
	margin-right: 11px;
	/*background: #980000 url(tl_hf.png) 0 0 no-repeat;*/
	height: 11px;
	font-size: 2px;
	background-color: #980000;
	}
	
.tr_hf {
	margin-top: -11px; 
	margin-left: 11px;
	/*background: url(tr_hf.png) 100% 0 no-repeat;*/
	height: 11px;
	font-size: 2px;
    background-color: #980000;
	}
	
.bl_hf {
	margin-right: 11px;
	/*background: #980000 url(bl_hf.png) 0 100% no-repeat;*/
	height: 11px;
	font-size: 2px;
    background-color: #980000;
	}
	
.br_hf {
	margin-top: -11px; 
	margin-left: 11px;
	/*background: url(br_hf.png) 100% 100% no-repeat;*/
	height: 11px;
	font-size: 2px;
	background-color: #980000;

	
	}

.tr {
	margin-top: -11px; 
	margin-left: 11px;
	/*background: url(tr.png) 100% 0 no-repeat;*/
	height: 11px;
	font-size: 2px;
	background-color: #980000;
	}
	
.bl {
	margin-right: 11px;
	/*background: url(bl.png) 0 100% no-repeat;*/
	height: 11px;
	font-size: 2px;
	background-color: #980000;
	}
	
.tl {
	margin-right: 11px;
	/*background: url(tl.png) 0 0 no-repeat;*/
	background-color: #FFFFFF;
	height: 11px;
	font-size: 2px;
	background-color: #980000;
	}
	
.br {
	margin-top: -11px; 
	margin-left: 11px;
	/*background: url(br.png) 100% 100% no-repeat*/;
	height: 11px;
	font-size: 2px;
	background-color: #980000;
	}

/* modal stuff */
    :root {
      --cc-body-color: #212529;
      --cc-body-bg: #fff;
      --cc-border-width: 1px;
      --cc-border-color: #dee2e6;
      --cc-border-color-translucent: rgba(0, 0, 0, 0.175);
      --cc-border-radius-lg: 0.5rem;
      --cc-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      --cc-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    .modal {
      --cc-modal-zindex: 1055;
      --cc-modal-width: 500px;
      --cc-modal-padding: 1rem;
      --cc-modal-margin: 0.5rem;
      --cc-modal-color: var(--cc-body-color);
      --cc-modal-bg: var(--cc-body-bg);
      --cc-modal-border-color: var(--cc-border-color-translucent);
      --cc-modal-border-width: var(--cc-border-width);
      --cc-modal-border-radius: var(--cc-border-radius-lg);
      --cc-modal-box-shadow: var(--cc-box-shadow-sm);
      --cc-modal-inner-border-radius: calc(var(--cc-border-radius-lg) - (var(--cc-border-width)));
      --cc-modal-header-padding-x: 1rem;
      --cc-modal-header-padding-y: 1rem;
      --cc-modal-header-padding: 1rem 1rem;
      --cc-modal-header-border-color: var(--cc-border-color);
      --cc-modal-header-border-width: var(--cc-border-width);
      --cc-modal-title-line-height: 1.5;
      --cc-modal-footer-gap: 0.5rem;
      --cc-modal-footer-border-color: var(--cc-border-color);
      --cc-modal-footer-border-width: var(--cc-border-width);
      position: fixed;
      top: 0;
      left: 0;
      z-index: var(--cc-modal-zindex);
      display: none;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      outline: 0;
    }

    .modal-dialog {
      position: relative;
      width: auto;
      margin: var(--cc-modal-margin);
      pointer-events: none;
    }

    .modal-dialog-centered {
      display: flex;
      align-items: center;
      min-height: calc(100% - var(--cc-modal-margin) * 2);
    }

    .modal-content {
      text-align: justify;
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      color: var(--cc-modal-color);
      pointer-events: auto;
      background-color: var(--cc-modal-bg);
      background-clip: padding-box;
      box-shadow: var(--cc-modal-box-shadow);
      outline: 0;
    }

    .modal-header {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      padding: var(--cc-modal-header-padding);
      border-bottom: var(--cc-modal-header-border-width) solid var(--cc-modal-header-border-color);
      border-top-left-radius: var(--cc-modal-inner-border-radius);
      border-top-right-radius: var(--cc-modal-inner-border-radius);
    }
    .modal-header .btn-close {
      padding: calc(var(--cc-modal-header-padding-y) * 0.5) calc(var(--cc-modal-header-padding-x) * 0.5);
      margin-top: calc(-0.5 * var(--cc-modal-header-padding-y));
      margin-right: calc(-0.5 * var(--cc-modal-header-padding-x));
      margin-bottom: calc(-0.5 * var(--cc-modal-header-padding-y));
      margin-left: auto;
    }

    .modal-title {
      margin-bottom: 0;
      margin-top: 0;
      font-size: 1.25rem;
      line-height: var(--cc-modal-title-line-height);
    }

    .modal-body {
      position: relative;
      flex: 1 1 auto;
      padding: var(--cc-modal-padding);
    }

    .modal-footer {
      display: flex;
      flex-shrink: 0;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      padding: calc(var(--cc-modal-padding) - var(--cc-modal-footer-gap) * 0.5);
      border-top: var(--cc-modal-footer-border-width) solid var(--cc-modal-footer-border-color);
      border-bottom-right-radius: var(--cc-modal-inner-border-radius);
      border-bottom-left-radius: var(--cc-modal-inner-border-radius);
    }
    .modal-footer > * {
      margin: calc(var(--cc-modal-footer-gap) * 0.5);
    }

    @media (min-width: 576px) {
      .modal {
        --cc-modal-margin: 1.75rem;
        --cc-modal-box-shadow: var(--cc-box-shadow);
      }
      .modal-dialog {
        max-width: var(--cc-modal-width);
        margin-right: auto;
        margin-left: auto;
      }
    }

    .btn-close {
      box-sizing: content-box;
      width: 1em;
      height: 1em;
      padding: 0.25em 0.25em;
      color: #000;
      background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
      border: 0;
      border-radius: 0.375rem;
      opacity: 0.5;
      cursor: pointer;
    }
    .btn-close:hover { opacity: 0.75; }
    .btn-close:focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      opacity: 1;
    }

    .modal.backdrop {
      background: rgba(0, 0, 0, 0.5);
    }

    body.modal-open {
      overflow: hidden;
    }
    .notes {
      display: grid;
      grid-template-columns: max-content 1fr;
      column-gap: .5rem;
      row-gap: .25rem;
      margin: 0;
    }
    .notes dt { font-weight: 600; }
    .notes dd { margin: 0; }