/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin-left:auto;
	margin:2px 2px 2px 2px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Triggers Styling NO Background*/
#triggers-b {
	text-align:center;
}

#triggers-b img {
	cursor:pointer;
	margin-left:auto;
	margin:0px 0px 0px 0px;
	/* background-color:none; */
	border:1px solid #ccc;
	padding:0px;
	/*
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	*/
}
/* Triggers for Plain_Overlay */
#triggers-p {
	text-align:center;
}

#triggers-p img {
	cursor:pointer;
	margin:0 5px;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	left:350px;
	font-size:11px;
	color:#fff;
	width:220px;
}

.details hc {
	display:block;
	margin:20px 0 3px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:left;
}
.details hd {
	display:block;
	margin:5px 0 3px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: white;
	text-align:left;
}
.details hrh {
	position:absolute;
	display:block;
	top: 20px;
	right: -160px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:right;
}
.details hrt {
	position:absolute;
	display:block;
	right: -160px;
	top: 50px;
	width: 180px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: white;
	text-align:right;
}

/* styling for elements inside overlay */
.vdetails {
	position:absolute;
	top:15px;
	right:15px;
	left:300px;
	font-size:12px;
	color:#fff;
	width:290px;
}

.vdetails hc {
	display:block;
	margin:20px 0 3px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:left;
}
.vdetails hd {
	display:block;
	margin:5px 0 3px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: white;
	text-align:left;
}
/* styling for elements inside overlay */
.hdetails {
	position:absolute;
	top:8px;
	right:15px;
	left:15px;
	font-size:12px;
	color:#fff;
	width:500px;
}

.hdetails hh {
	display:block;
	margin:0px 0 10px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:left;
}
.hdetails hj {
	display:block;
	margin:5px 5px 3px 10px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: white;
	text-align:left;
}

/* styling for elements inside large overlay */
/* For horizontal Flat Layout */
.fdetails {
	position:absolute;
	top:260px;
	right:15px;
	left:15px;
	font-size:12px;
	color:#fff;
	width:750px;
}

.fdetails fh {
	display:block;
	margin:10px 10px 5px 15px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:left;
}

.fdetails ft {
	display:block;
	margin:5px 10px 0px 15px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: white;
	text-align:left;
}
/* For Vertical Layout */
.ldetails {
	position:absolute;
	top:15px;
	right:15px;
	left:15px;
	font-size:12px;
	color:#fff;
	width:750px;
}
.ldetails lh {
	display:block;
	margin:25px 10px 10px 500px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #bacbdc;
	text-align:left;
}
.ldetails lt {
	display:block;
	margin:6px 20px 6px 500px;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: white;
	text-align:left;
}
/* Old Overlay Basic */
/* the overlayed element -- SIMPLE OVERLAY */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:5000;
	
	/* styling */
	background-color:#333;
	
	width:600px;	
	height:450px;
	border:1px solid #666;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 15px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.simple_overlay img {
	position:absolute;
	left:20px;
	top:37px;
	margin:0 0 0 0px;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* SMALLER OVERLAY */
.smaller_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:5800;
	
	/* styling */
	background-color:#333;
	
	width:550px;	
	height:250px;
	border:1px solid #666;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 15px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* close button positioned on upper right corner */
.smaller_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.smaller_overlay img {
	position:absolute;
	left:105px;
	top:30px;
	margin:0 0 0 0px;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* LARGE OVERLAY */
.large_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:5000;
	
	/* styling */
	background-color:#333;
	
	width:750px;	
	height:500px;
	border:1px solid #666;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 15px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.large_overlay img {
	position:absolute;
	left:20px;
	top:37px;
	margin:0 0 0 0px;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* close button positioned on upper right corner */
.large_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* rfid overlay */
.rfid_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:5000;
	
	/* styling */
	/* background-color:none;	 */
	width:740px;	
	height:280px;
	border:0px solid #666;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
	/* CSS3 styling for latest browsers
	-moz-box-shadow:0 0 90px 15px #000;
	-webkit-box-shadow: 0 0 90px #000; */
}
.rfid_overlay img {
	position:absolute;
	margin:0 0 0 0px;
	border:0px solid #ccc;
	padding:2px;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

/* close button positioned on upper right corner */
.rfid_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:15px;
	top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* rfid overlay */
.plain_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:5000;
	
	/* styling */
	background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);
      color:none;
	padding:50px 50px;
	border:0px solid #666;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	
	/* CSS3 styling for latest browsers
	-moz-box-shadow:0 0 90px 15px #000;
	-webkit-box-shadow: 0 0 90px #000; */
}
.plain_overlay img {
	margin:0 0 0 0px;
	border:0px solid #ccc;
	padding:2px;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

/* close button positioned on upper right corner */
.plain_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:15px;
	top:10px;
	cursor:pointer;
	height:35px;
	width:35px;
}