/* NOTIFICATION */
.jav {
	left: 0;
	margin: 0;
	padding: 5px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 9999999;
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); 
	opacity: 0.75;
	-moz-opacity: 0.75; */
}

.jav p { margin: 0; min-width: 50px; }
.jav img { position: relative; padding: 0; margin: 0; border:0; top: 2px; vertical-align:baseline; }

/* POSITION THE NOTIFICATION ON THE TOP OR ON THE BOTTOM OF THE PAGE */
.jav-top { top:0; }
.jav-bottom { bottom:0; }

/* BASIC STYLES */
.jav-success, .success{ background-color: #c8ffca; border: 1px solid #349534; color: #008000; }
.jav-forbid, .forbid { background-color: #ffdfdf; border: 1px solid red; color: red; }
.jav-error, .error { background-color: #ff9; border: 1px solid #000; color: #000; }
.jav-notice, .notice { background-color: #b7daf9; border: 1px solid blue; color: darkblue; }

/* CLOSE BUTTON */
a.jav-cross {
	position:absolute;
	width:18px;
	height:18px;
	background:transparent url(./close.png) no-repeat top left;	
	cursor:pointer;
	right:20px;
}
 
 /* POSITION THE CLOSE BUTTON DEPENDING IF THE NOTIFICATION IS AT THE TOP OR BOTTOM OF THE PAGE */
.jav-top a.jav-cross { top: 8px;	}
.jav-bottom a.jav-cross { bottom: 8px; }

/* MODAL BOX */
.jav-overlay {
	z-index: 9998;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); 
	opacity: 0.75;
	-moz-opacity: 0.75;
	background-color: #333;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
}

#jav-box {
	padding: 20px;
	background-color: #eaeaea;
	z-index: 9999;
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
	position: fixed;
	-webkit-box-shadow: 0 0 1em #333;
	-moz-box-shadow: 0 0 1em #333;
}

.closeCross { 
	cursor: pointer;
	float: right;
}

#message {
	color: yellow;
	padding: 20px;
	background-color: #333;
	z-index: 9999;
	border: solid 5px yellow;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
	position: fixed;
	-webkit-box-shadow: 0 0 1em #333;
	-moz-box-shadow: 0 0 1em #333;
}

#message .picture {
	float: left;
	margin-right: 10px;
}

/* TOOLTIP */
.jav-tip{
	font-size: 14px;
	line-height: 14px; 
	padding: 5px;
	z-index: 99999;
}

/* ADDITIONNAL STYLES */
.custom, .custom2 {
	background-color: #333;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.custom2 { background-color: yellow; padding: 6px; }
.custom2 img { border: solid 3px yellow; outline: dashed 3px #333; }