body
{
                        color: #CCCBCA;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 10pt;
                        background-color: #000000;
                        margin-top: 0px;
}

table,td
{
                        color: #CCCBCA;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 10pt;
}

b
{
                        font-weight: bold;
                        color: #FFFFFF;
}

a
{
                        font-family: Verdana, Helvetica, sans-serif;
}

a:link,a:active,a:visited
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: underline;
}

a:hover
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: none;
}

input,textarea,select
{
                        background-color: #FDC86D;
                        color: #000000;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #FFA201;
}

form
{
                        margin-top: 0px;
                        margin-bottom: 0px;
}

p
{
                        margin-top: 10px;
                        margin-bottom: 12px;
}

.affbordertl
{
                        background-image: url(../site_graphics/aff_bordertl.jpg);
                        background-repeat: no-repeat;
                        background-position: bottom right;
}

.affbordert
{
                        background-image: url(../site_graphics/aff_bordert.jpg);
                        background-repeat: repeat-x;
                        background-position: bottom left;
}

.affbordertshort
{
                        background-image: url(../site_graphics/aff_bordertshort.jpg);
                        background-repeat: repeat-x;
                        background-position: bottom left;
}

.affbordertr
{
                        background-image: url(../site_graphics/aff_bordertr.jpg);
                        background-repeat: no-repeat;
                        background-position: bottom left;
}

.affborderbl
{
                        background-image: url(../site_graphics/aff_borderbl.jpg);
                        background-repeat: no-repeat;
                        background-position: top right;
}

.affborderbr
{
                        background-image: url(../site_graphics/aff_borderbr.jpg);
                        background-repeat: no-repeat;
                        background-position: top left;
}

.affborderl
{
                        background-image: url(../site_graphics/aff_borderl.jpg);
                        background-repeat: repeat-y;
                        background-position: top right;
}

.affborderr
{
                        background-image: url(../site_graphics/aff_borderr.jpg);
                        background-repeat: repeat-y;
                        background-position: top left;
}

.affborderb
{
                        background-image: url(../site_graphics/aff_borderb.jpg);
                        background-repeat: repeat-x;
                        background-position: top left;
}

.affborderedimage
{
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #FFA201;
}

.afftoploginbg
{
                        background-image: url(../site_graphics/aff_public_r1_c7.jpg);
                        background-repeat: no-repeat;
                        background-position: top left;
}

.affpanel
{
                        background-color: #600000;
}

.affinputerror
{
                        background-color: #FFA201;
                        color: #000000;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #000000;
}

.affinputreadonly
{
                        background-color: #9A1B1B;
                        color: #CC6060;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
                        font-style: italic;
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #FCD2D2;
}

td.afflogin1
{
                        color: #FFFFFF;
}

h4.afflogin1
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 14pt;
                        color: #FFFFFF;
                        margin-top: 0px;
                        margin-bottom: 3px;
}

input.afflogin1
{
                        background-color: #FFFFFF;
                        color: #000000;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #AD0101;
}

a.afflogin1
{
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
}

a.afflogin1:link,a.afflogin1:active,a.afflogin1:visited
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: underline;
}

a.afflogin1:hover
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: none;
}

td.affloggedin1
{
                        color: #FFFFFF;
}

span.affloggedin1
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12pt;
                        font-weight: bold;
                        color: #FFFFFF;
}

h4.affloggedin1
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 14pt;
                        color: #FFFFFF;
                        margin-top: 0px;
                        margin-bottom: 3px;
}

a.affloggedin1
{
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
}

a.affloggedin1:link,a.affloggedin1:active,a.affloggedin1:visited
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: underline;
}

a.affloggedin1:hover
{
                        color: #FFFFFF;
                        font-weight: normal;
                        text-decoration: none;
}

input.afflogin1error
{
                        background-color: #FFA201;
                        color: #000000;
                        font-family: Verdana, Helvetica, sans-serif;
                        font-size: 8pt;
                        border-style: solid;
                        border-width: 1px 1px 1px 1px;
                        border-color: #AD0101;
}

.affjustifiedtext
{
                        text-align: justify;
}

.affstriptext
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 15pt;
                        font-weight: bold;
                        color: #FFA201;
}

a.affstriptext
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 15pt;
                        font-weight: bold;
                        color: #FFA201;
}

a.affstriptext:link,a.affstriptext:visited,a.affstriptext:active
{
                        text-decoration: underline;
}

a.affstriptext:hover
{
                        text-decoration: none;
}

h2.afftitle
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12pt;
                        font-weight: bold;
                        color: #FFA201;
                        margin-top: 10px;
                        margin-bottom: 0px;
                        padding-top: 0px;
                        padding-bottom: 0px;
}

h3.afftitle
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 10pt;
                        font-weight: bold;
                        color: #FFA201;
                        margin-top: 8px;
                        margin-bottom: 0px;
                        padding-top: 0px;
                        padding-bottom: 0px;
}

h2.afftitle2
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12pt;
                        font-weight: bold;
                        color: #FFA201;
                        margin-top: 10px;
                        margin-bottom: 5px;
                        padding-top: 0px;
                        padding-bottom: 0px;
}

span.afftitle2
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 12pt;
                        font-weight: bold;
                        color: #FFA201;
}

span.afftitle3
{
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: 10pt;
                        font-weight: bold;
                        color: #FFA201;
}

.afffooter
{
                        font-size: 8pt;
                        color: #FFFFFF;
}

a.afffooter
{
                        font-size: 8pt;
                        color: #FFFFFF;
}

a.afffooter:link,a.afffooter:active,a.afffooter:visited
{
                        text-decoration: underline;
}

a.afffooter:hover
{
                        text-decoration: none;
}

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

Date Picker Styles

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

/* the table (within the div) that holds the date picker calendar */

.dpTable
{
                                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                                font-size: 10px;
                                text-align: center;
                                color: #FFFFFF;
                                background-color: #FDC86D;
                                border: 2px solid #FFFFFF;
                                border-collapse: separate; /* for appearance rather than layout */
                                width: 200px;
}

/* a table cell that holds a date number (either blank or 1-31) */

.dpTD
{
                                background-color: #FD7A7A;
                                border: 1px solid #000000;
                                color: #000000;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD
{
                                background-color: #FED5D5;
                                border: 1px solid #9E0000;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover
{
                                background-color: #9E0000;
                                border: 1px solid #9E0000;
                                cursor: pointer;
                                color: #FFFFFF;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD
{
                                background-color: #9E0000;
                                border: 1px solid #9E0000;
                                color: #FFFFFF;
}

/* additional style information for the text that indicates the month and year */

.dpTitleText
{
                                font-size: 12px;
                                color: #000000;
                                font-weight: normal;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight
{
                                color: #000000;
                                font-weight: bold;
}

/* the forward/backward buttons at the top */

.dpButton
{
                                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                                font-size: 10px;
                                color: #000000;
                                background-color: #FED5D5;
                                font-weight: normal;
                                border: 1px solid #9E0000;
                                padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton
{
                                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                                font-size: 10px;
                                color: #000000;
                                background-color: #FED5D5;
                                font-weight: normal;
                                border: 1px solid #9E0000;
                                margin-left: 1px;
                                margin-right: 1px;
}


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

Checkbox list styles

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

table.affcheckboxlist label /* for implementing the multi select checkboxes */
{
                                display: block;
                                color: #000000;
                                background-color: #FDC86D;
                                margin: 0px;
                                padding: 0px;
                                width: 100%;
}

table.affcheckboxlist ul
{
                                height: 136px;
                                width: 300px;
                                background-color: #FDC86D;
                                overflow: auto;
                                border: 1px solid #000000;
                                list-style-type: none;
                                margin: 0px;
                                padding: 0px;
                                overflow-x: hidden;
}

table.affcheckboxlist li
{
                                margin: 0px;
                                padding: 0px;
}

table.affcheckboxlist li input
{
                                border: 0px;
}