@charset "utf-8";
/* CSS Document */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#5a5a5a;
	
	width:765px;	
	min-height:350px;   height:auto !important;
	border:1px solid #fff;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #666;
	-webkit-box-shadow: 0 0 30px #666;	
	
	padding-bottom:30px;
}
.vg_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#5a5a5a;
	
	width:350px;	
	min-height:260px;  height:auto !important;
	border:1px solid #fff;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #666;
	-webkit-box-shadow: 0 0 30px #666;	
	
	padding-bottom:10px;
}

.int_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#5a5a5a;
	
	width:500px;	
	min-height:260px;  height:auto !important;
	border:1px solid #fff;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #666;
	-webkit-box-shadow: 0 0 30px #666;	
	
	padding-bottom:10px;
	padding-right:10px;
}

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


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

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

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



/* styling for elements inside overlay */
.details {
	/*top:30px;
	left:30px;
	font-size:11px;*/
	color:#fff;
	width:690px;
	margin-top:30px;
	margin-left:30px;
	padding-right: 10px;
	height: 320px;
	overflow:auto;
	position:relative;
	padding-top:20px;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#5a5a5a;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#5a5a5a;
	scrollbar-highlight-color:#5a5a5a;
	scrollbar-shadow-color:#5a5a5a;
}

.int_details {
	/*top:30px;
	left:30px;
	font-size:11px;*/
	color:#fff;
	width:430px;
	margin-top:30px;
	margin-left:30px;
	padding-right: 10px;
	
	height: 320px;
	overflow:auto;
	position:relative;
	padding-top:20px;
}

.details_vg {
	position:relative;
	/*top:30px;
	left:30px;
	font-size:11px;*/
	color:#fff;
	width:100%;
	margin-top:20px;
	margin-left:0px;
	padding-right: 10px;
	
	height: 260px;
	overflow:auto;
	padding-top:20px;
}

.details h3 {
	color:#bde5f5;
	font-size:/*1.3em;*/14px;
	margin:0 0 -10px 0;
}
.details h3 span {
	display:block;
	color:#bde5f5;
	font-size:/*0.7em;*/10px;
	font-weight:normal;
	margin-top:0px;
	
}

.details p {
	clear:both;
	margin:0 0 10px 0;
}

.int_details p {
	clear:both;
	margin:0 0 10px 0;
}

h4{
	margin-bottom:0px;
}

.desc{
	padding-top:20px;
}

/*********************/
a.ovl_link:link{
	color:#60a6ff;
	text-decoration:none;
}
a.ovl_link:visited{
	color:#4483d3;
	text-decoration:none;
}
a.ovl_link:hover{
	color:#fff;
	text-decoration:underline;
}
a.ovl_link:active{
	color:#fff;
	text-decoration:underline;
}