@font-face { font-family: 'graphik';      src: url('fonts/Graphik-Regular.otf')  format('truetype'); font-weight: normal; }
@font-face { font-family: 'graphik_semi'; src: url('fonts/Graphik-Semibold.otf') format('truetype'); font-weight: normal; }

font.gr0          { font-family: graphik, arial;      text-decoration: none; font-size: 7.5pt; color:#505050; }
font.gr0o         { font-family: graphik, arial;      text-decoration: none; font-size: 7.5pt;                }
font.gr1          { font-family: graphik, arial;      text-decoration: none; font-size: 9.5pt; color:#505050; }
font.gr1o         { font-family: graphik, arial;      text-decoration: none; font-size: 9.5pt;                }
font.gr2          { font-family: graphik, arial;      text-decoration: none; font-size: 12pt;  color:#505050; }
font.gr2o         { font-family: graphik, arial;      text-decoration: none; font-size: 12pt;                 }
font.gr3          { font-family: graphik, arial;      text-decoration: none; font-size: 13pt;  color:#505050; }
font.gr3o         { font-family: graphik, arial;      text-decoration: none; font-size: 13pt;                 }
font.gr4          { font-family: graphik, arial;      text-decoration: none; font-size: 20pt;  color:#505050; }
font.gr4o         { font-family: graphik, arial;      text-decoration: none; font-size: 20pt;                 }
font.gr5          { font-family: graphik, arial;      text-decoration: none; font-size: 30pt;  color:#505050; }
font.gr5o         { font-family: graphik, arial;      text-decoration: none; font-size: 30pt;                 }
font.gr6          { font-family: graphik, arial;      text-decoration: none; font-size: 40pt;  color:#505050; }
font.gr6o         { font-family: graphik, arial;      text-decoration: none; font-size: 40pt;                 }
font.gr7          { font-family: graphik, arial;      text-decoration: none; font-size: 26pt;  color:#505050; }
font.gr7o         { font-family: graphik, arial;      text-decoration: none; font-size: 26pt;                 }
font.gr8          { font-family: graphik, arial;      text-decoration: none; font-size: 36pt;  color:#505050; }
font.gr8o         { font-family: graphik, arial;      text-decoration: none; font-size: 36pt;                 }
font.grA          { font-family: graphik, arial;      text-decoration: none; font-size: 14px;                 }
font.grB          { font-family: graphik, arial;      text-decoration: none; font-size: 16px;                 }
font.grC          { font-family: graphik_semi, arial; text-decoration: none; font-size: 14px;                 }
font.grD          { font-family: graphik_semi, arial; text-decoration: none; font-size: 16px;                 }

a:link            { text-decoration:none; color:#222222;            }
a:visited         { text-decoration:none; color:#222222;            }
a:active          { text-decoration:none; color:#222222;            }
a:hover           { text-decoration:none; background-color:#DDDDDD; }

input.gr1         { color:#505050; background-color:#FFFFFF; border-color:#888888; border-width:1px; border-style:Solid; font-family:graphik, arial; font-weight:bold; cursor:pointer; padding:3px; }
input.gr2         { color:#505050; background-color:#FFFFFF; border-color:#888888; border-width:1px; border-style:Solid; font-family:graphik, arial; padding:2px;                                   }
input.gr3         { color:#505050; background-color:#FFFFFF; font-family:graphik, arial; font-size:9.5pt; padding:2px;                                                                              }
input.gr4         { color:#505050; background-color:#FFFFFF; border-color:#888888; border-width:1px; border-style:Solid; font-family:graphik, arial; padding:2px; cursor:pointer;                   }

select.gr1        { color:#505050; background-color:#EEEEEE; border-color:#888888; border-width:1px; border-style:Solid; font-family:graphik, arial; font-size:9.5pt; padding:1px; }
select.gr2        { color:#505050; background-color:#FFFFFF; border-color:#888888; border-width:1px; border-style:Solid; font-family:graphik, arial; font-size:9.5pt; padding:1px; }

span.link1:hover  { color:#FFFFFF; cursor:pointer; }
span.link2:hover  { color:#000000; cursor:pointer; }
span.link3:hover  { color:#5187F5; cursor:pointer; }
span.link4:hover  { text-decoration:none; cursor:pointer; background-color:#DDDDDD; }
span.link5:hover  { text-decoration:none; cursor:pointer; background-color:#ED6A12; }

table.gr1         { background-color:#FFFFFF; border-color:#888888; border-width:1px; border-style:Solid; border-collapse:collapse; border-spacing:0px; }
table.gr2         { background-color:#FFFFFF; border-spacing:0px; }
table.gr3         { background-color:#EFEFEF; border-spacing:0px; }
table.gr4         { border-color:#D1D1D1; border-width:1px; border-style:Solid; border-collapse:collapse; border-spacing:0px; }

table.gr1 td      { border-color:#888888; border-width:1px; border-style:Solid; }
table.gr3 td      { border-style:none; }
table.gr4 td      { border-color:#D1D1D1; border-width:1px; border-style:Solid; }
table.gr2 td      { border-style:none; border-width:0px; }

hr.gr1            { color:#D1D1D1; background-color:#D1D1D1; height:1px; margin-right:0; text-align:right; border:1px }

html,body         { background-color:#FFFFFF; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }