@media print {.noprint { display:none; visibility:hidden; } .noback { background-color: white;} } 

    html,body {height: 98%;}

    body
      { 
        background-color: white;
        margin: 8px auto;
        padding: 0px;
        text-align: center;
      }

    a 
      {
        text-decoration: none;
      }

    div.dcode 
      {
        align-content: center;
/*        padding-top: 10px;
        padding-bottom: 1%;*/
        width: 96%;
        margin: 0 auto;
      }

    div.fcdate 
      {
        margin-left: 3%;
        font: 15px/14px Palatino Linotype;
        color: navy;
        letter-spacing: 2px;
        text-align: left;
      }
        
    div.disclaimer 
      {
        float: right;
        margin-right: 3%;
        font: 10px/16px Palatino Linotype;
      }

    input.code 
      {
        font-family: "Palatino Linotype, Arial";
/*	font-weight: bold; */
        font-size: 34px;
/*        width: 24%;*/

        text-align: center;
        color: navy;
        letter-spacing: 2px;

        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        background-color: #FFFFE0;
      }

    input.code:focus { border: 1px solid blue; }
 

      input.flag
      {
        float: left;
        clear: left;
        padding-left: 3%;
      }

    img.logo 
      {
/*        width: 22%; */
/*          float: left; */
          padding-left: 3%;
      }

    img.tick 
      {        
        display: none;
        vertical-align: top;
        width: 23px;
        position: absolute;
        margin-left: -6px;
        margin-top: 1px;

/*        height: 47px;
        width: 50px;
        background:url(img/tick.png) 50px 0; */
      }

button {
   letter-spacing: 2px;
   border-top: 1px solid #96d1f8;
   background: #1ea6f5;
   background: -webkit-gradient(linear, left top, left bottom, from(#00008A), to(#1ea6f5));
   background: -webkit-linear-gradient(top, #00008A, #1ea6f5);
   background: -moz-linear-gradient(top, #00008A, #1ea6f5);
   background: -ms-linear-gradient(top, #00008A, #1ea6f5);
   background: -o-linear-gradient(top, #00008A, #1ea6f5);
   padding: 8px 16px;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fafffa;
   font-size: 22px;
   font-family: Tahoma, 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: super;
   cursor: not-allowed;
   }
button:hover {
   border-top-color: #005285;
   background: #005285;
   color: #ffffe0;
   }
button:active {
   border-top-color: #2188cc;
   background: #2188cc;
   }



    table.main 
      {
/*         bottom: 0px; position: fixed;	*/
        width: 96%;
        height: 96%; 
        margin: 0 auto;
        margin-bottom: auto;

        padding: 12px;
        letter-spacing: 1px;
        color: navy;
        background-color: #E0E7FF;
        background-color: rgba(224, 231, 255, 0.8); 
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
      }

    tr
      {
        line-height: 0.31em;
      }

    tr.caption 
      {
        font-weight: bold;
	color: lightyellow;
        background-color: #324AC7;
        background-color: rgba(50, 74, 199, 0.94);
        letter-spacing: 3px;
        padding: 10px;
      }

    tr.smoke 
      {
        background-color: whitesmoke;
      }

    td.live  
      {
        text-align: left;
        padding: 10px;
        font: 26px/10px Tahoma, 'Palatino Linotype', Arial;
        letter-spacing: 3px;
        color: red;
        background-color: white;
      }

    td.hot  
      {
        text-align: left;
        padding: 10px;
        letter-spacing: 1px;
        font: 18px/2px Tahoma, 'Palatino Linotype', Arial;
        color: red;
        background-color: white;
      }


    td.cuteheader
      {
        font-weight: bold;
	color: lightyellow;
        background-color: #324AC7;
        background-color: rgba(50, 74, 199, 0.94);
        font: 46px/56px Tahoma, 'Palatino Linotype', Arial;
        letter-spacing: 2px;
        padding: 2px;
        text-align: left;
      }

    td.cutelabel 
      {
        text-align: right;
        font: 8px/10px Tahoma, 'Palatino Linotype', Arial;
        line-height: 1em;
      }

    td.cutebalance 
      {
        text-align: left;
        background-color: white;
        font: 24px/10px Tahoma, 'Palatino Linotype', Arial;
      }

    td.cutetotal 
      {
        font-weight: bold;
	color: lightyellow;
        background-color: #324AC7;
        background-color: rgba(50, 74, 199, 0.94);
        letter-spacing: 3px;
        padding: 10px;
        font: 22px/12px Tahoma, 'Palatino Linotype', Arial;
        text-align: left;
      }

    td.budget 
      {
        font-weight: bold;
	color: lightyellow;
        background-color: #324AC7;
        background-color: rgba(50, 74, 199, 0.94);
        letter-spacing: 2px;
        padding: 10px;
        font: 20px/8px Tahoma, 'Palatino Linotype', Arial;
        text-align: left;
      }

    td.notes 
      {
	color: navy;
        background-color: white;
        letter-spacing: 1px;
        padding: 8px;
        font: 12px/12px Tahoma, 'Palatino Linotype', Arial;
        text-align: left;
      }

    td.detail 
      {
	color: navy;
        letter-spacing: 1px;
        padding: 10px;
        font: 15px/2px Tahoma, 'Palatino Linotype', Arial;
      }

    td.leftfooter
      {
        font: 9px/10px Tahoma, 'Palatino Linotype', Arial;
        text-align: left;
        letter-spacing: 0px;
        line-height: 1em;
      }

    td.rightfooter
      {
        font: 9px/10px Tahoma, 'Palatino Linotype', Arial;
        text-align: right;
        letter-spacing: 0px;
        line-height: 1em;
      }

    td.update
      {
        font: 10px/10px Tahoma, 'Palatino Linotype', Arial;
        text-align: right;
        letter-spacing: 0px;
        line-height: 1em;
        color: red;
      }

    td.source
      {
        font: 9px/10px Tahoma, 'Palatino Linotype', Arial;
        text-align: left;
	color: navy;
        letter-spacing: 0px;
        line-height: 1em;
      }


    td.left 
      {
        text-align: left;
        padding: 10px;
      }

    td.right 
      {
        text-align: right;
        padding: 10px;
      }

    td.status 
      {
        text-align: center;
        font-weight: normal;
        width: 5%;
        padding: 6px;
        letter-spacing: 0px;
        font: 20px/28px Palatino Linotype;
      }

    td.tiny 
      {
        font: 16px/14px Tahoma, 'Palatino Linotype', Arial;
      }



   .main tr:hover 
      {
/*        border-style: dotted;
        border-color: red;
        border-width: 1px; */
        background-color: lightyellow;
      }


    select
      {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-color: lightgray;
        color: gray;
        vertical-align: super;
        background-color:white;
      }

    .bt { zoom:1;right:2px; text-align:center; position:fixed; padding: 2px;text-decoration:none;color:white; background-color: navy; font-size: 12px; width: 20px; height: 20px;line-height: 20px;
         -khtml-opacity: 0.4; -moz-opacity:0.4; -ms-opacity:0.4; -o-opacity:0.4; opacity:0.4; filter: alpha(opacity=40);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
         -webkit-border-radius:12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px;
    }

   .bt:hover { -khtml-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; filter: alpha(opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}


.vertical {
	zoom:1;
	-khtml-opacity: 0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; opacity:0.8;
	filter: alpha(opacity=80); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

color: white;
cursor: pointer;
z-index: 9999;
background-color: crimson;
color: lightyellow;
letter-spacing: 1px;
font: 12px/4px Century Ghotic, Sans-Serif;
position: relative;
float: right;
clear: right;
text-align: center;
width: 94px;
height: 82px;
margin-right: -80px;
padding: 10px 2px;

}

.vertical:hover {
	color: white; background-color: rgb(30, 15, 141); cursor: pointer; margin-right: -62px;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.BasicImage(rotation=3) progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-khtml-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;
}

.tb {
	zoom:1;
	-khtml-opacity: 0.8; -moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; opacity:0.8;
	filter: alpha(opacity=80); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

color: white;
cursor: pointer;
z-index: 9999;
background-color: crimson;
color: lightyellow;
letter-spacing: 1px;
font: 12px/4px Century Ghotic, Sans-Serif;
 position: absolute;
float: right;
clear: right;
text-align: center;
width: 94px;
height: 82px;
margin-right: -80px;
padding: 10px 2px;

}

          div.ws {zoom:1; position: absolute; top: 2px; right: 70px; color: white; padding: 10px 16px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 20px; font: 12px/16px 'Century Ghotic',Arial,sans-serif; text-align: center; vertical-align: bottom; display:block; transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s;}
          div.dred {background-color: crimson; width: 36px;}
          div.dgreen {background-color: lightgreen; color:green; opacity:0.4;}
          div.sw {top: -120px; position: absolute; right: 0px; min-width: 154px; zoom:1; -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px; border: 2px solid #CECECE; padding: 8px; box-shadow: 6px 4px 12px #CECECE; background-color:white; transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s;}
          div.logbox { position: absolute; top: -10px; right: 60px;}
          div.logbox:hover .ws {transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; top:-26px;}
          div.logbox:hover .sw {transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; top:0px;}

          div.toolbox { position: absolute; top: 50%; overflow:hidden;} div.tools { position: absolute; top: 50%; right: 0px; overflow:hidden; margin-right: -120px;} 
          div.toolbox:hover .tb {transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; margin-right: -120px;}
          div.toolbox:hover .tools {transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; margin-right: 0px;}