.field_password {
	text-security: disc!important;
	-webkit-text-security: disc!important;
	-mox-text-security: disc!important;
}

a {
	/*color: #333333;*/
	text-decoration: none;
}
html {
	height: 100%;
}
body{
	background: url('../img/bg_login.jpg') no-repeat center center fixed;
	background-size: cover;
	background-color: rgb(0, 16, 31);
	font-family: 'Open Sans', sans-serif;
}
h2, h3{color: #FFF;}
#notsupported{
	display: none;
}
.allergyDiv{
	margin-bottom: 5px;
}
.alerts{
	position: relative;
	top: 150px;
}
/* Sidenav for Docs
-------------------------------------------------- */
.hidden{
	display: none;
}
.unread{
	font-weight: bold;
}
td input[type="checkbox"],td input[type="radio"]{
	margin: 0;
}
.school{
	color: #FFF;
}
.sidebar {
	padding: 0;
	margin-bottom: 30px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #CAEEFF;
}
.notifications li{
	border-bottom: 1px solid #b3b3b3!important;
	width: 500px;
	word-wrap: break-word;
}
.notifications li a{
	white-space: normal !important;
}
.sidebar > li > a {
	display: block;

	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #0088cc;
}
.bottom-notifications{
	background-color: #d5d5d5;
	border-top-style: solid;
	border-bottom: 0!important;
}
.unread-notification{

	font-weight: bold!important;
}
.sidebar > li:first-child > a {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.sidebar > li:last-child > a {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.sidebar > .active > a {
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.sidebar .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}
.sidebar > li > a:hover {
	background-color: #0088cc;
	color: white;
}
.sidebar a:hover .icon-chevron-right {
	opacity: .5;
}
.sidebar .active .icon-chevron-right,
.sidebar .active a:hover .icon-chevron-right {
	background-image: url(../img/glyphicons-halflings-white.png);
	opacity: 1;
}
.sidebar.affix {

}
.sidebar.affix-bottom {
	position: absolute;
	top: auto;
	bottom: 270px;
}
.loggedin{
	position: relative;
	top: 150px;
}
.divider{
	height: 20px;
}
.footer{
	color: white;
	text-align: center;
	height: 25px;
	line-height: 25px;
	background-color: #428bca;
}
.day-orb{
	background-color: #222222;
	color: white;
	width: 125px;
	height: 125px;
	margin-left: 10px;
	text-align: center;
	border-color: #000000!important;
	border-width: 0px!important;
	border-style: none!important;
}
.day-orb h1{
	margin-top: 10px;
	padding: 0;
	font-weight: 100;
}
.day-weekend{
	background-color: lightgray;
	color: black;
}
.day-current{
	border-color: #428bca!important;
	border-width: 5px!important;
	border-style: solid!important;
}
.badge-red{
	background-color: red;
	color: white;
}
.diary-box{
	overflow: auto;
	border: 1px solid lightgray;
	border-radius: 15px;
	line-height: 100px;
	font-size: 22px;
	padding-left: 20px;
	height: 100px;
	margin-bottom: 10px;
}
.diary-box:hover{
	border-color: #428bca!important;
	border-width: 1px!important;
	border-style: solid!important;
}
.diary-box-attention{
	height: 100px;
	width: 10%;
	line-height: 100px;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 20px;
	border-radius: 0px 15px 15px 0;
	background-color: #eeeeee;
	border: 0px 1px 0px 0 solid lightgray;
	text-align: middle;
}
.login-box{
	background-color: #EEEEEE;
	border-radius: 15px;
	border: 1px solid lightgray;
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.school-image{
	text-align: center;
}
.centered {
	margin: 0 auto;
}
.align-center{
	text-align: center;
}
.task-icon{
	font-size: 22px;
	margin-right: 10px;
}

.roll-icon{
	font-size: 22px;
	margin: 2px;
}

.icon-plus{
	color: red;
}

.icon-plus-diary{
	color:#FFF;
}

.font-green{
	color:green;
}

.font-orange{
	color:#F60;
}

.font-red{
	color:red;
}
header {
	padding: 10px;
	background: white;
	box-shadow: 0px 0px 10px #888888;
	/* background: #ffffff; /* Old browsers */
	/* background: -moz-linear-gradient(top,  #ffffff 0%, #0088cc 86%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(86%,#0088cc)); /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  #ffffff 0%,#0088cc 86%); /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  #ffffff 0%,#0088cc 86%); /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  #ffffff 0%,#0088cc 86%); /* IE10+ */
	/* background: linear-gradient(to bottom,  #ffffff 0%,#0088cc 86%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0088cc',GradientType=0 ); /* IE6-9 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 39%, #0088cc 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(39%,#ffffff), color-stop(100%,#0088cc)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 39%,#0088cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 39%,#0088cc 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 39%,#0088cc 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 39%,#0088cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0088cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	margin-bottom: 10px;
}
footer {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: white;
	background-color: #0088cc;
}
legend{
	font-size: 28px;
	margin-bottom: 5px;
	border: 0;
}

.school-logo{
	height: 100px;
	width: 100%;
}

.advertisement{
	height: 100px;
	width: 100%;
}

h3 {
	padding: 0;
	margin: 0;
}

h5 {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
}

@media (min-width: 768px) and (max-width: 979px) {
	.day{
		width: 95px;
		height: 95px;
		margin-left: 5px;
	}
	.day h1{
		font-size: 20px;
		padding: 0;
		margin: 0;
	}
}
@media (min-width: 979px) and (max-width: 1199px) {
	.day{
		width: 105px;
		height: 105px;
		margin-left: 5px;
	}
	.day h1{
		font-size: 28px;
		padding: 0;
		margin: 0;
	}
	.diary-box{
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.day{
		width: 95px;
		height: 95px;
		margin-left: 5px;
	}
	.day h1{
		font-size: 20px;
		padding: 0;
		margin: 0;
	}
}
.font-bold{
	font-weight:600;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.small{
	font-size: 12px;
}
.reader-entry{
	position: relative;
}
.reader-pages{
	position: absolute;
	top: 50%;
	margin-top: 50px;
	height: 100px;
}
.header-badge{
	top: 10px;
	left: 15px;
	font-size: 10px!important;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 0px;
}
.header-icons{
	width: 80px;
	text-align: center;
}
.header-icon{
	margin-right: 10px;
	font-size: 24px;
}
.header-icon:hover{
	font-style: none;
}
.task-badge{
	top: 5px;
	left: 15px;
	font-size: 10px!important;
	padding: 3px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 0px;
	position: absolute;
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}

.comm-box-left{
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:rgba(107, 224, 37, 0.5);
	padding: 10px;
	margin-bottom: 5px;
	width: 50%;
}

.comm-box-right{
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:rgba(4, 169, 255, 0.5);
	padding: 10px;
	margin-bottom: 5px;
	width: 50%;
}

.gallery-thumbnail{
	max-height:300px;
	max-width: 300px;
}


/* ASH's CSS START______________________________________________________________ */

/* following *3* focus css rules are for making the buttons more obvious when they have focus */
.btn:focus{
	background-image: linear-gradient(to bottom, darkgrey, darkgrey);
	background-color: darkgrey;
}

.btn-success:focus{
	background-image: linear-gradient(to bottom, darkgreen, darkgreen);
	background-color: darkgreen;
}

.btn-danger:focus{
	background-image: linear-gradient(to bottom, darkred, darkred);
	background-color: darkred;
}

/* makes modals scrollable */
.modal .modal-body{
	overflow-y: auto;
	max-height: 420px;
}

/* makes the nav tabs look more like links and make the active link more obvious */
.nav-tabs > .active > a{
	font-weight: bold;
}

/* makes the main menu and home page links black  */
.sidebar > li > a{
	color: #333333;
	text-shadow: none;
}
.diary-box{
	color: #333333;
}

/* following *5* rules add additional contrast to table stripes, adds a mouseover colour and makes table headers dark and underlined */
.table-striped > tbody tr:hover > td, tbody tr:hover > th{
	background-color: #FFFFFF!important;
}
.table-striped > tbody tr.info:hover > td {
	background-color: #FFFFFF!important;
}
.table-striped tbody > tr:nth-child(odd) > td{
	background-color: #FFFFFF;
}
.table tbody tr.info > td {
	background-color: #FFFFFF;
}
.table th{
	background-color: #DDD;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

/* adds a vertical whitespace abpove tables */
.table{
	margin-top: 20px;
}

/* emboldens active pagination links */
.pagination ul > .active > a{
	font-weight: bold;
}

/* mouseover effect for orbs */
.day-orb:hover{
	background-color: #0081c2;
}

/* following *3* rules colour tasks based on due date */
.taskoverdue{
	background-color: rgb(253, 168, 168);
	border-style: solid;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.taskday{
	background-color: rgb(253, 136, 71);
	border-style: solid;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.taskweek{
	background-color: rgb(255, 255, 161);
	/* border-style: solid; */
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* makes text bold */
.strong{
	font-weight: bold;
}

/* makes background colour light grey */
.grey{
	background-color: #e6e6e6;
}

/* following 2 classes give higher than default strata levels */
.strata2{
	z-index: 2;
	position: relative;
}
.strata3{
	z-index: 3;
	position: relative;
}

/* removes bold text from back buttons */
legend .btn{
	font-weight: normal;
}

/* text align right */
.text-right{
	text-align: right;
}

/* following 4* rules are for back buttons */
/*.btn-back {
	margin: 5px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-back.active {
	color: rgba(255, 255, 255, 0.75);
}
.btn-back:hover,
.btn-back:focus,
.btn-back:active,
.btn-back.active,
.btn-back.disabled,
.btn-back[disabled] {
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}
.btn-back:active,
.btn-back.active {
	background-color: #003399 \9;
	}*/


	/* gives pagination links, with an onclick event, a link mouseover effect */
	.pagination ul > li{
		cursor: pointer;
	}

	/* CHANGES IN OTHER CSS FILES */
/* fullcalendar.css - highlights current day
/
.fc-state-highlight {
	background: #cce5f2;
	border-style: solid;
	border-width: medium!important;
	}*/

	.navbar-inverse{
		margin-bottom: 5px;
	}
	.navbar-inverse .navbar-inner {
		background-color: #008B43;
		background-image: -moz-linear-gradient(top, #008B43, #008B43);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008B43), to(#008B43));
		background-image: -webkit-linear-gradient(top, #008B43, #008B43);
		background-image: -o-linear-gradient(top, #008B43, #008B43);
		background-image: linear-gradient(to bottom, #008B43, #008B43);
		background-repeat: repeat-x;
		border-color: #dddddd;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4AA800', endColorstr='#ff4AA800', GradientType=0);
	}

	.navbar-inverse .brand,
	.navbar-inverse .nav > li > a {
		color: #FFFFFF;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
		border-top-color: #FFFFFF;
		border-bottom-color: #FFFFFF;
	}


	.spinner{
		width: 200px;
		height: 200px;

		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999999;
		margin: auto;
		text-align: center;
	}
	#loadingContainer {
		position:fixed;
		padding:0;
		margin:0;
		display: none;
		width: 100%;
		height: 100%;
		z-index: 9999999;
		background:rgba(255,255,255,0.5);
	}

	.loadingContainer{
		/*background-color: rgba(139, 139, 139, 0.8);*/
		background-color: rgba(0, 0, 0, 0.5);
		height: 150px;
		/*width: 150px;*/
		margin: -150px 0 0 -150px;
		top: 50%;
		/*left: 50%;*/
		position: fixed;
		border-radius:10px;
		z-index: 2000;
		}​
		/* ASH's CSS END____________________________________________________________ */



		/* ROWAN'S CSS START________________________________________________________ */

		.orb {
			width: 100%
		}

		.row-fluid {
			width: 100%;
		}

		/* Sets the float of buttons which appear on the right-hand side of the screen */
		.buttonfloat {
			float:right;
		}

		.contentLeftAlign {
			float: left;
			width: 100%;
		}

		.buttonsLeftAlign {
			float: left !important;
			margin: 0 10px 10px 0 !important;
		}

		/* ROWAN'S CSS END__________________________________________________________ */
		/* Andrew Changes */
		.navbar-fixed-top,
		.navbar-fixed-bottom,
		.navbar-static-top {
			margin-right: 0!important;
			margin-left: 0!important;
		}
		.notifications-page{
			list-style: none;

		}
		.notifications-page-notification{
			border-top: 1px solid #b3b3b3!important;
		}

		label,
		input,
		button,
		select,
		textarea {
			font-size: 14px;
			font-weight: normal;
			line-height: 30px;
		}
		textarea {
			line-height: 20px;
		}
		.table th,
		.table td {
			line-height: 30px;
			text-align: left;
			vertical-align: top;
			border-top: 1px solid #dddddd;
		}

		input[type="radio"],
		input[type="checkbox"] {
			margin: 8px 0 0;
			margin-top: 1px \9;
			*margin-top: 0;
			line-height: normal;
		}

		.form-signin {
			padding: 19px 29px 29px;
			margin: 0 auto 20px;
		}

		.schoollist{
			max-width: 600px;
		}

		.form-signin .form-signin-heading,
		.form-signin .checkbox {
			margin-bottom: 10px;
		}
		.form-signin input[type="text"],
		.form-signin input[type="password"] {
			font-size: 16px;
			height: auto;
			margin-bottom: 15px;
			padding: 7px 9px;
		}

		.fileUpload {
			position: relative;
			overflow: hidden;
			margin: 10px;
		}
		.fileUpload input.upload {
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
			padding: 0;
			font-size: 20px;
			cursor: pointer;
			opacity: 0;
			filter: alpha(opacity=0);
		}

		.brand-topbar{
			height: 40px;
			width: 190px
		}
		.topbar .btn-group {
			margin-top: 15px;
		}

		.btn-group.open .btn-primary.dropdown-toggle {
			background-color: #0077C1;
		}

		.btn-group.open .btn-warning.dropdown-toggle {
			background-color: #f89406;
		}

		.btn-group.open .btn-danger.dropdown-toggle {
			background-color: #bd362f;
		}

		.btn-group.open .btn-success.dropdown-toggle {
			background-color: #008B43;
		}

		.btn-group.open .btn-info.dropdown-toggle {
			background-color: #2f96b4;
		}

		.btn-group.open .btn-inverse.dropdown-toggle {
			background-color: #222222;
		}
		.box {
			-webkit-box-shadow: 0 2px 2px -2px #cccccc;
			-moz-box-shadow: 0 2px 2px -2px #cccccc;
			box-shadow: 0 2px 2px -2px #cccccc;
			background: #fbfbfb;
			border: 1px solid #cdcdcd;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
			margin-bottom: 20px;
		}
		.box .box-header, .box .box-footer {
			background: #eaeaea;
			background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
			background-size: 100%;
			background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#eaeaea));
			background-image: -webkit-linear-gradient(top,#fdfdfd,#eaeaea);
			background-image: -moz-linear-gradient(top,#fdfdfd,#eaeaea);
			background-image: -o-linear-gradient(top,#fdfdfd,#eaeaea);
			background-image: linear-gradient(top,#fdfdfd,#eaeaea);
			text-shadow: 0 1px white;
			border-bottom: 1px solid #CDCDCD;
			color: #636363;
			font-weight: 600;
		}
		.box .box-header .title, .box .box-footer .title {
			float: left;
			display: block;
			padding: 10px;
			font-size: 14px;
			font-weight: 600;
		}
		.box .box-header .box-toolbar, .box .box-footer .box-toolbar {
			margin: 0;
			padding: 0;
			float: right;
			list-style: none;
		}
		.padded {
			padding: 10px;
		}

		.box .box-header .box-toolbar > li, .box .box-footer .box-toolbar > li {
			position: relative;
			float: left;
			margin-left: 15px;
			line-height: 40px;
			padding-right: 10px;
			color: #636363;
			font-size: 12px;
		}
		.fc-event-draggable {
			text-align: center;
		}

		.tab-content {
			overflow: visible;
		}
		.submit{
			max-width: 300px;
		}
		.firstinput{
			height: 40px!important;
			font-size: 18px!important;
			margin-top: 0!important;
			/*			border-bottom: 1px;*/
			border-radius: 3px!important;
			max-width: 300px;
		}
		.secondinput{
			height: 40px!important;
			font-size: 18px!important;
			/*			border-top: 0!important;*/
			border-radius: 3px!important;
			max-width: 300px;
		}
		.absolute-center {
			margin: auto;
			height: 300px;
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
		}

		.auth-centered {
			margin: auto;
			height: 100px;
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
		}
		/* End andrew chanegs */

		/* James changes */

		.well-background{background: #8cd4ff; /* Old browsers */
			background: -moz-linear-gradient(top, #8cd4ff 0%, #318af7 73%, #318af7 73%, #318af7 83%, #318af7 91%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cd4ff), color-stop(73%,#318af7), color-stop(73%,#318af7), color-stop(83%,#318af7), color-stop(91%,#318af7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #8cd4ff 0%,#318af7 73%,#318af7 73%,#318af7 83%,#318af7 91%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #8cd4ff 0%,#318af7 73%,#318af7 73%,#318af7 83%,#318af7 91%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #8cd4ff 0%,#318af7 73%,#318af7 73%,#318af7 83%,#318af7 91%); /* IE10+ */
			background: linear-gradient(to bottom, #8cd4ff 0%,#318af7 73%,#318af7 73%,#318af7 83%,#318af7 91%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cd4ff', endColorstr='#318af7',GradientType=0 ); /* IE6-9 */
			-webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
			-moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
			box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:black;
		}
		.pinfield{
			font-size: 24px!important;
			height: auto!important;
			margin-bottom: 15px!important;
			padding: 7px 9px!important;

			width: 15%!important;
			font-size: 28px!important;
			text-align: center!important;
		}
		.alert {
			padding: 8px 35px 8px 35px;
		}

		/* Bootstrap Button Styles*/
		.btn-primary {
			color: #ffffff;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			background: #00abed; /* Old browsers */
			*background-color: #0077C1;
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc3YzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #00abed 0%, #0077c1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00abed), color-stop(100%,#0077c1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #00abed 0%,#0077c1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #00abed 0%,#0077c1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #00abed 0%,#0077c1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #00abed 0%,#0077c1 100%); /* W3C */
			background-repeat: repeat-x;
			background-color: #00ABED;

			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abed', endColorstr='#0077c1',GradientType=0 ); /* IE6-8 */
			filter: none;
		}
		#upgradeBrowser, #noJavascript{
			display: none;
		}
		.btn{
			border: 1px solid #2e2e2e;
			background: #434343;
			text-shadow: none;
			box-shadow: none;
			color: #FFF!important;
			border-radius: 3px;
		}
		.btn:hover,
		.btn:focus,
		.btn:active,
		.btn.active,
		.btn.disabled,
		.btn[disabled] {
			color: #FFF;
			background-color: #585858;
		}
		.btn-primary:hover,
		.btn-primary:focus,
		.btn-primary:active,
		.btn-primary.active,
		.btn-primary.disabled,
		.btn-primary[disabled] {
			color: #FFF;
			background-color: #2e7cbe;
		}
		.btn-success:hover,
		.btn-success:focus,
		.btn-success:active,
		.btn-success.active,
		.btn-success.disabled,
		.btn-success[disabled] {
			color: #FFF;
			background-color: #21a521;
		}
		.btn-danger:hover,
		.btn-danger:focus,
		.btn-danger:active,
		.btn-danger.active,
		.btn-danger.disabled,
		.btn-danger[disabled] {
			color: #FFF;
			background-color: #bc0000;
		}
		.btn:hover{
			color: #FFF;
			background: #2e2e2e;
		}
		.btn-primary {
			color: #ffffff;
			background: #2e7cbe;
			border: 1px solid #4389c5;
		}
		.btn-primary:hover{
			background: #4389c5;
		}
		.btn-danger {
			color: #ffffff;
			background: #c91a1a;
			border: 1px solid #bc0000;
		}
		.btn-danger:hover{
			background: #bc0000;
		}
		.btn-success{
			border: 1px solid #38ae38;
			background: #21a521;
		}
		.btn-success:hover{
			background: #38ae38;
		}

		.login-details-popout{
			position: relative;
			left:35%;
			text-align:center;
			width: 30%;
			color: #FFF;
		}
		.school-login-box{
			height: 450px;
		}
		.login-details-popout a{
			color: #FFF;
		}

		.login-details-popout-blur{
			border:none;
			border-radius:4px;
			/*background: white;*/
			/*background: rgba(255, 255, 255, 0.9);*/
		}
		.home-logo {
			display: block;
			margin: 10px auto;
			width: 130px;
			height: 130px;
			background: #FFF;
		}
		.poweredby{
			color: #FFF;
		}
		.center{
			text-align: center;
		}
		.white-text {
			color: white;
		}