body {
    background-color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: small;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    color: #9c2021;
}

.button {
    cursor: pointer;
}

.linkbutton {
    cursor: pointer;
}

.radiobutton {
    cursor: pointer;
}

.radiobuttonlist {
    cursor: pointer;
}

.maintext {
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    color: #8f0000;
    font-size: small;
    margin: auto;
}

/* BEGIN GRIDVIEW STYLES */

.gridview {
    font-size: small;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    border-right: #c87f7f groove;
    padding-right: 2px;
    border-top: #c87f7f thin groove;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #c87f7f thin groove;
    padding-top: 2px;
    border-bottom: #c87f7f groove;
}

.gridviewalternatingrow {
    background-color: white;
    font-size: small;
    color: #8f0000;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: middle;
}

.gridviewrow {
    background-color: #F7F6F3;
    font-size: small;
    color: #8f0000;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: middle;
}

.gridviewheader {
    background-color: #333333;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: bottom;
    font-variant: normal;
    text-align: left;
}

.gridviewheader a:link {
    color: #ffffff;

}

.gridviewheader a:visited {
    color: #ffffff;

}

.gridviewpager {
    background-color: #8f0000;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: bottom;
    text-align: left;
}

.gridviewpager a:link {
    font-size: small;
    color: #ffffff;
    font-weight: bold;
}

.gridviewpager a:visited {
    font-size: small;
    color: #ffffff;
    font-weight: bold;
}

.gridviewfooter {
    background-color: #a93b3b;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: bottom;
    text-align: left;
}

.gridviewemptydatarow {
    background-color: #8f0000;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: bottom;
    font-variant: normal;
    position: relative;
    text-align: center;
}

.gridvieweditrow {
    background-color: #c87f7f;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: middle;
}

.gridviewselectedrow {
    background-color: #c87f7f;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    vertical-align: middle;
}

.gridviewbutton {
    font-size: x-small;
}

/* END GRIDVIEW STYLES */

/* BEGIN SPECIAL TABLE STYLES */

.sptable {
    border-right: #c87f7f groove;
    border-top: #c87f7f thin groove;
    border-left: #c87f7f thin groove;
    border-bottom: #c87f7f groove;
    font-size: small;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    background-color: #f8eaea;
}

.spheadertd {
    background-color: #333333;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    text-align: center;
}

.spfootertd {
    background-color: #8f0000;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    text-align: left;
}

.spnestedtable {
    border-right: #c87f7f thin dashed;
    padding-right: 1px;
    border-top: #c87f7f thin dashed;
    padding-top: 2px;
    border-bottom: #c87f7f thin dashed;
    padding-bottom: 1px;
    border-left: #c87f7f thin dashed;
    padding-left: 1px;
    font-size: small;
    color: #8f0000;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    font-variant: normal;
    background-color: #f8eaea;
}

/* BEGIN SPECIAL TABLE STYLES */

/* BEGIN STYLE FOR THE MODAL POPUP */

.modalBackground {
    background-color: #333333;
    /* The filter tag is for IE, the opacity tag is for Firefox and other browsers. */
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
}

.modalHead {
    cursor: move;
    background-color: #8f0000;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.modalPopup {
    background-color: #f8eaea;
    border-width: 3px;
    border-style: solid;
    border-color: #c87f7f;
    padding: 3px;
    width: 400px;
}

/* END MODAL POPUP STYLES */

/* BEGIN LIST SEARCH EXTENDER STYLES */

.ListSearchExtenderPrompt {
    font-style: italic;
    color: #8f0000;
    background-color: #f8eaea;
}

/* END LIST SEARCH EXTENDER STYLES */

/* BEGIN CALENDAR STYLES */

.calendar {
    border-right: #8f0000 solid;
    border-top: #8f0000 solid;
    border-left: #8f0000 solid;
    border-bottom: #8f0000 solid;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    font-size: small;
    font-weight: normal;
    color: #8f0000;
}

.calendar a:link {
    text-decoration: none;
}

.calendardayheader {
    background-color: #8f0000;
    color: #fdf1f1;
}

.calendarday {
    background-color: #ffffff;
}

.calendarnextprev {
    color: #ffffff;
    text-decoration: none;
}

.calendarothermonthday {
    background-color: #f8eaea;
}

.calendarselectedday {
    font-weight: bold;
    border-right: #8f0000 thin solid;
    border-top: #8f0000 thin solid;
    border-left: #8f0000 thin solid;
    border-bottom: #8f0000 thin solid;
}

.calendarselector {
}

.calendartitle {
    background-color: #b7b7b7;
    color: #ffffff;
    font-weight: bold;
}

.calendartodayday {
    background-color: #F0F0C6;
}

.calendarweekendday {
    background-color: #F0F0F0;
}

/*END CALENDAR STYLES */

/*BEGIN TAB STYLES*/

.container {
    margin: 0 0;
    background: #8f0000;
    text-align: left;
}

.containerselected {
    margin: 0 0;
    background: #c87f7f;
    text-align: center;
}

b.rtop, b.rbottom {
    display: block;
    background: #F0F0F0;
}

b.rtopselected, b.rbottomselected {
    display: block;
    background: #F0F0F0;
}

b.rtop b, b.rbottom b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #8f0000;
}

b.rtopselected b, b.rbottomselected b {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #c87f7f;
}

b.r0 {
    margin: 0 6px;
}

b.r1 {
    margin: 0 4px;
}

b.r2 {
    margin: 0 3px;
}

b.r3 {
    margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4 {
    margin: 0 1px;
    height: 2px;
}

b.rtopselected b.r4, b.rbottomselected b.r4 {
    margin: 0 1px;
    height: 2px;
}

.tabtextdiv {
    padding: 0px 10px 2px 10px;
    font-family: Tahoma, Verdana;
    font-size: Small;
    font-variant: small-caps;
    font-weight: bold;
}

.tablink {
    text-decoration: none;
    color: #F0F0F0;
}

.tablinkselected {
    text-decoration: none;
    color: #000000;
}

/*END TAB STYLES*/

/*THE FOLLOWING CLASS IS USED TO SET THE DEFAULT VALUES FOR THE 3RD PARTY FREETEXTBOX CONTROL*/

.freetextbox {
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, MS-Sans;
    background-color: #ffffff;
}

/*END FREETEXTBOX CLASS*/

/*BEGIN MENU STYLES*/

.menu {
    z-index : 2;
}

.menudynamichover {
    background-color: #b7b7b7;
    color: #ffffff;
}

.menudynamicmenuitem {
    background-color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

.menudynamicmenu {
    background-color: #333333;
}

.menudynamicselected {
    background-color: #b7b7b7;
}

.menustatichover {
    background-color: #b7b7b7;
    color: #ffffff;
}

.menustaticmenuitem {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

.menustaticmenu {
    font-size: x-small;
    font-weight: bold;
    background-color: #333333;
}

.menustaticmenu a {
    color: #ffffff;
    text-decoration: none;
}

.menustaticselected {
    background-color: #b7b7b7;
}

/*END MENU STYLES*/

/*DEFAULT DIV STYLES FOR MASTERPAGE HEAD*/

.logo {
    
    position: absolute;
    left: 20px;
    top: 5px;
    z-index: 1;
    filter: alpha(opacity=80);
    opacity: 0.80;
    width: 250px;
    height: 45px;
    background-image: url( 'Images/HeadCountLogo.png' );
}

.topleftdiv {
    background-image: url( 'Images/TopLeftHeadRed.gif' );
    height: 50px;
    width: 18px;
}

.topmiddlediv {
    background-image: url( 'Images/TopStretchRed.gif' );
    background-repeat: repeat-x;
    position: absolute;
    height: 50px;
    top: 0px;
    left: 18px;
    right: 9px;
}

.toprightdiv {
    background-image: url( 'Images/TopRightHeadRed.gif' );
    height: 50px;
    width: 9px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.spacerdiv {
    background-color: #838997;
    height: 26px;
}

.menudiv {
    background-color: #333333;
    height: 26px;
    position: absolute;
    top: 50px;
    left: 1px;
    right: 0px;
}

.tabmenudiv {
    width: 100%;
    padding-top: 2px;
}

.bodydiv {
    border: 1px solid #C0C0C0;
    padding: 7px;
    background-color: #f0f0f0;
    margin-left: 2px;
    margin-right: 2px;
}

.bodydiv2 {
    width: 99%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    border: 1px solid Black;
}