/* **** Common Sitewide Page Layout **** */
#layoutPageDiv {
}

#layoutPageBodyDiv {
}

#layoutContentDiv {
}

#layoutPageNavContentDiv {
}

body {
    text-align:                             center;
}


/* **** Header Layout **** */
#layoutHeaderDiv {
}

#layoutBannerImg1 {
}

#layoutBannerImg2 {
}

a.headerLink:link {
    font-family:                            arial,verdana,sans-serif;
    font-size:                              11px;
    color:                                  #ffffff; /* White */
    text-decoration:                        none;
    line-height:                            10pt;
}
a.headerLink:visited {
    font-family:                            arial,verdana,sans-serif;
    font-size:                              11px;
    color:                                  #ffffff; /* White */
    text-decoration:                        none;
    line-height:                            10pt;
}
a.headerLink:hover {
    font-family:                            arial,verdana,sans-serif;
    font-size:                              11px;
    color:                                  #ffffff; /* White */
    text-decoration:                        none;
    line-height:                            10pt;
}


/* **** Navigation Layout **** */
#layoutNavDiv {
}

span.navCurPage {
}

.navLinkList {
}


a.navPageLink:link {
}

a.navPageLink:visited {
}

a.navPageLink:hover {
}

.supressBullet {
    list-style:             none;
}


/* **** Sponsors Layout **** */
#layoutSponsorsDiv {
}


/* **** General Styles **** */
h1 {
    font-family:                            Arial, Ariel, Helvetica, sans-serif;
    font-weight:                            900;
    font-size:                              14pt;
    line-height:                            20pt;
    color:                                  #5a5c5c; /* Dk Gray */
}

h2 {
    font-family:                            Arial, Ariel, Helvetica, sans-serif;
    font-weight:                            bold;
    font-size:                              16px;
}

h3 {
    font-family:                            Arial, Ariel, Helvetica, sans-serif;
    font-weight:                            bold;
    font-size:                              12px;
}

a {
    color:                                  #0000ff; /* Blue */
}
a:hover {
    color:                                  #ff0000; 
    text-decoration:                        none;
}

.printOnly {
    display:                                none;
}

.requiredField {
    font-weight:                            bold;
    color:                                  #eb0300; /* Red */
    text-decoration:                        underline;
}

/* General Table Styles */
table {
    margin-top:                             4px;
    border-style:                           solid;
    border-width:                           1px;
    border-color:                           #5a5c5c; /* Dk Gray */
    border-spacing:                         0;
}

th {
    margin:                                 0;
    border-style:                           none;
    text-align:                             left;
    border-bottom-style:                    solid;
    border-bottom-width:                    1px;
    border-bottom-color:                    #5a5c5c; /* Dk Gray */
    padding-left:                           8px;
    padding-right:                          8px;
    vertical-align:                         text-top;
    
}

td {
    vertical-align:                         text-top;
    padding-left:                           8px;
    padding-right:                          8px;
    margin:                                 0;
    border-style:                           none;
}

.tableEvenRow {
    background-color:                       #ffffff; /* White */
    margin:                                 0;
    border-style:                           none;
}

.tableEvenRowNoPrint {
    background-color:                       #ffffff; /* White */
    margin:                                 0;
    border-style:                           none;
}

.tableOddRow {
    margin:                                 0;
    border-style:                           none;
}

.tableOddRowNoPrint {
    margin:                                 0;
    border-style:                           none;
}


/* **** Message Styles **** */
.errMsg {
    color:                                  #eb0300; /* Red */
}

.infoMsg {
    color:                                  #044d9f; /* Blue */
}


/* **** Misc Styles **** */
.lastName {
    text-transform:                         uppercase;
}

.firstName {
    text-transform:                         capitalize;
}

.title {
    text-transform:                         capitalize;
}

.feeChkbklst {
    padding-left:                           40px;
    display:                                block;
}


/* **** General Form Styles */
fieldset {
    border-style:                           solid;
    border-width:                           1px;
    border-color:                           #5a5c5c; /* Dk Gray */
    padding:                                8px;
    margin:                                 4px;
}

legend {
    color:                                  #000000; /* Black */
    font-weight:                            bold;
}

input, select, option {
    margin:                                 2px; 
    font-family:                            arial,verdana,sans-serif;
    font-size:                              11px;
    color:                                  #000000; /* Black */
    text-decoration:                        none;
    margin-right:                           8px;
    line-height:                            10pt;
}


/* **** Specific Form Styles **** */
.passwd {
    width:                                  100px;
}

.passwdLabel {
    width:                                  100px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

#year {
    width:                                  40px;
}


/* **** Round Highlight Styles (Entries Page) **** */
.pastRoundHilight {
    color:                                  #c0c0c0; /* Lt Gray */
}

.currRoundClosedHilight {
    color:                                  #eb0300; /* Red */
}

.currRoundOpenHilight {
}

.futureRoundHilight {
    color:                                  #5a5c5c; /* Dk Gray */
}

.unavalibleRoundHilight {
    background-color:                       #000000; /* Black */
    color:                                  #c0c0c0; /* Lt Gray */
}

.currRoundClosedLateEntryRejectedHilight {
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
    font-weight:                            bolder;
}

.currRoundClosedLateEntryHilight {
    background-color:                       #ffffff; /* White */
    color:                                  #eb0300; /* Red */
    font-weight:                            bold;
}


/* **** Make and Model Select Style **** */
.makeModelSelect {
    width:                                  250px;
}


/* **** Supress labels on date controlds in round table **** */
label.roundTable {
    display:                                none;
}


/* **** Edit Classes Page Specific Styles **** */
.classnameInput {
    width:                                  200px;
}

.classFeeInput {
    width:                                  75px;
    text-align:                             right;
}

.classShowHideBtn {
    margin-bottom:                          8px;
}

.classAssignedBikesTbl {
    border-style:                           solid;
    border-width:                           1px;
    border-color:                           #5a5c5c; /* Dk Gray */
    border-spacing:                         8px;
    margin:                                 4px;
}

.classRemoveBikeBtn {
    margin:                                 4px;
}

.classAddBikeBtn {
    margin:                                 4px;
}

caption {
    text-align:                             left;
    padding-bottom:                         4px;
}

.classAssignedBikesLabel {
    width:                                  37px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
}

.classDetailsLabel {
    width:                                  100px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.updateClassBtn {
    margin-bottom:                          8px;
}


/* **** Current Entries Page Specific Styles **** */
.roundDateLabel {
    width:                                  75px;
    clear:                                  none;
    float:                                  left;
}

.roundDates {
    margin-bottom:                          4px;
}

.curEntriesTbl {
}

.classHeaderRow {
    background-color:                       #000000;
    color:                                  #ffffff;
    font-weight:                            bolder;
}

.curEntriesHasPaid {
    color:                                  #044d9f; /* Blue */
}

.curEntriesHasNotPaid {
    color:                                  #eb0300; /* Red */
}

/* **** Late Entries Page Specific Styles **** */
.lateEntriesTbl {
}

.acceptRejectBtn {
    width:                                  60px;
    margin-right:                           0;
    margin-left:                            0;
}

.tableEvenRowLateEntryAcceptCol {
    width:                                  62px;
    text-align:                             center;
}

.tableOddRowLateEntryAcceptCol {
    width:                                  62px;
    text-align:                             center;
}

.tableEvenRowLateEntryActionCol {
    width:                                  55px;
}

.tableOddRowLateEntryActionCol {
    width:                                  55px;
}

.tableEvenRowLateEntryDateCol {
    width:                                  75px;
}

.tableOddRowLateEntryDateCol {
    width:                                  75px;
}

/* **** Membership Requests Page Specific Styles **** */
.membershipReqTbl {
}

.membershipReqViewBtn {
    width:                                  110px;
    margin-right:                           0;
    margin-left:                            0;
}

.tableEvenRowMembershipReqViewCol {
    width:                                  112px;
    text-align:                             center;
}

.tableOddRowMembershipReqViewCol {
    width:                                  112px;
    text-align:                             center;
}

.membershipReqViewCol {
    width:                                  112px;
}

/* **** User Edit Page Styles **** */
.userEditTbl, .newsTbl {
    margin-left:                            4px;
}

.editUserBtn {
    width:                                  80px;
    margin-right:                           0;
    margin-left:                            0;
}

.tableEvenRowEditBtnCol {
    text-align:                             center;
}

.tableOddRowEditBtnCol {
    text-align:                             center;
}

.pageNoSpan {
    position:                               relative;
    top:                                    -18px;
    float:                                  right;
    clear:                                  none;
    text-align:                             right;
}


/* **** Edit Bikes Page Specific Styles **** */
.newBikeMakeModelLabel {
    width:                                  70px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.bikeMakeModelField {
    width:                                  135px;
    
}

#addmakebtn {
    width:                                  50px;
}

.bikeModelNameDiv {
    padding-bottom:                         8px;
}


/* **** Rider Details Specific Styles **** */
.riderDetailsLabel {
    width:                                  70px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.riderDetailsLabelDate {
    width:                                  54px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.riderMcDetailsLabel {
    width:                                  54px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.riderMcDetailsLabelDate {
    width:                                  38px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.riderDetailsField {
    width:                                  135px;
    
}

#address {
    width:                                  225px;
}


.dateLabel {
    display: none;
}

.riderDetailsStaticValue {
    position:                               relative;
    top:                                    4px;
    margin-bottom:                          8px;
}

.riderEnabled {
    padding-left:                           70px;
}

.riderDetailSubmitBtn {
    margin-bottom:                          8px;
}

.memReqRiderNumMsg {
    background-color:                       #044d9f; /* Blue */
    color:                                  #ffffff; /* White */
    padding-top:                            2px;
    padding-bottom:                         2px;
    padding-left:                           8px;
    padding-right:                          8px;
    margin-top:                             4px;
} 

.familyMembershipMsg {
    position:                               relative;
    top:                                    4px;
    margin-bottom:                          8px;
}

.riderDetailsLabelStatic {
    position:                               relative;
    top:                                    4px;
    margin-bottom:                          8px;
}

/* **** Rounds Specific Styles **** */
.roundDateLabel {
    width:                                  75px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.roundYearLabel {
    width:                                  88px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.roundEditTable {
    margin-left:                            4px;
}

.roundNumberCell {
    padding-top:                            8px;
    padding-bottom:                         8px;
    text-align:                             center;
}

.roundDataCell {
    padding-top:                            8px;
    padding-bottom:                         8px;
}

.updateRoundBtn {
    margin-bottom:                          8px;
    margin-top:                             8px;
}

.roundClassDiv {
    padding-top:                            8px;
    padding-bottom:                         8px;
    
}

.roundClass {
    position:                               relative;
    left:                                   25px;
    text-align:                             left;
    text-indent:                            -25px;
    padding-top:                            4px;
    border-bottom-style:                    solid;
    border-bottom-width:                    1px;
    border-bottom-color:                    #5a5c5c; /* Dk Gray */
}

.roundClassChkBox {
    margin-top:                             4px;
}


/* **** Entry Page Specific Styles **** */
.entryTbl {
    margin-left:                            4px;
}

.entryRoundNumberCell {
    padding-top:                            8px;
    padding-bottom:                         8px;
    text-align:                             center;
    border-bottom-style:                    solid;
    border-bottom-width:                    1px;
    border-bottom-color:                    #5a5c5c; /* Dk Gray */
}

.entryRoundDataCell {
    padding-top:                            8px;
    padding-bottom:                         8px;
    border-bottom-style:                    solid;
    border-bottom-width:                    1px;
    border-bottom-color:                    #5a5c5c; /* Dk Gray */
}

.lateEntryConfMsgCancel {
    width:                                  80px;
}

.lateEntryConfMsgOK {
    width:                                  80px;
}

.entryClassSelect {
    width:                                  250px;
}

.cumalativeScoreMsg {
    margin-left:                            4px;
    margin-top:                             8px;
}

.cumalativeFeeDueMsg {
    margin-left:                            4px;
    margin-top:                             8px;
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
    font-weight:                            bold;
    padding-top:                            2px;
    padding-bottom:                         2px;
    padding-left:                           8px;
    padding-right:                          8px;
    margin-top:                             4px;
}

.outstandingFee {
    margin-left:                            4px;
    margin-top:                             8px;
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
    font-weight:                            bold;
    padding-top:                            2px;
    padding-bottom:                         2px;
    padding-left:                           8px;
    padding-right:                          8px;
    margin-top:                             4px;
}

.payFeeLink {
    text-align:                             right;
    float:                                  right;
}

.payfeesbtn {
    text-align:                             right;
}

a.payFeeLink:link {
    font-family:                            arial,verdana,sans-serif;
    color:                                  #ffffff; /* White */
    text-decoration:                        none;
    font-weight:                            normal;
}
a.payFeeLink:visited {
    font-family:                            arial,verdana,sans-serif;
    color:                                  #ffffff; /* White */
    text-decoration:                        none;
    font-weight:                            normal;
}
a.payFeeLink:hover {
    font-family:                            arial,verdana,sans-serif;
    color:                                  #c0c0c0; /* Lt Gray */
    text-decoration:                        none;
    font-weight:                            normal;
}

.multipleClassesList {
    padding-top:                            0;
    margin-top:                             0;
    padding-bottom:                         0;
    margin-bottom:                          0;
    padding-left:                           12px;
    list-style-type:                        none;
}

/* **** Delete Rider Numbers Page Specific Styles **** */
.delRiderNumsDiv1 {
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
    font-weight:                            bold;
    padding-top:                            2px;
    padding-bottom:                         2px;
    padding-left:                           8px;
    padding-right:                          8px;
    margin-top:                             4px;
}

.delRiderNumsDiv2 {
    padding-top:                            2px;
    padding-bottom:                         2px;
    padding-left:                           8px;
    padding-right:                          8px;
    margin-top:                             4px;
}

/* **** Scores Page Specific Styles **** */
.scoresTblDiv {
    overflow:                               scroll;
}

.scoresTblDiv2 {
}

.scoresTbl {
}

.totalScoreHilight {
    font-weight:                            bolder;
} 

.workedRoundHilight {
    color:                                  #eb0300; /* Red */
}

.scoresCurrentRoundHilight {
    color:                                  #c0c0c0; /* Lt Gray */
    background-color:                       #ffffff; /* White */
}

.classSelect {
    width:                                  200px;
}


/* **** Pay Fees Page Specific Styles **** */
.payEntryFeeMsg {
    font-size:                              14px;
}

.refundFee {
    color:                                  #044d9f; /* Blue */
    font-weight:                            bold;
}

.overdueFee {
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
}

.payFeesPaymentDetailsLabel {
    width:                                  140px;
    clear:                                  none;
    float:                                  left;
    position:                               relative;
    top:                                    4px;
}

.payfees1btn {
    width:                                  80px;
    float:                                  right;
    margin-top:                             8px;
}

.refusedStatus {
    color:                                  #eb0300; /* Red */
}

.errorStatus {
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
}

.inProgressStatus {
    background-color:                       #044d9f; /* Blue */
    color:                                  #ffffff; /* White */
}

.manualType {
    background-color:                       #044d9f; /* Blue */
    color:                                  #ffffff; /* White */
}

.unknownType {
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
}

#payfeelaterbtn {
    display:                    block;
    margin-top:                 30px;
}

#payfeeokbtn {
    display:                    block;
    width:                      80px;
    float:                      right;
    margin-top:                 30px;
}


/* **** Refunds Page Specific Styles **** */
.refundApproveCol {
    width:                                  70px;
}


/* **** Bulk Mail Page Specific Styles **** */
.bulkMailSubject {
    width:                                  378px;
}

.bulkMailMessage {
    width:                                  378px;
}


/* **** Rider List Page Specific Styles **** */
.riderListTbl {
    margin-left:                            4px;
}


/* **** Reports Page Specific Styles **** */
.reportsTblDiv {
    overflow:                               scroll;
}


/* **** Survey Results Page Specific Styles **** */
.surveySelect {
    width:                                  250px;
}

.surveyCount {
    text-align:                             right;
}


/* **** Presentation Tickets Page Styles **** */
.presentationTableSelectTable {
}

.presTableAdminSeatBtn {
    width:                      75px;
}

#numSeatsRemaining {
    font-weight:                bold;
}

#updateTables {
    margin-top:                 10px;
    margin-bottom:              15px;
    margin-left:                4px;
}

.deleteTablesBtn {
    margin-top:                 5px;
    margin-bottom:              10px;
}

.presentationTableOKBtn {
    width:                      80px;
}

#getTable {
    display:                    block;
    float:                      right;
    margin-top:                 5px;
}

#cancelbtn {
    display:                    block;
    float:                      right;
    margin-top:                 5px;
}

#paylaterbtn {
    display:                    block;
    float:                      right;
    margin-top:                 5px;
}

#paybtn {
    display:                    block;
    float:                      right;
    margin-top:                 5px;
}

.presentationTicketsEmptySeatMsg {
    color:                                  #c0c0c0; /* Lt Grey */
    font-style:                             oblique;
    
}

.chooseTableSizeBtn {
    width:                      75px;
    margin-top:                 10px;
    float:                      right;
}

.singleSeatHeader {
    color:                      #ffffff;
    background-color:           #000000;
    font-weight:                bold;
}


/* **** Extra msg styles  **** */
.boldMsg {
    font-weight:                            bolder;
    background-color:                       #eb0300; /* Red */
    color:                                  #ffffff; /* White */
    padding:                                20px;
    margin:                                 20px;
}

.affirmativeText {
    color:                      #044d9f; /* Blue */
}

.negativeText {
    color:                      #eb0300; /* Red */
}

/* **** Class Colour Code Styles **** */
.classColourRedWhite {
    color:                                  #ffffff;
    background-color:                       #eb0300;
    
}

.classColourYellowRed {
    color:                                  #eb0300;
    background-color:                       #ffff00;
    
}

.classColourYellowBlack {
    color:                                  #000000;
    background-color:                       #ffff00;
    
}

.classColourBlackYellow {
    color:                                  #ffff00;
    background-color:                       #000000;
    
}

/* **** Miscellaneous Styles **** */
#resultsContent {
    font-size:                              1.5em;
}

.dbgMsgOutput {
    background-color:           #000000;
    color:                      #009900;
    border-color:               #ffffff;
    border-style:               outset;
    border-width:               0.2em;
    padding:                    1em;
    margin-top:                 1em;
    font-family:                "Courier", monospace;
    font-size:                  medium;
    overflow:                   scroll;
    height:                     20em;
    white-space:                pre;
    text-align:                 left;
}