body
{
    margin: 0px;
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    color: #cccccc;
    background: #2f3332;
}
td, table, p
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    color: #cccccc;
}
h1 {
	color: #cccccc;
	text-decoration: none;
	padding: 0 3px 3px 0;
	margin: 0 3px 3px 0;
	display: inline;
	font: tahoma, "lucida grande", verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
h2 {
	color: #cccccc;
	padding: 0 3px 3px 0;
	margin: 0 3px 3px 0;
	display: inline;
	font: 9pt tahoma, "lucida grande", verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
H3
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #cccccc;
    padding: 0px 3px 3px 0px;
    margin: 0px 3px 3px 0px;
    display: inline;
}
b
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-weight: bold;
    color: #ccc;
    text-decoration: none;
}
strong
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-weight: bold;
    color: #ccc;
    text-decoration: none;
}

a
{
    outline: none;
}
a img
{
    outline: none;
    border: none;
}
button::-moz-focus-inner
{
    border: 0;
}
input::-moz-focus-inner
{
    border: 0;
}
img.bottom
{
    vertical-align: bottom;
}

a:link
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    color: #e9cd28;
    text-decoration: none;
    outline: none;
}
a:visited
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    color: #f9f9f9;
    text-decoration: none;
}
a:hover
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    color: #e9cd28;
    text-decoration: none;
}
a:active
{
    font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
    color: #fff;
    text-decoration: none;
}
a.navlink:link
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #e9cd28;
    text-decoration: none;
    outline: none;
}
a.navlink:visited
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #f9f9f9;
    text-decoration: none;
}
a.navlink:hover
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #e9cd28;
    text-decoration: none;
}
a.navlink:active
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}
.masterTable
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    color: #cccccc;
    width: 660px;
}
div.centered
{
    text-align: center;
}
div.centered table
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.main
{
    background-color: #EBEBEB;
}
.copy
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #999999;
}
.playnote
{
    font: 13px "segoe ui" ,arial,sans-serif;
    color: #e9cd28;
    letter-spacing: 1px;
}
.pageHead
{
    background: url(../img/layout/logo_top.gif) no-repeat bottom left;
    width: 640px;
    height: 120px;
}
.pageMenu
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
}
.calendar
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
}
.lineVert
{
    background-image: url(../img/layout/line_vert.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 1px;
}
.lineHor
{
    background-image: url(../img/layout/line_hor.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 1px;
}
.counter
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 10px;
    color: #999999;
    letter-spacing: 1px;
}
.module
{
    border: 1px solid #DADADA;
    padding: 6px;
    background: #383838 url(../img/moduleBg.gif) repeat-x;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #333333;
    vertical-align: top;
    margin-left: 2px;
    margin-right: 2px;
}
.label
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #1e1e1e;
    padding-left: 3px;
    background-color: #ebebeb;
    border: solid 1px #e9cd28;
}
.style1
{
    font-size: 13px;
    font-weight: bold;
}
.style2
{
    font-size: 14px;
}
.style6
{
    font-size: medium;
    font-weight: bold;
}
.linkbutton
{
    text-decoration: none;
}
.Button
{
    font-family: Verdana;
    color: #444444;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    padding-bottom: 2px;
    height: 17px;
    border-style: solid;
    border-color: #A5AFBA;
    border-width: 1px;
    background: #383838 url(../img/back01.gif) repeat-x;
    outline: none;
    cursor: pointer;
    vertical-align: text-bottom;
    text-decoration: none;
    margin-right: 2px;
    outline: none;
}
.Button:hover
{
    font-family: Verdana;
    color: #e9cd28;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    padding-bottom: 2px;
    height: 17px;
    border-style: solid;
    border-color: #A5AFBA;
    border-width: 1px;
    background: #383838 url(../img/back01.gif) repeat-x;
    outline: none;
    cursor: pointer;
    vertical-align: text-bottom;
    text-decoration: none;
    margin-right: 2px;
    outline: none;
}
textarea:focus, input:focus
{
    border: 1px solid #646968;
    outline: none !important;
}
.tinyTextbox
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    color: #cccccc;
    height: 16px;
    width: 50px;
    text-align: center;
    border: 1px solid #1e1e1e;
    background-color: #323232;
    vertical-align: middle;
    background-position: center;
}
.formTextField
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    color: #cccccc;
    height: 16px;
    width: 200px;
    border: 1px solid #1e1e1e;
    background-color: #323232;
}
.formTextArea
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 12px;
    color: #cccccc;
    height: 80px;
    width: 200px;
    border: 1px solid #1e1e1e;
    background-color: #323232;
    overflow: auto;
}
.formButton
{
    background: none;
    background: #383838 url(../img/button.gif) repeat-x center left;
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #b8b7b7;
    height: 21px;
    border: 1px solid #1e1e1e;
    padding-bottom: 2px;
    cursor: pointer;
    outline: none !important;
}
.formButton:hover
{
    background: none;
    background: #383838 url(../img/button_hover.gif) repeat-x center left;
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #e9cd28;
    height: 21px;
    border: 1px solid #1e1e1e;
    padding-bottom: 2px;
    cursor: pointer;
    outline: none !important;
}
.formButton:active
{
    background: none;
    background: #383838 url(../img/button_active.gif) repeat-x center left;
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #e9cd28;
    height: 21px;
    border: 1px solid #3d556c;
    padding-bottom: 2px;
    cursor: pointer;
    outline: none !important;
}
.loginButton
{
    background: none;
    background: #383838 url(../img/button.gif) repeat-x center left;
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #b8b7b7;
    height: 21px;
    border: 1px solid #1e1e1e;
    padding-bottom: 3px;
    cursor: pointer;
    outline: none !important;
    margin-right: 8px;
}
.loginTextField
{
    font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
    font-size: 11px;
    color: #cccccc;
    height: 16px;
    width: 180px;
    border: 1px solid #1e1e1e;
    background-color: #323232;
}
@media print
{
    body, p, td, th, table
    {
        font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
        color: #000000;
        background: #fff !important;
        border: none;
    }
    h1
    {
        color: #000000;
        text-decoration: none;
        padding: 0 3px 3px 0;
        margin: 0 3px 3px 0;
        display: inline;
        font: 11pt/20px tahoma, "lucida grande" , verdana, arial, sans-serif;
        text-transform: uppercase;
    }
    h2
    {
        color: #000000;
        padding: 0 3px 3px 0;
        margin: 0 3px 3px 0;
        display: inline;
        font: normal 9pt tahoma, "lucida grande" , verdana, arial, sans-serif;
        text-transform: uppercase;
    }
    b
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }
    strong
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }
    .style1
    {
        font-size: 13px;
        font-weight: bold;
        color: #000000;
    }
    .style2
    {
        font-size: 14px;
        color: #000000;
    }
    .style6
    {
        font-size: medium;
        font-weight: bold;
        color: #000000;
    }

    #title
    {
        background: url("../img/layout/logo_print.png") no-repeat;
    }

    #ti\tle
    {
        display: list-item;
        list-style-image: url("../img/layout/logo_print.png");
        list-style-position: inside;
        word-spacing: -5000em; /* I guess better that letter-spacing */
        overflow: hidden; /* This fix the Horizontal Roller */
        font-size: 1pt; /* unhappily is necessary */
        letter-spacing: -1000px;
    }
    .divBanner
    {
        background: url("../img/layout/logo_print.png") no-repeat;
    }
    .pageMenu
    {
        display: none;
    }
    .tinyTextbox
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        color: #000000;
        height: 16px;
        width: 50px;
        text-align: center;
        border: 1px solid #1e1e1e;
        background-color: #ffffff;
        vertical-align: middle;
        background-position: center;
    }
    .formTextField
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        color: #cccccc;
        height: 16px;
        width: 200px;
        border: 1px solid #1e1e1e;
        background-color: #ffffff;
    }
    .formTextArea
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        color: #cccccc;
        height: 80px;
        width: 200px;
        border: 1px solid #1e1e1e;
        background-color: #ffffff;
        overflow: auto;
    }
    .formButton
    {
        background: none;
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        color: #333333;
        height: 21px;
        border: 1px solid #1e1e1e;
        padding-bottom: 3px;
    }
    a:link
    {
        font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
        color: #000000;
        text-decoration: none;
        outline: none;
    }
    a:visited
    {
        font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
        color: #000000;
        text-decoration: none;
    }
    a:hover
    {
        font-family: tahoma, "lucida grande" , verdana, arial, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
    }
    a:active
    {
        font: normal 12px tahoma, "lucida grande" , verdana, arial, sans-serif;
        color: #000000;
        text-decoration: none;
    }
}