body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
    /* background-color: #EEE; */
    /* padding: 15px; */
}

/* added rm 20220710 */
.box-border	{
    box-sizing: border-box;
}

/* added rm 20220710 */
.box-content	{
    box-sizing: content-box;
}

h1 {
    font-size: 2em;
    font-weight: normal;
    margin: 1em 0 0.75em;
    page-break-after: avoid;
}

h2 {
    color: navy;
    font-size: 1.2em;
    font-weight: bold;
    page-break-after: avoid;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1ex;
    page-break-after: avoid;
}

.display_dashed {
    border-bottom-color: blue;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    display: inline-block;
    margin: 1ex 0;
}

code {
    font-size: 1.1em;
    margin: 0;
}

pre {
    margin: 1em 0 1em 1em;
}

ul {
    padding: 0;
/*	padding-bottom: 20px; */ /* give whitespace at bottom for FF */
    margin: 0;
    list-style-type: square;
}

li {
    padding: 0;
    /* margin: 0.5ex 0 0.5ex 1.2em; */
    margin: 0.5ex 0 0.5ex 0.5ex
}

.withtables {
    padding-bottom: 20px;
}

table.withtables, .withtables table {
    margin-left: auto;
    margin-right: auto;
}

td.withtables, .withtables td {
    padding: 2px 3px 2px 4px;
}

/* table[border="1"] th,td { */
table[border="1"] th, table[border="1"] td {
    border: 1px solid black;
    border-collapse: collapse;
}

table.border th, table.border td {
    border: 1px solid black;
    border-collapse: collapse;
}

table {
    border-color: #666;
}

th,thead {
    background-color: #EEE;
    padding: 4px 7px 5px;
    border-color: #666;
    text-align: center;
}


td {
    border-color: #666 #CCC;
    /* text-align: left; */
    /* line-height: 1em; */
    vertical-align: middle;
    /* font-size: 1em; */
    /* font-weight: bold; */
    padding: 0 5px;
    vertical-align: text-top;
}

tr {
    font-size: inherit;
    vertical-align: middle;
}

.noListStyle {
    list-style-type: none;
}



/* hidden type added rm 20220710 */
[type=hidden] {
    display: none
}

/*
select {
    border: black solid 1px;
}
*/

/*
[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    font-size: 1rem;
}
*/

.cursorHand, .cursor, .deleteItem {
    cursor: pointer;
}

.nopadding {
    padding: 0;
}

.padding_right_5px {
    padding-right: 5px;
}

.nomargin {
    margin: 0;
}

.small {
    padding-bottom: 0px;
    font-size: 8pt;
    font-weight: normal;
}

.smaller {
    padding-bottom: 0px;
    font-size: 7pt;
    font-weight: normal;
}

.smallest {
    padding-bottom: 0px;
    font-size: 6pt;
    font-weight: normal;
}

.short {
    padding-bottom: 0px;
    font-size: 10pt;
    font-weight: normal;
}

h1 {
    font: normal 2.1em Arial, Sans-Serif;
    letter-spacing: -1px;
    padding: 7px 0 0 8px;
    margin: 0;
}

h1 a, h2 a {
    text-decoration: none;
}

h1 a:hover, h2 a:hover {
    color: #F60;
    background: inherit;
}

h2 {
    margin: 1em 0 0 0;
    padding: 0;
    font: bold 1.7em Arial, Sans-Serif;
    letter-spacing: -1px;
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #000;
    background: inherit;
}

.left {
    text-align: left;
}

.floatleft {
    text-align: left;
    float: left;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.underline {
    text-decoration: underline;
}

.center {
    text-align: center;
    align-content: center;
    margin: auto;
}

.imgleft {
    display: block;
    border: 0;
    margin: 5px;
    height: auto;
    float: left;
    clear: left;
}

.imgright {
    border: 0;
    height: auto;
    clear: right;
}

.imgcenter {
    display: block;
    border: 0;
    margin: 2px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper {
    width: 620px;
}

.lightBrown {
    background-color: #DDD9BB;
}

.blue {
    color: #2f5e80;
    font-weight: bold;
}

.blueBG {
    background-color: #2f5e80;
    color: #ffffff;
    font-size: 12pt;
}

.red {
    color: red;
}

.gray {
    color: gray;
}

.noborder {
    border: 0;
}

.whiteBG {
    background-color: white;
}

.blackBG {
    background-color: black;
}

.padding0{
    padding: 0px;
}

.redBG {
    background-color: #e22424;
}

.lightWhiteBG {
    background-color: #f2f8ff;
}

.pretty-hover, #hover-demo1 p:hover {
    background: #66CCFF;
}

.navy {
    color: #3A7392;
}

label.error {
    font-size: 8pt;
    clear: left;
    display: block;
    padding-bottom: 10px;
}

form {
    padding: 0px;
    margin: 0px;
    display: block;
}

input[type*="hidden"], .epiclock, .hidden {
    display: none;
    visibility: hidden;
}

/* [type=button], [type=reset], [type=submit], button */
input[type*="submit"]:not(.btn),input[type*="button"]:not(.btn),button:not(.btn){
    border: 1px solid #000000;
    /* margin-top: 5px; */
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
    /* background-color: white; */
    margin-right: 5px;
}

.pointer {
    cursor: pointer;
}

.grayme {
    background-color: #cccccc;
    text-indent: 6px;
    text-align: left;
    height: 25px;
}





.blockItem {
    display: block;
    float: left;
    margin: 0pt 25px 0pt 0pt;
    vertical-align: top;
    height: 100%;
    position: absolute;
}

.blockItem1 {
    border: 1px solid;
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    height: 230px;
    width: 325px;
    background-color: #fff;
    z-index: 10;
}

.error {
    font-weight: bold;
    border-color: red;
    color: red;
}

.red {
    color: red;
}

.blockItem3 {
    border: 1px solid;
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    position: absolute;
    vertical-align: top;
    height: 120px;
    width: 380px;
    background-color: #fff;
    z-index: 10;
    left: 37.5em;
    top: 25px;
}

.blockItem4 {
    border: 1px solid;
    display: block;
    float: left;
    margin: 5px;
    padding: 10px;
    position: relative;
    vertical-align: top;
    width: 32em;
    background-color: #fff;
    z-index: 10;
}

.blockItem5 {
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    z-index: 10;
}

.blockItem5a {
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    z-index: 10;
    border: 1px solid;
    width: 425px;
    min-height: 165px;
}

.blockItem6 {
    border: 1px solid;
    display: block;
    float: left;
    margin: 5px;
    padding: 10px;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    z-index: 10;
}

.blockItem2 {
    border: none;
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    width: 325px;
    height: 260px;
}

.blockItem12 {
    border: 1px #000000 solid;
    max-width: 390px;
    width: 390px;
    padding: 5px;
    margin: 5px;
    vertical-align: top;
    display: block;
    float: left;
    position: relative;
}

.valign-middle {
    vertical-align: middle;
}

.align-middle, .align-center {
    text-align: center;
}


.bold {
    font-weight: bold;
}

.none {
    visibility: hidden;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.maxWidth {
    margin-right: 15px;
    /* min-width: 60%; */
    width: 100%;
}

fieldset {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #000000;
    clear: right;
    float: left;
    margin: 5px;
    padding: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

legend {
    margin: 0 10px;
    background: #ddd;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 3px 6px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
/*
label {
    margin: 0 0.5em 0 0;
    text-align: right;
    font-size: 11pt;
}
*/
e1 {
    height: auto;
}

.rqd {
    color: #CC3333 !important;
}

h4 {
    font-size: 0.8em;
    padding-left: 2em;
}

.elastic {
    float: left;
}

.heading {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.redBack {
    font-size: 0.9em;
    font-weight: bolder;
    color: #ffffff;
    background-color: #ba3347;
}

.pinkBack {
    background-color: #ffd6db;
    color: #615c5c;
}

.lightPinkBack {
    background-color: #ffedf0;
    color: #615c5c;
}

.banner {
    background-color: #c2c2c2;
    width: 126px;
    height: 427px;
}

.mainBody {
    border: #c2c2c2 1px solid;
    width: 500px;
}

.evenTables {
    margin: 2px 3px 2px 3px;
    padding: 2px 2px 3px 2px;
    border: #c2c2c2 1px solid;
    width: 220px;
    position: relative;
    float: left;
}

.evenTables table {
    font-size: 0.8em;
}

.evenTables h4 {
    font-size: 0.9em;
    margin: 0;
}

.clear {
    clear: both;
}

.clearStart {
    clear: both;
}

.action {
    cursor: pointer;
}

.buildFactory {
    cursor: pointer;
}

.justify {
    text-align: justify;
}

.boxedIn table {
    font-size: 0.8em !important;
}

.boxedIn td {
    padding: 2px 4px 2px 6px;
}

.boxedIn.right {
    font-weight: bold;
}

.boxedIn fieldset {
    padding: 3px 4px 10px 6px;
    border: 1px solid #b0293d;
}

.boxedIn legend {
    font-weight: bold;
    color: #b0293d;
}

.boxedIn {
    margin: 0px auto 10px auto;
}

.supaRed {
    color: #ff0000;
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

.checkoutTable {
    width: 520px;
}

.firstColumn {
    width: 120px;
}

div.scroll {
    height: 200px;
    width: 300px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ddd;
    padding: 5px;
}

div.scrollreal {
    position: relative;
    top: 16px;
    height: 250px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ddd;
    margin: 12px 12px;
}

p {
    color: #444;
    padding: 0px;
    margin: 2px;
}

h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    margin: 8px 10px;
    color: #565C56;
}

h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin: 8px 10px;
    color: #565C56;
}

h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin: 8px 10px;
    color: #565C56;
    clear: left;
}

h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    margin: 8px 10px;
    color: #565C56;
}

h5 {
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    /* margin: 8px 10px;*/
    color: #565C56;
}


.error_message {
    font-size: 10px;
    font-weight: bold;
    color: #FF0000;
}

a, a:active {
    text-decoration: underline;
    color: rgb(57, 115, 172);
    text-decoration: none;
}

/*
a:visited {
    color: rgb(57, 115, 172);
}
*/

a:hover {
    text-decoration: underline;
    text-decoration: none;
    color: rgb(57, 115, 172);
}

.green {
    color: green;
}


font {
    margin-left: 5px;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

@page {
    margin-top: 0;
    margin-bottom: 0;
}


.fontstyle_001 {
    font-size: 13px;
    color: #000000;
}

.fontstyle_002 {
    color: #AA4444;
}


.fontstyle_002 {
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    text-decoration: none;
}

.fontstyle_003 {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
}

.fontstyle_003 {
    font-weight: bold;
    font-size: 10px;
}

.fontstyle_004 {
    font-weight: bold;
}

.fontstyle_005 {
    color: Red;
    font-weight: bold;
}

.fontstyle_006 {
    font-size: 11px;
    color: #333333;
}

.fontstyle_004 {
    font-weight: bold;
}

.fontstyle_005 {
    color: Red;
    font-weight: bold;
}

.fontstyle_006 {
    font-size: 11px;
    color: #333333;
}

.bgcolor_001 {
    background-color: #cccccc;
}

.bgcolor_002 {
    font-size: 9px;
    background-color: #555577;
}

.bgcolor_002 {
    font-size: 9px;
    background-color: #555577;
}
.bgcolor_003 {
    background-color: #cddeff;
}

.bgcolor_004 {
    background-color: #000033;
}

.bgcolor_005 {
    background-color: #acbdee;
}

.bgcolor_006 {
    background-color: #EEEEEE;
}

.bgcolor_007 {
    background-color: #DDDDDD;
    width: 400px;
}

.bgcolor_008 {
    background-color: #F0F0F0;
}

.bgcolor_008 {
    background-color: #fff1d1;
}


.bgcolor_009 {
    padding: 8px;
}

.bgcolor_010 {
    background-color: #5555CC;
}

.bgcolor_011 {
    background-color: #55CC55;
}

.bgcolor_012 {
    background-color: #ABABAB;
}

.bgcolor_013 {
    background-color: #ED2525;
}

.bgcolor_014 {
    background-color: #E6E6E6;
}

.bgcolor_015 {
    background-color: #EDEDED;
}

.bgcolor_016 {
    background-color: #ffffff;
}

.bgcolor_017 {
    background-color: #EaEaEa;
}

.bgcolor_018 {
    background-color: #FaFaFa;
}

.bgcolor_019 {
    background-color: #600101;
}

.bgcolor_020 {
    background-color: #b72222;
}

.bgcolor_021 {
    background-color: #7f99cc;
}

.bgcolor_022 {
    background-color: #c0c0c0;
}

.bgcolor_023 {
    background-color: #808080;
}

.bgcolor_024 {
    background-color: #edf3ff;
}

.bgcolor_025 {
    background-color: #F2E8ED;
}

.bgcolor_026 {
    background-color: #D2D8ED;
}



img {
    height: auto;
    display: block;
    border: 0;
}


.border1 {
    border: black 1px solid;
    padding: 5px;
    margin-top: 3px;
    width: 98%;
    float: left;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.border2 {
    border: 1px solid #777777;
    margin: 10px;
    padding: 5px;
}



.divleft {
    overflow: auto;
    position: absolute;
    z-index: 0;
    height: auto;
    width: 165px;
    left: 2px;
    top: 35px;
}

.divright {
    z-index: 0;
    height: auto;
    width: auto;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
}


.white_link {
    font-size: 10px;
    font-weight: bolder;
    color: red;
}


.tiny {
    color: #444444;
    font-size: 0.7em;
}


input, optgroup, select, textarea {
    margin: 2px;
    border: black;
    border-style: solid;
    border-width: 1px;
}