/*right triangle*/
.serverInvalidState {
  display:none;	
}

.validation-close {
	font-size: 12px;
    position: absolute;
    right: 2px;
    top: 2px;
	cursor: pointer;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
}

.Serene {
	position:absolute;
	padding:10px 15px 10px 5px ;
	color:#FFFFFF;
	background:#5d5c5c; /* default background for browsers without gradient support */
	
	background-image:        -webkit-gradient(linear, left top, right top, from(#5d5c5c), to(#5d5c5c));
    background-image: -webkit-linear-gradient(left, #5d5c5c, #5d5c5c); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(left, #5d5c5c, #5d5c5c); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(left, #5d5c5c, #5d5c5c); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(left, #5d5c5c, #5d5c5c); /* For old Opera (11.1 to 12.0) */ 
    background-image:         linear-gradient(to right, #5d5c5c, #5d5c5c); /* Standard syntax; must be last */
	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border: 0px solid #FFFFFF;
	
	font-family: inherit;
	font-size: inherit;
	font-weight: undefined;
	font-style: inherit;
	max-width: 350em;
	white-space: nowrap;
}

/* THE POINTER
------------------------------------------------------------------------------------------------------------------------------- */

.Serene-wrapper {
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
}

.Serene-before {
	position:absolute;
	border-style:solid;
    display:block; 
    width:0;
	border-width:20px 20px 20px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:transparent #5d5c5c; 
}

.Serene-after {
	position:absolute;
	content:"";
	border:0;
	border-width:0px 0 0 0px;
	border-style:solid;
	border-color:transparent #e0e0e0;
    display:block;
    width:0;
}