*{
	font-size:12px;
}
body {
    font-family:helvetica,tahoma,verdana,sans-serif;
    padding:20px;
    font-size:13px;
    margin:0;
	background: skyblue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(skyblue, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(skyblue, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(skyblue, white), ; /* For Firefox 3.6 to 15 */
    background: linear-gradient(skyblue, white); /* Standard syntax */
}
h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.msg-box-info{
	border: 1px solid #E2D0D0;
	background:#FFFEE6;
	color:#8F5700;
	padding:12px;
}
.msg-icon{
	width:16px;
	height:16px;
	margin-right:8px;
	float:left;
}
.msg-box-error {
border: 1px solid #E2D0D0;
background: #FCF0F0;
color: #280B0B;
/*
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
border-image: initial;
*/
padding:12px;
}
.greetings{
	font-family: 'Comic Sans MS', cursive, sans-serif;
}
.warn{
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
}
#userLogin {
	  width:100px;
	  height:100px;
	  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  animation-name: animatetop;
	  animation-duration: 1.2s;
	
}
@-webkit-keyframes animatetop {
	0% {top: -300px; opacity: 0}
	20% {top: 0; opacity: .2}
	40% {top: 300; background-color:#fffae6; opacity: .4}
	60% {top: 0; background-color:#fffae6; opacity: .6}
	80% {top: 0; background-color:#fffae6; opacity: .8}
	100% {top: 0; background-color:#fff5cc; opacity: 1}
}

@keyframes animatetop {
	0% {top: -300px; opacity: 0}
	20% {top: 0; opacity: .2}
	40% {top: 300; background-color:#fffae6; opacity: .4}
	60% {top: 0; background-color:#fffae6; opacity: .6}
	80% {top: 0; background-color:#fffae6; opacity: .8}
	100% {top: 0; background-color:#fff5cc; opacity: 1}
}