/* tiling background for the page */
.body
{
    background-image: url('../images/nl-background2.png');
    _background-image: url('../images/nl-background2.gif');
    background-repeat: repeat-x repeat-y;
    cursor:default;
}

.AAC
{
    background-image: url('../images/AACLogo.png');
    _background-image: url('../images/AACLogo.gif');
    width: 191px;
    height: 85px;
    float: left;
}

.AffiliatedDotOrg
{
    background-image: url('../images/AffiliatedAcceptanceCorporation.png');
    _background-image: url('../images/AffiliatedAcceptanceCorporation.gif');
    width: 347px;
    height: 61px;
    position: relative;
    display: block;
    float: right;
    top: 25px;
    margin: 0px 5px 0px 0px;
}

/* client service login input controls */
.InputClient
{
    width: 35px;
}

.InputName
{
    width: 90px;
}

.InputPassword
{
    width: 90px;
}

.LoginBar
{
    height: 53px;
    position: relative;
    left: 0px;
    width:785px;
}

/* hyperlink styles; the hover condition is to satisfy IE in compatibility mode */
a
{
    color: #003a69;
}
a:hover
{
    text-decoration: none;
}

/* The client service login bar */
.LoginBarLeft
{
    width: 132px;
    background-image: url('../images/Blue.png');
    _background-image: url('../images/Blue.gif');
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    height: 53px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    position:relative;
    top:-20px;
}

.LoginBarCenter
{
    background-image: url('../images/Grey.png');
    _background-image: url('../images/Blue.png');
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    height: 53px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding-left: 2px;
    padding-right: 2px;
    position:relative;
    top:-20px;
}

.LoginBarRight
{
    width: 124px;
    height: 50px;
    border: none;
    height: 53px;
    float: left;
    position:relative;
    top:-20px;
    cursor: pointer;
}

.CenterText
{
    position: relative;
    margin-top: 50%;
    top: 30%;
}

/* a small font for pushing controls downward */
.VerticalPadding
{
    font-size: 11px;
}

/* The Home Tab */
.TabHome
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 219px;
    left: 39px;
    z-index: 1;
    cursor:pointer;
}
.TabHome a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabHome_Up.png');
    background-repeat: no-repeat;
}
.TabHome a:hover
{
    width: 142px;
}
.TabHome a span
{
    display: none;
}
.TabHome a:hover span
{
    background-image: url('../images/TabHome_Down.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 100px;
    left: 0px;
    padding-left: 10%;
    padding-right: 8%;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -119px;
    z-index: 2;
}

/* The Events Tab */
.TabEvents
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 219px;
    left: 181px;
    z-index: 1;
}
.TabEvents a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabEvents_Up.png');
    background-repeat: no-repeat;
}
.TabEvents a:hover
{
    width: 142px;
}
.TabEvents a span
{
    display: none;
}
.TabEvents a:hover span
{
    background-image: url('../images/TabEvents_Down.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 100px;
    left: 0px;
    padding-left: 10%;
    padding-right: 8%;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -119px;
    z-index: 2;
}

/* The Services Tab */
.TabServices
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 219px;
    left: 323px;
    z-index: 1;
}
.TabServices a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabServices_Up.png');
    background-repeat: no-repeat;
}
.TabServices a:hover
{
    width: 142px;
}
.TabServices a span
{
    display: none;
}
.TabServices a:hover span
{
    background-image: url('../images/TabServices_Down.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 100px;
    left: 0px;
    padding-left: 10%;
    padding-right: 8%;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -119px;
    z-index: 2;
}

/* The Support Tab */
.TabSupport
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 219px;
    left: 465px;
    z-index: 1;
}
.TabSupport a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabSupport_Up.png');
    background-repeat: no-repeat;
}
.TabSupport a:hover
{
    width: 142px;
}
.TabSupport a span
{
    display: none;
}
.TabSupport a:hover span
{
    background-image: url('../images/TabSupport_Down.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 100px;
    left: 0px;
    padding-left: 10%;
    padding-right: 8%;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -119px;
    z-index: 2;
}

/* The Contact Tab */
.TabContact
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 219px;
    left: 607px;
    z-index: 1;
}
.TabContact a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabContact_Up.png');
    background-repeat: no-repeat;
}
.TabContact a:hover
{
    width: 142px;
}
.TabContact a span
{
    display: none;
}
.TabContact a:hover span
{
    background-image: url('../images/TabContact_Down.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 100px;
    left: 0px;
    padding-left: 10%;
    padding-right: 8%;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -119px;
    z-index: 2;
}


/* White box for the LOB buttons */

.WhiteBox
{
    width:785px;
}

.WhiteBoxLeft
{
    width: 40px;
    height: 210px;
    background-image: url('../images/whitebox_left.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 260px;
    left: 0px;
    z-index: 99;
}

.WhiteBoxMiddle
{
    width: 711px;
    height: 210px;
    background-image: url('../images/whitebox_middle.png');
    background-repeat: repeat-x;
    z-index: 99;
    position: absolute;
    top: 260px;
    left: 40px;
}

.WhiteBoxRight
{
    width: 34px;
    height: 210px;
    background-image: url('../images/whitebox_right.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 260px;
    left: 751px;
    z-index: 99;
}


.BlueText
{
    text-align: left;
    font-family: Arial;
    font-size: 14pt;
    font-weight: normal;
    color: #003a69;
}

.ButtonContainer
{
    width: 180px;
    float: left;
    text-align: center;
}

/* Fitness button */
.ButtonFitness
{
    width: 175px;
    height: 108px;
    float: left;
    text-align: center;
}
.ButtonFitness a
{
    display: block;
    width: 150px;
    height: 108px;
    background-image: url('../images/btnFitness_Up.png');
    background-repeat: no-repeat;
    margin: 0px 24px 0px 16px; /* slightly off-center to allow for the 'shadow' in the graphic */
}
.ButtonFitness a:hover
{
    width: 150px;
    height: 108px;
    background-image: url('../images/btnFitness_Down.png');
    background-repeat: no-repeat;
}
.ButtonFitness a span
{
    display: none;
}
.ButtonFitness a:hover span
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    font-size: 11pt;
}

/* Martial Arts button */
.ButtonMartialArts
{
    width: 175px;
    height: 108px;
    float: left;
    text-align: center;
}
.ButtonMartialArts a
{
    display: block;
    width: 150px;
    height: 108px;
    background-image: url('../images/btnMartialArts_Up.png');
    background-repeat: no-repeat;
    margin: 0px 24px 0px 16px;
}
.ButtonMartialArts a:hover
{
    width: 150px;
    height: 108px;
    background-image: url('../images/btnMartialArts_Down.png');
    background-repeat: no-repeat;
}
.ButtonMartialArts a span
{
    display: none;
}
.ButtonMartialArts a:hover span
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    font-size: 11pt;
}

/* Tanning button */
.ButtonTanning
{
    width: 175px;
    height: 108px;
    float: left;
    text-align: center;
}
.ButtonTanning a
{
    display: block;
    width: 150px;
    height: 108px;
    background-image: url('../images/btnTanning_Up.png');
    background-repeat: no-repeat;
    margin: 0px 24px 0px 16px;
}
.ButtonTanning a:hover
{
    width: 150px;
    height: 108px;
    background-image: url('../images/btnTanning_Down.png');
    background-repeat: no-repeat;
}
.ButtonTanning a span
{
    display: none;
}
.ButtonTanning a:hover span
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    font-size: 11pt;
}

/* Other button */
.ButtonOther
{
    width: 175px;
    height: 108px;
    float: left;
    text-align: center;
}
.ButtonOther a
{
    display: block;
    width: 150px;
    height: 108px;
    background-image: url('../images/btnOther_Up.png');
    background-repeat: no-repeat;
    margin: 0px 24px 0px 16px;
}
.ButtonOther a:hover
{
    width: 150px;
    height: 108px;
    background-image: url('../images/btnOther_Down.png');
    background-repeat: no-repeat;
}
.ButtonOther a span
{
    display: none;
}
.ButtonOther a:hover span
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    font-size: 11pt;
}

/* The Live Help Tab */
.TabLiveHelp
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 460px;
    left: 40px;
    z-index: 1;
}
.TabLiveHelp a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabLiveHelp_Up.png');
    background-repeat: no-repeat;
}
.TabLiveHelp a:hover
{
    width: 142px;
    height: 164px;
}
.TabLiveHelp a span
{
    display: none;
}
.TabLiveHelp a:hover span
{
    background-image: url('../images/TabLiveHelp_Down_slide.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 90px;
    left: 0px;
    padding-left: 10%;
    padding-right: 15%;
    padding-bottom: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

/* The Account Holders Tab */
.TabAccountHolders
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 460px;
    left: 182px;
    z-index: 1;
}
.TabAccountHolders a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabAccountHolders_Up.png');
    background-repeat: no-repeat;
}
.TabAccountHolders a:hover
{
    width: 142px;
    height: 164px;
}
.TabAccountHolders a span
{
    display: none;
}
.TabAccountHolders a:hover span
{
    background-image: url('../images/TabAccountHolders_Down_slide.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 7pt;
    font-weight: lighter;
    height: 90px;
    left: 0px;
    padding-left: 8%;
    padding-right: 15%;
    padding-bottom: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

/* The News Tab */
.TabNews
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 460px;
    left: 324px;
    z-index: 1;
}
.TabNews a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabNews_Up.png');
    background-repeat: no-repeat;
}
.TabNews a:hover
{
    width: 142px;
    height: 164px;
}
.TabNews a span
{
    display: none;
}
.TabNews a:hover span
{
    background-image: url('../images/TabNews_Down_slide.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 90px;
    left: 0px;
    padding-left: 9%;
    padding-right: 16%;
    padding-bottom: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

/* The Careers Tab */
.TabCareers
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 460px;
    left: 466px;
    z-index: 1;
}
.TabCareers a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabCareers_Up.png');
    background-repeat: no-repeat;
}
.TabCareers a:hover
{
    width: 142px;
    height: 164px;
}
.TabCareers a span
{
    display: none;
}
.TabCareers a:hover span
{
    background-image: url('../images/TabCareers_Down_slide.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 90px;
    left: 0px;
    padding-left: 9%;
    padding-right: 15%;
    padding-bottom: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

/* The Come See Us Tab */
.TabComeSeeUs
{
    width: 142px;
    height: 42px;
    float: left;
    text-align: center;
    position: absolute;
    top: 460px;
    left: 608px;
    z-index: 1;
}
.TabComeSeeUs a
{
    display: block;
    width: 142px;
    height: 42px;
    background-image: url('../images/TabComeSeeUs_Up.png');
    background-repeat: no-repeat;
}
.TabComeSeeUs a:hover
{
    width: 142px;
    height: 164px;
}
.TabComeSeeUs a span
{
    display: none;
}
.TabComeSeeUs a:hover span
{
    background-image: url('../images/TabComeSeeUs_Down_slide.png');
    background-repeat: no-repeat;
    cursor: hand;
    display: block;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    height: 90px;
    left: 0px;
    padding-left: 9%;
    padding-right: 15%;
    padding-bottom: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    z-index: 2;
}

/* technically comes before the tabs in the actual HTML layout,
   but positioned down 54 pixels here, as this is the only way
   to get it to work in both regular and 'compatibility' mode
   in IE8, thus making the ironic point that compatibility
   mode is now yet another thing in IE we have to work around.
   
   UPDATE: has been removed once we docked the tabs to the white box. */
.TabBar
{
    /*    position:relative;     top:50px;     float:none;     left:-3px;     width:785px;     height:4px;     visibility:visible;     z-index:0;     background-image:url('../images/TabBar.png');*/
}
.Tabs
{
    position: fixed;
    bottom: 0px;
    height: 54px;
}

/* The privacy policy */
.PrivacyPolicyContainer
{
    background-image: url('../images/PrivacyPolicyBox.png');
    width: 403px;
    height: 42px;
    margin: auto 0 auto auto;
    position: absolute;
    left: 385px;
    top: 670px;
    z-index: 1;
}

.PrivacyPolicyText
{
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    color: White;
    text-align: right;
    position: absolute;
    left: 0px;
    width: 750px;
    top: 668px;
    z-index: 99;
}

/* The phone #s next to the privacy statement */
.PhoneText
{
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
    color: White;
    text-align: left;
    position: absolute;
    left: 0px;
    width: 750px;
    top: 668px;
    z-index: 99;
}

/* the big white content box */
.WhiteboxTopLeft
{
    background-image: url('../images/whitebox_topleft.png');
    width: 40px;
    height: 40px;
    position: absolute;
    top: 260px;
    left: 0px;
    z-index: 1;
}

.WhiteboxTopMiddle
{
    background-image: url('../images/whitebox_topmiddle.png');
    background-repeat: repeat-x;
    height: 40px;
    width: 710px;
    position: absolute;
    top: 260px;
    left: 40px;
    z-index: 1;
}

.WhiteboxTopRight
{
    background-image: url('../images/whitebox_topright.png');
    width: 34px;
    height: 40px;
    position: absolute;
    top: 260px;
    left: 750px;
    z-index: 1;
}

.WhiteboxMiddleLeft
{
    background-image: url('../images/whitebox_Middleleft.png');
    background-repeat: repeat-y;
    width: 40px;
    height: 500px;
    float: left;
    position: absolute;
    top: 300px;
    left: 0px;
    z-index: 1;
}

.WhiteBoxMiddleMiddle
{
    background: #FFF;
    width: 710px;
    height: 500px;
    float: left;
    position: absolute;
    top: 300px;
    left: 40px;
    z-index: 1;
}

.WhiteboxMiddleRight
{
    background-image: url('../images/whitebox_Middleright.png');
    background-repeat: repeat-y;
    width: 34px;
    height: 500px;
    float: left;
    position: absolute;
    top: 300px;
    left: 750px;
    z-index: 1;
}

.WhiteboxBottomLeft
{
    background-image: url('../images/whitebox_bottomleft.png');
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    top: 800px;
    left: 0px;
    z-index: 1;
}

.WhiteboxBottomMiddle
{
    background-image: url('../images/whitebox_bottommiddle.png');
    background-repeat: repeat-x;
    height: 40px;
    width: 711px;
    float: left;
    position: absolute;
    top: 800px;
    left: 40px;
    z-index: 1;
}

.WhiteboxBottomRight
{
    background-image: url('../images/whitebox_bottomright.png');
    width: 34px;
    height: 40px;
    float: left;
    position: absolute;
    top: 800px;
    left: 751px;
    z-index: 1;
}

/* Upcoming Events calendar */
.CalendarTitle
{
    border-color: Black;
    border-width: 4px;
    font-weight: bold;
    font-size: 14pt;
    color: #333399;
    font-family: Arial Black;
    background-color: #FFF;
    background-image: url('../images/aaclogo.png') repeat-x repeat-y;
}

.Event
{
    font-weight: lighter;
    font-size: 7pt;
}

.Event_Holiday
{
    background-color: #c0ffc0;
}

.Event_Tradeshow
{
    background-color: #c0c0ff;
}

.Event_Maintenance
{
    background-color: #c08080;
}

.Event_Other
{
    background-color: #ffff00;
}

.UpcomingHeader
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
}

.UpcomingText
{
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
}

.FieldInput
{
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
}

/* Auto maintenance alert */
.MaintBox
{
    position: absolute;
    left: 100px;
    width: 585px;
    height: 75px;
    top:148px;
    background-image:url('../images/MaintAlert.png');
    z-index:1;
    text-align:center;
    margin-right:10px;
}

.MaintMessage
{
    position: absolute;
    left: 15px;
    width: 555px;
    height: 70px;
    top:5px;
    text-align: center;
    font-family: Arial;
    color: Red;
    font-weight: bold;
    z-index:2;
    display:block;
}