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

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

    a 
      {
        text-decoration: none;
      }

    div.dcode 
      {
        align-content: center;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 98%; 
        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.flag
      {
        float: left;
        clear: left;
        padding-left: 3%;
      }

    img.logo 
      {
/*        width: 22%; */
          float: right;
          clear: right;
          padding-right: 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: 0px;
   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: 2px 12px;
   -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: 16px;
   font-family: Calibri, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: super;
   cursor: pointer;
   }
.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;
      }



    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;
      }


    div.link
     {
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        text-align: center; 
        margin-bottom: 5px; 
        background-color: beige; 
        line-height: 2em;
     }



.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;
}