@charset "utf-8";

*{
	margin: 0;
	padding:0;
}

/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	width: 718px;
	height: 290px;
	margin: auto;
}

.bg_0 {
	width: 718px;
	height: 290px;
	background-color:#000;
	overflow:hidden;
	clear:both;
}

img {
	border: none;
}

a:link,a:visited,a:active {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:hover {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.stateon {
	FILTER: alpha(Opacity = 50);
	-moz-opacity: 0.5;
	border: #fff 0px solid;
}

.stateoff {
	-moz-opacity: 1.0;
	border: #fff 0px solid;
}

.stateclicked {
	FILTER: alpha(Opacity = 50);
	-moz-opacity: 0.5;
	border: #fff 0px solid;
}

.date {
	font-size: 12px;
}

/*
.pics {
	float: left;
	text-align: center;
	padding-left: 2px;
}
*/

div.viewer { /*float:left;*/
    float: left;
	position:relative;
	height: 250px;
	overflow: hidden;
	margin-left: 201px;
	_margin-left:102px;
	width: 504px;

}

div.scrobbler {
	margin-top:98px;
	height: 228px;
	width:1512px;
	/* Total Size of container -- Value is equal to (scroll.js) margin value/scenes to display multiplied by no. of thumbs specified in controller */
}

div.pics {
	width: 252px;
	float: right;
	overflow:hidden;
}

.overlay {
	position:relative;
	float:left;
	overflow:hidden;
	top:-250px;
	left:0px;
	width:718px;
	height:290px;
	background-image:url(http://static.contentabc.com/ads/iktg_myfreepaysite718x290_0916/images/overlay.png);
	background-repeat:no-repeat;
	cursor:pointer;
	clear:both;
}

* html .overlay {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.contentabc.com/ads/iktg_myfreepaysite718x290_0916/images/overlay.png', sizingMethod='crop');*
}