body
{
    background-color: #000000;
    font-family:   Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: .70em;
}

/* TAGS
------------------------------------------------*/
h1, h2, h3, h4, h5, a, p, table, td, tr, img, ul, ol, li 
{
    margin:0px;
    padding:0px;
    border-width:0px;
    font-weight:normal; 
    }


h1, h2, h3, h4, h5, h6
{
    font-size: 1.2em;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}    

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif; 
}
   
h2{
    margin-bottom:6px; 
}

h4{
    font-size:1em;
}


a
{
    color: #47C5F5;
    text-decoration: none;
}
    a:hover
    {
        color: #ffff99;
        text-decoration: underline;
    }

p, ul
{
    margin-bottom: 1em;
}

ul {
    list-style-type:square; 
}

li {
    margin-left:16px;   
}

table {
    width:100%;
}

td {
    border-spacing:0px; 
    vertical-align:top;
}

.autoWidthTable
{
    width:auto;
    }

/* LAYOUT AND DEPENDENT STYLES   
----------------------------------------------------------*/


#PageWrap
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px; 
    margin-bottom:25px;
    background-image:url(../images/site/background.gif);
    background-repeat:repeat; 
    border:solid 1px #666666; 
}

#Banner {
    height:158px;  
    margin-bottom:12px; 
    background-image:url(../images/site/top-banner.gif);
}

    
    #BannerTop{
        height:114px; 
    }

    .topLogo {
        float:left;
        display:block;
        height:94px;
        width:217px;
        font-size:1.5em;
        background-image:url(../images/site/im-not-at-work-logo-launch.gif);
        background-repeat:no-repeat; 
        margin:0;
        padding:0;
    }


        .topLogo span {
            visibility:hidden;
        }
        
        .topLogo:hover {
            text-decoration:none;
       } 

    #AdPlaceHolder{
        float:left;
        width:728px;
        height:90px;
        margin:12px 0 0 3px;
        background-image:url(../images/site/ad-placeholder.gif);
        background-repeat:no-repeat;   
    }
    
    #BannerMiddle{
        height:19px; 
        line-height:19px; 
        background-color:#000000;
        color:#FFFFFF;
        font-weight:bold;
        text-align:center;  
    }

    #BannerBottom{
        height:24px;
    }
    
    #BannerLinks {
        float:left;
        width:520px;
        margin-left:10px;
        display:inline;
        height:24px;
        line-height:24px;
    }    

    .bannerLink{
        margin-right:40px; 
        color:#000000;
        font-size:1.1em;
        font-weight:bold;
        font-family:Arial, Verdana, Sans-Serif;
    }
    
    .homeLink {
        margin-right:12px; 
    }
    .homeLink img{
        padding-bottom:2px;
        vertical-align:middle; 
    }
    
    #BannerLogin {
        float:right;
        display:inline;
        text-align:right; 
        margin-right:10px; 
        width:380px;
        color:#FFFFFF;
    }
    
    #BannerLogin td {
        vertical-align:middle; 
        padding-left:0px;
        padding-right:0px;
        border:solid 0px red;
    }
    
        .topLoginCell{
            text-align:left; 
        }
    
        .topLoginBox {
            height:16px;
            padding:0px;
            padding-left:4px;  
            border:solid 1px #CCCCCC; 
            vertical-align:middle;     
            font-size:12px;
            font-family:Arial;
            width:125px; 
        }
        
        .topLoginButton{
            height:20px;
            padding:0px 2px 0px 2px;
            font-size:11px;
            line-height:11px;
            vertical-align:middle;     
        }    
        
        #PasswordCover{
            color:#000000;
            position:absolute;
            padding-left:4px; 
            height:18px;
            line-height:18px; 
            width:150px;
            cursor:text;
            font-size:12px;
            font-family:Arial;
        }
        

        #PasswordRecoveryCell{
            width:50px;
            text-align:center; 
            vertical-align:top;  
        }
    
        #PasswordRecoveryCell a {
            color:#FFFFFF;
            font-size:8px;
            line-height:8px; 
        }

        #PasswordRecoveryCell a:hover {
            text-decoration:underline;
        }
        
        #LoggedInCell{
            line-height:18px; 
        }
        
        #LoggedInCell a{
            color:#FFFFFF;
        }
        


#MainContent {  
    float:left; 
    display:inline;
    width:725px;
    margin-left:10px;  
    margin-right:10px;  
    margin-bottom:20px; 
}

    #MainContent .content {  
        background-image:url(../images/site/main-background.gif);
        background-repeat:repeat;     
        padding: 16px 14px 40px 14px;
        min-height:400px;
    }

    #LocationBtns {  
        text-align:right;
        margin-bottom:8px; 
    }
    
    .locationLabel{
         vertical-align:middle; 
         font-weight:bold;  
    
    }

    #LocationBtns img {
         vertical-align:middle; 
         margin-left:4px;  
    }

#SideBar {
    float:right; 
    display:inline;
    width:205px;
    margin-right:5px;

}
    #SideBar .featureContainer {
        margin-bottom:20px;
        padding-bottom:20px; 
        background-image:url(../images/site/side-background.gif);
        background-repeat:no-repeat;             
        background-position:center bottom; 
        color:#000000;
    }

        #SideBar .featureContainer h3 {
            margin-bottom:6px; 
            width:100%;
            font-size:1.5em;
            text-align:center; 
            padding-top:14px; 
            height:25px;
            background-image:url(../images/site/side-headings.gif);
            background-repeat:no-repeat;         
            color:#000000;
        }
        
        #SideBar .tallHeading h3 {
            height:auto;
        
        }
        
        #SideBar .venueTotal {
            display:block;
            color:#3398cc;
            font-size:1.5em;
        
        }
        
        
       #SideBar .featureContainer h4 {
            color:#000000;
        }

    #SideBar .featuredSideContent {
        padding:14px 14px 0px 14px;
        padding-top:0px;
    }
    
    #SideBar .featureVenueName, #SideBar .featureContainer h4 a {
         color:Black;
          font-style:italic;
          font-size:12px; 
    }
    
    #SideBar .featureVenueName:hover, #SideBar .featureContainer h4 a:hover {
        color: #47C5F5;
         text-decoration:underline; 
    }    
        
    #SideBar .feature {
        margin-bottom:10px; 
    }

    #SideBar .feature li {
        margin-bottom:10px; 
    }
    
    #VenueCounterLink {
        display:block;
        background-image:url(../images/buttons/Get-Your-Card-Now.jpg);
        background-repeat:no-repeat; 
        width:178px;
        height:65px;   
        margin:0;
        text-indent:-9999px;
        border: 0;
        font-size: 0px;
        line-height: 0px;
        text-decoration:none;  
        cursor:pointer; 
        background-color:Transparent;                   
    }    
    
    #BuyCardNowSideBar{
        margin-bottom:20px;
        background-image:url(../images/home/Banner.jpg);
        background-repeat:no-repeat; 
        width:205px;
        height:28px;
        padding-top:511px;
    }
    
        #BuyCardNowSideBar a{
            display:block;
            background-image:url(../images/buttons/Buy-Card-Now.jpg);
            background-repeat:no-repeat; 
            width:199px;
            height:26px;   
            margin:0 0 0 3px;
            text-indent:-9999px;
            border: 0;
            font-size: 0px;
            line-height: 0px;
            text-decoration:none;  
            cursor:pointer; 
            background-color:Transparent;                   
        }    

#Footer {
    clear:both;
    text-align:left;
    margin-left:10px;  
    color:#FFFFFF;
    font-size:.8em; 
    padding-bottom:0px; 
}

#Footer a{
    color:#FFFFFF;
}

#Footer a:hover{
    color:#FFFF99;
}

/* REUSED STYLES
----------------------------------------------------------------*/

.shareThisPage {
    text-align:right;
    font-size:.8em;
    margin-bottom:12px; 
}

.topButtons{
}

    .topButton, .topButton_ON{
        display:inline-block;
        width:114px;
        height:46px;
        background-repeat:no-repeat;
        text-align:center;
        padding:10px;   
        font-size:1.6em; 
        color:#FFFFFF;
        text-decoration:none; 

    }
    
    .topButton:hover, .topButton_ON:hover{
        color:#FFFFFF;
        text-decoration:none; 
    }

    .topButton {
        background-image:url(/images/site/nav-button-off.gif); 
    }

    .topButton:hover {
        background-image:url(/images/site/nav-button-on.gif); 
    }

    .topButton_ON{
        background-image:url(/images/site/nav-button-on.gif); 
    }
    
.contentPanel{
    border:solid 1px #000000;
    background-image:url(/images/site/callout-background.gif);
    background-repeat:repeat;  
    padding:10px;
}    

    .contentPanel input[type='text'], .contentPanel input.text, 
    .contentPanel input[type='select'], .contentPanel input.select, 
    .contentPanel  input[type='password'], .contentPanel  input.password,
    .contentPanelTxtBox
    {
        border:solid 1px #333333;
    }   

.gridPopUp{
    display:none;
    padding:4px;
    border:solid 3px #CCCCCC;
    position:absolute; 
    background-color:#FFFFFF;
}  

.stepIndicator{
    list-style-type:none;
    text-align:center; 
    margin:auto;
    width:100%;
}

    .stepIndicator li{
        display:inline-block;
        float:left;
        background-repeat:no-repeat;  
    }
    
    .stepIndicator  span{
        visibility:hidden;
    }
    
.membershipCard{
    border:solid 1px #000000;
    padding:10px;
    padding-top:2px;
    background-color:#FFFFFF; 
    color:#000000;
    width:160px;
}

.membershipCard p{
word-wrap: break-word; 
}

.membershipCard h3, .membershipCard h4{
    color:#000000;
}

.validatorCell{
    width:10px;
    text-align:left; 
    padding-top:6px;
}

    .textBoxValidator {
        vertical-align:middle;	
    }

    .textAreaValidator {
        vertical-align:top;	
    }

.siteMsg{
    border:solid 1px #000000;
    background-image:url(/images/site/message-background.gif);
    background-repeat:repeat;  
    padding:4px;
}

    .siteMsg h4{
        font-size:1em;
        font-weight:bold; 
        display:inline;
    }
        

/* TABS
----------------------------------------------------------------*/

#Tabs {
}

    #Tabs a{
        display:inline-block;
        width:171px;
        height:35px;
        background-image:url(../images/site/tabs.gif);
        background-repeat:no-repeat;       
    }
    
    #Tabs a:hover{
        text-decoration:none; 
    }    
    
    #Tabs span{
        visibility:hidden;
    }

.FindDiscounts {
    background-position: 0px 0px; 
}

    .FindDiscounts_On, .FindDiscounts:hover {
        background-position: -171px 0px; 
    }

.CardStore {
    background-position: 0px -35px; 
}

    .CardStore_On, .CardStore:hover {
        background-position: -171px -35px; 
    }

.HowItWorks {
    background-position: 0px -70px; 
}

    .HowItWorks_On, .HowItWorks:hover {
        background-position: -171px -70px; 
    }

.PartnerSignUp {
    background-position: 0px -105px; 
}

    .PartnerSignUp_On, .PartnerSignUp:hover {
        background-position: -171px -105px; 
    }

.MyVenues {
    background-position: 0px -140px; 
}

    .MyVenues_On, .MyVenues:hover {
        background-position: -171px -140px; 
    }

.MyAccount {
    background-position: 0px -175px; 
}

    .MyAccount_On, .MyAccount:hover {
        background-position: -171px -175px; 
    }

.AdminPanel {
    background-position: 0px -210px; 
}

    .AdminPanel_On, .AdminPanel:hover {
        background-position: -171px -210px; 
    }


/*  DISCOUNTS (GENERAL FORMATTING)
-------------------------------------------------------------------*/

 .TwentyFourSevenDiscount,  .BirthdayDiscount,  .HappyHourDiscount, 
 .OneTimeDiscount,  .DailyRecurringDiscount,  .MonthlyDateRecurringDiscount,  
 .MonthlyPositionRecurringDiscount,  .WeeklyRecurringDiscount {
        width:142px;
        height:100px; 
        padding:8px 4px 2px 4px;
        display:block; 
        margin-bottom:6px; 
        margin-right:6px;
        text-align:center;
        font-size:.8em; 
        background-image:url(../images/site/discount-boxes-new.png);
        background-repeat:no-repeat;
        color:#000000; 
}

.TwentyFourSevenDiscount {
    background-position: 0px 0px;
}

.OneTimeDiscount, .DailyRecurringDiscount, .MonthlyDateRecurringDiscount, .MonthlyPositionRecurringDiscount, .WeeklyRecurringDiscount {
    background-position: -175px 0px;
}

.HappyHourDiscount {
    background-position: -350px 0px;
}       

.BirthdayDiscount {
    background-position: -525px 0px;
}

.discountHeadline{
    color:#000000;
}

.TwentyFourSevenDiscount .discountDescription{
    color:#33C6F4;
}

.OneTimeDiscount .discountDescription, .DailyRecurringDiscount .discountDescription, 
.MonthlyDateRecurringDiscount .discountDescription, .MonthlyPositionRecurringDiscount .discountDescription, 
.WeeklyRecurringDiscount .discountDescription {
    color:#6fbe44;
}

.HappyHourDiscount .discountDescription{
    color:#642165;
}       

.BirthdayDiscount .discountDescription{
    color:#FFCD05;
}

.discountMiddle
{
    min-height:44px;
    }

.discountAmount
{
    text-align:right;
    color:#757575;
    font-weight:bold;
    padding-right:4px;
    
    }

/*  AJAX PROGRESS
-------------------------------------------------------------------*/

.ajaxProgressIndicator{
    display:none;
    background-color:#FFFFFF;
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    position:absolute;    
    text-align:center;
    z-index:2001; 
}

        

        
/*  MODAL POPUP
-------------------------------------------------------------------*/        

.modalPopUp{
    display:none; 
}

     .modalBackground{
        position:fixed;
        width:100%;
        height:100%; 
        top:0;
        left:0;
        background-color:#333333;
        opacity:0.8;
        filter:alpha(opacity=80);
        -moz-opacity:0.8; 
        z-index:1001;
    }

    .modalContainer{
        position:absolute;
        top:20%;
        left:10%;  
        width:80%;
        z-index:1002;  
        padding-bottom:200px;
    }
    
    .modalBox{
        margin:auto; 
        padding:0px;
        background-color:#FFFFFF;
        border:1px solid #666666;
    }    
    
    .modalTitle {
        background-color:Blue;
        color:#FFFFFF;  
        font-weight:bold;
        padding: 6px 4px 6px 4px ; 
    }
    
    .modalContent {
        padding:12px; 
        color:#000000;
    }
    
        .modalContent h6 {
            color:#000000;
            margin-bottom:2px;
            font-size:1em; 
        }
        
        .modalContent .formError, .modalContent .formSuccess, .modalContent .formInfo {
            margin-bottom:0px;
        }        
    
        .modalContent .priceBox{
         text-align:right;
        }

        .modalContent .dateBox{
            width:60px;
        }
        
        .modalContent .formSection {
            border:solid 1px #CCCCCC;
        }
        
    .modalWarningWrapper .modalTitle {
        background-color:#FF0000;
    }
        .modalWarningWrapper .modalContent {
            background-color:#FFF2E9;
        }           
    
    .modalPopUp .closeBtn {
        float:right;
        margin-top:20px;  
    }
    
    .modalActionBtns {
        text-align:right; 
        clear:both; 
    }
    
    .modalControls{
        margin-bottom:10px; 
    }
    
    .modelFullContentPanel{
        clear:both;
    }
    
    .PopUpInstructions{
        margin-bottom:0px;
        background-color:#DDDDDD;
        border:solid 1px #DDDDDD;
        padding:4px;
        color:#333333;
    }

    
/*  FORM
-------------------------------------------------------------------*/

input[type='text'],input.text, input[type='password'],input.password {
    /*height:16px;
    padding:0px;
    padding-left:4px;  
    vertical-align:middle;  */ 
    border:solid 1px #CCCCCC;      
}

.formError, .formSuccess, .formInfo{
    padding:8px;
    margin-bottom:8px;
    margin-top:8px;
    text-align:left;
    font-family:Verdana, Arial,  Sans-Serif; 
    font-size:11px;  
    display:block;
    border:solid 1px #CCCCCC;
}

    .formError
    {
        background-color:#fdf1f1;
       /* border:solid 1px #ff0000;*/
        color:#ff0000; 
        }    
        
    .formError h1, .formError h2, .formError h3,.formError h4, .formError h5{
	    color:#000000; 
    }               
        
    .formSuccess
    {
	    background-color:#eefff9;
	   /* border:solid 1px #50B948;*/
	    color:#50B948; 
        } 
        
    .formSuccess h1, .formSuccess h2, .formSuccess h3,.formSuccess h4, .formSuccess h5, .formSuccess p{
	    color:#000000; 
    }        
        
    .formInfo
    {
	    background-color:#CCCCCC;
	   /* border:solid 1px #f7cb1b;*/
	    color:#000000; 
        }       
        
    .formInfo h1, .formInfo h2, .formInfo h3,.formInfo h4, .formInfo h5, .formInfo p{
	    color:#000000; 
    }


.form_SmallBox{
    width:50px;
    text-align:left; 
}      

.form_MediumBox{
    width:80px;
    text-align:left; 
}  

.form_LargeBox{
    width:125px;
    text-align:left; 
}  


.form_NumberBox{
    width:50px;
    text-align:right; 
}   

.form_BtnCell{
    text-align:right;
}

.radioList
{
    border:solid 1px #CCCCCC;
    padding:4px;
    }

.radioList td, .radioList input
{
  vertical-align:middle;
    }


.textDatePicker{
      width:0px;
}    
    

/*  FAQ
-------------------------------------------------------------------*/      


#FaqButtons{
    text-align:center;
    margin-bottom:44px;
}

#FaqButtons .topButton, #FaqButtons .topButton_ON{

    margin-left:80px;
    margin-right:80px;      
}      

#FAQ p{
    margin-bottom:2em;
}


    
/* CREDIT CARD
--------------------------------------------------------*/

#CreditCardHolder td{
     vertical-align:middle;
     padding:4px;
}

    #CreditCardHolder input, #CreditCardHolder label{
         vertical-align:middle;
    }

.cardLine{
        width:120px;
    }

    .cardBox{
        width:35px;
    }
    
    .nameOnCard{
        width:100%;
    }

    .addressLine{
        width:100%;

    }
    .addressStateDrop{

    }

    #ZipCode{
        width:65px;

    }
    

  /*  CLIENT SIDE VERSION
  
   .cardLine{
        width:120px;
    }

    .cardBox{
        width:35px;
    }
    
    #NameOnCard, .nameOnCard{
        width:170px;
    }

    .addressLine{
        width:145px;

    }
    #State{
        width:45px;

    }

    #ZipCode{
        width:85px;

    } */
    
#ContactForm{
    width:600px;
}
    
    #ContactForm td {
        padding-bottom:12px;
    }    

    #ContactForm input[type='text'], #ContactForm input.text {
        width:300px;
    }    

    #ContactForm textarea {
        width:575px;
        height:200px;
    }    
    
    
#ContactLinks{
    padding-top:8px;
     vertical-align:middle; 
     font-size:16px;
     font-weight:bold; 
     vertical-align:middle; 
}    

#ContactLinks a{
    color:#FFFFFF;
    font-weight:bold; 
    margin: 0px 12px 0px 12px;
    font-size:11px;
    vertical-align:middle; 
}

#ContactLinks a:hover{
    text-decoration:none; 
}

#ContactLinks img{
     vertical-align:middle; 
}