﻿@media screen
{
   *
    { margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; }
   html
    { height: 100%; }
   body
    { height: 100%; background: #FFF; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); }
   div.shadow, iframe.shadow, form.shadow, img.shadow
    { border-radius: 5px; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; }
   table.styled
    { width: 100%; border-collapse: collapse; font-size: 10pt; }
   table.styled th, table.styled td
    { padding: 2px; }
   table.styled, table.styled th, table.styled td
    { border: 2px solid #FFF; }
   table.styled th, td.falseheader, table.styled tr.dispari td.falseheader, table.styled tr.pari td.falseheader, table.styled tr.dispari:hover td.falseheader, table.styled:hover tr.pari td.falseheader, tr.falseheader, tr.falseheader:hover
    { font-weight: bold; color: #008; background: #CCC; background: -webkit-linear-gradient(#DDD, #BBB); background: -o-linear-gradient(#DDD, #BBB); background: -moz-linear-gradient(#DDD, #BBB); background: linear-gradient(#DDD, #BBB); }
   table.styled tr.dispari td
    { background: #FFF; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); }
   table.styled tr.dispari:hover td
    { background: #DDD; background: -webkit-linear-gradient(#EEE, #DDD); background: -o-linear-gradient(#EEE, #DDD); background: -moz-linear-gradient(#EEE, #DDD); background: linear-gradient(#EEE, #DDD); }
   table.styled tr.pari td
    { background: #EEF; background: -webkit-linear-gradient(#EEF, #DDF); background: -o-linear-gradient(#EEF, #DDF); background: -moz-linear-gradient(#EEF, #DDF); background: linear-gradient(#EEF, #DDF); }
   table.styled tr.pari:hover td
    { background: #CCD; background: -webkit-linear-gradient(#DDE, #CCD); background: -o-linear-gradient(#DDE, #CCD); background: -moz-linear-gradient(#DDE, #CCD); background: linear-gradient(#DDE, #CCD); }
   
   .inputstyled
    { border-radius: 4px; border-top: 2px solid #222; border-left: 2px solid #222; border-bottom: 2px solid #666; border-right: 2px solid #666; /*background: #FFF; background: -webkit-linear-gradient(#EEE, #FFF); background: -o-linear-gradient(#EEE, #FFF); background: -moz-linear-gradient(#EEE, #FFF); background: linear-gradient(#EEE, #FFF);*/ }
   .inputstyled.styledfocus:focus
    {  border-top: 2px solid #B22; border-left: 2px solid #B22; border-bottom: 2px solid #F00; border-right: 2px solid #F00; }
   .inputstyled.disabled, .inputstyled.disabled:hover, .inputstyled.disabled:focus
    { font-weight: bold; /*background: #CCC; background: -webkit-linear-gradient(#CCC, #EEE); background: -o-linear-gradient(#CCC, #EEE); background: -moz-linear-gradient(#CCC, #EEE); background: linear-gradient(#CCC, #EEE);*/ }
   .inputstyled[readonly=readonly]
    { background: #EEE; }
   
   button.styled, input.styled
    { display: inline-block; width: 200px; height: 50px; font-size: 15px; font-weight: bold; border-radius: 5px; border-top: 2px solid #666; border-left: 2px solid #666; border-bottom: 2px solid #333; border-right: 2px solid #333; color: #222; background: #DDD; background: -webkit-linear-gradient(#DDD, #BBB); background: -o-linear-gradient(#DDD, #BBB); background: -moz-linear-gradient(#DDD, #BBB); background: linear-gradient(#DDD, #BBB); cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; }
   button.styled:hover, input.styled:hover
    { opacity: 1; filter: alpha(opacity=100); }
   button.styled.disabled, input.styled.disabled, button.styled.disabled:hover, input.styled.disabled:hover
    { display: inline-block; width: 200px; height: 50px; font-size: 15px; font-weight: bold; border-radius: 5px; border-top: 2px solid #DDD; border-left: 2px solid #DDD; border-bottom: 2px solid #AAA; border-right: 2px solid #AAA; color: #AAA; background: #EEE; background: -webkit-linear-gradient(#EEE, #CCC); background: -o-linear-gradient(#EEE, #CCC); background: -moz-linear-gradient(#EEE, #CCC); background: linear-gradient(#EEE, #CCC); cursor: pointer; opacity: 1; filter: alpha(opacity=100); -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; cursor: default; }
   
   .styledfocus:focus, .styledhover:hover
    { -moz-box-shadow: 0 0 10px #F00; -webkit-box-shadow: 0 0 10px #F00; box-shadow: 0 0 10px #F00; border-top: 2px solid #B22\0/; border-left: 2px solid #B22\0/; border-bottom: 2px solid #F00\0/; border-right: 2px solid #F00\0/; }
   
   .styledpanel
    { border-radius: 10px; border: 2px solid #AAA; padding: 10px 0; -moz-box-shadow: 0 0 20px #444; -webkit-box-shadow: 0 0 20px #444; box-shadow: 0 0 20px #444; background: #FAFAFA; background: -webkit-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); }
   img.img_cache
    { width: 1px; height: 1px; overflow: hidden; }
   .printonly
    { display: none; }
}
@media print
{
   *
    { font-family: Verdana, Helvetica, Arial, sans-serif; }
   html
    { height: auto; }
   body
    { height: auto; background: #FFF; }
   table.styled
    { width: 100%; border: 1px solid #DDD; border-collapse: collapse; }
   table.styled th, table.styled td
    { border: 1px solid #DDD; }
   table.styled th, table.styled td
    { padding: 2px; }
   table.styled th, td.falseheader, table.styled tr.dispari td.falseheader, table.styled tr.pari td.falseheader
    { font-weight: bold; color: #444; background: #EEE; }
   .fixedheader
    { display: none; }
   img.img_cache
    { display: none; }
   .screenonly
    { display: none; }
}