/*47891B
now 
1e5799*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

h1.welcome{
	padding:15px;	
}

body{ 
font-family: 'PT Sans', Helvetica, sans-serif; 
color:#444; 
background:#f2f2f2;
font-size:14px; 
height:100%; 
top:0; 
left:0; 
margin:0; 
padding:0;
/*background-image:url(images/back960.jpg);
background-repeat:no-repeat;*/
}
h1, h2, h3{padding-top: 0; margin-top: 0; color:#FFF; text-align: left; text-shadow: #000 0 1px 1px;}
h1{line-height: 50px; font-size:20px;}
h2{line-height: 20px; font-size:16px; text-shadow:none;}
#wideContent h3{color:#444; text-shadow:none;}

#headerContainer{height:50px; margin-bottom:20px;	width: 100%;}
#headerBar{ 

/*background-color:rgb(71,137, 27);
box-shadow: 0 0 2px 0 #000000;
 -webkit-box-shadow: 0 0 2px 0 #000000;
  -moz-box-shadow: 0 0 2px 0 #000000;
   background-image: linear-gradient(bottom, rgb(39,120,51) 0%, rgb(38,87,19) 100%);
background-image: -o-linear-gradient(bottom, rgb(39,120,51) 0%, rgb(38,87,19) 100%);
background-image: -moz-linear-gradient(bottom, rgb(39,120,51) 0%, rgb(38,87,19) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(39,120,51) 0%, rgb(38,87,19) 100%);
background-image: -ms-linear-gradient(bottom, rgb(39,120,51) 0%, rgb(38,87,19) 100%); text-shadow: 0px 1px 0px #57646d;*/

background: #1e5799; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */




 }
#headerContainer a{ text-decoration:none; border:none;}
#headerContent{ height:50px; width:960px; margin:0 auto;}
#headerLogo{ height:50px; width:368px; margin-top:0; position:absolute;}
.circle{ color:#fff; line-height:30px; text-align:center; text-shadow: #000 0 1px 2px; font-size:10px; width: 30px; height: 30px; margin:8px 8px 8px 0px; float:left; padding:0px; -moz-border-radius: 20px;  -webkit-border-radius: 20px; border-radius: 20px; border: 2px solid #ffffff; box-shadow: 0 1px 2px 0 #000000; -webkit-box-shadow: 0 1px 2px 0 #000000; -moz-box-shadow: 0 1px 2px 0 #000000;}

#contentContainer { width:960px; margin:0 auto 40px auto; overflow:hidden;}

#mainnav{
	width:960px; 
	height:270px; 
	margin: 0 0 15px 0;
	background-image:url(images/banner960.jpg);
	background-repeat:no-repeat;
	position:relative;
}
#nav{
	position:absolute;
	top:230px;	
}
#nav li{
	
}
#mainnav ul { margin:0px; padding:0px;}
#mainnav ul li { text-align:center; list-style:none; display: inline-block; float:right; margin-left:10px; font-size:13px;}
#mainnav ul li a { 
	border-radius: 14px; 
	text-decoration:none; 
	font-weight:bold; 
	text-shadow:0 1px 0 #fff; 
	/*color:#aaa; */
	color:#000;
	padding:5px 10px; 
	display:block; 
	margin:0 0; 
	border:1px solid #ececec; 
	/*border-bottom:1px solid #ececec; 
	border-top:1px solid #fcfcfc; */
	background:#fff;
}
#mainnav ul li a.active {text-shadow: #000 0 1px 0px; color:#fff; background:#1e5799;}
#mainnav ul li a:hover { color:#444; }
#mainnav ul li a.active:hover {color:#fff;}
#mainnav ul li .reset{
	text-shadow: #000 0 1px 0px;
	background-color:#ff0000;
	color:#fff;
}
#mainnav ul li .reset:hover{
	color:#fff;
}
#leftContent {vertical-align:top; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; padding:0px 0px; margin:0 0 2px 0; width:249px; background: #f9f9f9; border-radius:8px 0px 0px 8px; -webkit-border-radius:8px 0px 0px 8px; -moz-border-radius:8px 0px 0px 8px; box-shadow: 0 2px 2px -1px #D9D9D9; -webkit-box-shadow: 0 2px 2px -1px #D9D9D9; -moz-box-shadow: 0 2px 2px -1px #D9D9D9; border-top: 1px solid #EBEBEB; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #C1C1C1; display:table-cell; border-right:1px solid #ececec;}
#rightContent {vertical-align:top; padding:15px 25px; margin:0 0 2px 0; width:658px; background:#ffffff; border-radius:0px 8px 8px 0px; -webkit-border-radius:0px 8px 8px 0px; -moz-border-radius:0px 8px 8px 0px; box-shadow: 0 2px 2px -1px #D9D9D9; -webkit-box-shadow: 0 2px 2px -1px #D9D9D9; -moz-box-shadow: 0 2px 2px -1px #D9D9D9; border-top: 1px solid #EBEBEB; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #C1C1C1; display:table-cell;}
#wideContent{padding:15px 25px; margin:0 0 2px 0; width:908px; background:#ffffff; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow: 0 2px 2px -1px #D9D9D9; -webkit-box-shadow: 0 2px 2px -1px #D9D9D9; -moz-box-shadow: 0 2px 2px -1px #D9D9D9; border-top: 1px solid #EBEBEB; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #C1C1C1; overflow:auto;}
#wideContent p.central{text-align:center;}

#loginForm{width: 460px; margin:0 auto;}
#loginForm .field{border: 1px solid #1e5799; overflow:auto; width: 458px; margin:0 auto; border-radius:8px;}
#loginForm input[type="text"]{border: none; background: transparent; display:inline; outline: none; margin:0; width: 438px; float: left; padding: 10px; color:#444; font-size:26px; font-family: 'PT Sans', Helvetica, sans-serif; text-align:center;}


#leftContent ul { margin:0px; padding:0px;}
#leftContent ul li { text-align:right; list-style:none; }
#leftContent ul li a { text-decoration:none; font-weight:bold; text-shadow:0 1px 0 #fff; color:#aaa; padding:15px 15px 15px 0; display:block; margin:0 0; border-bottom:1px solid #ececec; border-top:1px solid #fcfcfc; background:#f9f9f9;}
#leftContent ul li a.active {text-shadow: #eee 0 1px 0px; color:#1e5799; background:#fff; border-right:1px solid #fff;}
#leftContent ul li a:hover { color:#444; }
#leftContent ul li a.active:hover {color:#1e5799;}
#leftContent ul li:first-child a { border-top:none; border-radius:8px 0px 0px 0px; -webkit-border-radius:8px 0px 0px 0px; -moz-border-radius:8px 0px 0px 0px;}
#leftContent ul li a.beforeActive { border-bottom:1px solid #f9f9f9; }
#leftContent ul li a.afterActive { border-top:1px solid #f9f9f9; }

#progress{width:218px; padding:15px; color:#fff; box-shadow: inset 0px 1px 1px 0px #444; background: #1e5799; overflow:none;}
#progress table tr td{padding-bottom:10px; float:left;}
#progress table tr td:first-child { width:130px;}
#progress table tr td:last-child { width: 80px; text-align:right;}

#fullWidth{float:left; width:659px; padding:0 0;}
#rightContent h1, #wideContent h1{color:#444; text-shadow: #fff 0 1px 2px; 	line-height:normal;}
#fullWidth a{text-decoration:none; color:#1e5799; text-shadow:0 1px 0 #fff;}
#fullWidth a:hover{text-decoration:underline;}

#helper{float:left; margin:34px 25px 0 0; position:relative; width: 172px; font-size:smaller; }

.objectiveContainer{border-bottom:1px solid #ececec; border-top:1px solid #fcfcfc; padding: 20px 0;}
.objectiveContainer:first-of-type{ border-top:none;}
.objectiveContainer:last-child{border-bottom:none;}
.objectiveContent{border: 1px solid #1e5799; overflow:auto; width: 840px; margin:0 auto; border-radius:8px;}
.objectiveContent .label{float:left; display:inline; width:auto; margin:0;padding:0; line-height:39px; margin:0 10px; font-weight:bold;}
.objectiveContent input[type="text"]{border: none; background: transparent; display:inline; outline: none; margin:0; width: 658px; float: left; padding: 10px; color:#444; font-size:14px; font-family: 'PT Sans', Helvetica, sans-serif;}
.objectiveContent .remove{float:right; display:inline; width:auto; margin:0;padding:0; line-height:39px; margin:0 10px; max-height:39px;}
.objectiveContent .remove a, .objectiveContent .remove a:visited {text-decoration:none; color:#CCC; font-size:small; font-weight:bold; margin:0; padding:0;}
.objectiveContent .remove a:hover {color:#C30;}
button.yellow, input[type='submit'].yellow{
	float:right;
	margin-left:10px;	
}
button:hover{
	cursor:pointer;	
}
form select{
	font-size:2em;	
}
#hours{position:relative; float:left; margin:0 0 0 0; width:659px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; font-weight:bold; text-shadow:0 1px 0 #fff; color:#666; padding-top:15px;}
#hours p:first-child{padding-top:0; argin-top:0;}
#hours span{float:right; margin: -2px 0 0 15px;}
#hours span.displayTime{float:left;width:100px;margin-left:30px;}
#hours span.displayTime span{float:none; margin:0;}
#hours button, #hours input[type="submit"]{ float:right; }
#hours .slider{width:603px; padding:10px 28px 30px; border-bottom:1px solid #ececec; border-top:1px solid #fcfcfc;}
#hours>.slider:first-of-type { border-top:none; padding-top:0;}
#hours>.slider:last-of-type{ border-bottom:none; padding-bottom:45px;}

#programme{position:relative; float:left; width:659px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; font-weight:bold; text-shadow:0 1px 0 #fff; color:#666;}
#programme table{float:left; border-spacing: 0px; padding:0; margin:25px 0 18px 0; text-align:center; }
#programme table td, #programme table th{ border-bottom:1px solid #ececec; border-left:1px solid #ececec; border-top:1px solid #fcfcfc; border-right:1px solid #fcfcfc; padding:10px 4px; }
#programme table tr td:first-child, #programme table tr th:first-child { width:140px; border-left:none; }
#programme table tr td:last-child, #programme table tr th:last-child { border-right:none; }
#programme table tbody tr td:hover{ cursor:pointer; }
#programme table tbody tr td.closed:hover{ cursor:not-allowed; }
#programme table tbody tr td.timeSlot:hover{ cursor:default; }
#programme table tbody tr:last-child td { border-bottom:none; }
#programme table td { width:63px; }
#programme table thead th { border-top:none; }
#programme table td.casual, #programme table td.educational, #programme table td.classes, #programme table td.club, #programme table td.closed, #programme table td.peak, #programme table td.offpeak{ font-weight:normal; font-size:66%; text-transform:uppercase;}
#programme table td.casual{background: url(images/casual.png) center no-repeat; color:#dc8514;}
#programme table td.educational{background: url(images/edu.png) center no-repeat; color:#09C;}
#programme table td.classes{background: url(images/class.png) center no-repeat; color:#390;}
#programme table td.club{background: url(images/club.png) center no-repeat; color:#936;}
#programme table td.peak{background: url(images/pound.png) center no-repeat; color:#390;}
#programme table td.offpeak{background: url(images/casual.png) center no-repeat; color:#09C;}
#programme table td.closed{color:#F00; background:#f2f2f2;}
#programme div.select{ background: #F7F7F7; width:147px; text-align: center; border: 1px #f2f2f2 solid; margin-top:15px; margin-right:21px; float:left; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; overflow:hidden;}
#programme div.select a {padding:10px 15px; display:block; text-decoration:none; font-weight:normal; text-shadow:0 1px 0 #fff; color:#aaa; font-size:70%;}
#programme div.select.current { box-shadow: inset 0 1px 1px 0px #D9D9D9;
-webkit-box-shadow: inset 0 1px 1px 0px #D9D9D9;
-moz-box-shadow: inset 0 1px 1px 0px #D9D9D9;}
#programme div.select.hidden{background:#fff; border:none;}
#programme div.select a.peak:hover, #programme div.select.current a.peak {color:#390;}
#programme div.select a.offpeak:hover, #programme div.select.current a.offpeak {color:#09C;}
#programme div.select a.educational:hover, #programme div.select.current a.educational {color:#09C;}
#programme div.select a.club:hover, #programme div.select.current a.club {color:#936;} 
#programme div.select a.classes:hover, #programme div.select.current a.classes {color:#390;}
#programme div.select a.casual:hover, #programme div.select.current a.casual {color:#dc8514;}
#programme div.select:last-of-type{margin-right:0px !important;}
#programme button, #programme input[type="submit"], #wideContent button, #wideContent input[type="submit"]{ float:right; margin-left: 10px;}


button, input[type="submit"]{ font-family: 'PT Sans', Helvetica, sans-serif; font-size:16px; border:1px solid #084F9A; border-radius:4px; padding:0 19px; line-height:32px; text-align:center; width:150px; display:inline-block; font-weight:bold;}
button.yellow, input[type="submit"].yellow { color: #fff; border: 1px solid #e6b650; background-image: -moz-linear-gradient(#ffd974, #febf4d); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974)); background-image: -webkit-linear-gradient(#ffd974, #febf4d); background-image: -o-linear-gradient(#ffd974, #febf4d); text-shadow: 0px 1px 0px #986a39; background-color: #febf4d;}
button.yellow:hover, input[type="submit"].yellow:hover{border: 1px solid #c1913d; background-image: -moz-linear-gradient(#febf4d, #ffd974); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d)); background-image: -webkit-linear-gradient(#febf4d, #ffd974); background-image: -o-linear-gradient(#febf4d, #ffd974); background-color: #ffd974;}
button.red, input[type="submit"].red { color:#fff;background: #ff3019; /* Old browsers */

background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
button.red:hover, input[type="submit"].red:hover{border: 1px solid #c1913d; background-image: -moz-linear-gradient(#febf4d, #ffd974); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d)); background-image: -webkit-linear-gradient(#febf4d, #ffd974); background-image: -o-linear-gradient(#febf4d, #ffd974); background-color: #ffd974;}
button.greyblue , input[type="submit"].greyblue { color: #fff; border: 1px solid #929ba2; background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8)); background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5); background-image: -o-linear-gradient(#bbcbd8, #8ea5b5); text-shadow: 0px 1px 0px #57646d; background-color: #8ea5b5;}
button.greyblue:hover, input[type="submit"].greyblue:hover {border: 1px solid #656f78; background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5)); background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8); background-image: -o-linear-gradient(#8ea5b5, #bbcbd8); background-color: #bbcbd8;}
button.progress, input[type="submit"].progress{float:right; border-radius:0px 0px 0px 4px; margin-top:0px; font-size:small; padding: 0; margin-bottom:10px; border-right:none; width:110px;}
button.progress:hover, input[type="submit"].progress:hover{border-right:none;}

button.large, input[type="submit"].large{width:350px; font-size:24px; line-height: 58px; margin: 0px 55px 10px 55px !important; float:right !important; overflow:auto; height:60px !important;}
button.med, input[type="submit"].large{width:350px; font-size:18px; line-height: 58px; margin: 0px 55px 10px 55px !important; float:right !important; overflow:auto; height:60px !important;}

.graph-container, .graph-container div, .graph-container a, .graph-container span { margin: 0; padding: 0;}
#tooltip, .graph-info a { background: #ffffff; color:#444; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-decoration:none;}
.graph-container { position: relative; width: 870px; height: 300px; padding: 20px;} 
.graph-container > div {position: absolute; width: inherit; height: inherit; top: 10px; left: 25px;}
.graph-info { width: 870px; margin-bottom: 10px;}
.graph-info .key a  {position: relative; display: inline-block; float: left; height: 20px; padding: 7px 10px 5px 30px; margin-right: 10px; text-decoration: none; cursor: default;}
.graph-info .key a:before { position: absolute; display: block; content: ''; width: 8px; height: 8px; top: 13px; left: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 
.graph-info .regs:before, .graph-info .peak:before { background: #FFBF00; }
.graph-info .stus:before, .graph-info .offpeak:before { background: #77b7c5; }
.graph-info .elds:before { background: #fabdef; }
.graph-info .u16s:before { background: #1e5799; }

.chartswitcher { width: 34px; height: 26px; line-height:26px; text-align:center; color:#444; padding: 4px 8px 2px 8px; margin-right: 0; margin-left: 10px; float: right; cursor: pointer;}
.chartswitcher.active { background: #1e5799; color:#fff; }
.chartswitcher span { display: block; width: 34px; height: 32px;}
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after { content: ''; display: block; clear: both;}
#tooltip {position: absolute; display: none; padding: 5px 10px; border: 1px solid #e1e1e1;}

#footer{margin-top:10px; font-size:70%; color:#1e5799; text-shadow:0 1px 0 #fff;}
#footer a{text-decoration:none; color:#1e5799; text-shadow:0 1px 0 #fff;}
#footer a:hover{text-decoration:underline;}
#footer span{color:#444;}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}
#overlay{
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:10;
}
#modal{
	position:absolute;
	background:url(tint20.png) 0 0 repeat;
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
	z-index:11;
}
#content{
	border-radius:8px;
	background:#fff;
	padding:20px;
}
#close{
	position:absolute;
	background:url('https://extra.shu.ac.uk/simu-sports-centre/resources/images/close.png') 0 0 no-repeat;
	width:24px;
	height:27px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}
form.signUp fieldset{
	padding:20px;
	border-radius:8px;
	border-color:#063;
}
form.signUp legend{
	font-size:20px;
}
form.signUp label{
	display:inline-block;
	width:120px;
}
form.signUp input[type='email'], form.signUp input[type='text'], form.signUp input[type='password']{
	width:250px;
	padding:5px;
	font-size:20px;
}
form.signUp input[type='email']:focus, form.signUp input[type='text']:focus, form.signUp input[type='password']:focus{
	background-color:#D7FFC1;
}
form.signUp label.error, #regMsg, #emailError{
	display:block;
	color:#ff0000;	
	font-weight:bold;
	padding-left:120px;
	width:300px;
}
#logout{
	float:right;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #ccc;
}
table.data{
	border-collapse:collapse;
	margin-bottom:15px;
	box-shadow: 4px 4px 4px #555;
	font-size:12px;
}
td{
	padding:10px;
}
table.data td{
	border: 1px solid #75C5E7;	
}
table.data tr{
	border: 1px solid #75C5E7;	
	padding:10px;
}
table.data tr:first-child{
	border:1px solid #000;	
	background-color:#F2F2F0;
}
table.qData{
	width:650px;	
	margin:30px auto;
}
.grid{
	width:350px;
	float:left;
	padding:4px;	
}
button.norm{
	width:350px;
	font-size:24px;
	line-height: 58px;
	margin: 0px;
	overflow:auto;
	height:60px;
	
}
.rightBox{
	width:150px;
	float:right;
	padding:4px;
}
.rightBox a img{
	border:none;
}