.half-rule {
	width: 100px;
	margin: 15px auto;
	border-top: none;
}

/* ---------- Left column style ---------- */
.left-col-info{
	max-width: 630px;
	margin: 0 auto;
}

/* -- Login form style -- */
.portlet-container{
	margin-bottom: 40px;
}

div#service-con{
	background-color:#002654;	
	color: #FFFFFF;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
span#serviceID{
	font-weight: bold;
}

div#appName{
	display: none;
}

form#fm1 {
    padding: 20px;   
    background-color: #EEF0F2;
    border-radius: 10px;
}

form#fm1 legend {
    display: none;
}

form#fm1 .form-group {
	color: #012169;
}

form#fm1 div#service-con{
	display: none;	
}

div.helpItems a {
	color: #BA0C2F;
}

.helpItemBar {
	color: #000000;
}

.form-btn{
	background-color: #00A3E0 ;
	color: #FFFFFF;
	font-weight:700; 
	border: none;
	border-radius: 5px;
	margin-left:5px;
	padding:5px 25px 5px 25px;
	font-size: 17px;
}

div.btn-row a.shadow-radial:hover{
	text-decoration: none;
}

/* -- button shadow -- */
.shadow-radial {
	display: inline-block;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	float: right;
}
.shadow-radial:before, .shadow-radial:after {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	height: 6px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.shadow-radial:before {
	bottom: 100%;
	/* background: radial-gradient(ellipse at 50% 100%, rgba(12, 112, 179, 0.6) 0%, rgba(0, 0, 0, 0) 80%); */
	background: radial-gradient(ellipse at 50% 100%, rgba(89, 203, 232, 0.6) 0%, rgba(0, 0, 0, 0) 80%); 
}
.shadow-radial:after {
	top: 100%;
	/* background: radial-gradient(ellipse at 50% -50%, rgba(12, 112, 179, 0.6) 0%, rgba(0, 0, 0, 0) 80%); */
	background: radial-gradient(ellipse at 50% 100%, rgba(89, 203, 232, 0.6) 0%, rgba(0, 0, 0, 0) 80%);	
}
.shadow-radial:hover:before, .shadow-radial:focus:before, .shadow-radial:active:before, .shadow-radial:hover:after, .shadow-radial:focus:after, .shadow-radial:active:after {
	opacity: 1;
}

form .error-message{
	color: #FFFFFF;
    background-color: #BA0C2F;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 4px 7px;
}

/* ---------- Middle column ---------- */
.middle-col-info{
	max-width: 630px;
	margin: 0 auto;
}

/* ---------- Right column ---------- */
.right-col-info{
	margin-bottom: 20px;
	max-width: 630px;
	margin: 0 auto;
}

div#centerPiece {
	float: none;
	width: 100%;
    max-width: 450px;
}

div#appName{
	display: block;
	text-align: center;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #BA0C2F;	
}

form#fm1 div#service-con{
	display: none;
}

/* ---------- various CAS messages during login and logout ---------- */
.info, .errors, .success {color:#012169; background:#EEF0F2; clear:both; margin:18px 0; padding:20px 20px 20px 20px; font-size:14px; line-height:1.5;border-radius:10px;}
.info {border:1px dotted #EBEBEB;  }
.errors {border:1px dotted #EBEBEB; padding-bottom: 40px;}
.success {border:1px dotted #EBEBEB; }
.errors h2, .success h2 { font-size:20px; line-height:48px; font-weight:400; margin:0 18px 0 0; padding:0;}
.success h2 {color: #012169 !important;}
.errors h2 {color: #BA0C2F !important;} 

div.cas-message, div.logoutMSG, div.errorMSG{
	max-width: 450px;
    margin: 0 auto;
}

div.cas-message a{
	color: #012169 !important;
}

/*----------- Logout page --------------*/
.logoutHelpItems { font-size: 12px; }
.logoutHelpItems a {color: #ba0c2f}