html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
	

p {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: justify;
}


.body_bg {
    background: #8BC34A;
    color: #01321B;
}

#div_bg_main {
	padding: 0;
	background: url(/images/page-content-bg.jpg) top center repeat;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    width: 1100px;
    margin: auto;
}

.div_bg {
    padding: 0;
    /*background: url(/images/div-bg.jpg) top center repeat;*/
    background: #9fca86;
    width: 100%;
    margin: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.dialogmodal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	background: url(/images/page-content-bg.jpg) top center;
}
.dialogcenter {
    z-index: 1000;
    margin: 100px auto;
    padding: 10px;
    border-radius: 10px;
    background: #8BC34A; /*url(/images/dialog-bg.jpg) top center;*/
    width: 405px;
    height: 400px;
}

.dialogplayer {
    z-index: 1000;
    margin: 50px auto;
    padding: 10px;
    border-radius: 10px;
    background: #ffffff;
    width: 570px;
    height: 830px;
}

.plain:link {
    color: white;
    text-decoration: none;
}

td.GreyNorm {  }
td.GreyNormWebsite { height: 90px; }
td.GreyNormBold { }
h1 { text-align:center; margin-bottom:0px; margin-top:0px;}
div { text-align:justify; }
h2 { text-align:center; margin-bottom:0px; margin-top:0px;}
h3 { margin-bottom:10px; margin-top:-15px;}
html a, html a:visited { color: #002814; text-decoration:none; }
html a:hover { color: #191970; text-decoration:underline; font-weight: 700;}


#boxtable {
    width: 1024px;
    text-align: left;
    border-collapse: collapse;
    margin: 20px;
    -webkit-filter: drop-shadow(7px 7px 7px #222);
    filter: drop-shadow(7px 7px 7px #222);
}

    /*#boxtable td {
        font-size: 14px;
        font-weight: 700;
        height: 32px;
        padding: 4px 15px 4px 10px;
        vertical-align: top;*/
        /*background-color: #bff9cf; */
        /*border: 2px solid #229954;
    }

    #boxtable th {
        font-size: 16px;
        text-align: center;
        height: 32px;
        padding: 4px 15px 4px 10px;
        vertical-align: middle;
        border: 2px solid #229954;
        background: url(/images/table_header_background.png) top center repeat;
        color: white;
    }*/

    #boxtable td {
        font-size: 15px;
        font-weight: 700;
        height: 40px;
        padding-left: 10px;
        vertical-align: middle;
        border-right: dashed lightgray 1px;
        color: black;
    }

    #boxtable th {
        font-size: 16px;
        text-align: left;
        height: 45px;
        padding-left: 10px;
        vertical-align: middle;
        background: url(/images/table_header_background7.png) top center repeat;
        color: black;
        /*text-shadow: 3px 0px 7px rgba(81,67,21,0.8), -3px 0px 7px rgba(81,67,21,0.8), 0px 4px 7px rgba(81,67,21,0.8);*/
    }


#boxtable td:first-child,
th:first-child {
    border-radius: 20px 0 0 20px;
    padding-left: 10px;
}

#boxtable td:last-child,
th:last-child {
    border-radius: 0 20px 20px 0;
    border-right: none;
}

#boxtable2 {
    width: 1024px;
    text-align: left;
    border-collapse: collapse;
    margin: 20px;
}

    #boxtable2 td {
        font-size: 15px;
        font-weight: 700;
        padding-left: 10px;
        vertical-align: middle;
        text-align: center;
        border: outset green 3px;
    }

.nowrap {
    white-space: nowrap;
    font-size: 14px;
}

.nowraplink {
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
}

.phototable {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.imgframe {
    border: 3px solid lightgray;
    -webkit-box-shadow: 10px 10px 10px #777;
    -moz-box-shadow: 10px 10px 10px #777;
    box-shadow: 10px 10px 10px #777;
}

.imgcenter {
    align-content: center
}

td {
    vertical-align: top;
}

.centered {
    text-align: center;
}

.justified {
    text-align: justify;
}

.iframe-holder {
    background: url(/images/icon_in_progress.gif) center center no-repeat;
}

.circle {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #00974B;
    /*margin-left: -10px;
    margin-top: -4px;*/
    z-index: 1000;
}

a.selected {
    background-color: #1F75CC;
    color: white;
    z-index: 100;
}

.messagepop {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    cursor: default;
    display: none;
    margin-top: 15px;
    position: absolute;
    text-align: left;
    width: 394px;
    z-index: 50;
    padding: 25px 25px 20px;
}

label {
    display: block;
    margin-bottom: 3px;
    padding-left: 15px;
    text-indent: -15px;
}

.messagepop p, .messagepop.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
}

.row0 {
    background-color: #D9E9F0;
}

.row1 {
    background-color: #F5F5F5;
}

.box-shadow1 {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.box-shadow2 {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.45) inset;
}

.shadow-null {
    -webkit-filter: drop-shadow(0px 0px 0px #fff);
    filter: drop-shadow(0px 0px 0px #fff);
}

.shadow-3px {
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    filter: drop-shadow(3px 3px 3px #444);
}

.shadow-5px {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #444);
}

.shadow-7px {
    -webkit-filter: drop-shadow(7px 7px 7px #222);
    filter: drop-shadow(7px 7px 7px #444);
}

.tableFixHead {
    overflow-y: auto; /* make the table scrollable if height is more than 200 px  */
    height: 200px; /* gives an initial height of 200px to the table */
}

.tableFixHead thead th {
    position: sticky; /* make the table heads sticky */
    top: 0px; /* table head will be placed from the top of the table and sticks to it */
    background: #eee;
    padding: 8px 16px;
    border: 1px solid #ccc;
}

.tableFixHead table {
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
}

.tableFixHead tbody td {
    padding: 8px 16px;
    border: 1px solid #ccc;
}

.imgbutton {
    background: url(/images/button_bg.png) repeat-x;
    border-radius: 15px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 10px 0px 10px;
    border: solid gray 1px;
    cursor: pointer;
    margin-left: 5px;
    box-shadow: 5px 5px 5px #777;
}

.imgbuttonselected {
    background: url(/images/selected_button_bg.png) repeat-x;
    border-radius: 15px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 10px 0px 10px;
    border: solid gray 1px;
    cursor: pointer;
    margin-left: 5px;
    box-shadow: 5px 5px 5px #777;
}

.roundeddiv {
    height: 22px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border: outset gray 1px;
    margin-left: 5px;
    box-shadow: 5px 5px 5px #777;
}