/*
		CSS for the initial web page for the 
		confocal booking system (i.e. booking_start.html)
*/

/*	Main heading	*/

h1.mainHdg { text-align:center; font-family:Arial, Helvetica, sans-serif; }

/*	Overall Table	*/

table.mainTable { text-align:center; width:100%; padding:3px; }

/*	Main Table	*/

table.bookingDay { position:relative; left:10%; text-align:center; width:80%; padding:3px; border-collapse:separate; border-style:solid; border-width:1px; border-color:gray; border-spacing:2px; }

/*	Main Table Cells	*/

th.bookingDayH { width:10%; background-color:#f2fcbf; padding:3px; border-style:solid; border-width:1px; border-color:gray; }
td.bookingDayH { width:10%; background-color:#f2fcbf; padding:3px; border-style:solid; border-width:1px; border-color:gray; font-family:arial,helvetica,sans-serif; }
td.bookingDay1 { background-color:#FFFFFF; height:50px; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative; }
td.bookingDay2 { background-color:#CCe9f8; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative; }
td.mp2 { background: #CCe9f8 url('mp2.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.mpuv { background: #CCe9f8 url('mpuv.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.olympus { background: #CCe9f8 url('olympus.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.pseemore { background: #CCe9f8 url('pseemore.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.sp2 { background: #CCe9f8 url('sp2.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.spe1 { background: #CCe9f8 url('spe1.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.spe2 { background: #CCe9f8 url('spe2.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.speinv { background: #CCe9f8 url('speinv.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.spuv { background: #CCe9f8 url('spuv.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.sp8vis { background: #CCe9f8 url('SP8vis.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.fluo3d_stereo { background: #CCe9f8 url('fluo3d_stereo.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.xpress { background: #c9e72d url('xpress.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.xpress_msb { background: #c9e72d url('xpress_msb.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.evos_m7000 { background: #c9e72d url('evos_m7000.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.mp_opo { background: #CCe9f8 url('mp_opo.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.raman_invia { background: #CCe9f8 url('raman_invia.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.axioscan { background: #f7e5cd url('axioscan.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.ls_z1 { background: #afe15a url('ls_z1.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.lsm_800 { background: #afe15a url('lsm_800.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.nikon_ct_scanner { background: #afe15a url('nikon_ct_scanner.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.airy980_mp { background: #afe15a url('airy980_mp.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.airy980_vis { background: #afe15a url('airy980_vis.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.imaris_pc { background: #efb4b5 url('imaris_pc.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.elyra7sim { background: #afe15a url('elyra7sim.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
td.widefield { background: #cdd1f7 url('widefield.gif') left top; padding:3px; border-style:solid; border-width:1px; border-color:gray; position: relative;  }
th.holiday { width:10%; background-color:#9900FF; padding:3px; border-style:solid; border-width:1px; border-color:gray; }

/*	Session block			*/

table.session { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-color:#f2fcbf; }
table.sessionNT { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-style:none; border-bottom-color:#f2fcbf; }
table.sessionNB { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-style:none; }
td.sessionNTB { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-style:none; border-bottom-style:none; }
td.session { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-color:#f2fcbf; }
td.sessionNT { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-style:none; border-bottom-color:#f2fcbf; }
form.session { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-color:#f2fcbf; }
form.sessionNB { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-style:none; }

div.sessionNB { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-style:none; }
div.sessionNT { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-style:none; border-bottom-color:#f2fcbf; }
div.sessionNTB { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-style:none; border-bottom-style:none; }
div.session { background-color:#749bc5; position:relative; border-style:solid; border-width:4px; border-left-color:#426ca5; border-right-color:#f2fcbf; border-top-color:#426ca5; border-bottom-color:#f2fcbf; }

/*	Lower Table			*/

td.lowerTableP { text-align:center; width:12%; border-style:solid; border-width:3px; border-color:#e6f991; background-color:#f2fcbf; }
td.lowerTableW { text-align:center; width:12%; border-style:solid; border-width:1px; border-color:black; background-color:#FFFFFF; }
td.lowerTablePk { text-align:center; width:12%; border-style:solid; border-width:3px; border-color:#d53e9e; background-color:#FFFFFF; }
td.lowerTableN { text-align:center; width:12%;border-style:solid; border-width:3px; border-color:#bee2f6; background-color:#CCe9f8; }

/*	Highlighted Input Button	*/
input.groovybutton { font-size:14px; font-weight:bold; color:#d53e9e; width:143px; height:28px; }