body {
    margin: 0;
}

.my-bg-color-red {
    background-color: red;
}

.my-bg-color-yellow {
    background-color: yellow;
}

.my-padding-top-5px {
    padding-top: 5px;
}

.my-padding-top-10px {
    padding-top: 10px;
}

.my-vertical-align-bottom {
    vertical-align: bottom;
}

.my-height-25px {
    height: 25px;
}



/* BEGIN: Check box in Button Styles */
.checkbox .btn,
.checkbox-inline .btn {
    padding-left: 2em;
    min-width: 15em;
}

.checkbox-inline {
    margin-left: -1.5em;
}

    .checkbox label,
    .checkbox-inline label {
        text-align: left;
    }
/* END: Check box in Button Styles */






.MyTRow {
    display: inline-block;
    float: left;
    width: 100%;
    border-top: 1px solid;
    vertical-align: middle;
}

.MyTCol-1 {
    display: inline-block;
    float: left;
    width: 10%;
    height: 100%;
}

.MyTCol-2 {
    display: inline-block;
    float: left;
    width: 90%;
    height: 100%;
    padding-left: 2px;
    border-right: none;
}

.MyTCol-3 {
    display: inline-block;
    float: left;
    width: 30%;
    height: 100%;
    padding-left: 2px;
    border-right: none;
}


.MyTCol {
    display: inline-block;
    float: left;
    height: 100%;
    width: 100%;
    padding-left: 2px;
    border-right: none;
}





.my-textbox75perwidemax-99perhigh {
    max-width: 75%;
    width: 75%;
    height: 99%;
    background-color: white;
    color: black;
    float: left;
}


.my-textbox95perhigh {
    max-width: 100%;
    width: 100%;
    height: 95%;
    max-height: 95%;
    background-color: white;
    color: black;
    float: left;
}

.my-textbox99Perwidemax-99perhigh {
    max-width: 99%;
    width: 99%;
    height: 99%;
    background-color: white;
    color: black;
    float: left;
}

.my-textbox90Perwidemax-98perhigh {
    max-width: 99%;
    width: 99%;
    height: 98%;
    Max-height: 98%;
    min-height: 98%;
    background-color: white;
    color: black;
    float: left;
}





.DetailBlock {
    width: 100%;
    height: 60px;
    border: solid;
    padding-top: 5px;
    padding-left: 5px;
}

.DetailBlockSub {
    display: inline-block;
    width: 95%;
    height: 45%
}

.MyTIndexHead {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    max-height: 700px;
}

.MyTRowHead {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
}

.MyTRow {
    display: inline-block;
    float: left;
    width: 100%;
    height: 40px;
    border-top: 1px solid;
    vertical-align: bottom;
}

.MyTRowEDIT {
    display: inline-block;
    float: left;
    width: 100%;
    height: 40px;
    border-top: 1px solid;
    vertical-align: bottom;
}


.MyTColHead-1 {
    display: inline-block;
    float: left;
    width: 10%;
    height: 100%;
    background-color: gainsboro;
    vertical-align: text-bottom;
    text-align: left;
}

.MyTColHead-1EDIT {
    display: inline-block;
    float: left;
    width: 10%;
    height: 100%;
    background-color: gainsboro;
}

.MyTColHead-2 {
    display: inline-block;
    float: left;
    width: 20%;
    height: 100%;
    background-color: gainsboro;
    text-align: left;
}

.MyTColHead-2EDIT {
    display: inline-block;
    float: left;
    width: 20%;
    height: 100%;
    background-color: gainsboro;
}

.MyTColHead-3 {
    display: inline-block;
    float: left;
    width: 30%;
    height: 100%;
    background-color: gainsboro;
    text-align: left;
}

.MyTColHead-3EDIT {
    display: inline-block;
    float: left;
    width: 30%;
    height: 100%;
    background-color: gainsboro;
}

.MyTCol-1 {
    display: inline-block;
    float: left;
    width: 10%;
    height: 100%;
    border-right: .2em solid cyan;
}

.MyTCol-2 {
    display: inline-block;
    float: left;
    width: 20%;
    height: 100%;
    padding-left: 2px;
    border-right: .2em solid cyan;
}

.MyTCol-3 {
    display: inline-block;
    float: left;
    width: 30%;
    height: 100%;
    padding-left: 2px;
    border-right: .2em solid cyan;
}

.my-width-10per {
    width: 10%;
}

.my-width-15per {
    width: 15%;
}

.my-width-20per {
    width: 20%;
}

.my-width-30per {
    width: 30%;
}

.my-width-40per {
    width: 40%;
}

.my-width-50per {
    width: 50%;
}

.my-width-60per {
    width: 60%;
}

.my-width-70per {
    width: 70%;
}

.my-width-75per {
    width: 75%;
}

.my-width-80per {
    width: 80%;
}

.my-width-85per {
    width: 85%;
}

.my-width-90per {
    width: 90%;
}

.my-width-99per {
    width: 99%;
}

.my-width-100per {
    width: 100%;
}

.my-width-10px {
    width: 10px;
}

.my-width-15px {
    width: 15px;
}

.my-width-20px {
    width: 20px;
}

.my-width-25px {
    width: 25px;
}

.my-width-30px {
    width: 30px;
}

.my-width-40px {
    width: 40px;
}

.my-width-50px {
    width: 50px;
}

.my-width-60px {
    width: 60px;
}

.my-width-70px {
    width: 70px;
}

.my-width-75px {
    width: 75px;
}

.my-width-80px {
    width: 80px;
}

.my-width-90px {
    width: 90px;
}

.my-width-100px {
    width: 100px;
}

.my-width-200px {
    width: 200px;
}

.my-width-max-200px {
    max-width: 200px;
}

.my-width-max-300px {
    max-width: 300px;
}

.my-width-max-400px {
    max-width: 400px;
}

.my-width-max-500px {
    max-width: 500px;
}

.my-width-min-200px {
    min-width: 200px;
}

.my-width-min-300px {
    min-width: 300px;
}

.my-width-min-90per {
    min-width: 90%;
}

.my-width-max-90per {
    max-width: 90%;
}

.my-width-max-75per {
    max-width: 75%;
}

.my-width-max-99per {
    max-width: 99%;
}




.my-height-10px {
    height: 10px;
}

.my-height-15px {
    height: 15px;
}

.my-height-20px {
    height: 20px;
}

.my-height-25px {
    height: 25px;
}

.my-height-30px {
    height: 30px;
}

.my-height-40px {
    height: 40px;
}

.my-height-50px {
    height: 50px;
}

.my-height-60px {
    height: 60px;
}

.my-height-70px {
    height: 70px;
}

.my-height-75px {
    height: 75px;
}

.my-height-80px {
    height: 80px;
}

.my-height-90px {
    height: 90px;
}

.my-height-100px {
    height: 100px;
}

.my-height-125px {
    height: 125px;
}

.my-height-145px {
    height: 145px;
}

.my-height-150px {
    height: 150px;
}

.my-height-200px {
    height: 200px;
}

.my-height-250px {
    height: 250px;
}

.my-height-300px {
    height: 300px;
}

.my-height-400px {
    height: 400px;
}

.my-height-500px {
    height: 500px;
}

.my-height-100per {
    height: 100%;
}

.my-height-99per {
    height: 99%;
}






.my-pad-top-0px {
    padding-top: 0px;
}

.my-pad-top-5px {
    padding-top: 5px;
}

.my-pad-top-10px {
    padding-top: 10px;
}

.my-pad-top-15px {
    padding-top: 15px;
}

.my-pad-top-20px {
    padding-top: 20px;
}

.my-pad-bottom-0px {
    padding-bottom: 0px;
}

.my-pad-bottom-5px {
    padding-bottom: 5px;
}

.my-pad-bottom-10px {
    padding-bottom: 10px;
}

.my-pad-bottom-15px {
    padding-bottom: 15px;
}

.my-pad-bottom-20px {
    padding-bottom: 20px;
}

.my-pad-left-0px {
    padding-left: 0px;
}

.my-pad-left-5px {
    padding-left: 5px;
}

.my-pad-left-10px {
    padding-left: 10px;
}

.my-pad-left-15px {
    padding-left: 15px;
}

.my-pad-left-20px {
    padding-left: 20px;
}


.my-text-center {
    text-align: center;
}

.my-text-left {
    text-align: left;
}

.my-text-right {
    text-align: right;
}



.my-text-vertical-middle {
    vertical-align: middle;
}

.my-text-vertical-bottom {
    vertical-align: bottom;
}

.my-text-vertical-top {
    vertical-align: top;
}


.my-font-size-large {
    font-size: large;
}


.my-page-width-min-1200px {
    width: 100%;
    max-width: 100%;
    min-width: 1200px;
}

.my-page-width-1500px {
    width: 1500px;
    max-width: 1500px;
    min-width: 1100px;
}

.my-page-width-min-1200px {
    width: 100%;
    max-width: 100%;
    min-width: 1200px;
}




.my-border-left-black-1px {
    border-left: 1px solid black;
}

.my-border-all-solid-1px {
    border: 1px solid;
}

.my-border-all-solid-3px {
    border: 3px solid;
}

.my-border-right-solid-dot2em-cyan {
    border-right: .2em solid cyan;
}

.my-border-none {
    border: none;
}

.my-border-dashed-1px {
    border: 1px dashed;
}

.my-border-dashed-3px {
    border: 3px dashed;
}











.my-float-left {
    float: left
}

.my-float-right {
    float: right
}

.my-scroll-y {
    overflow-y: scroll;
}

.my-scroll-textbox {
    overflow: scroll;
}



.my-color-black {
    color: black;
}

.my-color-red {
    color: red;
}


.my-color-bg-red {
    background-color: red;
}

.my-color-bg-lightgreen {
    background-color: lightgreen;
}

.my-color-bg-lightblue {
    background-color: lightblue;
}

.my-color-bg-yellow {
    background-color: yellow;
}

.my-color-bg-gainsboro {
    background-color: gainsboro;
}

.my-color-bg-white {
    background-color: white;
}




.my-buttonclicked-bg-lightgreen {
    background-color: lightgreen;
}





.my-mce-editor-bg-white {
    background-color: white;
}