/* CSS Document */

/* used for cross fade image slideshow */
/* http://snook.ca/archives/javascript/simplest-jquery-slideshow */
.fadein_motd { position:relative; width:900px; height:153px;}
.fadein_motd img { position:absolute; left:0; top:0; max-width:100%; height:auto; }
/* https://mathiasbynens.be/demo/slideshow */
.slideshow { position: relative; width:900px; height:153px; }
.slideshow li { position: absolute; left: 0; top: 0; width: 700px; height: 119px; display: none; list-style: none; }
.slideshow li:first-child { display: block; }

.date {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #454296}
.posts {  font-family: Arial, Helvetica, sans-serif; color: #454296}

.topic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #454296;
	text-align: center;
}
.topic_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #454296;
	text-align: left;
}

.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-style: italic;
	font-weight: bold;
	color: #454296;
	text-align: center;
}
.bylineBlack {  font-family: Arial, Helvetica, sans-serif; font-size: smaller; font-style: italic; font-weight: bold; color: #000}
.blueline {  font-family: Arial, Helvetica, sans-serif; font-size: larger; font-weight: bold; color: #DD9944; background-color: #4A7CAE}

.datetime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	color: #454296
}

.datetime_centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	color: #454296;
	text-align: center;
}


.nndateline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	text-align: left;
}
.plaintext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

.plaintextCentre {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

.errorText {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
}

.TopicGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #1AEB0D;
}
.TopicGreen_Centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #1AEB0D;
	text-align: center;
}

.TopicRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #F00;
}

.TopicRed_Centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	color: #F00;
	text-align: center;
}

.TopicYellow {
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.TopicYellow_Centre {
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

#errormsgbox{
border:dotted #FFCC66 1px;
background-color:#FFFFCC;
width:300px;
height:60px;
color:#FF0000;
font-size:15px;
font-weight:bold;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	font-style: italic;
	/*text-align:left;*/
	color: #F00;
}

.posts_left0_width500 {
	font-family: Arial, Helvetica, sans-serif;
	color: #454296;
	text-align: left;
	position: relative;
	width: 500;
}

.posts_left500_width500 {
	font-family: Arial, Helvetica, sans-serif;
	color: #454296;
	text-align: left;
	position: absolute;
	width: 500;
	bottom: 500px;
}

/* Bell Times Table Style */
table.belltimes {
    border-collapse: collapse;
}

/* Booking Sheet utilities */
.BookingSheet_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	clear: both;
	width: 1196;
}

.BookingSheet_clash {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color: #FFB1B1;
	float: left;
}

.BookingSheet_swap {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color: #DCEFE2;
	float: left;
}

.BookingSheet_noswap_noclash {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color: #DDD;
	float: left;
}

.BookingSheet_delete {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color: #FFE3A6;
	float: left;
	width: 1196;
}

	
.BookingSheet_line {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 1000;
}

.BookingSheet_info {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 1000;
	text-align:left;
	margin: 2px;
}

.BookingSheet_swapButton {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 60;
	margin: 2px;
	text-align:center;
}

.BookingSheet_deleteButton {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 60;
	margin: 2px;
	text-align:center;
}

.BookingSheet_toggleButton {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 60;
	margin: 2px;
	text-align:center;
}

.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: #000000;
}

.SPAsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	font-style: italic;
	/*text-align:left;*/
	color: #F00;
}

.SPAmedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
	font-style: italic;
	/*text-align:left;*/
	color: #F00;
}

.SPAlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: italic;
	/*text-align:left;*/
	color: #F00;
}

.weights_topbar_green {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: static;
	top: 0;
	left: 0;
	padding: 8px;
	overflow: hidden;
	border: none;
	font: normal normal bold 18px/1 Arial, Helvetica, sans-serif;
	color: rgba(255,255,255,1);
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: -webkit-linear-gradient(-90deg, rgba(21,134,0,1) 0, rgba(81,184,41,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(21,134,0,1) 0, rgba(81,184,41,1) 100%);
	background: linear-gradient(180deg, rgba(21,134,0,1) 0, rgba(81,184,41,1) 100%);
	background-position: 100% 100%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.weights_text_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: static;
  padding: 8px;
  overflow: hidden;
  border: none;
  font: normal normal bold 18px/1 Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.lib_bookingsheet_table_body
{
    table-layout: fixed;
    width: 1600px;
}

.lib_bookingsheet_table_body_400
{
    table-layout: fixed;
    width: 400;
}