/* Generic styles for HTML display. */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/* background-color: #E8E8FF; */
	margin-left: 2cm;
	margin-top: 5mm;
	margin-right: 2cm;
	align: center;
}
.leftarrow {
	float:left;
	width: 0px; 
	margin-left: 1px; 
	margin-top: 3px;
}
#sublogo {
	float:left;
	width: 0px; 
	margin-left: 1px; 
	margin-top: 3px;
	margin-bottom: 6px;
}
#bodyblock {
	width: 920px;
	margin-left: auto;
	margin-right: auto;	
}
h1, h2, h3, h4, h5, h6 {
	color: #111188;
	line-height: 140%;
}
h1, h2, h3, h4 {
	font-weight: bold; 
}
h5, h6 {
	font-weight: normal;
}
h1 {
	font-size: 4.5mm;
}
h3 { 
	font-size: 4mm; 
}
h4 { 
	font-size: 3.5mm; 
}
h4.switch, h4.switch a { 
	color: #333399
}
h4.switchdisabled, h4.switchdisabled a { 
	color: #999999
}
h6 {
	font-size: 3mm;
}
a {
	color: black;
}
a:link, a:hover, a:visited {
	color: #333399;
}
a.command:link, a.command:hover, a.command:visited {
	color: black;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}
input { 
	margin: 3px;
	padding: 0px;
}
th {
	text-align: left;
}
p, li { 
	font-size: 3.7mm;
	line-height: 140%;
}
p.error, p.warning { 
	font-size: 3mm;
	font-weight: bold;
	line-height: 100%;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
p.error {
	color: red;	
}
p.warning {
	color: blue;	
}
table.settingstable, table.settingstable td, table.settingstable th {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
table.settingstable tr {
	vertical-align: top;	
}
table.calendartable td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
table.calendarbox td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
table.monthtable {
	margin: 0px;
	padding: 0px;
	border: 1px;
	border-collapse: collapse;
}
table.monthtable td {
	border: 1px solid #FFFFFF;
}
img {
	border: 0px;
}

ul#primarymenu {
	list-style-type: none;
	margin: 0px; 
	padding: 0px;
	padding-left: 100px;
}
ul#primarymenu li {
	_width: 0px;
	height: 23px;
    float: right;
    list-style-type :none;
    font-size: 8pt;
    padding: 0px 0px 0px 0px;
    margin: 0px 1px 6px 1px;
    border: 0px;
    background: url(../images/tab_left.gif) no-repeat 0% 0%;
}
ul#primarymenu li a {
	display: block;
	height: 20px;
    list-style-type: none;
	padding: 3px 8px 0px 8px;
	margin: 0px;
	background: url(../images/tab_right.gif) no-repeat 100% 0px;
	white-space: nowrap;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
ul#primarymenu li:hover {
	background-image: url(../images/tab_left.gif);
	background-position:0% -23px;
}
ul#primarymenu li:hover a {
	background-image: url(../images/tab_right.gif);
	background-position:100% -23px;
}
.hint {
	font-size: 80%;
	font-weight: bold;
	text-align: center;	
}
#menudiv {
	position: absolute;
	width: 16em;
	z-index: 10000;
	border: 1px solid black;
	padding: 3px;
	background-color: #D8D8FF;
}
.menublock, .menucell, .menurow {
	border: 0px solid transparent;
	padding: 0px;
	margin: 1px;
}
.menucell {
	font-size: 70%;
	text-align: right;
	width: 2em;	
}
.clocklabel {
	font-size: 90%;
	font-weight: bold;	
}
.menubutton, .menubuttonday, .menubuttonnight, 
.menubuttonselected, .menubuttondayselected, .menubuttonnightselected {
}
.mainbutton, .normalbutton, .colourbutton {
	background-color: #AAAAFF;
	font-weight: bold;
}
.mainbutton {
	font-size: 5mm;
	padding: 1mm;
}
.normalbutton {
	font-size: 4mm;
	padding: 1mm;
}
.colourbutton {
	font-size: 3mm;
	padding: 1mm 6mm 1mm 6mm;
}
.menubutton, .menubuttonday, .menubuttonnight {
	background-color: #CCCCCC;
}
.menubuttonselected, .menubuttondayselected, .menubuttonnightselected {
	background-color: #FF6666;
	color: black;	
}
.menurow {
	display: table-row;	
}
/* Calendar styling. */
tr.week {
	height: 4ex;
}
table.respondform {
	width: 850px;
}
.commentsize {
	width: 24em;	
}
.monthname { font-style: italic; margin-bottom: 0px; padding-bottom: 0px } 
.monthtable { border-style: none; border: 0pt }
.note { font-size: 3mm }
.borderless { border: 0px; }
.smaller, .smallbutton, .smallerbutton {  font-size: 2.6mm; line-height: 100%; font-weight: normal}
.smallnote { font-size: 2.4mm; line-height: 100%; font-weight: normal}
.smallbutton { display: block; width: 6em; }
.smallerbutton { display: block; width: 4em; }
.bigemphasis {  font-weight: bold; text-decoration: blink; font-style: italic}
.nounderline {  text-decoration: none}
.selected {  font-weight: bold; background-color: #FFFF99}

/* Styles for the title and top banner area. */
.title {
	margin-bottom: 0px;
	padding-bottom: 2px;
	line-height: 100%;
}
.subtitle {
	margin-top: 0px;
	padding-top: 0px;
	line-height: 100%;
}
.withoutmargin {
	margin: 0px;
}
.responsetimeheader {  font-size: 1.2ex; line-height: 100%; font-weight: normal}

.dayheader, .weekendheader, .widedayheader, .wideweekendheader, 
.day, .daydisabled, .weekend, .weekenddisabled,
.wideday, .widedaydisabled, .wideweekend, .wideweekenddisabled {
	text-align: center;
	vertical-align: top;
	font-size: 4mm;
	font-weight: bold;
} 
.dayheader, .weekendheader, .widedayheader, .wideweekendheader {
	color: #000000;
}
.day, .daydisabled, .weekend, .weekenddisabled {
	color: #666666;
}
.dayheader, .weekendheader, .day, .daydisabled, .weekend, .weekenddisabled {
	width: 4em;
}
.widedayheader, .wideweekendheader, .wideday, .widedaydisabled, .wideweekend, .wideweekenddisabled {
	width: 8.8em;
}
.day, .daydisabled, .dayheader, .wideday, .widedaydisabled, .widedayheader {
	background-color: #AAAAFF;
} 
.weekend, .weekenddisabled, .weekendheader, .wideweekend, .wideweekenddisabled, .wideweekendheader {
	background-color: #DDDDDD;
}
.weekend, .weekenddisabled, .wideweekend, .wideweekenddisabled { 
	font-style: italic; 
}
.today {
	color: #FF0000;
}
.widetextbox, .dummywidetextbox, .settingswidetextbox {
	text-align: left; 
	width: 90%;
	min-height: 50px;
	font-style: normal;
	font-weight: bold;
	font-size: 2.75mm;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0.5ex;
	overflow: visible;
}
.widetextbox {
	border: 1px solid black;
	background-color: white;
}
.dummywidetextbox {
	border: 1px solid #888888;	
}
.settingswidetextbox {
	margin-left: 0%;
	margin-right: 0%;
	border: 1px solid black;
	width: 12em;
}
table.responseentry {
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	border-style: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
table.responseentry td {
	border-style: none;
	margin: 0px;
}
.check {
	text-align: right;
}
.responsecheck {
	/* vertical-align: -40% */
	margin-right: 0px;
}
.slot, .setslot, .responseslot, .freeslot {
	padding: 0px 2px 0px 2px;
}
.slot, .freeslot {
	color: #AAAAAA;
	background-color: white;	
}
.freeslot {
	color: #666666;
}
.setslot {
	color: black;
}
.responseslot {
	color: white;
	background-color: #888888;
}
.copyright { font-size: 3mm; line-height: 110%; font-weight: normal }
.currentcommand { color: #000000; }
.spacecolumn { width: 20px }
.buttons { text-align: center }

/* Response stuff here */
.responselabel { 
	color: #000000; 
	text-align: left; 
	font-weight: bold; 
	vertical-align: bottom
}
.responseheader, .responsename, .responsecomment, table.responsetable td.response {
	background-color: #E8E8F8; 
}
.responseheader {  
	text-align: center; 
	color: #1073BD
}
.responsename, .responsecomment {
	color: #000000;
	text-align: left;
	font-weight: bold;
}
.responsename {
	width: 10em;
}
.responsecomment {
	width: 14em;
}
td.response a { 
	color: #000000; 
}
td.responsevip a { 
	color: #000000; 
}
table.responsetable {
	border-spacing: 0px;
	border-collapse: collapse;
}
table.responsetable td {
	margin: 0px;
	border: 0px;
	font-size: 75%;
	border: 1px solid #FFFFFF;
}
table.responsetable td.response {
	color: #000000; 
	text-align: center; 
	font-weight: bold;
}
table.responsetable td.responsedateheader {
	color: #000000;
	background-color: #AAAAFF;
	text-align: center;
	font-weight: bold;
	border-bottom: 0px;
}
table.responsetable td.responsetime {
	color: #000000;
	background-color: #AAAAFF;
	text-align: center;
	font-weight: normal;
	width: 1.3em;	
	padding-top: 0.7ex;
	border-top: 0px;
}
table.responsetable td.responsenameheader {
	width: 10em;
	font-weight: bold;
}
table.responsetable td.responsecommentheader {
	width: 14em;
	font-weight: bold;
}
table.responsetable td.responsevipheader {
	width: 2.4em;
	font-weight: bold;
	vertical-align: bottom;
}
table.responsetable tr.vip td {
	color: #000000;
	background-color: #DDDDDD;
}
.daybox, .weekendbox {
	margin: 0px;
}
/* Other styles */
.smallheader {
	/* font-size: 80%; */
	font-weight: normal;
}