@media print{
   @page {size: landscape}
   .no-print, .no-print *
   {
      display: none !important;
   }
}


h1 {color:#b8d1e3; margin: 5px 0}
h2 {color:#b8d1e3; margin: 5px 0}
h3 {color:#b8d1e3; margin: 5px 0}
h4 {color:#b8d1e3; margin: 5px 0}
html *
{
   font-family: Arial !important;
   line-height: 20px;
}

body{
   margin:0;
   overflow:hidden;
}

#htmlcontent {
   color: #FFF;
}

#htmlcontent h1 {
   color: #FFF;
}

#htmlcontent h2 {
   color: #FFF;
}
#htmlcontent h3 {
   color: #FFF;
}


#logoc {
   position: absolute;
   display: none;
}

#curtain {
   position:relative;
   display: none;
}

#curtaincontainer {
   position: absolute;
   background-color: #838180;
   z-index:900;
   width: 2000px;
}
#container {
   width: 100%;
}

#printLogo {position: absolute; bottom: 30px; right: 30px; width: 30px; height: 30px; z-index: 100; cursor: pointer; opacity: 0.7;  filter: alpha(opacity=70)}
#printLogo:hover { opacity: 1.0;  filter: alpha(opacity=100);}

@media only screen and (min-device-width: 480px){
   h1 {color:#b8d1e3; margin: 2px 0}
   h2 {color:#b8d1e3; margin: 2px 0}
   h3 {color:#b8d1e3; margin: 2px 0}
   h4 {color:#b8d1e3; margin: 2px 0}
   html *
   {
      line-height: 20px;
   }
}


@media only screen and (min-device-width: 768px){
   h1 {color:#b8d1e3; margin: 3px 0}
   h2 {color:#b8d1e3; margin: 3px 0}
   h3 {color:#b8d1e3; margin: 3px 0}
   h4 {color:#b8d1e3; margin: 3px 0}
}