@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic);
body { margin:0}
img { border:0}
body, table {
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-weight: 200;
}
h1 {
	color:#555;
}
#login-content h2 {
	padding-top: 10px;
	margin:0 !important;
}
div.topnav-empty {
	height:14px;
	border:1px solid #B7B7B7;
	background:#eee url(../images/top-bg.gif) repeat-x;
}
div.tablebox {
	xpadding: 0px 1px 1px 1px;
	background: #fff;
	/* stop IE from losing borders */
	xposition:relative;
	xmargin-top: 10px;
	display:table;
	padding: 10px;
}

/* left columns */
div.left-col-white,
div.login-left-col {
	width:440px;
	background:#fff;
	border:1px solid #fff;
	padding:10px 20px;
	display:table-cell;
	vertical-align:top;
}
div.login-left-col.default-decoration {
	border-color: #fff;
}
/* spacer col */
div.login-center-col {
	width:46px;
	display:table-cell;
	vertical-align:top;
}

/* right columns */
div.right-col-grey,
div.login-right-col {
	width:390px;
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	display:table-cell;
	vertical-align:top;
}

div.login-left-col a,
div.login-right-col a {
	color: #337ab7;
}
div.sign-in-here {
	padding: 20px 20px 20px 540px;
	text-align:center;
	font-size: 26px;
	font-weight: 200;
}
div.login-left-col,
div.login-right-col {
	font-size: 16px;
	font-weight: 200;
}
/* Login form styles */
div.login-form {
	padding: 0 24px;
}
div.content h1 {
	font-size: 26px;
	font-weight: 200;
}
div.login-form div.login-form-illustration {
	display:none;
	xbackground:url(../images/cube.png);
	xwidth: 94px;
	xheight: 64px;
	xfloat:left;
	xmargin-right: 16px;
	xmargin-top: 10px;
}
div.login-form div.login-form-authentication {
	xfloat:left;
	xwidth: 250px;
	xmargin-bottom: 10px;
}
div.login-form div.login-form-seperator {
	xborder-bottom:1px solid #ccc;
	xbox-shadow: 1px 1px 1px #fff;
	xclear:both;
	height: 20px;
}
div.login-form input.login-input-text {
	font-size: 18px;
	font-family: "Open Sans",Helvetica,Arial,​sans-serif;
	font-weight: 400;
	border: 1px solid #ccc;
	width:320px;
	height:35px;
	padding: 5px 10px;
}
div.login-form input.login-input-text.login-password {
	xwidth:127px;
}
div.login-form input.login-input-text:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}
div.login-form div.login-back-home,
div.login-form div.login-forgot-password,
div.login-form div.login-tech-info {
	text-align:right;
	margin-bottom: 3px;
}
div.login-after-form {
	margin: 20px auto 0;
	width: 360px;
}
div.login-after-form.standout {
}
div.standout {
	font-size: 16px;
}
div.standout ul {
	margin-left: 0;
	padding-left: 10px;
}
div.standout ul li {
	list-style-type: none;
	padding: 0px;
	margin-bottom:10px;
	background: url('../images/bullet.png') no-repeat 3px 5px;
	padding-left: 35px;
}

div.standout ul li.icon-test {
	background: url('../images/tick.png') no-repeat top left;
}
div.standout ul li.icon-pdf {
	list-style-type: none;
	background: url('../images/pdf.png') no-repeat top left;
}

div.login-form input.login-submit-button,
div.login-form button.login-submit-button,
.modern-button {
	background: #587b9f;
	border: none;
	font-size: 19px;
	cursor: hand;
	padding:10px 16px;
	margin-left:3px;
	color:#fff;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-style: italic;
}
div.login-form input.login-submit-button:hover,
div.login-form button.login-submit-button:hover {
	background: #46627e;
}
div.login-form td.login-label {
	 vertical-align:middle;
	 padding-right: 3px;
}
div.login-form p.login-error {
	color:#900;
}

/* End of login form styles */


.welcome {
	color: #FFCC00;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}

div.navigation-col {
	float: left;
	border: 1px solid #B7B7B7;
	width: 250px;
	background-color: #eee;
	padding: 10px;
	margin-top:20px;
	margin-righ
}
div.content-col {
	float: right;
	width: 590px;
	padding: 10px;
	margin-top:20px;
	border:1px solid #b7b7b7;
}
form.modern input.text {
	border:1px solid #ddd;
	margin-left:20px;
}


div.newbanner {
	height: 200px;
	background:#34495e url(../images/banners/customized-login-banner.png) no-repeat center;
}
div.newbanner.kids {
	background-image:url(../images/banners/kids-customized-login-banner.png);
}
div.newfooter {
	padding: 30px 0;
	background:#34495e;
}
div.newfootercontent {
	width: 950px;
	margin: 0 auto;
	color: #fff;
	text-align:center;
}
div.newfootercontent a {
	color:#fff;
}
div.newfootercontent .copyright {
	float:left;
}