body
{
background-color:black;
	color:white;
	  font-family: "Arial", "Helvetica ", ;

  Font-Size : 10px;
	min-width:800px;
	height:1000px;
}


p
{
	  font-family: "Arial", "Helvetica ", ;

}

table
{
	cell-spacing:22px;


}



table.apt_table
{
	background:yellow;
  border: none;
  border-spacing: none ;

}


table#register
{
	margin:auto;
	width:200px;
}


td.apt_td
{
  border: none;

	padding : 2px;

  font-family: "Arial", "Helvetica ", ;
  color:white ;
  Font-Size : 12px;
  text-align:left;
  vertical-align:center;
}



div.apt_details   /* onmouseover this shows details of what is booked in */
{
  visibility:hidden; 



	width:200px;
	padding : 3px;

  background-color:blue;
  color:white;          

  font-family: "Arial", "Helvetica ", ; 
	font-weight:normal;
  Font-Size : 10px;

  position:absolute;
	left: 155px;

  z-index:1;
}


.tslot      /* this shows the main diary section for the day / tester */
{


  background-color:gray; /* javascript will control table background color mainly to allow for highlight when moused over */
  color:white;            /* javascript will control table text color mainly to allow for highlight when moused over */
                        /* colours only defined in css to flag up if javascript isn't working */

  font-family: "Arial", "Helvetica ", ;
  Font-Size : 14px;
  width:150px;


  border: ridge white 1px;

  padding: 8px;
}


.tslot_waiting      /* this shows the main diary section for the day / tester */
{


  background-color:gray; /* javascript will control table background color mainly to allow for highlight when moused over */
  color:white;            /* javascript will control table text color mainly to allow for highlight when moused over */
                        /* colours only defined in css to flag up if javascript isn't working */

  font-family: "Arial", "Helvetica ", ;
  Font-Size : 14px;
  width:144px;


  border: solid red 4px;

  padding: 8px;
}



.tslot_all
{


  background-color:gray; /* javascript will control table background color mainly to allow for highlight when moused over */
  color:white;            /* javascript will control table text color mainly to allow for highlight when moused over */
                        /* colours only defined in css to flag up if javascript isn't working */

  font-family: "Arial", "Helvetica ", ;
  Font-Size : 8pt;
  width:60px;


  border: ridge white 1px;

  padding: 4px 8px 4px 8px;
}

.tslot_all_booked
{
  background:navy; /* javascript will control table background color mainly to allow for highlight when moused over */
  color:white;            /* javascript will control table text color mainly to allow for highlight when moused over */
                        /* colours only defined in css to flag up if javascript isn't working */

  font-family: "Arial", "Helvetica ", ;
  Font-Size : 8pt;
  width:60px;


  border: ridge white 1px;

  padding: 4px 8px 4px 8px;
}


.col_head      /* this shows the main diary section for the day / tester */
{
  background-color:gray; /* javascript will control table background color mainly to allow for highlight when moused over */
  color:white;            /* javascript will control table text color mainly to allow for highlight when moused over */
                        /* colours only defined in css to flag up if javascript isn't working */

  font-family: "Arial", "Helvetica ", ;
  Font-Size : 14px;
  
  border: ridge white 6px;

  padding: 8px;
  
  text-align:center;
  
  width:140px;


  z-index:2;
}


#all_appts01_1,#all_appts02_1,#all_appts03_1,#all_appts04_1,#all_appts05_1,#all_appts06_1,#all_appts07_1,#all_appts08_1,#all_appts09_1
{
  position:absolute;
  left:0px;
  top:10px;
	width:50px;
}

#all_appts02_1
{  left:80px; }

#all_appts03_1
{  left:160px; }

#all_appts04_1
{  left:240px; }

#all_appts05_1
{  left:320px; }

#all_appts06_1
{  left:400px; }

#all_appts07_1
{  left:480px; }

#all_appts08_1
{  left:560px; }

#all_appts09_1
{  left:640px; }




#all_appts01_2,#all_appts02_2,#all_appts03_2,#all_appts04_2,#all_appts05_2,#all_appts06_2,#all_appts07_2,#all_appts08_2,#all_appts09_2
{
  position:absolute;
  left:0px;
  top:500px;
	width:50px;
}

#all_appts02_2
{  left:80px; }

#all_appts03_2
{  left:160px; }

#all_appts04_2
{  left:240px; }

#all_appts05_2
{  left:320px; }

#all_appts06_2
{  left:400px; }

#all_appts07_2
{  left:480px; }

#all_appts08_2
{  left:560px; }

#all_appts09_2
{  left:640px; }



#this_day_tester1
{
  position:absolute; 
  left:10px;
  top:10px;

  z-index:6;
}

#this_day_tester2
{
  position:absolute; 
  top:10px; 
  left:200px;

  z-index:5;
}

#next_day_tester1
{
  position:absolute; 
  top:10px; 
  left:390px;

  z-index:3;
}

#next_day_tester2
{
  position:absolute; 
  top:10px; 
  left:580px;

  z-index:2;
}

#calendar
{
  position:absolute;
  top:10px;
  left:770px;
  z-index:2;

}


#previous_mots
{
  position:absolute;

  top:10px;
  left:1050px;
  z-index:2;
  
  font-weight:normal;

}

td.previous_mots
{
  border: none;

	padding : 2px;

  font-family: "Arial", "Helvetica ", ;
  color:white ;
  Font-Size : 10px;
  text-align:left;
  vertical-align:center;
}




a {font-family: "Arial", "Helvetica ", ; color:red ; font-size: 12px; font-weight:bold;  background-color:gray;  padding:3px;}
a:link {color:white;}
a:visited {color: white;}
a:hover { color: yellow; background:red}
a:active {color: white;}






div.error_message
{

  font-family: "Arial", "Helvetica ", ;
  color:white ;
  Font-Size : 16px;
  
  background-color:gray;

  text-align:left;
  vertical-align:center;
  
  padding:20px;

	width:50%;
}

.reg_error_message, .reg_successful
{
	width:300px;
	margin:auto;

  padding:20px;
	
	font:16px white;
  background-color:red;

  text-align:left;
  vertical-align:center;

}


.reg_successful
{
  background-color:green;
}






table
{
	background:gray;
  border: outset 5px;
  border-collapse: separate;
  border-spacing: 4px ;

}






td
{
  border: outset 2px;
  border-collapse: separate;


  font-family: "Arial", "Helvetica ", ;
  color:white ;
  Font-Size : 14px;
  text-align:left;
  font-weight:bold;
  vertical-align:center;
}
.month_header
{
  Font-Size : 24px;
  text-align:center;
}

td.month
{
  text-align:center;
}

.datex
{
  text-align:center;  background-color:red; 
}


input
{
  font-family: "Arial", "Helvetica ", ;
  color:black ;
  background-color:white!important;
  Font-Size : 14px;
  text-align:left;
  vertical-align:center;
  border-style:ridge;
  border-width:1px;
}

.radio
{
  background-color:gray!important;
  border-style:none;
  border-width:0px;
}
.error {background-color:#ef8861 }

.optional_input {background-color:silver!important;}

.submit
{
  color:yellow ;
  Font-Size : 22px;
  background-color:green!important;
  text-align:center;
  vertical-align:center;
}



.delete_button
{
  color:black ;
  Font-Size : 22px;
  background-color:red!important;
  text-align:center;
  vertical-align:center;
}


textarea
{
  font-family: "Arial", "Helvetica ", ;
  color:black ;
  Font-Size : 12px;
  text-align:left;
  vertical-align:top;
  border-style:ridge;
  border-width:0px;
}


table#preview
{
	width:100%;
	height:100%;
	background:black;
	border:none;


}

td.preview
{
	background:black;
  border: none;


  font-family: "Arial", "Helvetica ", ;
  color:white ;
  Font-Size : 14px;
  text-align:left;
  font-weight:normal;
  vertical-align:center;
}


#previewWin {
	background-color: none;
	width: 220px;
	height: 310px;
	font: .6em arial, helvetica, sans-serif;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	top: 10px;
	left: 10px;
	border: 5px red ridge;
	clip: auto;
	overflow: hidden;
	z-index:99;
}


tr#collection_time

{
	display:none;

}

.col1
{
	width:250px;
}



img
{
  margin:auto;
	text-align:center;
		display:inline;
}

#tyreman_text
{
	position:relative; 	left:30px; bottom:5px;
	display:inline;
	background-color:#8692A5;
	font-size:22px;
	font-weight:bold;
	width:500px;

}


.centralise
{

  margin-right:auto;
  margin-left:auto;

	text-align:center;
	width:650px;
}


.centralise_logon
{

  margin-right:auto;
  margin-left:auto;

	text-align:center;
	width:400px;
}