﻿body {background-color: #588BBA; background-image: url(/assets/images/bg_body.jpg); background-repeat: repeat-x;}

#FinderMap
{
    width: 745px; height: 300px;
}


#Base
{
    clear: both;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#TopBase
{
    clear: both;
    width: 770px;
    border: 0px;
    height: 63px;
    margin: 0px;
    padding: 0px;
    background-image: url(/assets/images/bg_top.jpg); background-repeat: repeat-x;
}


#interfaceBar
{
    clear: both;
    width: 770px;
    border: 0px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}




#TopBaseSpacerGray
{
    clear: both;
    height: 1px; 
    background-color: #000066; 
    width: 770px;
}

#TopBaseSpacerWhite
{
    clear: both;
    height: 1px; 
    background-color: #ffffff; 
    width: 770px;
}

.TopSubBase
{
    clear: both;
    width: 770px;
    text-align: center;
}

#MetroNav
{
    clear: both;
    width: 770px;
    height: 36px;
    background-color: #4E82B6;
}

#UserPanel
{
    clear: both;
    width: 770px;
    height: 71px;
    background-image: url(/assets/images/bg_panel.jpg); background-repeat: repeat-x;
    z-index: 100;
}

#UserPanelSpacerGray
{
    clear: both;
    height: 1px; 
    background-color: #000066; 
    width: 770px;
    z-index: 100;
}

#UserPanelSpacerWhite
{
    clear: both;
    height: 3px; 
    background-color: #ffffff; 
    width: 770px;
    z-index: 100;
}

#UserPanelControl
{
    float: left; 
    width: 500px; 
    text-align: left;
    z-index: 101;
}

#PageTitle
{
    float: left; 
    width: 270px; 
    text-align: left;
}

#ContentBase
{
    clear: both;
    width: 770px;
    text-align: left;
    position: relative;
}


#HomeLeftPanel
{
    float: left; 
    width: 552px;
    text-align: left;
}


#MainLeftPanel
{
    float: left; 
    width: 552px;
    text-align: left;
}

#HomeCenterPanel
{
    clear: both; 
    width: 552px; 
    text-align: left;
    z-index: auto; 
}

#HomeRightPanel
{
    float: left; 
    width: 200px;
    text-align: left;
    z-index: 10;
}

.HomeLeftContentBase
{
    float: left; 
    width: 552px;
    background-color: #ffffff;  
    z-index: 11;  
}


.HomeLeftContentBaseLow
{
    width: 552px;
    height: 68px;
    background-color: #ffffff;  
    margin-top: 2px; 
    background-image: url(/assets/images/bg_homepanels.jpg); 
    z-index: 12; 
}


.homeimagearea
{
    clear: both; 
    width: 552px;
    height: 213px;
    background-color: #ffffff;  
    margin-top: 2px; 
    z-index: 12; 
}


.HomeCenterContentBase
{
    float: left; 
    width: 1px;
    background-color: #ffffff;   
}

.HomeCenterContentBaseLow
{
    width: 289px;
    height: 68px;
    background-color: #ffffff;  
    margin-top: 2px; 
    background-image: url(/assets/images/bg_homepanels.jpg); 
    z-index: 12; 
}



.HomeRightContentBase
{
    float: left; 
    width: 212px;
    background-color: #ffffff; 
    margin-bottom: 3px; 
    z-index: 13; 
}


.hometeetimecontent
{
    background-color: #ffffff; 
}


#CourseLeftSide
{
    width: 500px;
}


/* FIREFOX FIXES */

.headerlogofix { margin-top: 2px;}

.headerprofile { padding-top: 14px;}

.headerlock { padding-top: 13px;}

.headeraccounthelp { margin-top: 15px;}

.headertimeshelp { margin-top: 23px;}

.headerhowhelp { margin-top: 2px;}

.billheight { height: 495px;}

.billheight2 { height: 640px;}



/* CALENDAR */

.calendar_header
{
    background-image: url(/assets/images/bg-calendar_header.jpg); 

}

.calendar_selected
{
    background-image: url(/assets/images/bg-calendar_selected.jpg);
    background-position: center center;

}


.calendar_date
{
    background-image: url(/assets/images/bg-calendar_date.jpg);
    background-position: center center; 

}

.calendar_today
{
    background-image: url(/assets/images/bg-calendar_today.jpg);
    background-position: center center; 

}


/* COURSES */

.scorecard_header
{
    background-image: url(/assets/images/bg-calendar_header.jpg); 

}

/* BOOK TEETIMES SYSTEM ERROR MESSAGES */


.onebooking
{
    background-image: url(/assets/images/sys_bg_onebooking.jpg);
    background-repeat: no-repeat;

}

.onebooking_time
{
    background-image: url(/assets/images/sys_bg_onebooking_times.jpg);
    background-repeat: no-repeat;

}


.billingrequired
{
    background-image: url(/assets/images/sys_bg_billingrequired.jpg);
    background-repeat: no-repeat;

}

.selectionerror
{
    background-image: url(/assets/images/sys_bg_selection-error.jpg);
    background-repeat: no-repeat;

}

.multi_times
{
    background-image: url(/assets/images/sys_bg_multi_times.jpg);
    background-repeat: no-repeat;
    height: 56px;
    width: 352px;

}


.quickly
{
    background-image: url(/assets/images/sys_bg_quickly.jpg);
    background-repeat: no-repeat;
}


.confirmed
{
    background-image: url(/assets/images/sys_bg_confirmed.jpg);
    background-repeat: no-repeat;
}


.expired
{
    background-image: url(/assets/images/sys_bg_expired.jpg);
    background-repeat: no-repeat;
}


/* BOOK TEETIMES */

#BookTeeTimesStart
{
    float: left;
    width: 475px;
}

#BookTeeTimesCenterSpacer
{
    float: left; 
    width: 40px;
}

#BookTeeTimesInstructions
{
    float: left; 
    width: 255px;
}

#BookTimesLogin
{
    float: left; 
    width: 495px;

}


#MapInstructions
{
    float: left; 
    width: 450px;
}


#SearchResultsTeeTimes
{
    float: left; 
    width: 380px;
}


/* NAV CONTAINERS */

.ParentNavContainer
{
    float: left; 
    padding-left: 10px; 
    padding-right: 10px;
}


#TermsAndConditions
{
    clear: both;
    background-color: #ffffff; 
}


#ToolBar
{
    width: 770px; 
}


#Footer
{
    background-color: #ffffff;
    padding: 0px;
    padding-top: 100px; 
    margin: 0px;
}

#SubFooter
{
    width: 770px;
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#RegistrationInstructions
{
    width: 275px;
    float: left; 
    padding: 0px; 
}



input {border: solid 1px #999999;}
select {border: solid 1px #999999;}
textarea {border: solid 1px #999999;}
