/**********************************************************/
/* 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 *****/

/*****  content  *****/
.content {
   font-family:   Arial, Helvetica, sans-serif;
   font-size:      14px;
   padding: 20px;
}

.content h1, .content h2 {
	color:          #000000;
    font-family:   Arial, Helvetica, sans-serif;
	font-size:      1.5em;
	font-weight:    bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
   margin:  8px 0px 8px 0px;
   padding: 0px 0px 0px 0px;
}

.content h3 {
   color:          #000000;
   font-family:   Arial, Helvetica, sans-serif;
   font-size:      1.0em;
   font-weight:    bold;
   margin:  16px 0px 8px 0px;
   padding: 0px 0px 0px 0px;
}


.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, .content ul, .content li {
	color:          #000000;
	font-size:      0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-weight: normal;
	text-align:justify;
   margin:  0x 0px 0px 0px;
   padding: 0px 0px 0px 0px;
 }

/* ******************  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: #000000; text-decoration: none; }
.content a:visited { color: #000000; text-decoration: none; }
.content a:active  { color: #000000; text-decoration: none; }
.content a:hover   { color: #000000; text-decoration: underline; }

.content img {border: 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:         #000000;
    font-size:     9pt; 
    background:    #cccccc;   /* lines due to cellspacing */
 }
.form_table td {
	padding: 3px;
}

.form_heading {
   color:       #000000;
   font-size:   14px;     /* works */
   font-weight: bold;
   background:  #dddddd; 

   /* border-left:   2px; */  /* Commented out by Rory 9Mar04 - doesn't appear to do anything */
   /* border-right:  2px; */

   }


.form_h3 {
   color:          #008;
   font-size:      14px;
   font-weight:    bold;
}
 
.form_footer {
   font-size:   12px;
   font-weight: bold;
   background:  #ffffff; 
 }

.form_body {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     9pt; 
   font-weight:   normal;
   background:    #ffffff; 
}

.form_body2 {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     9pt; 
   font-weight:   normal;
   background:    #f5f5f5; 
}


.highlight {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     9pt; 
   font-weight:   normal;
   background:    #e9f6d9; 
}


.form_shaded {
   font-family: Arial, Helvetica, sans-serif; 
   color:         #000;
   font-size:     9pt;
   font-weight:   normal;
   background:    #efefef; 
}


/*****  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: #ffffff;
	border: 1px dashed #cccccc;
}


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


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;
}


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

.t_sun { 
	color: #000000;
	font-size: 10px; 
	font-weight: normal; 
	background: #f7ed82;
}
.t_sun img    { text-align:center; }
.t_sun td {
	padding: 0px 3px 0px 3px; 
}

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

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


/******  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;}

/* midlle align text and images */
.txmid {vertical-align:middle;} 

/* visitor package name div */
.pkname {
	float: left;
	text-align: left;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	width: 100%;
	white-space:nowrap;
	/*background:#ff0000;*/
}
/* visitor package name for golf only - shorter width so any savings floats to right on same line */
.pkname2 {
	float: left;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-top: 6px;
}

.pkname img{
	padding: 0px;
	margin: 3px 0px 0px 0px;
	vertical-align: middle;
}
.pkname2 img{
	padding: 0px;
	margin: 3px 0px 0px 0px;
	vertical-align: middle;
}

/* visitor savings div */
.savings {
	float: right;
	width:89px;
	height: 29px;
	text-align: center;
	color: #FFFFFF;
	padding: 6px 0px 0px 0px;
	font-weight: bold;
	background-image: url(../images/savings_bg1.gif);
	background-repeat: no-repeat;
	width: 89px;
	/*background:#0000ff*/
}
/* savings div outside pkname has increased right margin */
.savings2 {
	float: right;
	width:89px;
	height: 29px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 6px;
	font-weight: bold;
	background-image: url(../images/savings_bg1.gif);
	background-repeat: no-repeat;
	/*background:#0000ff*/
}

/* icon container*/
.icc {
	padding: 0px;
	margin: 0px;
	/*background:#00ff00;*/
}
/* icon float left */
.ifl {
	float: left;
	width: 100px;
}


/* -----------------------------------------------
ADD BY PHIL 15/12/09
--------------------------------------------------*/
.panel_top {height:43px;
	background-image: url(../images/panel_top_bg1.gif);
	background-repeat: no-repeat;
}

.panel_top h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.panel_mid {
	height:auto;
	background-image: url(../images/panel_mid_bg1.gif);
	background-repeat: repeat-y;
}

.panel_mid p{
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}


.panel_table {
	margin:0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.panel_table p{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.panel_table td{
	margin:0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7ec9e;
}

.panel_table .td2{
	border-bottom-style: none;
}