html, body, div, span, p, a, ul, li, h1 {margin:0; padding:0;}
input {color:#000;}
body {background-size:cover; background-attachment:fixed; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:normal;}
.content {
	background: rgba(16,108,182,.65); /*For browsers with no gradient support */
	background: -webkit-linear-gradient(rgba(16,108,182,0), rgba(16,108,182,.6), rgba(16,108,182,.8), rgba(16,108,182,.6), rgba(16,108,182,0)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(16,108,182,0), rgba(16,108,182,.6), rgba(16,108,182,.8), rgba(16,108,182,.6), rgba(16,108,182,0)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(16,108,182,0), rgba(16,108,182,.6), rgba(16,108,182,.8), rgba(16,108,182,.6), rgba(16,108,182,0)); /*Fx 3.6-15*/
	background: linear-gradient(rgba(16,108,182,0), rgba(16,108,182,.6), rgba(16,108,182,.8), rgba(16,108,182,.6), rgba(16,108,182,0)); /*Standard*/
	margin-left:15%;
	text-align:center;
	width:280px;
	height:100vh;
	padding-top:30px;}
h1 {display:block; width:100%; height:200px; background:url(../images/kcbr_logo.png) no-repeat center; text-indent:-9999px;}
h2 {font-size:20px; text-transform:uppercase; font-weight:bold;}

hr {width:80%;}

#divLogon {text-align:right; width:200px; margin:auto;}
.LogonId, .Password, .Submit {margin-bottom:15px;}
.Submit, .LoginIDInput, .PasswordInput {color:#000;}
.LogonIdLabel, .PasswordLabel {display:block; width:75px; padding-top:4px; float:left; text-align:left;}
.LogonIdInput, .PasswordInput {width:100px;}
.TokenMessage {display:none;}
.HelpGuide, .ForgotPassword, .WhereIsPassword {display:block; color:#FFF; margin-bottom:7px; text-decoration:none;}
.HelpGuide:hover, .ForgotPassword:hover, .WhereIsPassword:hover {color:#FFF; text-decoration:underline;}
.AdaptiveMessage {display:none; width:200px;padding:3px; border:2px solid #848E94; font-family: arial; font-size:10px;background-color:white; color: #848E94; font-weight:bold; text-align:center;}
a:visited {color:#fff; text-decoration:none;}

.publicLinks {position:absolute; top:0; right:10%; font-size:14px; border-top:37px solid rgba(16,108,182,.65); border-left:47px solid transparent; border-right:47px solid transparent;}
.publicLinks ul {background: rgba(16,108,182,.65); list-style:none; margin-top:-37px;}
.publicLinks ul li {float:left;}
.publicLinks ul li:nth-child(2) {border-left:1px solid #214090; border-right:1px solid #214090;}
.publicLinks ul li a {display:block; line-height:37px; padding:0 15px; text-decoration:none; color:#FFF; font-weight:bold;}
.publicLinks ul li a:hover {text-decoration:none; color:#FFF; background:rgba(255,255,255,.2);}


@media (max-width: 767px) {
	html, body, div, span, p, a, ul, li {margin:0; padding:0;}
	.content {
		width:100%;
		margin-left:0;
		background:rgba(16,108,182,.65);
	}
}