/**********************************************************/
/* Filename:     tee_booking_style_common.css             */
/* Description:  Style sheet for Tee Booking System       */
/* Author:       Rory Smith                               */
/* Date Created: October 2003                             */
/**********************************************************/


/***** General Styles have been moved to a separate style sheet *****/

html, body {
   font-family:   Verdana, Arial, Helvetica, sans-serif;
   margin-top:  0px;
}

form {
   padding: 0px;
   margin:  0px;
}

/*****  content  *****/

.content h1, h2 {
   font-family:    Verdana, Arial, Helvetica,  sans-serif;
   color:          #008;
   font-size:      16px;
   font-weight:    bold;
}

.content h3 {
   color:          #008;
   font-size:      14px;
   font-weight:    bold;
   margin-bottom:  1px;
}

.h1 {
   font-family:    Verdana, Arial, Helvetica,  sans-serif;
   color:          #008;
   font-size:      16px;
   font-weight:    bold;
}

.h3 {
   color:          #008;
   font-size:      14px;
   font-weight:    bold;
   margin-bottom:  1px;
}

.content p, ul, li {
   color:          #008;
   font-size:      12px;
}


/* ******************  content - User Input ************** */

/* input    - Controls the form input boxes, buttons and checkboxes - This overrides any specific styles */
/* select   - Controls the form selects */
/* textarea - Controls the form textareas - had to set textarea to a different fontsize to make it look the same as input, option and select. */
/*
.content input    { color: #000; font-size: 10px;    font-weight: bold;     background: #edf2f7; }
*/

.content input    { color: #000; font-size: 10px;    font-weight: bold;     }
.content select   { color: #000; font-size: 10px; } 
.content textarea { color: #000; font-size: 12px;    font-weight: bold;     }


/* ******************  content - Links ************** */

.content a:link    { color: #008; text-decoration: none; }
.content a:visited { color: #008; text-decoration: none; }
.content a:active  { color: #008; text-decoration: none; }
.content a:hover   { color: #f00; text-decoration: underline; }


/* ******************  navigation bar horizontal Main Menu  ************** */

.navH {
   /* text-align:     center; */
   color:          #ddd;
   font-weight:    bold;
   font-size:      10px;
   text-indent:    0px;
   padding-top:    0px;
   padding-bottom: 0px;
   padding-left:   0px;
   padding-right:  0px;
   border-left:    0px solid #ddd;
   border-right:   0px solid #b60;
   border-top:     1px solid #ddd;
   border-bottom:  0px solid #b60;
   margin-top:     0px;
   background:     #020;
}

.navH a:visited { color: #ddd; text-decoration: none; }
.navH a:link    { color: #ddd; text-decoration: none; }
.navH a:active  { color: #f00; text-decoration: none; }
.navH a:hover   { color: #f00; text-decoration: none; }


.navH_item {
   text-align:     center;
   color:          #ddd;
   font-weight:    bold;
   font-size:      10px;
   text-indent:    0px;
   padding-top:    2px;
   padding-bottom: 2px;
   padding-left:   3px;
   padding-right:  3px;
   border-left:    1px solid #ddd;
   border-right:   0px solid #ddd;
   border-top:     0px solid #ddd;
   border-bottom:  0px solid #b60;
}

.navH_item a:hover { color: #f00; text-decoration: none; }

/* For 2 / 3 course clubs only */
.navH_item3 {
   text-align:       center;
   color:            #020;
   font-weight:      bold;
   font-size:        10px;
   text-indent:      0px;
   padding-top:      2px;
   padding-bottom:   2px;
   padding-left:     3px;
   padding-right:    3px;
   border-left:      1px solid #ddd;
   border-right:     0px solid #ddd;
   border-top:       0px solid #ddd;
   border-bottom:    0px solid #b60;
   background-color: #BC9;
   border-color:     #020;
}


.navH_item3 a:hover   { color: #020; text-decoration: none; }
.navH_item3 a:visited { color: #020; text-decoration: none; }
.navH_item3 a:link    { color: #020; text-decoration: none; }


/* For 3 course clubs only */
.navH_item5 {
   text-align:       center;
   color:            #020;
   font-weight:      bold;
   font-size:        10px;
   text-indent:      0px;
   padding-top:      2px;
   padding-bottom:   2px;
   padding-left:     3px;
   padding-right:    3px;
   border-left:      1px solid #ddd;
   border-right:     0px solid #ddd;
   border-top:       0px solid #ddd;
   border-bottom:    0px solid #b60;
   background-color: #EAA;
   border-color:     #020;
}


.navH_item5 a:hover   { color: #020; text-decoration: none; }
.navH_item5 a:visited { color: #020; text-decoration: none; }
.navH_item5 a:link    { color: #020; text-decoration: none; }


.navH_selected {
   text-align:     center;
   color:          #000;
   font-weight:    bold;
   font-size:      10px;
   text-indent:    0px;
   padding-top:    2px;
   padding-bottom: 2px;
   padding-left:   3px;
   padding-right:  3px;
   border-left:    1px solid #ddd;
   border-right:   0px solid #ddd;
   border-top:     0px solid #ddd;
   border-bottom:  0px solid #b60;
   background:     #d74;
}

.navH_selected a:visited { color: #000; text-decoration: none; }
.navH_selected a:link    { color: #000; text-decoration: none; }
.navH_selected a:hover   { color: #ddd; text-decoration: none; }



/* ******************  navigation bar horizontal Main Menu Room Booking System ************** */

.rbs_navH_item {
   text-align:       center;
   color:            #020;
   font-weight:      bold;
   font-size:        10px;
   text-indent:      0px;
   padding-top:      2px;
   padding-bottom:   2px;
   padding-left:     3px;
   padding-right:    3px;
   border-left:      1px solid #ddd;
   border-right:     0px solid #ddd;
   border-top:       0px solid #ddd;
   border-bottom:    0px solid #b60;
   background-color: #ddd;
   border-color:     #020;
}

.rbs_navH_item a:visited { color: #020; text-decoration: none; }
.rbs_navH_item a:link    { color: #020; text-decoration: none; }
.rbs_navH_item a:hover   { color: #f00; text-decoration: none; }

.rbs_navH_selected {
   text-align:     center;
   color:          #020;
   font-weight:    bold;
   font-size:      10px;
   text-indent:    0px;
   padding-top:    2px;
   padding-bottom: 2px;
   padding-left:   3px;
   padding-right:  3px;
   border-left:    1px solid #ddd;
   border-right:   0px solid #ddd;
   border-top:     0px solid #ddd;
   border-bottom:  0px solid #b60;
   background:     #d74;
}

.rbs_navH_selected a:visited { color: #000; text-decoration: none; }
.rbs_navH_selected a:link    { color: #fff; text-decoration: none; }
.rbs_navH_selected a:hover   { color: #ddd; text-decoration: none; }


/* ******************  Some Text Settings ************* */

.error {
   color:       #000;
   font-size:   10px;
   font-weight: bold;
   text-align:  left;
   border:      0px;
   margin:      0px;
   padding:     3px;
   background:  #f00;
}

.message {
   color:       #fff;
   font-size:   10px;
   font-weight: bold;
   text-align:  left;
   border:      0px;
   margin:      0px;
   padding:     3px;
   background:  #000;
}


/* ******************  Booking Table Background Colours ************* */

/* These cells are forced to be 8 pixels to ensure month view table cells are a minimum size */
/* Therefore only use these for table cells of 8 pixels or less */
/* TODO: 8px removed as cells forced to about 8 pixels with 2 x   characters */

/* Booked */       .book    {background: #b77; color: #000; text-align: center;}
/* unavailable */  .unavail {background: #f6f; color: #000; text-align: center;}
/* empty */        .emp     {background: #fff; color: #000; text-align: center;}
/* light grey*/    .grey    {background: #ccc; color: #000; text-align: center;}

/* The following are used for the visitor system */
/* tee time sale */ .tee_time_for_sale {background: #fff; color: #f00; text-align: center; }


/*****  Tables  *****/

/* was form_table */
.table {
   color:       #000;
   font-size:   9px;   /* control font sizes for tables, can't read less than 9px */
   font-weight: bold;
   background:  #fff;
/* text-align:  center; */   /* Works - This center aligns all text in the table */
}

/* used to make html less by substituting '  ' with '.' for day and month views */
.table_white_text {
   color:       #f8f8f8;
   font-size:   9px;
   font-weight: bold;
   background:  #fff;
}

/* Footer          */  .t_f        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #cde; }
/* Body            */  .t_b        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #fff; }
/* Current         */  .t_c        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #f80; }
/* Shaded          */  .t_s        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ccc; }
/* Shaded light    *//*.t_sl       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ccc; }*/
/* Trans history   */  .t_g        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #fbb; }
/* O'standing Bal. */  .t_os       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #f88; }
/* Paid In Full  . */  .t_pd       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #8f8; }
/* Used for RBS    */  .t_t        { color: #008;  font-size:  8px;                      background:  #9ce; }
/* Grey            */  .t_r        { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ccc; }
/* Grey            */  .t_r input  { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ccc; }

/* Header Course 1 */  .t_h        { color: #008;  font-size: 10px;  font-weight: bold;  background:  #9ce; }     /* BLUE */
/* Header Course 1 */  .t_h input  { color: #000;  font-size: 10px;  font-weight: bold;  background:  #9ce; }
/* Body   Course 1 */  .t_b1       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #e0f0ff; }

/* Header Course 2 */  .t_h2       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #BE9; }     /* GREEN */
/* Header Course 2 */  .t_h2 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #BE9; }
/* Body   Course 2 */  .t_b2       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #f0ffe0; }

/* Header Course 3 */  .t_h3       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #BE9; }     /* GREEN */
/* Header Course 3 */  .t_h3 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #BE9; }
/* Body   Course 3 */  .t_b3       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #f0ffe0; }

/* Header Course 5 */  .t_h5       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #FAA; }     /* RED */
/* Header Course 5 */  .t_h5 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #FAA; }
/* Body   Course 5 */  .t_b5       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ffe0d0; }

/* Header Course 6 */  .t_h6       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #FF8; }     /* YELLOW */
/* Header Course 6 */  .t_h6 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #FF8; }
/* Body   Course 6 */  .t_b6       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ffffd0; }

/* Header Course 7 */  .t_h7       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #F8F; }     /* MAGENTA */
/* Header Course 7 */  .t_h7 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #F8F; }
/* Body   Course 7 */  .t_b7       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #ffd0FF; }

/* Header Course 8 */  .t_h8       { color: #008;  font-size: 10px;  font-weight: bold;  background:  #8FF; }     /* CYAN */
/* Header Course 8 */  .t_h8 input { color: #000;  font-size: 10px;  font-weight: bold;  background:  #8FF; }
/* Body   Course 8 */  .t_b8       { color: #000;  font-size: 10px;  font-weight: bold;  background:  #d0FFFF; }


/*****  Graphs  *****/

.graph         { color: #000; font-size: 10px; background: #eee; }
.graph_heading { color: #000; font-size: 10px; background: #bef; }
.graph_cell    { color: #000; font-size: 10px; }
.graph_title   { color: #000; font-size: 10px; background: #9ce; font-weight: bold; }



/*****  Forms *****/

.form_table {
    font-family:   Arial, Helvetica, sans-serif; 
    color:         #048;
    font-size:     9pt; 
    background:    #bcd;   /* lines due to cellspacing */
    border-bottom: 1px solid #048;
    border-top:    1px solid #048;
    border-left:   1px solid #048;
    border-right:  1px solid #048;
 }

.form_heading {
   color:       #035;
   font-size:   12px;     /* works */
   font-weight: bold;
   background:  #bcd; 

   /* border-left:   2px; */  /* Commented out by Rory 9Mar04 - doesn't appear to do anything */
   /* border-right:  2px; */
   border-top:    2px;
   border-bottom: 1px ridge #035;
   }


.form_h3 {
   color:          #008;
   font-size:      14px;
   font-weight:    bold;
}
 
.form_footer {
   font-size:   12px;
   font-weight: bold;
   background:  #cde; 
   border-top:  1px ridge #035;
 }

.form_body {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     8pt; 
   font-weight:   bold;
   padding-left:  3px;
   padding-right: 3px;
   background:    #edf2f7; 
}

.form_shaded {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     8pt;
   font-weight:   bold;
   padding-left:  3px;
   padding-right: 3px;
   background:    #cde; 
}

.form_red {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     8pt;
   font-weight:   bold;
   padding-left:  3px;
   padding-right: 3px;
   background:    #fbb; 
}

.form_green {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     8pt;
   font-weight:   bold;
   padding-left:  3px;
   padding-right: 3px;
   background:    #9f9; 
}


/*****  Alert - used for Brian's membership software  *****/

.alert {
   color: red;
}


/*****  Visitor Tee Time Purchasing Stages  *****/

/* table for displaying gifs showing stage of buying process */
.stages {
   background:     #ffffe0;
   border-bottom: 1px solid #04355F;
   border-top:    1px solid #04355F;
   border-left:   1px solid #04355F;
   border-right:  1px solid #04355F;
}


.submit {
   color: #ffffff;
   font-weight : bold;
   background-color : #ff6600;
}



/*****  Styles for Transaction History  *****/

td.log_notes {
   font-family:   lucida console, courier;
   color:         #000;
   font-size:     9px;
   padding-left:  3px;
   padding-right: 3px;
   background:    #fff;
}

td.log_notes_modified {
   font-family:   lucida console, courier;
   color:         #000;
   font-size:     9px;
   padding-left:  3px;
   padding-right: 3px;
   background:    #fbb;
}



/*****  Styles for Room Booking System  *****/

/* for table cells */
.provisional { background-color: #afa;}  /* 8e8 */
.confirmed   { background-color: #aaf;}  /* 88e */
.outstanding { background-color: #faa;}  /* e88 */
.closed      { background-color: #ffa;}  /* bbb */

/* for radio button */
input.provisional { background-color: #afa; }
input.confirmed   { background-color: #aaf; }
input.outstanding { background-color: #faa; }
input.closed      { background-color: #ffa; }

table#areas {
   color:       #000;
   font-size:   9px;
   font-weight: bold;
   background:  #fff; }

table#areas a{
    display: block; }

table#areas .area{
    display:      block;
    font-size:    12px;
    margin-right: 0;
    margin-top:   5px;
    margin-bottom: 0;
    background-color: #008;
    color:     #fff;
    border:    1px solid;
    border-color: #aaa;}

table#areas .object {
    font-size: 10px;
    margin-left: 10px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: #aaa;}

table#areas .object_t_c {
    font-size: 10px;
    margin-left: 10px;
    background-color: #f80;}

/* Back Button style for additional info form */
.b_btn {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border-right: 2px outset;
    border-left: 1px outset;
    border-top: 1px outset;
    border-bottom: 2px outset;
    border-color: #aaa;
    width: 60px;
    height: 18px;
    background-color: #eee;
    text-align: center;
    padding: 2px;
}


p.error {
   color:        #000;
   font-size:    10px;
   font-weight:  bold;
   text-align:   left;
   border:       0px;
   margin:       0px;
   padding:      3px;
   background:   #f00;
}

p.message {
   color:        #fff;
   font-size:    10px;
   font-weight:  bold;
   text-align:   left;
   border:       0px;
   margin:       0px;
   padding:      3px;
   background:   #000;
}

td.report_notes {
   font-family:   lucida console, courier;
   color:         #000;
   font-size:     8pt;
   padding-left:  3px;
   padding-right: 3px;
   background:    #edf2f7;
}

/*****  Styles for Day Date and Title  *****/

.day_page_date {
   font-family:  Verdana, Arial, Helvetica,  sans-serif;
   color:       #008;
   font-size:   16px;
   font-weight: bold;
}

.day_page_title {
   font-family:  Verdana, Arial, Helvetica,  sans-serif;
   color:       #d20;
   font-size:   14px;
   font-weight: bold;
}

/*****  Styles for Sunset / Sunrise Feature  *****/

.t_sun        { color: #008; font-size: 10px; font-weight: bold; background: #dd0; }
.t_sun input  { color: #008; font-size: 10px; font-weight: bold; background: #dd0; }

/*****  Styles for Message on Timesheet  *****/

.t_msg    { color: #000; font-size: 14px; font-weight: bold; background: #fa2; }

/*****  Members List  *****/

.t_membership_booking_letters {
   color:       #008;
   font-size:   14px;
   font-weight: bold;
   background:  #9ce;
 }


/******  Members Area  ******/

.ma_menu {
   color:       #008;
   font-size:   10px;
   font-weight: bold;
   text-align:  left;
   padding:     2px;
   border:      1px  solid #008;
   margin:      0px;
   background:  #ddf;
}

.ma_menu_selected {
   color:       #008;
   font-size:   10px;
   font-weight: bold;
   text-align:  left;
   padding:     2px;
   border:      1px  solid #008;
   margin:      0px;
   background:  #f80;
}


/******  Right Align Money  ******/

.money {
  text-align: right;
}

.money_d {
  text-align: right;
  background: #88ffff; 
}


/******  Hidden ******/
/* Used where you controls not display, (eg for Printing) */
.hidden {display: none;}
.show	{ }					/* no actual style, just not hidden */

/******  CLub Name ******/
/* Used on the right hand side of generic banner tbs_banner_booking_system */
.club_name {   
	color:          white;
	font-size:      17px;
	text-align: center;
	font-family:    Verdana, Arial, Helvetica,  sans-serif;
	font-weight:    bold;
}
.club_name_small {   
	color:          white;
	font-size:      15px;
	text-align: center;
	font-family:    Verdana, Arial, Helvetica,  sans-serif;
	font-weight:    bold;
}

.webHomeText {
	FONT-SIZE: 12px; 
	font-weight: bold;
	color: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;	
}
.webHomeText a:hover { COLOR: red;}

.indentPara {
	text-indent: -1.5em;
	padding-left: 1.5em; 
	margin: 0.5em;
	margin-right: 1.5em; 
}
.cal {
	display:block;
	width:15;
	height:12
}

a:hover.cal { background:#00E0E0;}