/***************************************************/
.center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align: center;
}
.middle
{
    vertical-align: middle;
}
.right
{
    text-align: right;
    align: right;
}
.left
{
    text-align: left;
    align: left;
}

.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.underline
{
    text-decoration: underline;
}
.plain
{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.small
{
    font-size: 11px;
}
.medium
{
    font-size: 12px;
}
.large
{
    font-size: 14px;
}

.lbreak
{
    font-size: 4px;
}

.select
{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/***************************************************/
@media print
{
    *
    {
        visibility: hidden !important;
    }

    .print table tr td span
    {
        background: #ffffff !important;
        visibility: visible !important;
    }
    .print table tr td
    {
        background: #ffffff !important;
        visibility: visible !important;
        border: 2px solid #000000 !important;
    }
    .print table tr
    {
        background: #ffffff !important;
        visibility: visible !important;
        border: 2px solid #000000 !important;
    }
    .print table
    {
        background: #ffffff !important;
        visibility: visible !important;
        border: 2px solid #000000 !important;
    }
}

/***************************************************/
body, div, form, img, span, p, table, tr, td, a
{
    margin: 0px; /*
    border: 0px;
    padding: 0px;
    border-spacing: 0;
    border-collapse: collapse;
    */
}
body, div, input, form, img, span, p, table, tr, td, a
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none; /*-moz-user-select: -moz-none;*/
    -ms-user-select: none;
    user-select: none;
}

/***************************************************/
table, td, tr
{
    font-family: Arial;
    font-size: 13px;
    color: #310000;
}        
.table
{
    padding: 3px;
    background: rgba(255,255,255,0.9);
    padding: 6px;
}        
.table td
{
    padding: 1px;
}
.tableBorder
{
    border-collapse: collapse;
    /*border: 3px outset #310000;*/
} 
.tableBorder td
{          
    border: 1px solid #310000;
    border-collapse: collapse;
} 

/***************************************************/
.footerText
{
    -webkit-transition: color 4s ease;
    -moz-transition: color 4s ease;
    -ms-transition: color 4s ease;
    -o-transition: color 4s ease;
    transition: color 4s ease;
    
    color: #135c16;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    text-decoration:none;
}        
.footerText:hover
{
    color: #ffffff;
}

/***************************************************/
.greenButton
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #55bd57), color-stop(1, #006308) );
    background: -moz-linear-gradient( center top, #55bd57 5%, #006308 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55bd57', endColorstr='#006308');
    background-color: #55bd57;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #f3c726;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 4px;
    text-decoration: none;
}
.greenButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006308), color-stop(1, #55bd57) );
    background: -moz-linear-gradient( center top, #006308 5%, #55bd57 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006308', endColorstr='#55bd57');
    background-color: #006308;
}
.greenButton:active
{
    position: relative;
    top: 1px;
}

.redButton
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bd5555), color-stop(1, #610000) );
    background: -moz-linear-gradient( center top, #bd5555 5%, #610000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd5555', endColorstr='#610000');
    background-color: #bd5555;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #f3c726;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 4px;
    text-decoration: none;
}
.redButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #610000), color-stop(1, #bd5555) );
    background: -moz-linear-gradient( center top, #610000 5%, #bd5555 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#610000', endColorstr='#bd5555');
    background-color: #610000;
}
.redButton:active
{
    position: relative;
    top: 1px;
}

.yellowButton
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbeebd), color-stop(1, #f3c726) );
    background: -moz-linear-gradient( center top, #fbeebd 5%, #f3c726 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbeebd', endColorstr='#f3c726');
    background-color: #fbeebd;
    border: 2px solid #d5a907;
    display: inline-block;
    color: #310000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 2px;
    text-decoration: none;
    cursor: pointer;
}
.yellowButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3c726), color-stop(1, #fbeebd) );
    background: -moz-linear-gradient( center top, #f3c726 5%, #fbeebd 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c726', endColorstr='#fbeebd');
    background-color: #f3c726;
    text-decoration: underline;
}
.yellowButton:active
{
}

.helpButton
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbeebd), color-stop(1, #f3c726) );
    background: -moz-linear-gradient( center top, #fbeebd 5%, #f3c726 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbeebd', endColorstr='#f3c726');
    background-color: #fbeebd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #ffd535;
    display: inline-block;
    color: #310000;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 0px 0px 2px;;
    text-decoration: none;
    cursor: pointer;
    width: 24px;
    height: 22px;
    text-align: center;
    vertical-align:middle;
}
.helpButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3c726), color-stop(1, #fbeebd) );
    background: -moz-linear-gradient( center top, #f3c726 5%, #fbeebd 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c726', endColorstr='#fbeebd');
    background-color: #f3c726;
}
.helpButton:active
{
    position: relative;
    top: 1px;
}
.payTableText 
{
    color: #f3c726; 
    font-family: Georgia; 
    font-size: 12px;
    font-weight: bold;
}
.payTable 
{
    z-index: 50; display: table; cursor: pointer; color: #310000; font-family: Arial; font-size: 12px; font-weight: normal; position: absolute; 

    /*
    -webkit-transition: opacity 3s ease;
    -moz-transition: opacity 3s ease;
    -ms-transition: opacity 3s ease;
    -o-transition: opacity 3s ease;
    transition: opacity 3s ease;      
    
    opacity: 0.0;
    */
}
.payTable:hover 
{
    /*
    opacity: 1.0;
    */
}
.modal
{
    z-index: 100; display: table; cursor: default; color: #310000; font-family: Arial; font-size: 12px; font-weight: normal; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(210,210,180,0.75); 
}

/***************************************************/