@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size:12px;
	color: black;
	background: White;
	/*background: WhiteSmoke;*/
}

.navbar {
  overflow: hidden;
  background-color: Black;
  vertical-align: middle;
}

.navbar a {
	float: left;
	display: block;
	color: white;
	text-align: center;
	padding: 14px 25px 14px 25px;
	text-decoration: none;
	font-size: 16px;
	vertical-align: middle;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.float_right{
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  width: 280px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
	background-color: #6c757d;
	padding: 14px 25px 14px 25px;
    font-size: 16px;
}

.navbar a:active {
	background-color: #6c757d;
	color: white;
	vertical-align: middle;
}

.subnavbtn.active {
	background-color: #6c757d;
	color: white;
	vertical-align: middle;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
   background-color: #eee;
   color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.footerDiv{
	background-color: Black;
	font-size: 14px;
	color: White;
	padding: 10px;
}

.login_footerDiv{
	background-color: White;
	font-size: 14px;
	color: Black;
	padding: 10px;
}



/* Verified - 11/04/2019  */
header#main_header			{ border:0px solid navy; display:block; width:100%; background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png); color:white; text-indent:5px; }

/* Verified - 11/04/2019  */
/* These are the primary sections that make up the main display */
section#FormLayout			{ display:table-cell; min-width:790px; max-width:790px; border:1px solid Gainsboro; text-align:left; vertical-align:top; padding:10px; }
section#FormInstructions	{ display:table-cell; min-width:790px; max-width:790px; border:1px solid Gainsboro; text-align:left; vertical-align:top; padding:10px; }
/*
	A better approach, would be to identify which pages need two sections, and perhaps rename the above accordingly.
*/

/* This single section is used for pages that do not require a second section for instructions etc. */
section#SingleSection		{ display:table-cell; min-width:1602px; max-width:1602px; border:1px solid Gainsboro; text-align:left; vertical-align:top; padding:10px; }
section#SingleSection_FULL	{ display:table-cell; min-width:1622px; max-width:1622px; border:1px solid Gainsboro; text-align:left; vertical-align:top; padding:0px; }

/*
	A better approach, would be to identify which pages only need a single section, and perhaps rename the above accordingly.
*/

/* Room Menu */
div#op { display:inline-table; }
/*
div#op_menu { position:relative; top:0px; left:0px; min-width:100px; max-width:100px; border:0px solid LightSteelBlue; background:LightSteelBlue; padding:5px; font-size:16px; }
*/
div#op_menu { display:table-cell; min-width:150px; max-width:150px; border:0px solid LightSteelBlue; background:LightSteelBlue; vertical-align:top; padding:5px; font-size:16px; }
/* Room Layout */
/*
div#op_room { position:relative; top:0px; left:200px; min-width:440px; max-width:440px; border:1px solid Gainsboro; padding:5px;}

*/
div#op_room { display:table-cell; min-width:700px; max-width:700px; border:0px solid Gainsboro; background:White; text-align:center; vertical-align:top; padding:5px;}
/* User Details */
div#op_userDetails { display:table-cell; min-width:720px; max-width:720px; border:0px solid Gainsboro; background:White; text-align:left; vertical-align:top; padding:5px;}

/* Verified - 11/04/2019  */

header#login_header		{ border:1px solid Gainsboro; display:block; padding:10px; }
section#login_section	{ display:table-cell; min-width:1200px; max-width:1200px; border:1px solid Gainsboro; text-align:center; vertical-align:top; padding:10px; }
footer#login_footer		{ border:1px solid Gainsboro; display:block; font-size:small; padding:10px; }

/* Verified - 11/04/2019  */
span#logo			{ display:table-cell; min-width:280px; max-width:280px; padding:10px; vertical-align:middle; border:0px solid blue;}
span#page_title		{ display:table-cell; width:100%; padding:10px; vertical-align:middle; text-align:center; font-size:30px; border:0px solid red;}

/* Verified - 11/04/2019  */
table#tbl_PageTitle				{ width:100%; border:0px solid Gainsboro; border-collapse:collapse; background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);}
table#tbl_PageTitle tr			{ height:50px; }
table#tbl_PageTitle td.l_col_a	{ width:5%; border:0px solid Gainsboro; padding:5px; text-align:right; color:white; font-size:12px; }
table#tbl_PageTitle td.l_col_b	{ width:10%; border:0px solid Gainsboro; padding:5px; text-align:left; color:white; font-size:12px; }
table#tbl_PageTitle td.c_col	{ width:70%; border:0px solid Gainsboro; padding:5px; text-align:center; color:white; font-size:30px; font-weight:bold; }
table#tbl_PageTitle td.r_col	{ width:15%; border:0px solid Gainsboro; padding:5px; text-align:center; color:white; font-size:12px; }


/* Verified - 15/04/2019  */
.error			{ color:red; }
.nb				{ color:red; font-weight:bold;}
.error_small	{ color:red; font-size:small; }

ol.disc-bullets { list-style-type:disc; }


a					{ color:black; text-decoration:none; }
a:link				{ }
a:visited			{ }
a:hover				{ color:red; }
a.pagetitle:hover	{ color:red; font-size:inherit; font-weight:normal; }
a.linkRed			{ }
a.linkRed:hover		{ color:red; }

/* a.linkYellow_navbar			{ color:white; font-size: 16px; width:300px;} */
a.linkYellow_navbar			{ color:white; font-size: 16px; width:250px;}
a.linkYellow_navbar:hover	{ color:yellow; }

a.linkYellow_footer			{ color:white; font-size: 14px; }
a.linkYellow_footer:hover	{ color:yellow; }

a.linkRed_footer			{ color:black; font-size: 14px; }
a.linkRed_footer:hover		{ color:red; }

a:active			{ color:green; font-size:inherit; font-weight:bold; }
a.emptyDesk			{ color:blue; }


/* Verified - 15/04/2019  */
table#logintable					{ width:100%; border:1px solid grey; padding:0px; border-spacing:0px; border-collapse:collapse; }
table#logintable caption			{ height:30px; text-align:center; vertical-align:middle; font-size:14px; }
table#logintable td					{ border:0px; tex-align:center; }

/* Verified - 15/04/2019  */
table#desc_table					{ width:100%; border:0px; padding:0px; border-spacing:0px; border-collapse:collapse; color:black; }
table#desc_table tr.heading			{ height:60px; text-align:left; font-size:14px; }
table#desc_table tr.description		{ height:240px; text-align:left; font-size:14px; vertical-align:top; }
table#desc_table td					{ }
table#desc_table td.border			{ width:2%; }

/* Verified - 15/04/2019  */
#login .search-button			{ background: url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/login_b.png); width:105px; height:30px; border:0px; background-repeat:no-repeat; }
#login .search-button:hover		{ background: url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/login_g.png); width:105px; height:30px; border:0px; background-repeat:no-repeat; }

#logout .search-button			{ background: url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/logout_b.png); width:105px; height:30px; border:0px; background-repeat:no-repeat; }
#logout .search-button:hover	{ background: url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/logout_r.png); width:105px; height:30px; border:0px; background-repeat:no-repeat; }

.button			{ width:190px; height:30px; font-weight:bold; }
.button-edit	{ width:190px; height:30px; font-weight:bold; background-color:LightBlue; }
.button-save	{ width:190px; height:30px; font-weight:bold; background-color:PaleGreen; }
.button-delete	{ width:190px; height:30px; font-weight:bold; background-color:LightCoral; }

.button-edit:hover		{ width:190px; height:30px; font-weight:bold; background-color:DodgerBlue; }
.button-save:hover		{ width:190px; height:30px; font-weight:bold; background-color:SeaGreen; }
.button-delete:hover	{ width:190px; height:30px; font-weight:bold; background-color:Crimson; }


p 					{ color:blue; }
p.footer			{ color:black; font-size:1em; }
p.version			{ font-size:10px; font-style:italic; }
p.inMenuSubHead		{ color:black; font-weight:bold; font-size:14px; font-style:italic; }

select.location 		{ width:100%; background:LightGoldenrodYellow; padding:2px; }


table#RPO								{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#RPO tr							{ height:30px; }
table#RPO td							{ border:1px solid Gainsboro; padding:5px; }
table#RPO td.RPO_Title					{ text-align:center; font-weight:bold; background:#abcdef; }
table#RPO td.sub_title					{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#RPO td.sub_content				{ width:60%; }

table#LSO								{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#LSO tr							{ height:30px; }
table#LSO td							{ border:1px solid Gainsboro; padding:5px; }
table#LSO td.LSO_Title					{ text-align:center; font-weight:bold; background:#abcdef; }
table#LSO td.Dept_Title					{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#LSO td.Dept_Content				{ width:60%; font-weight:bold; background:#eeeeee; }
table#LSO td.DSG_Title					{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#LSO td.DSG_Content				{ width:60%; background:#eeeeee; }
table#LSO td.sub_title					{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#LSO td.sub_content				{ width:60%; }

table#selectSchool						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#selectSchool tr					{ height:30px; }
table#selectSchool td					{ border:1px solid Gainsboro; padding:5px; }
table#selectSchool td.title				{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#selectSchool td.content			{ width:60%; }

table#selectDept						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#selectDept tr						{ height:30px; }
table#selectDept td						{ border:1px solid Gainsboro; padding:5px; }
table#selectDept td.title				{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#selectDept td.content				{ width:60%; }

table#selectBldg						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#selectBldg tr						{ height:30px; }
table#selectBldg td						{ border:1px solid Gainsboro; padding:5px; }
table#selectBldg td.title				{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#selectBldg td.content				{ width:60%; }

table#selectSpace						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#selectSpace tr					{ height:30px; }
table#selectSpace td					{ border:1px solid Gainsboro; padding:5px; }
table#selectSpace td.title				{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#selectSpace td.content			{ width:60%; }

table#selectLC							{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#selectLC tr						{ height:30px; }
table#selectLC td						{ border:1px solid Gainsboro; padding:5px; }
table#selectLC td.title					{ width:40%; text-align:right; font-weight:bold; background:#abcdef; }
table#selectLC td.content				{ width:60%; }

table#LaserPurpose						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#LaserPurpose tr					{ height:30px; }
table#LaserPurpose td					{ border:1px solid Gainsboro; padding:5px; }
table#LaserPurpose td.title				{ width:40%; vertical-align:top; text-align:right; font-weight:bold; background:#abcdef; }
table#LaserPurpose td.content			{ width:60%; }

table#SupervisorDetails					{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#SupervisorDetails tr				{ height:30px; }
table#SupervisorDetails td				{ border:1px solid Gainsboro; padding:5px; }
table#SupervisorDetails td.MainTitle	{ text-align:center; font-weight:bold; background:#abcdef; }
table#SupervisorDetails td.sub_title	{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#SupervisorDetails td.content		{ width:60%; }
table#SupervisorDetails td.instruction	{ color:blue; }

table#LaserDetails						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#LaserDetails tr					{ height:30px; }
table#LaserDetails td					{ border:1px solid Gainsboro; padding:5px; }
table#LaserDetails td.MainTitle			{ text-align:center; font-weight:bold; background:#abcdef; }
table#LaserDetails td.sub_title			{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#LaserDetails td.content			{ width:60%; }

table#LaserDetails						{ width:800px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#LaserDetails tr					{ height:30px; }
table#LaserDetails td					{ border:1px solid Gainsboro; padding:5px; }
table#LaserDetails td.MainTitle			{ text-align:center; font-weight:bold; background:#abcdef; }
table#LaserDetails td.sub_title			{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#LaserDetails td.content			{ width:60%; }

table#LaserLSC							{ width:400px; border:1px solid Gainsboro; border-spacing:0px; border-collapse:0px; }
table#LaserLSC tr						{ height:30px; }
table#LaserLSC td						{ border:1px solid Gainsboro; padding:5px; }
table#LaserLSC td.MainTitle				{ text-align:center; font-weight:bold; background:#abcdef; }
table#LaserLSC td.sub_title				{ width:40%; text-align:right; font-weight:bold; background:#ffffcc; }
table#LaserLSC td.content				{ width:60%; }


/* textarea.mainForm 		{ width:520px; } */
textarea.mainForm
{
	font-family:Comic Sans MS, Calibri;
	font-size:16px;
	background:url(parchment.png); /* This ruins default border */
	background-color:#ffffdd;
	border:1px solid gray;
	box-shadow:10px 10px 10px gray;
	overflow: auto;
	width:790px;
	height:180px;
	padding:5px;
}

/* This works brilliantly for <pre> tags!! */
pre {
	font-family: Courier New, monospace;
	text-indent:0px;
	margin:5px;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}



input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}

/* The input[type^="checkbox"]	- Selects input element whose type attribute value begins with "checkbox" */
/* This way, the input[type=checkbox] is amended, rather than overwritten */
input[type^="checkbox"]
{
	-webkit-appearance: none;
	border: 1px solid Turquoise;
	background-color:Snow;
	border-radius: 5px;
	width: 15px;
	height: 15px;
}

input[type^="checkbox"]:hover
{
	-webkit-appearance: none;
	border: 1px solid Turquoise;
	background-color:PaleGoldenrod;
	border-radius: 5px;
	width: 15px;
	height: 15px;
}

input[type^="checkbox"]:checked
{
	background-color:MediumSeaGreen;
	border: 1px solid MidnightBlue;
	border-radius: 5px;
	width: 15px;
	height: 15px;
}


/* ================ OFFICE PLAN ================ */
.innerTitle {
    display: inline-block;
    width: 150px;
    font-weight:bold; color:blue; 
	text-align:right;
	vertical-align: middle;
}

.innerData {
    display: inline-block;
    width: 250px;
	text-indent:5px;
	vertical-align: middle;
}
.error	{ color:red; }
div.EquipmentID		{ font-size:12px; color:gray; }
td.col_A_width		{ width:200px; }
td.col_B_width		{  }
td.spareDesk		{ color:blue; font-weight:bold; }

/* table#tableInfo d2b48c f4a460 daa520*/
table#tableInfo					{ width:100%; border:1px solid #d2b48c; border-collapse:collapse; padding:5px; background:#d2b48c; }
table#tableInfo  tr				{ height:20px; }
table#tableInfo  td.prev		{ width:25%; text-align:center; }
table#tableInfo  td.title		{ width:50%; text-align:center; }
table#tableInfo  td.next		{ width:25%; text-align:center; }

/* table#tableUserDetails */
table#tableUserDetails						{ width:100%; border:1px solid #cccccc; }
table#tableUserDetails  thead				{ background:#cccccc; text-align:center; }
table#tableUserDetails  tbody				{ background:white; }
table#tableUserDetails  tr					{ height:30px; }
table#tableUserDetails  td					{ border:1px solid #cccccc; }

/* background:#d9e2f3; */
table#tableUserDetails  td.supervisor		{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.supdata			{ background:#ffffcc; text-align:left; text-indent:5px; }
table#tableUserDetails  td.id_person		{ background:#d9e2f3; text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.id_data			{ background:#d9e2f3; text-align:left; text-indent:5px; }
table#tableUserDetails  td.personal			{ text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.perdata			{ text-align:left; text-indent:5px; }

table#tableUserDetails  td.phdtitle			{ background:#ccffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.phdnotes			{ background:#ccffcc; text-align:left; text-indent:5px; }
table#tableUserDetails  td.tablenotestitle	{ background:#abcabc; text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.tablenotesdata	{ background:#abcabc; text-align:left; text-indent:5px; }
table#tableUserDetails  td.hotswaptitle		{ background:#ff9999; text-align:right; font-weight:bold; padding:5px; }
table#tableUserDetails  td.hotswapdata		{ background:#ff9999; text-align:left; text-indent:5px; }


table#controlBtns_User				{ width:100%; border:0px solid #cccccc; }
table#controlBtns_User  tbody		{ background:white; }
table#controlBtns_User  tr			{ height:50px; }
table#controlBtns_User  td			{ border:0px solid #cccccc; text-align:center; width:50%; }

/* table#tableEquipmentDetails */
table#tableEquipmentDetails						{ width:100%; border:1px solid #cccccc; }
table#tableEquipmentDetails  thead				{ background:#cccccc; text-align:center; }
table#tableEquipmentDetails  tbody				{ background:white; }
table#tableEquipmentDetails  tr					{ height:30px; }
table#tableEquipmentDetails  td					{ border:1px solid #cccccc; }
table#tableEquipmentDetails  td.technotetitle	{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; background:#ffcccc; }
table#tableEquipmentDetails  td.technotedata	{ background:#ffffcc; text-align:left; background:#ffcccc; }
table#tableEquipmentDetails  td.techtitle		{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableEquipmentDetails  td.techdata		{ background:#ffffcc; text-align:left; }

table#controlBtns_Equipment				{ width:100%; border:0px solid #cccccc; }
table#controlBtns_Equipment  tbody		{ background:white; }
table#controlBtns_Equipment  tr			{ height:50px; }
table#controlBtns_Equipment  td			{ border:0px solid #cccccc; text-align:center; width:50%; }

/* table#tableComputerDetails */
table#tableComputerDetails						{ width:100%; border:1px solid #cccccc; }
table#tableComputerDetails  thead				{ background:#cccccc; text-align:center; }
table#tableComputerDetails  tbody				{ background:white; }
table#tableComputerDetails  tr					{ height:30px; }
table#tableComputerDetails  td					{ border:1px solid #cccccc; }
table#tableComputerDetails  td.technotetitle	{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; background:#ffcccc; }
table#tableComputerDetails  td.technotedata		{ background:#ffffcc; text-align:left; background:#ffcccc; }
table#tableComputerDetails  td.techtitle		{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableComputerDetails  td.techdata			{ background:#ffffcc; text-align:left; }

table#controlBtns_Computer				{ width:100%; border:0px solid #cccccc; }
table#controlBtns_Computer  tbody		{ background:white; }
table#controlBtns_Computer  tr			{ height:50px; }
table#controlBtns_Computer  td			{ border:0px solid #cccccc; text-align:center; width:50%; }

/* table#tableMonitorADetails */
table#tableMonitorADetails					{ width:100%; border:1px solid #cccccc; }
table#tableMonitorADetails  thead			{ background:#cccccc; text-align:center; }
table#tableMonitorADetails  tbody			{ background:white; }
table#tableMonitorADetails  tr				{ height:30px; }
table#tableMonitorADetails  td				{ border:1px solid #cccccc; }
table#tableMonitorADetails  td.techtitle	{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableMonitorADetails  td.techdata		{ background:#ffffcc; text-align:left; }

/* table#tableMonitorBDetails */
table#tableMonitorBDetails					{ width:100%; border:1px solid #cccccc; }
table#tableMonitorBDetails  thead			{ background:#cccccc; text-align:center; }
table#tableMonitorBDetails  tbody			{ background:white; }
table#tableMonitorBDetails  tr				{ height:30px; }
table#tableMonitorBDetails  td				{ border:1px solid #cccccc; }
table#tableMonitorBDetails  td.techtitle	{ background:#ffffcc; text-align:right; font-weight:bold; padding:5px; }
table#tableMonitorBDetails  td.techdata		{ background:#ffffcc; text-align:left; }

table#controlBtns_MonitorA				{ width:100%; border:0px solid #cccccc; }
table#controlBtns_MonitorA  tbody		{ background:white; }
table#controlBtns_MonitorA  tr			{ height:50px; }
table#controlBtns_MonitorA  td			{ border:0px solid #cccccc; text-align:center; width:50%; }

table#controlBtns_MonitorB				{ width:100%; border:0px solid #cccccc; }
table#controlBtns_MonitorB  tbody		{ background:white; }
table#controlBtns_MonitorB  tr			{ height:50px; }
table#controlBtns_MonitorB  td			{ border:0px solid #cccccc; text-align:center; width:50%; }

/* table#tableSummary */
table#tableSummary						{ width:100%; border:1px solid #cccccc; }
table#tableSummary  thead				{ text-align:center; background:#cccccc; }
table#tableSummary  tbody				{ background:white; }
table#tableSummary  tfoot				{ background:Gainsboro; font-size:small; font-style:italic; text-align:left; padding:2px; }
table#tableSummary  tr					{ height:30px; }
table#tableSummary  td					{ border:1px solid #cccccc; text-align:left; }
table#tableSummary  td.tableTitle		{ text-align:center; }
table#tableSummary  td.hasforms			{ text-align:center; width:2%; padding:0px; }
table#tableSummary  td.has_comp			{ text-align:center; width:2%; padding:0px; background:green; }
table#tableSummary  td.title			{ text-align:right; font-weight:bold; width:15%; padding:5px; }
table#tableSummary  td.title_notes		{ text-align:right; font-weight:bold; width:15%; padding:5px; background:#abcabc; }

table#tableSummary  td.table_notes		{ text-align:right; font-weight:bold; width:15%; padding:5px; background:#abcabc; }
table#tableSummary  td.hotswap_notes	{ text-align:right; font-weight:bold; width:15%; padding:5px; background:#ff9999; }
/* A width for data has not been specified. this allows other column widths to be tweaked much more easily - it is this column that will reduce in width. */
table#tableSummary  td.data				{  }
table#tableSummary  td.data_notes		{ background:#ccffcc; }
table#tableSummary  td.blank			{ background:#dddddd; }
table#tableSummary  td.os				{ width:18%; }
table#tableSummary  td.os_notes			{ width:18%; background:#ffcccc; }
table#tableSummary  td.user				{ font-family:courier; font-size:14px; border:1px solid #cccccc; text-align:left; width:18%; background:#abcdef; }
table#tableSummary  td.status			{ text-align:center; width:12%; }
/* class names ARE case sensitive  */
table#tableSummary  td.Other			{ background:white; }
table#tableSummary  td.UG				{ background:green; }
table#tableSummary  td.PGT				{ background:cyan; }
table#tableSummary  td.PGR				{ background:#ffffcc; }
table#tableSummary  td.RA				{ background:#ccffcc; }
table#tableSummary  td.Visitor			{ background:#99ccff; }
table#tableSummary  td.Academic			{ background:white; }
table#tableSummary  td.PSMA				{ background:navy; color:white; }


table#controlBtns				{ width:100%; border:0px solid #cccccc; }
table#controlBtns  thead		{ background:#cccccc; }
table#controlBtns  tbody		{ background:white; }
table#controlBtns  tfoot		{ background:black; color:white; font-size:small; font-style:italic; text-align:left; }
table#controlBtns  tr			{ height:50px; }
table#controlBtns  tr.h1		{ height:1px; }
table#controlBtns  td			{ border:0px solid #cccccc; text-align:center; }
table#controlBtns  td.w33		{ width:33%; }
table#controlBtns  td.w34		{ width:34%; }

p.error		{ background:#f2dede; color:#a94442; font-weight:bold; font-size:14px; padding:10px; }
p.success	{ background:#dff0d8; color:#3c763d; font-weight:bold; font-size:14px; padding:10px; }
p.warning	{ background:#fcf8e3; color:#8a6d3b; font-weight:bold; font-size:14px; padding:10px; }

/*
error colors
fcf8e3 - yelolowish color
f2dede - reddish color
dff0d8 - greenish color
*/

table#roomListing					{ width:600px; border:1px solid #cccccc; }
table#roomListing	tr.headA		{ font-weight:bold; font-size:20px; color:white; background:SlateGray; }
table#roomListing	tr.headB		{ font-weight:bold; font-size:16px; color:white; background:SlateGray; }
table#roomListing	td				{ border:1px solid #cccccc; padding:5px; }
table#roomListing	td.tblNo		{ width:150px; }
table#roomListing	td.content		{ width:450px; }
table#roomListing	td.spareDesk	{ font-weight:normal; background:#ddeeff; color:blue; }




/* =========================================================================================================== */
/* =========================================================================================================== */
/* ROOM BOOKINGS ONLY - Tables listed in the order they are 'drawn' on the page */
/* =========================================================================================================== */
/* 1. table#page_notes */
table#page_notes { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; }
table#page_notes td { border:0px; }
table#page_notes td.header_note { text-align:left; font-size:14px; font-weight:bold; }
table#page_notes td.header_warning { text-align:center; background:#fcf8e3; color:#8a6d3b; font-size:14px; font-weight:bold; }

/* =========================================================================================================== */
/* 2. table#tog_displayrooms */
table#tog_displayrooms { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; }
table#tog_displayrooms td { border:0px; }
table#tog_displayrooms td.w3 { width:3%; }
table#tog_displayrooms td.w3_t { width:3%; vertical-align:top; }
table#tog_displayrooms td.w94 { width:94%; }

/* =========================================================================================================== */
/* 3. table#room_selection */
table#room_selection { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; }
table#room_selection td { border:0px; }
table#room_selection td.spacer { width:5px; }

/*
	The table#room_selection contains 3 nested sets of tables.
	Each set contains 2 tables.
*/
	/* Set A. Room 1 (Meeting Room G.22E) */
	table#room_1_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_1_btn td { border:0px; text-align:center; }

	table#room_1_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_1_overview td { border:1px solid grey; }
	
	/* Set B. Room 2 (Meeting Room 1.01) */
	table#room_2_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_2_btn td { border:0px; text-align:center; }
	
	table#room_2_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_2_overview td { border:1px solid grey; }
	
	
	/* Set C. Room 3 (Meeting Room 2.08) */
	table#room_3_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_3_btn td { border:0px; text-align:center; }
	
	table#room_3_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_3_overview td { border:1px solid grey; }
	
	
	/* Set D. Room 4 (Meeting Room 5.07) */
	table#room_4_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_4_btn td { border:0px; text-align:center; }
	
	table#room_4_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_4_overview td { border:1px solid grey; }
	
	/* Set E. Room 5 (Meeting Room 6.05) */
	table#room_5_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_5_btn td { border:0px; text-align:center; }
	
	table#room_5_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_5_overview td { border:1px solid grey; }
	
	/* Set E. Room 6 (Meeting Room 6.22B) */
	table#room_6_btn
	{
		width:100%;
		border:0px;
		border-spacing:0px;
		border-collapse:collapse;
		background-image:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b-950-50.png);
	}
	table#room_6_btn td { border:0px; text-align:center; }
	
	table#room_6_overview { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:8px; }
	table#room_6_overview td { border:1px solid grey; }

/* =========================================================================================================== */
/* 4. table#nav_and_ctrl_placeholder */
table#nav_and_ctrl_placeholder
{
	width:100%;
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
	background:url(https://intranet.csc.liv.ac.uk/~paddy/portal_csi/images/common/bkgrnd_b.png);
}
table#nav_and_ctrl_placeholder td { border:0px; }
table#nav_and_ctrl_placeholder tr.h110 { height:110px; }
table#nav_and_ctrl_placeholder td.left_cell { width:34%; padding:10px; }
table#nav_and_ctrl_placeholder td.center_cell { width:32%; padding:10px; border-left:2px solid white; border-right:2px solid white; }
table#nav_and_ctrl_placeholder td.right_cell { width:34%; padding:10px; }

/*
	The table#nav_and_ctrl_placeholder contains 3 nested tables.
*/
	/**/
	p.userManageButtonNote	{ text-align:left; background-color:#ffff99; }
	
	/* Table A. The "table#nav_and_ctrl" is contained within the "table#nav_and_ctrl_placeholder td.left_cell"  */
	table#nav_and_ctrl { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; border:0px solid white; }
	table#nav_and_ctrl td { border:0px solid white; }
	table#nav_and_ctrl td.center { text-align:center; }
	table#nav_and_ctrl td.nav_spacer { width:2%; }
	table#nav_and_ctrl td.nav_btn_prev { width:32%; text-align:right; }
	table#nav_and_ctrl td.nav_btn_home { width:32%; text-align:center; }
	table#nav_and_ctrl td.nav_btn_next { width:32%; text-align:left; }
	table#nav_and_ctrl td.nav_selectadate { text-align:right; font-size:16px; color:white; }
	
	/* Table B. The "table#nav_display" is contained within the "table#nav_and_ctrl_placeholder td.center_cell"  */
	table#nav_display { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; }
	table#nav_display td { border:0px; }
	table#nav_display td.room_name { text-align:center; color:white; font-size:24px; font-weight:bold; }	
	table#nav_display td.location { text-align:center; color:yellow; font-size:16px; font-weight:bold; }
	table#nav_display td.nav_display_dates { text-align:center; color:white; font-size:14px; font-weight:bold; }
	
	/* Table C. The "table#multibookingstable" is contained within the "table#nav_and_ctrl_placeholder td.right_cell"  */
	table#multibookingstable { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; border:0px solid white; }
	table#multibookingstable td { border:0px solid white; }
	table#multibookingstable td.w40 { width:36%; text-align:left; padding-left:5px; }
	table#multibookingstable td.w60c { width:60%; text-align:center; }
	table#multibookingstable td.w60c_hdr { width:60%; text-align:center; color:#ffff99; font-size:16px; }
	table#multibookingstable td.w60c_wht { width:60%; text-align:center; color:white; }

	table#multibookingstable td.user_booking_notice { text-align:center; font-size:14px; color:white; }
	table#multibookingstable td.request_booking_btn { text-align:center; }
	
/* =========================================================================================================== */
/* 5. table#booking */
table#booking { width:100%; border:1px solid grey; border-spacing:0px; border-collapse:collapse; font-size:12px; }
table#booking td { border:1px solid grey; }
table#booking td.seating_info { width:10%; text-align:left; border:1px solid grey;}
table#booking td.time_slot_hdr { width:10%; text-align:center; border:1px solid grey;}

table#booking td.weekend_hdr { padding:10px; text-align:left; background:#dddddd; border:1px solid grey;}
table#booking td.weekday_hdr { padding:10px; text-align:left; background:#95b3d7; border:1px solid grey; }

table#booking td.weekend { text-align:center; vertical-align:top; background:#dddddd; border:1px solid grey;}
table#booking td.weekday { text-align:left; background:#95b3d7; border:1px solid grey;}

/*
	This table presents the detailed weekly view for a given meeting room. Subsequently, it contains multiple nested tables.
	There are 3 categories of table, that are specified by their associated function (located in LOCAL_function.php):
		  i.	AVAILABLE	-	TimeSlotAvailable
		 ii.	PENDING		-	TimeSlotPending
		iii.	BOOKED		-	TimeSlotBooked
		
	Every nested table can only ever be one of the three types.
	
	VERY IMPOTANT NOTE - style="border:hidden;"   !!!!!
		In each of the functions (TimeSlotAvailable, TimeSlotPending, and TimeSlotBooked), the style="border:hidden;" had to
		be included in all <td .....> tags in order to suppress the inherited setting defined by table#booking td { border:1px solid grey; }
		
		This was the only effective way I could find of making the table display as desired, as it was not practical to assign and id to each
		of the nested tables (as id's have to be unique!). It was much easier to assign a class to each of the nested tables (see i, ii, and iii).
*/
	/*   i. AVAILABLE - table.ts_available_table */
	table.ts_available_table	{ width:100%; border-spacing:0px; border-collapse:collapse; }
	td.ts_available_togbtn	{ width:50%; text-align:left; }
	td.ts_available_chkbox	{ width:50%; text-align:right; }
	
	/*  ii. PENDING - table.ts_available_table */
	table.ts_pending_table	{ width:100%; border:hidden; border-spacing:0px; border-collapse:collapse; }
	td.ts_pending_hdr		{ color:red; text-align:left; }
	td.ts_pending_togbtn	{ width:25%; text-align:left; }
	
	/* iii. BOOKED - table.ts_available_table */
	table.ts_booked_table	{ width:100%; border:hidden; border-spacing:0px; border-collapse:collapse; }
	td.ts_booked_togbtn		{ width:25%; text-align:left; }
	
	
	/* Common attributes for tables i, ii, and iii. */
	td.cancel_hdr			{  font-size:12px; color:red; text-align:center; font-weight:bold; }
	td.cancel				{  font-size:10px; color:red; text-align:center; }
	td.cancel_w50			{  font-size:10px; color:red; text-align:center; width:50%; }

	td.username				{ text-align:left; width:100%;}
	td.bookcodemenu			{ text-align:left; width:100%; }
	td.bookreason 			{ text-align:left; }
	td.bookaddinfo 			{ text-align:left; width:100%; }
	td.radio_btn			{ text-align:center; }
	
/* =========================================================================================================== */
/* 6. table# */






/* =========================================================================================================== */




/* =========================================================================================================== */


td.table_title			{ font-weight:bold; font-size:14px; width:10%; }
td.table_head			{ font-weight:bold; font-size:12px; background-color:#abcdef; }
td.table_foot			{ font-weight:bold; font-size:14px; }

td.blank				{ }
td.highlight			{ font-weight:bold; background-color:#ffff00; }
td.sav_bg				{ font-weight:bold; background-color:#c0c0c0; }

.inputbox				{ font-size:9px; }
textarea.noscrollbar	{ overflow:hidden; }

td.title_col			{ font-weight:bold; font-size:12px; background-color:#abcdef; }
td.title_col2			{ font-size:12px; background-color:#abcdef; }
td.title_col_we			{ font-weight:bold; font-size:12px; background-color:#dddddd; }
td.title_col2_we		{ font-size:12px; background-color:#abcdef; }

td.cell_data			{ font-size:10px; text-align:center; vertical-align:top; }
td.cell_data_we			{ font-size:10px; background-color:#dddddd; text-align:center; vertical-align:top; }

td.section_h1			{ font-weight:bold; font-size:2.5em; background-color:#abcdef; }
td.section_h2			{ font-weight:bold; font-size:2em; background-color:#abcdef; }
td.section_h3			{ font-weight:bold; font-size:20px; background-color:#abcdef; }
td.section_h4			{ font-weight:bold; font-size:16px; background-color:#abcdef; }
td.section_h5			{ font-size:14px; }

td.section_h1_plain		{ font-weight:bold; font-size:2.5em; }
td.section_h2_plain		{ font-weight:bold; font-size:2em; }
td.section_h3_plain		{ font-weight:bold; font-size:20px; }
td.section_h4_plain		{ font-weight:bold; font-size:16px; }
td.section_h5_plain		{ font-size:14px }

td.menu_head			{ font-weight:bold; font-size:18px; color:white; }
td.menu_subhead			{ font-weight:bold; font-size:14px; color:white; }
td.menu_item			{ font-size:12px; color:white; }


/* ==================================================================== */
/* Available */
td.available			{ font-size:10px; text-align:center; vertical-align:top; }
td.available_w50		{ font-size:10px; text-align:center; vertical-align:top; width:50%; }
td.pending_h			{ font-size:12px; background-color:#aabbcc; text-align:left; }
td.pending_b			{ font-weight:bold; font-size:10px; background-color:#aabbcc; text-align:center; vertical-align:top; }
td.pending_b_l			{ font-weight:bold; font-size:16px; background-color:#aabbcc; text-align:center; }

/* 0 - Pending */
td.pending				{ font-size:10px; background-color:#aabbcc; text-align:center; vertical-align:top; }
td.pending_w50			{ font-size:10px; background-color:#aabbcc; text-align:center; vertical-align:top; width:50%; }
td.pending_h			{ font-size:12px; background-color:#aabbcc; text-align:left; }
td.pending_b			{ font-weight:bold; font-size:10px; background-color:#aabbcc; text-align:center; vertical-align:top; }
td.pending_b_l			{ font-weight:bold; font-size:16px; background-color:#aabbcc; text-align:center; }

/* B - Bank Holidays */
td.bank_hol				{ font-size:10px; color:white; background-color:#777777; text-align:center; vertical-align:top; }
td.bank_hol_w50			{ font-size:10px; color:white; background-color:#777777; text-align:center; vertical-align:top; width:50%; }
td.bank_hol_h			{ font-size:12px; color:white; background-color:#777777; text-align:left; }
td.bank_hol_b			{ font-weight:bold; font-size:10px; color:white; background-color:#777777; text-align:center; vertical-align:top; }
td.bank_hol_b_l			{ font-weight:bold; font-size:16px; color:white; background-color:#777777; text-align:center; }

/* S - Seminars */
td.seminar				{ font-size:10px; background-color:#4f81bd; text-align:center; vertical-align:top; }
td.seminar_w50			{ font-size:10px; background-color:#4f81bd; text-align:center; vertical-align:top; width:50%; }
td.seminar_h			{ font-size:12px; background-color:#4f81bd; text-align:left; }
td.seminar_b			{ font-weight:bold; font-size:10px; background-color:#4f81bd; text-align:center; vertical-align:top; }
td.seminar_b_l			{ font-weight:bold; font-size:16px; background-color:#4f81bd; text-align:center; }

/* T - Teaching */
td.teaching				{ font-size:10px; background-color:tan; text-align:center; vertical-align:top; }
td.teaching_w50			{ font-size:10px; background-color:tan; text-align:center; vertical-align:top; width:50%; }
td.teaching_h			{ font-size:12px; background-color:tan; text-align:left; }
td.teaching_b			{ font-weight:bold; font-size:10px; background-color:tan; text-align:center; vertical-align:top; }
td.teaching_b_l			{ font-weight:bold; font-size:16px; background-color:tan; text-align:center; }

/* C - Committee Meetings */
td.comm					{ font-size:10px; background-color:#cc99ff; text-align:center; vertical-align:top; }
td.comm_w50				{ font-size:10px; background-color:#cc99ff; text-align:center; vertical-align:top; width:50%; }
td.comm_h				{ font-size:12px; background-color:#cc99ff; text-align:left; }
td.comm_b				{ font-weight:bold; font-size:10px; background-color:#cc99ff; text-align:center; vertical-align:top; }
td.comm_b_l				{ font-weight:bold; font-size:16px; background-color:#cc99ff; text-align:center; }

/* G - General Meetings */
td.meet					{ font-size:10px; background-color:#99cc00; text-align:center; vertical-align:top; }
td.meet_w50				{ font-size:10px; background-color:#99cc00; text-align:center; vertical-align:top; width:50%; }
td.meet_h				{ font-size:12px; background-color:#99cc00; text-align:left; }
td.meet_b				{ font-weight:bold; font-size:10px; background-color:#99cc00; text-align:center; vertical-align:top; }
td.meet_b_l				{ font-weight:bold ; font-size:16px; background-color:#99cc00; text-align:center; }

/* O - Other Bookings */
td.other				{ font-size:10px; background-color:orange; text-align:center; vertical-align:top; }
td.other_w50			{ font-size:10px; background-color:orange; text-align:center; vertical-align:top; width:50%; }
td.other_h				{ font-size:12px; background-color:orange; text-align:left; }
td.other_b				{ font-weight:bold; font-size:10px; background-color:orange; text-align:center; vertical-align:top; }
td.other_b_l			{ font-weight:bold; font-size:16px; background-color:orange; text-align:center; }

/* R - Research Group Meetings */
td.research				{ font-size:10px; background-color:#d99694; text-align:center; vertical-align:top; }
td.research_w50			{ font-size:10px; background-color:#d99694; text-align:center; vertical-align:top; width:50%; }
td.research_h			{ font-size:12px; background-color:#d99694; text-align:left; }
td.research_b			{ font-weight:bold; font-size:10px; background-color:#d99694; text-align:center; vertical-align:top; }
td.research_b_l			{ font-weight:bold; font-size:16px; background-color:#d99694; text-align:center; }

/* V - UCAS Visits */
td.ucas					{ font-size:10px; background-color:#ffff00; text-align:center; vertical-align:top; }
td.ucas_w50				{ font-size:10px; background-color:#ffff00; text-align:center; vertical-align:top; width:50%; }
td.ucas_h				{ font-size:12px; background-color:#ffff00; text-align:left; }
td.ucas_b				{ font-weight:bold; font-size:10px; background-color:#ffff00; text-align:center; vertical-align:top; }
td.ucas_b_l				{ font-weight:bold; font-size:16px; background-color:#ffff00; text-align:center; }

/* NOT ASSIGNED -  */
td.datehl				{ font-size:10px ; background-color:#ccffff; text-align:center; vertical-align:top; }
td.datehl_w50			{ font-size:10px ; background-color:#ccffff; text-align:center; vertical-align:top; width:50%; }
td.datehl_h				{ font-size:12px; background-color:#ccffff; text-align:left; }
td.datehl_b				{ font-weight:bold; font-size:10px; background-color:#ccffff; text-align:center; vertical-align:top; }
td.datehl_b_l			{ font-weight:bold; font-size:16px; background-color:#ccffff; text-align:center; }

/* NOT ASSIGNED - Staff Bookings */
td.staff				{ font-size:10px; background-color:#ff3333; text-align:center; vertical-align:top; }
td.staff_w50			{ font-size:10px; background-color:#ff3333; text-align:center; vertical-align:top; width:50%; }
td.staff_h				{ font-size:12px; background-color:#ff3333; text-align:left; }
td.staff_b				{ font-weight:bold; font-size:10px; background-color:#ff3333; text-align:center; vertical-align:top; }
td.staff_b_l			{ font-weight:bold; font-size:16px; background-color:#ff3333; text-align:center; }

/* P - PhD Bookings */
td.phd					{ font-size:10px; background-color:#33ff33; text-align:center; vertical-align:top; }
td.phd_50				{ font-size:10px; background-color:#33ff33; text-align:center; vertical-align:top; width:50%; }
td.phd_h				{ font-size:12px; background-color:#33ff33; text-align:left; }
td.phd_b				{ font-weight:bold; font-size:10px; background-color:#33ff33; text-align:center; vertical-align:top; }
td.phd_b_l				{ font-weight:bold; font-size:16px; background-color:#33ff33; text-align:center; }

/* M - MSc Bookings */
/* td.msc					{ font-size:10px; color:white; background-color:#224466; text-align:center; vertical-align:top; } */

td.msc					{ font-size:10px; background-color:#00f5ff; text-align:center; vertical-align:top; }
td.msc_w50				{ font-size:10px; background-color:#00f5ff; text-align:center; vertical-align:top; width:50%; }
td.msc_h				{ font-size:12px; background-color:#00f5ff; text-align:left; }
td.msc_b				{ font-weight:bold; font-size:10px; background-color:#00f5ff; text-align:center; vertical-align:top; }
td.msc_b_l				{ font-weight:bold; font-size:16px; background-color:#00f5ff; text-align:center; }

/* U - Undergraduate Bookings */
td.ug					{ font-size:10px; background-color:#3399ff; text-align:center; vertical-align:top; }
td.ug_w50				{ font-size:10px; background-color:#3399ff; text-align:center; vertical-align:top; width:50%; }
td.ug_h					{ font-size:12px; background-color:#3399ff; text-align:left; }
td.ug_b					{ font-weight:bold; font-size:10px; background-color:#3399ff; text-align:center; vertical-align:top; }
td.ug_b_l				{ font-weight:bold; font-size:16px; background-color:#3399ff; text-align:center; }

/* =========================================================================================================== */
/* Global td(cell) and tr(row) settings */
tr.h15c { height:15px; text-align:center; }
tr.h20c { height:20px; text-align:center; }
tr.h40c { height:40px; text-align:center; }
tr.h60c { height:60px; text-align:center; }

tr.h20_t { height:20px; vertical-align:top; }
tr.h20 { height:20px; }
tr.h50 { height:50px; }
tr.h60 { height:60px; }
tr.h80 { height:80px; }
tr.h100 { height:100px; }
tr.h120 { height:120px; }
tr.h140 { height:140px; }

td.border { width:2%; } /* Should I change this to be 'td.w2' ? */

td.w1 { width:1%; }
td.w2 { width:2%; }
td.w4 { width:4%; }
td.w5 { width:5%; }
td.w10 { width:10%; }
td.w15 { width:15%; }
td.w16 { width:16%; }
td.w19 { width:19%; }
td.w20 { width:20%; }
td.w24 { width:24%; }
td.w25 { width:25%; }
td.w28 { width:28%; }
td.w29{ width:29%; }

td.w30 { width:30%; }
td.w32 { width:32%; }
td.w33 { width:33%; }
td.w34 { width:34%; }

td.time_slot_hdr { width:10%; text-align:center; background:#95b3d7; }
tr.sm_wkend_row { height:5px; text-align:center; background:#dddddd; }
td.sm_time_slot { text-align:center; background:#95b3d7; }

/* =========================================================================================================== */
/* */

table#tog_menu { width:100%; border:0px; border-spacing:0px; border-collapse:collapse; }
table#tog_menu td { border:0px; }
table#tog_menu td.w3 { width:3%; }
table#tog_menu td.w3_t { width:3%; vertical-align:top; }
table#tog_menu td.w94 { width:94%; }

/* =========================================================================================================== */
/* */

table#key_menu_main { width:100%; border:0px; border-spacing:1px; }
table#key_menu_main td { border:0px; padding:5px; font-size:14px;}
table#key_menu_main td.main_codes { font-weight:bold; font-size:14px;}

table#key_menu_student { width:100%; border:0px; border-spacing:1px; }
table#key_menu_student td { border:0px; padding:5px; font-size:14px; }
table#key_menu_student td.student_codes { font-weight:bold; font-size:14px;}