/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/*     TEEGENIUS STYLES AFTER HERE                    TEEGENIUS STYLES AFTER HERE                          TEEGENIUS STYLE AFTER HERE    */
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/
/* ------------------------------------- ------------------------------------------------------- ----------------------------------------*/

/* All styles have the name of the div, #tgoverbrand, to protect against any other styles that are up there. */

/* Styles required by TeeGenius, but based on styles from the client site */

/* HEADING BAR IS THE BACKGROUND COLOUR OF THE HORIZONTAL BARS ON THE BOOKING CONFIRMATION SCREENS */
#tgoverbrand .headingbar, #tgoverbrand .timeline, #tgoverbrand .timeline a {background-color: #ddedec; color:#6e6e9c;}

/* WHAT COLOURS TO USE FOR HEADINGS THAT ARE LINKS */
#tgoverbrand h1 a, #tgoverbrand h2 a, #tgoverbrand h3 a {color:#007428;}
#tgoverbrand a {color:#007428;}
#tgoverbrand a:hover {text-decoration:underline;}

/* THE SUMMARY TABLE IS THE BOOKING SUMMARY DETAILS ON THE CONFIRMATION SCREENS */
#tgoverbrand table.summary    {background-color:#007428; color:#ffcc00;}
#tgoverbrand table.summary td {color:#ffffff;}
#tgoverbrand .bookingsummary  {background-color:#FFFFEE; border:1px solid #12455E; color:#333; padding:15px; text-align:left; margin: 10px auto 10px auto;}


/* REMOTE IS THE CREDIT CARD ENTRY SCREEN - GIVE IT A MARGIN TO HELP WITH THE LAYOUT */
body#tgremote {margin-left:20px;}

/* THE FOLLOWING ARE THE TEE TIMES THAT CAN BE BOOKED */
#tgoverbrand table.times td.available        {background-color:#4D559A; color:#ffFFFF; text-align:center;line-height:14px;}
#tgoverbrand .searchresults div.available    {background-color:#4D559A; color:#ffFFFF; text-align:center;line-height:14px;}
#tgoverbrand .dupsearchresults div.available {background-color:#4D559A; color:#ffFFFF; text-align:center;line-height:14px;}
#tgoverbrand .daysearchresults div.available {background-color:#4D559A; color:#ffFFFF; text-align:center;line-height:14px;}

/* AND THE LINKS WITHIN THE TEE-TIMES */
#tgoverbrand table.times a                     {color:#ffffff; text-decoration:underline;line-height:14px;}
#tgoverbrand .searchresults div.available a    {color:#ffffff; text-decoration:underline;line-height:14px;}
#tgoverbrand .dupsearchresults div.available a {color:#ffffff; text-decoration:underline;line-height:14px;}
#tgoverbrand .daysearchresults div.available a {color:#ffffff; text-decoration:underline;line-height:14px;}

/* Booking History on My Account page */
#tgoverbrand table.bookingHistory {color:#000; font-size:1.1em; margin:0 0 20px 0; width:558px;}
#tgoverbrand table.bookingHistory caption {color:#08243A; caption-side:top; font-weight:bold; margin:0 0 5px 25px; text-align:left;}
#tgoverbrand table.bookingHistory th {color:#08243A; font-weight:bold; text-align:center;}
#tgoverbrand table.bookingHistory td {padding:8px 0; text-align:center;}
#tgoverbrand table.bookingHistory td p {font-size:0.9em;}
#tgoverbrand table.bookingHistory td.coursename {padding:8px 0; text-align:left;}

/* BACKGROUND COLOURS AND MARGINS FOR THE OVERBRAND ITSELF */
#tgoverbrand #secondarycontent {width:0; display:none;}
#tgoverbrand #tgcontent          {background:white;margin:0;padding:0;}
#tgoverbrand                   {background:white; width:562px; margin:0; border:solid 1px white;}
#tgoverbrand #footer		   {display:none;}

/* THE BOX THAT SHOWS THE SPECIAL OFFERS ON THE COURSE SEARCH RESULTS PAGES */
#tgoverbrand .specialofferbox {background:#567A25; color:#ffffff;}

#tgoverbrand .box {border:solid 1px #9999CC; padding:5px;}


#pleaseWait {background-color:#6e6e9c; color:#222222; z-index:1; position:fixed; top:100px; left:130px; width:400px; height:200px; display:none;}
#pleaseWait .waitContent {background-color:#ffffff; position:inherit; width:350px; margin:25px; padding-top:55px; padding-bottom:55px; font-weight:bold; vertical-align:middle; text-align:center;}

table.fifterms {vertical-align:top;}
table.fifterms tr {vertical-align:top;border-top:solid 1px #999999;}
table.fifterms td {vertical-align:top;border-top:solid 1px #999999;}


#breadcrumbs {}
#breadcrumbs ul {padding:0; margin:0;}
#breadcrumbs ul li {float:left; list-style-type:none; margin:0 5px 0 5px;}
#breadcrumbs ul li {color:#777777; display:block; font-size:0.85em; height:20px; overflow:hidden; text-align:center; text-decoration:none;}
#breadcrumbs ul li.active {font-weight:bold;color:#222222;}

/* THE LINK TO TEEGENIUS, AT THE BOTTOM OF EACH PAGE */
.linktoteegenius {color:#567A25;text-align:center;}
.linktoteegenius a {color:#567A25; text-decoration:none;}
.linktoteegenius a:hover {text-decoration:underline;}


/** REMOTE ALL OUR ASP BOXES */
#tgoverbrand .lgeformtop {background-image:none;background-color:#4D559A;color:#ffffff;}
#tgoverbrand .lgeformmiddle {background-image:none;background-color:#ffffff; color:#000000;width:532px; border:solid 1px #4D559A;}
#tgoverbrand .lgeforminfo {background:none;}
#tgoverbrand .lgeform {background:none;color:#000000;}
#tgoverbrand .lgeform label {background:none;color:#000000;}
#tgoverbrand .lgeformbottom {background-image:none}
#tgoverbrand .largeboxtop {background-image:none;}
#tgoverbrand .largeboxbot {background-image:none;}
#tgoverbrand .qkformtop {background-image:none;background-color:#4D559A; color:#000000;}
#tgoverbrand .qkformmiddle {background-image:none;background-color:#ffffff; color:#000000;border:solid 1px #4D559A; width:215px;}
#tgoverbrand .qkformbottom {background-image:none;}
#tgoverbrand .lgeform label {font-size:0.9em;}
#tgoverbrand .lgeformtop h3 {background:#4D559A;}

#tgoverbrand .bookingInBasket       {margin:5px; padding:10px 10px 0 10px; border:solid 1px #AAAAAA;}
#tgoverbrand .bookingInConfirmation {margin:5px; padding:2px 10px 0 10px; border:solid 1px #AAAAAA;}

#tgoverbrand #golfpass_info {border:solid 1px #999; padding:5px;margin:0 10px 10px 10px; width:510px;}
#tgoverbrand .golfpass_box  {padding:5px;float:left; width:240px; border:solid 1px #999;margin:10px;}

#tgoverbrand div.topCalendar {margin:0 10px 5px 0; text-align:center;}
#tgoverbrand .topCalendar div {margin-left:0; display:block;}
#tgoverbrand .topCalendar input.button {margin-left:0; display:block;}

#tgoverbrand h1, #tgoverbrand h2, #tgoverbrand h3 {background:#fff;}

#tgoverbrand select {margin:0 0 5px 0;}
