body {
}
        .centereddiv {
          width: 1272px ;
          height: 800px ;
          margin-left: auto ;
          margin-right: auto ;
          background-color: transparent ;
        }
        .centeredtable {
          width: 1024px ;
          height: 700px ;
          margin-left: auto ;
          margin-right: auto ;
          background-color: transparent ;
          border-style: solid ;
          border-color: gray ;
          border-width: thin ;
        }
        .righteddiv {
          margin-left: auto ;
          margin-right: auto ;
          background-color: transparent ;
        }
.nounderline {
        text-decoration:none
}

.WrapStyle TD {
        text-decoration: none;
        word-break: break-all;
}
.divrounded {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #434343;
    padding: 6px;
    background: #D2DFEA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 6px 6px 3px rgba(0,0,0,.2);
}
.divroundedclear {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #434343;
    padding: 6px;
    background: #DEF1F0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 6px 6px 3px rgba(0,0,0,.2);
}
.divroundeddark {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #434343;
    padding: 4px;
    background: #A4BED5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}

.divroundeddata {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #434343;
    padding: 6px;
    background: #BEE8B7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}

        .bottomtitle {
            letter-spacing: 3px;
            padding-right: 4px;
            color: black;
            font-family: Arial;
            text-align: right;
            font-size: large;
            font-weight: bold;
            text-shadow: 0px 1px 1px rgba(0,0,0,.2);
            height: 24px;
        }
        .bottominfo {
            letter-spacing: 0px;
            padding-left: 4px;
            color: black;
            font-family: Arial;
            text-align: left;
            font-size: small;
            font-style: italic;
        }
        .bottomdata {
            letter-spacing: 0px;
            padding-left: 4px;
            color: black;
            font-family: Arial;
            text-align: left;
            font-size: small;
        }
        .comptitle {
            letter-spacing: 1px;
            color: darkslategray;
            font-family: Arial;
            text-align: center;
            font-size: medium;
            text-shadow: 0px 1px 1px rgba(0,0,0,.2);
            height: 23px;
        }
        .compinfo {
            letter-spacing: 0px;
            color: black;
            font-family: Arial;
            text-align: left;
            font-size: medium;
        }
        .clientinfo {
            letter-spacing: 0px;
            background: #D7FFDC;
            color: black;
            font-family: Arial;
            text-align: left;
            font-size: medium;
        }
        .compsubtitle {
            letter-spacing: 1px;
            color: darkslategray;
            font-family: Arial;
            text-align: center;
            font-size: small;
        }
        .agencytitle {
            font-family: 'Montserrat', sans-serif;
            font-size: large;
            font-weight: bold;
            letter-spacing: 0.2em;
            color: #999999;
            text-shadow: 2px 2px 1px rgba(0,0,0,.1);
        }
        .divGoodCenter {
            position: absolute;
            z-index: 999;
            top: 2px;
            width: 100%;
            text-align: center;
        }  

        .divCustCenter {
            position: absolute;
            z-index: 999;
            top: 65px;
            width: 100%;
            text-align: center;
        }  

.labeltitle {
    font-family: Arial;
    font-size: large;
    color: black;
    text-align: center;
}

.rowmedium {
    height: 32px;
}

.labelentry {
    font-family: Arial;
    font-size: medium;
    color: black;
    text-align: right;
}

.txtboxnumericNOB {
    text-align:right;
    width:70px;
    font-size:small;
    font-weight:normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #B6CCCD;
    color: #000000;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}
.txtboxnumericRO {
    text-align: right;
    font-size: small;
    font-weight: normal;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #DEE8C8;
    color: #000000;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}

.txtboxalphaRO {
    text-align:left;
    font-size:small;
    font-weight:normal;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #DEE8C8;
    color: #000000;
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}

.txtboxnumericnosh {
    text-align:right;
    width:70px;
    font-size:medium;
    font-weight:bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}

.txtboxalphanos {
    text-align:left;
    font-size:medium;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
}

.txtboxnumeric {
    text-align:right;
    width:70px;
    font-size:medium;
    font-weight:bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}
.txtboxnumericsmall {
    text-align:right;
    width:70px;
    font-size:small;
    font-weight:bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}
.txtboxalpha {
    text-align:left;
    font-size:medium;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}
.txtboxalphasmall {
    text-align:left;
    font-size:small;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(0,0,0,.2);
    box-shadow: 4px 4px 2px rgba(0,0,0,.2);
}
.txtlblalpha {
    text-align:right;
    color: white;     
    font-size:medium;
    width:150px;
    padding-right:5px;
}
.txtlblvalue {
    text-align:left;
    font-size:medium;
    width:420px;
    padding-left:5px;
}
.txtnumeric {
    text-align:right;
    width:70px;
    font-size:medium;
}
.txtalpha {
    text-align:left;
    font-size:medium;
}
.txtdate {
    text-align: center;
    font-size: small;
}
.txtgvnumeric {
    text-align:right;
    width:70px;
    font-size:small;
    background-color: #C7DFE0;
}
.txtgvalpha {
    text-align:left;
    font-size:small;
}
.boxclear {
    background-color:white;
}
.boxdark {
    background-color:whitesmoke;
}

div.wrapp{
    width: 100%;
    margin: 0 auto;
}
p {
    margin-bottom: 4em;
}
div.toolbar-wrapp{
    position: fixed;
    display: block;
    top: 30%;
}
div.sticky-toolbar{
    position: relative;
    top: 30%;
    padding: .1em;
    background-color: #2C3E50;
    float: left;
    -webkit-border-radius: 0 .2em .2em 0;
    -moz-border-radius: 0 .2em .2em 0;
    border-radius: 0 .2em .2em 0;
}
    @font-face {
    font-family: 'Entypo';
    src: url('../font/entypo.eot');
    src: local('☺'),
    url('../font/entypo.woff') format('woff'),
    url('../font/entypo.ttf') format('truetype'),
    url('../font/entypo.svg#webfontIyfZbseF') format('svg');
}
[data-icon]:before {
    font-family: 'Entypo';
    content: attr(data-icon);
}
div.sticky-toolbar ul li a{
display: block;
width: 0.8em;
margin: 0.2em;
line-height: 80%;
font-size: 2.2em;
text-align: center;
color: #fff;
background-color: #16A085;
-webkit-border-radius: .1em;
-moz-border-radius: .1em;
border-radius: .1em;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-font-smoothing: antialiased;
}
div.sticky-toolbar ul li a:hover{
background-color: #1ABC9C;
}
div.popup{
display: none;
float: right;
position: relative;
left: 5%;
background-color: #2C3E50;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
}
div.popup ul li a{
position: relative;
display: inline-block;
font-size: .85em;
color: #fff;
padding: 0 2em 0 2em;
margin: .4em;
text-align: center;
text-decoration: none;
transition: all 0.1s ease-in-out;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
}
div.popup ul li a:hover{
background-color: #1ABC9C;
}
.arrow {
position: absolute;
top: 10%;
left: -.4em;
width: 0; height: 0;
border-top: .5em solid transparent;
border-right: .5em solid #2C3E50;
border-bottom: .5em solid transparent;
}
.headordertype{
    font-family: Arial, Helvetica, sans-serif; 
    color: #222;
    font-size: larger; 
    font-weight: bold; 
    text-align: left;
    text-shadow: 0px 1px 1px white;
}
.buttonrounded {
    font-weight: bold;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    border: 1px solid #434343;
    padding: 3px;
    background: #BECDE2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 1px rgba(0,0,0,.2);
    color: black;
}
    .buttonrounded:hover {
    background: #E1E8F2;
}

.buttonroundedwarn {
    border-style: none;
    background-color: #A38E01;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 4px 6px;
    padding-right: 10px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
    position: relative;
    z-index: auto;
}
 
.buttonroundedwarn:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.buttonroundedwarn::before {
    background-color: #A9A501;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttonroundedwarn:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.celltitle {
    text-align: right;
    font-size: medium;
    padding-right: 3px;
    color: #909090;
}
.cellvalue {
    text-align: left;
    font-size: medium;
    padding-left: 3px;
    color: #000000;
}

        .modalImage {
	        position: fixed;
	        font-family: Arial, Helvetica, sans-serif;
	        top: 0;
	        right: 0;
	        bottom: 0;
	        left: 0;
	        z-index: 99999;
	        opacity: 0;
	        -webkit-transition: opacity 400ms ease-in;
	        -moz-transition: opacity 400ms ease-in;
	        transition: opacity 400ms ease-in;
	        pointer-events: none;
        }
        .modalImage:target {
	        opacity:1;
	        pointer-events: all;
        }
        .modalImage > div {
	        width: 600px;
	        position: relative;
	        margin: 10% auto;
	        padding: 5px 20px 13px 20px;
	        border-radius: 10px;
        }
        .modalBlur {
            opacity: 0.5;
            background: url('../images/frosted07.png') no-repeat;
            background-size: 100%;
            -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -o-filter: blur(2px);
            filter: blur(2px);
        }

        .modalBlur2 {
            opacity: 0.5;
            background: rgba(255,255,255,0.6);
            background: url('../images/frosted04.jpg') no-repeat;
            background-size: 100%;
            -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -o-filter: blur(2px);
            filter: blur(2px);
        }

        .modalDialog {
	        position: fixed;
	        font-family: Arial, Helvetica, sans-serif;
	        top: 0;
	        right: 0;
	        bottom: 0;
	        left: 0;
	        background: rgba(0,0,0,0.8);
	        z-index: 99999;
	        opacity:0;
	        -webkit-transition: opacity 400ms ease-in;
	        -moz-transition: opacity 400ms ease-in;
	        transition: opacity 400ms ease-in;
	        pointer-events: none;
        }
        .modalDialog:target {
	        opacity:1;
	        pointer-events: all;
        }
        .modalDialog > div {
	        width: 400px;
	        position: relative;
	        margin: 10% auto;
	        padding: 5px 20px 13px 20px;
	        border-radius: 10px;
	        background: #fff;
	        background: -moz-linear-gradient(#fff, #999);
	        background: -webkit-linear-gradient(#fff, #999);
	        background: -o-linear-gradient(#fff, #999);
        }
        .modalDialog725 {
	        position: fixed;
	        font-family: Arial, Helvetica, sans-serif;
	        top: 0;
	        right: 0;
	        bottom: 0;
	        left: 0;
	        background: rgba(0,0,0,0.8);
	        z-index: 99999;
	        opacity:0;
	        -webkit-transition: opacity 400ms ease-in;
	        -moz-transition: opacity 400ms ease-in;
	        transition: opacity 400ms ease-in;
	        pointer-events: none;
        }
        .modalDialog725:target {
	        opacity:1;
	        pointer-events: all;
        }
        .modalDialog725 > div {
	        width: 725px;
	        position: relative;
	        margin: 10% auto;
	        padding: 5px 20px 13px 20px;
	        border-radius: 10px;
	        background: #fff;
	        background: -moz-linear-gradient(#fff, #999);
	        background: -webkit-linear-gradient(#fff, #999);
	        background: -o-linear-gradient(#fff, #999);
        }
        .modalDialogFULL {
            position: fixed;
            font-family: Arial, Helvetica, sans-serif;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.8);
            z-index: 99999;
            opacity: 0;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            pointer-events: none;
        }

            .modalDialogFULL:target {
                opacity: 1;
                pointer-events: all;
            }

            .modalDialogFULL > div {
                width: 1024px;
                position: relative;
                margin: 10% auto;
                padding: 5px 20px 13px 20px;
                border-radius: 10px;
                background: #fff;
                background: -moz-linear-gradient(#fff, #999);
                background: -webkit-linear-gradient(#fff, #999);
                background: -o-linear-gradient(#fff, #999);
            }

        .close:hover { background: #00d9ff; }