/* 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;
	*/
}

/* 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;
}