html {
    font-size: 10px;
}

body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    margin: 0;
    font-size: 10px;
}

div {
    margin: 0;
    padding: 0;
}

.verticalgridline {
    padding-top: 27px;
}

.box, .handle {
    font-size: 14px;
    font-family: Arial, sans-serif;
    border: 1px solid #aaa;
}

.box {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    float: left;
    left: 20%;
    width: 200px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: 9999;
}

.box400 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    float: left;
    left: 20%;
    width: 400px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: -1;
}

.box410 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    float: left;
    left: 20%;
    width: 410px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: -1;
}

.box500 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    left: 20%;
    width: 500px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: -1;
}

.box600 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    left: 20%;
    width: 645px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: -1;
}

.box210 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    left: 20%;
    width: 210px;
    top: 30%;
    visibility: hidden;
    position: absolute;
    border: 1px solid #385783;
    padding: 1px;
    background-color: #385783;
    z-index: -1;
}

.handle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding: 3px;
    background-color: #003366;
    cursor: move;
    height: 14px;
    border-width: 0px 0px 1px 0px;
    padding: 2px 6px;
    margin: 0px;
}

.box p {
    font-size: 12px;
    margin: 5px 5px 10px 5px;
    text-align: left;
    white-space: normal;
}

#boxDrag, #boxVerticalOnly, #boxHorizontalOnly, #boxRegionConstraint,
#boxThreshold, #boxAbsolute {
    cursor: move;
}

#boxAbsolute {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

div.web_footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 3px;
    font-size: 11px;
    font-weight: normal;
}

a.web_footer, a.web_footer:link, a.web_footer:visited a.web_footer:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 3px;
    font-size: 11px;
    font-weight: normal;
}

a.web_footer:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FF7F00;
    padding: 3px;
    font-size: 11px;
    font-weight: normal;
}

a {
    color: #3C58CC;
    text-decoration: none
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

.breadcrumbs {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    text-decoration: none;
}

div.menu {
    min-width: 200px;
    max-width: 250px;
    background-color: #385783;
    margin-bottom: 3rem;
    padding-bottom: 0.8rem;
    border-radius: 1.6rem;
    font-size: 1.6rem;
}

div.menu span.menu-header {
    background-color: #0F2C64;
    display: block;
    color: #FFFFFF;
    font-size: 1.6rem;
    text-align: center;
    padding: 0.5rem 0;
    border-radius: 1.6rem 1.6rem 0 0;
}

div.menu table {
    width: 100%;
}

div.menu td {
    padding:0;
    margin:0;
}

div.menu a {
    color: #333333;
    text-decoration: none;
    padding: 0.6rem 1rem;
    display: block;
    border: 1px solid transparent;
}

div.menu a img {
    height:16px;
    margin:0 1rem;
}

div.menu a span.spacer {
    display: inline-block;
    width: 3.6rem;
    height: 16px;
}

div.menu a span.green-arrow {
    display:inline-block;
    background-image: url(../images/side_navigation/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 3.6rem;
    height: 16px;
}

div.menu a:link {
    color: #FFFFFF;
}

div.menu a:active,
div.menu a.active{
    color: #E8FFF8;background: #0F2C64;border:1px solid #E8FFF8;
}

div.menu a:visited {
    color: #FFFFFF;
}

div.menu a:hover {
    color: #E8FFF8;
    background: #0F2C64;
    border: 1px solid #E8FFF8;
}

div.widemenu {
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 0;
  border-radius: 0;
  margin-bottom: 1rem;
}

div.widemenu table.menu td {
  width: 20%;
}

.titlebar-container {
  width:85%;
}

tr.fullwidth .titlebar-container {
  width: 100%;
  padding:0 0.5%;
}

div.col_sort a {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #FFFFFF;
}

div.col_sort a:link {
    color: #FFFFFF;
}

div.col_sort a:visited {
    color: #FFFFFF;
}

div.col_sort a:hover {
    color: #FFFFFF;
}

div.col_sort a {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #FFFFFF;
}

div.col_sort2 a:link {
    color: #003366;
}

div.col_sort2 a:visited {
    color: #003366;
}

div.col_sort2 a:hover {
    color: #003366;
}

.datatableheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0F2C64;
    text-decoration: none;
    background-color: #E8FFF8;
}

.totals {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 3px;
    COLOR: #003366;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e6ec;
    TEXT-ALIGN: left
}

.overdue {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #ff0000;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

.closed {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #666666;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #dddddd;
    TEXT-ALIGN: left
}

.open {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #000000;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

.entry {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 3px;
    COLOR: #0F2C64;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}

.entryAlertRed {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #FF0000;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

.entryNotRead {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #FF0000;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

.borderedtable1 {
    BORDER-RIGHT: #527497 4px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #527497 4px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #527497 4px solid;
    COLOR: #003366;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #527497 4px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.table_nested {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;

    MARGIN-BOTTOM: 2px;
    PADDING-BOTTOM: 3px;
    COLOR: #003366;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e6ec;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.indented {
    PADDING-LEFT: 10px
}

TABLE.login {
    BORDER-RIGHT: #527497 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #527497 1px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #527497 1px solid;
    COLOR: #003366;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #527497 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}

.nav1 {
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;

    COLOR: #527497;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e6ec;
    TEXT-ALIGN: left;
    text-decoration: none;
    border: 0px;
}

.subarea1 {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    TEXT-INDENT: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #7a95af;
    TEXT-ALIGN: left
}

.loggedinname {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-decoration: none;
    font-weight: 600;
}

.entryRED {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F0C0C0;
    TEXT-ALIGN: left
}

.entryAMBER {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFD595;
    TEXT-ALIGN: left
}

.entryGREEN {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #D5FFD5;
    TEXT-ALIGN: left
}

.entryPURPLE {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #CC99FF;
    TEXT-ALIGN: left
}

.entryBLUE2 {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #7a95af;
    TEXT-ALIGN: left;
}

.entryBLUE {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}

.entryGREY {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ebe8d6;
    TEXT-ALIGN: left
}

.entryYELLOW {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFF99;
    TEXT-ALIGN: left
}

.entryNOTVIEWED {
    padding: 3px;
    COLOR: #0F2C64;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFF7E5;
    TEXT-ALIGN: left
}

.entryDELETED {
    padding: 3px;
    COLOR: #E74931;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    text-decoration: line-through;
}

TD.footer1 {
    BACKGROUND-COLOR: #ebeff3
}

.footer2 {
    BACKGROUND-COLOR: #517396
}

.footer3 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #264876;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e6ec;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.fieldView {
    BORDER-RIGHT: #7f9db9 1px solid;
    BORDER-TOP: #7f9db9 1px solid;
    FONT-WEIGHT: normal;

    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #7f9db9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #7f9db9 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
}

.field {
    BORDER-RIGHT: #7f9db9 1px solid;
    BORDER-TOP: #7f9db9 1px solid;
    FONT-WEIGHT: bold;

    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #7f9db9 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 3pt;
    BORDER-BOTTOM: #7f9db9 1px solid;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: #E8FFF8
}

.fieldHighlighted {
    BORDER-RIGHT: #eb2d46 1px solid;
    BORDER-TOP: #eb2d46 1px solid;
    FONT-WEIGHT: bold;

    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #eb2d46 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 3pt;
    BORDER-BOTTOM: #eb2d46 1px solid;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: #E8FFF8
}

.fieldDisabled {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-WEIGHT: bold;

    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #000000;
    TEXT-INDENT: 3pt;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: verdana, sans-serif;
    BACKGROUND-COLOR: #cccccc
}

.viewapptext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #003366;
    font-weight: 600;
    line-height: 18px;
    padding-right: 3px;
}

.nameForm {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    background-color: #385783;
    position: absolute;
    left: 20%;
    top: 30%;
    visibility: hidden;
    border: 1px solid #385783;
    padding: 1px;
    z-index: 999
}

.nameForm400 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    background-color: #385783;
    position: absolute;
    left: 20%;
    top: 30%;
    width: 400px;
    visibility: hidden;
    border: 1px solid #385783;
    padding: 1px;
    z-index: 999
}

.nameForm500 {
    font-family: Arial, Helvetica, sans-serif;

    color: #000000;
    font-weight: normal;
    background-color: #385783;
    position: absolute;
    left: 20%;
    top: 30%;
    width: 500px;
    visibility: hidden;
    border: 1px solid #385783;
    padding: 1px;
    z-index: 999
}

.subtableheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-image: url(/images/main_data_table/top_BG.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    padding-left: 6px;
    height: 20px;
    color: #FFFFFF;
}

.dataentry {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 3px;
    COLOR: #003366;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #E0E6EC;
    TEXT-ALIGN: left;
    border: 1px inset #7A95AF;
}

.cellborder {
    border-top: 0px solid #7A95B0;
    border-right: 1px solid #7A95B0;
    border-bottom: 0px solid #7A95B0;
    border-left: 1px solid #7A95B0;
}

.cellborder2 {
    border-top: 1px solid #7A95B0;
    border-right: 1px solid #7A95B0;
    border-bottom: 1px solid #7A95B0;
    border-left: 1px solid #7A95B0;
}

.cellborder2Yellow {
    border-top: 1px solid #7A95B0;
    border-right: 1px solid #7A95B0;
    border-bottom: 1px solid #7A95B0;
    border-left: 1px solid #7A95B0;
    BACKGROUND-COLOR: #FFFF99;
}

.cellborder3 {
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
}

.cellborder3Yellow {
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
    BACKGROUND-COLOR: #FFFF99;
}

.datatest {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #0F2C64;
    text-decoration: none;
    background-repeat: repeat;
    display: table-cell;
    height: 100%;
    width: 100%;
    border: thin solid #FFFFFF;
}

.tabledivider {
    background-image: url(/images/data_table_divider_bg.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #EFF2F5;
    padding-left: 6px;
}

.tabledivider3 {
    background-image: url(/images/data_table_divider_bg2.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #EFF2F5;
    padding-left: 6px;
}

a.tabledivider, a.tabledivider:link, a.tabledivider:visited a.tabledivider:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #EFF2F5;
    padding-left: 6px;
}

.tabledivider2 {
    background-image: url(/images/data_table_divider2_bg.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #EFF2F5;
    padding-left: 6px;
}

a.tabledivider2, a.tabledivider2:link, a.tabledivider2:visited a.tabledivider2:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #EFF2F5;
    padding-left: 6px;
}

.celldividercolour {
    background-color: #63829F;
    margin: 0px;
    padding: 0px;
}

.pagination, a.pagination, a.pagination:link, a.pagination:visited {
    font-weight: bold;
    font-size: 9px;
    color: #003358;
    text-decoration: none;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 3px;
}

.admintable {
    border: 1px solid #7F9DB9;
}

.admintableheadL {
    font-family: Arial, Helvetica, sans-serif;

    color: #0F2C64;
    background-color: #E0E6EC;
    background-image: url(/images/top_l.jpg);
    background-repeat: no-repeat;
    background-position: left;
    width: 8px;
    height: 15px;
}

.admintableheadR {
    font-family: Arial, Helvetica, sans-serif;

    color: #0F2C64;
    background-color: #E0E6EC;
    background-image: url(/images/top_r.jpg);
    background-repeat: no-repeat;
    background-position: right;
    width: 8px;
    height: 15px;
}

.admintableheadBG {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #0F2C64;
    background-color: #E0E6EC;
    background-image: url(/images/top_bg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    height: 15px;
}

.admintablepadded {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #224474;
    padding: 2px;
    height: 136px;
    width: 350px;
}

.admincentretable {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #224474;
    height: 130px;
    width: 380px;
}

.adminstatictable {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #224474;
    width: 600px;
}

.adminmediumstatictable {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #224474;
    width: 720px;
}

.adminlargestatictable {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #224474;
    width: 800px;
}

.admindynamictable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #224474;
}

.admindropbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    width: 121px;
    background-color: #FFFFFF;
}

.admindropboxlarge {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    min-width: 200px;
    background-color: #FFFFFF;
}

.admindropboxmedium {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    width: 250px;
    background-color: #FFFFFF;
}

.admintextboxproduct {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextareaproduct {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 100px;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextareaproduct2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 50px;
    width: 400px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 118px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.growertextboxsmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 35px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.growertextbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 118px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxsamplelarge {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 14px;
    width: 450px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxsamplemedium {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 14px;
    width: 400px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxsamplesizes {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 14px;
    width: 95px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.sampledescription {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 100px;
    width: 560px;
}

.outline_field {
    font-family: verdana, sans-serif;

    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    text-indent: 3pt;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
    height: 18px;
    width: 60px;
}

.admintextboxlarge {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 14px;
    width: 300px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admindropboxdoors {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 18px;
    width: 33px;
    background-color: #FFFFFF;
}

.admindropboxbody {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 54px;
    background-color: #FFFFFF;
}

.fadedtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #8193AF;
}

.optionboxoff {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #999999;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 100px;
    width: 160px;
}

.optionboxon {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 100px;
    width: 160px;
}

.salesorder {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 80px;
    width: 150px;
}

.optiondescription {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 100px;
    width: 355px;
}

.messagebody {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 200px;
    width: 300px;
}

.treatmentNote {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
    height: 70px;
    width: 200px;
}

.LTadmintableheadL {
    font-family: Arial, Helvetica, sans-serif;

    color: #0F2C64;
    background-color: #E0E6EC;
    background-image: url(/images/light_top_l.jpg);
    background-repeat: no-repeat;
    background-position: left;
    width: 8px;
    height: 15px;
}

.LTadmintableheadR {
    font-family: Arial, Helvetica, sans-serif;

    color: #0F2C64;
    background-color: #E0E6EC;
    background-image: url(/images/light_top_r.jpg);
    background-repeat: no-repeat;
    background-position: right;
    width: 8px;
    height: 15px;
}

.LTadmintableheadBG {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #8193AF;
    background-color: #E0E6EC;
    background-image: url(/images/light_top_bg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    height: 15px;
}

.lightadmintableBG {
    background-color: #D0DBE4;
    height: 16px;
    border: 1px solid #B8C8D7;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #8193AF;
}

.admindropboxMonth {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 18px;
    width: 50px;
    background-color: #FFFFFF;
}

.admindropboxYear {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 18px;
    width: 54px;
    background-color: #FFFFFF;
}

.admindropboxSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 18px;
    width: 100px;
    background-color: #FFFFFF;
}

.admintextboxSmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    height: 14px;
    width: 111px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxDate {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #000000;
    min-width: 75px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxYear {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 30px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.admintextboxTable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #7F9DB9;
}

.passworderr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7a95af;
    text-align: center;
    width: 400;
    padding-left: 3px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 1px;
    border-left: 1px solid #527497;
    border-right: 1px solid #527497;
    border-top: 1px solid #527497;
    border-bottom: 1px solid #527497;
    background-color: #ffffff;
}

.passworderr2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #E74931;
    text-align: center;
    width: 400;
    padding-left: 3px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 1px;
    border-left: 1px solid #E74931;
    border-right: 1px solid #E74931;
    border-top: 1px solid #E74931;
    border-bottom: 1px solid #E74931;
    background-color: #ffffff;
}

.table_key {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366;
    text-align: left;
    width: 400;
    padding-left: 3px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 1px;
    border-left: 1px solid #527497;
    border-right: 1px solid #527497;
    border-top: 1px solid #527497;
    border-bottom: 1px solid #527497;
    background-color: #ffffff;
}

.qty {
    background-color: #e0e6ec;
}

.plan {
    background-color: #7a99aa;
}

.inspection {
    background-color: #7a99aa;
}

.notice {
    background-color: #527497;
}

.regularisation {
    background-color: #003366;
}

.field {
    font-family: verdana, sans-serif;

    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
    text-indent: 3pt;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.fieldHighlighted {
    font-family: verdana, sans-serif;

    font-weight: bold;
    color: #000000;
    background-color: #eeeeee;
    text-indent: 3pt;
    border: 1px solid #EB2D46;
    vertical-align: middle;
}

.table1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #003366;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    margin-bottom: 3px;
    background-color: #e0e6ec;
    border: 1px solid #527497;
}

.main {
    color: #003366;
    font-weight: bold;

    font-family: verdana, sans-serif;
    text-decoration: none;
}

.main .tab_header {
    FONT-SIZE: 9px;
    BACKGROUND: url(/images/data_table_divider2_bg.jpg);
    FLOAT: left;
    WIDTH: 100%;
    LINE-HEIGHT: normal
}

.main .tab_header UL {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

.main .tab_header LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 9px;
    BACKGROUND: url(/images/tab/left.gif) no-repeat left top;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

.main .tab_header A {
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    BACKGROUND: url(/images/tab/right.gif) no-repeat right top;
    FLOAT: left;
    PADDING-BOTTOM: 4px;
    COLOR: #FFFFFF;
    PADDING-TOP: 5px;
    TEXT-DECORATION: none
}

.main .tab_header .current A {
    FLOAT: none
}

.main .tab_header A:hover {
    COLOR: #E7E4D1
}

.main .tab_header .current {
    COLOR: #333333;
    BACKGROUND-IMAGE: url(/images/tab/left_on.gif)
}

.main .tab_header .current A {
    COLOR: #333333;
    BACKGROUND-IMAGE: url(/images/tab/right_on.gif)
}

.main .tab_header .current A:hover {
    COLOR: #333333;
}

div.error {
    color: #E74931;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

div.p.error {
    color: #E74931;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

p.error {
    color: #E74931;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

p.msg {
    color: #4761FF;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

.msg {
    color: #4761cf;
    font-weight: bold;
    font-size: 11px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}

.msg {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #003366;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    margin-bottom: 3px;
    background-color: #FFF7E5;
    border: 1px solid #527497;
}

.button_link, a.button_link, a.button_link:link, a.button_link:visited {
    background-image: url("/images/elements/button_bg.gif");
    border-right-width: 1px solid #333333;
    border-bottom-width: 1px solid #333333;
    border-left-width: 1px solid #666666;
    border-top-style: solid;
    border-top-color: #666666;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    height: 20;
}

a.button_link:hover {
    color: #000000;
}

.button_type, a.button_type:link, a.button_type:visited a.button_type:hover {
    background-image: url("/images/tbc_buttons/blank_large_lbg.jpg");
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #4761cf;
    padding-left: 5px;
    align: center;
    height: 20;
    width: 77;
}

.button_text, a.button_text:link, a.button_text:visited a.button_text:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #4761cf;
    align: center;
    height: 20;
}

.subPlanHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #003366;
    height: 20px;
    color: #FFFFFF;
    padding: 2px;
}

.subPlanTextbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #003366;
}

.heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding: 3px;
    background-color: #003366;
}

.heading2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    background-color: #003366;
}

.subheading3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #e0e6ec;
    background-color: #7a95af;
    border: 1px solid #527497;
    padding: 3px;
}

.subheading4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #003366;
    border: 1px solid #7a95af;
    padding: 3px;
}

.subheading5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;
    color: #003366;
    background-color: #FFF7E5;
    border: 1px solid #527497;
    padding: 3px;
}

.report_text {
    font-size: 11px;
    font-family: Arial;
    padding: 3px;
}

.report_text2 {
    font-size: 11px;
    font-family: Arial;
    padding: 0px;
}

.report_text3 {
    font-size: 13px;
    font-family: Arial;
    padding: 0px;
}

.subheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #e0e6ec;
    background-color: #7a95af;
    border: 1px solid #527497;
    padding: 3px;
}

.subheading2, a.subheading2, a.subheading2:link, a.subheading2:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #e0e6ec;
    background-color: #7a95af;
    padding: 0px;
    text-indent: 3px;
}

a.subheading2, a.subheading2:link, a.subheading2:visited {
    text-decoration: underline;
}

a.subheading2:hover {
    color: #000000;
}

.subTitle, a.subTitle, a.subTitle:link, a.subTitle:visited, a.subTitle:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #EFF2F5;
    padding-left: 6px;
}

td.detail {
    padding: 3px;
}

.detail1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #456a8f;
    text-align: right;
    padding-right: 10px;
}

.detail2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #003366;
    height: 20px;
    padding-right: 10px;
    margin-left: 10px;
}

a.detail2, a.detail2:link, a.detail2:visited {
    font-weight: bold;
    text-decoration: none;
}

.audit_search {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-decoration: none;
}

table.maintable {
    width: 100%;
    font-size: 1.6rem !important;
}

.maintable table {
    width: 100%;
}

.maintable table.header {
    width: auto;
    height: 15px;
    font-size: 11px;
}

.maintable .table1 {
    font-size: inherit !important;
}

.maintable th {
    text-align: right;
    vertical-align: top;
    min-width: 20%;
}

.secondarytable .admintable,
.secondarytable.table1 {
    font-size: 1.6rem !important;
}

.pb-2, .pb-2 > td, .pb-2 > th {
    padding-bottom: 0.5rem;
}

.pt-2, .pt-2 > td, .pt-2 > th {
    padding-top: 0.5rem;
}

.pb-4 { padding-bottom: 1rem; }
.pt-4 { padding-top: 1rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pt-6 { padding-top: 1.5rem; }

.ps-1 { padding-left: 0.25rem; }
.ps-2 { padding-left: 0.5rem; }
.ps-3 { padding-left: 0.75rem; }
.ps-4 { padding-left: 1rem; }
.ps-5 { padding-left: 1.5rem; }
.ps-6 { padding-left: 2rem; }

.pe-1 { padding-right: 0.25rem; }
.pe-2 { padding-right: 0.5rem; }
.pe-3 { padding-right: 0.75rem; }
.pe-4 { padding-right: 1rem; }
.pe-5 { padding-right: 1.5rem; }
.pe-6 { padding-right: 2rem; }

div.secondary-area {
    width: 100%;
    font-size: 1.6rem;
    color: #224474;
}

span.secondary-area-title {
    background-color: #e0e6ec;
    padding: 0.4rem 1rem;
    min-width: 200px;
    border: 1px solid #527497;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #0F2C64;
}

div.secondary-area-container {
    border: 1px solid #527497;
    background-color: #e0e6ec;
    margin-top: 0.4rem; /* to clear title */
}

.secondary-area table {
    width: 100%;
}

.secondary-area table.data th {
    background-color: #7a95af;
    color: white;
    padding: 0.3rem 0;
}

button {
    border: 1px solid #527497;
    border-radius: 0.3rem;
    background-image: linear-gradient(white, #A5C0D1);
    color: #224474;
    cursor: pointer;
    padding: 0.4rem 0.8rem;
}
button:hover {
    background-image: linear-gradient(#A5C0D1, white);
}

button.short {
    padding: 0.2rem 0.8rem;
}

.secondary-area-content table.data {
    border-collapse: separate;
    border-spacing: 2px;
}

.secondary-area-content table.data td {
    background-color: white;
    padding:3px;
}

.secondary-area-content table.data.smalltext {
    font-size: 1.4rem;
}

.secondary-area-content table.data.microtext {
    font-size: 1.2rem;
}

.secondary-area-content .error {
    text-align: center;
    font-size: 1.4rem;
    border-top: 1px solid #527497;
    padding: 0.5rem 0;
}

.center { text-align: center; }
.clickable { cursor: pointer; }

.inline-list-with-x {
    list-style: none;
    padding: 0; margin:0;
}

.inline-list-with-x li {
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0;
}

.inline-list-with-x li:first-child {
    padding-left: 1rem;
}

.inline-list-with-x li a {
    margin-left: 1rem;
    vertical-align: middle;
}

.underline {
    text-decoration: underline !important;
}
.strapnav-link a {
  color: white;
}
.strapnav-link:hover,
.strapnav-link.active {
  background-color: #0C2657;
  border-radius: 1.5rem;
}