


#collageSet #dummy .huge,#collageSet #dummy .medium,#collageSet #dummy .small,#collageSet #dummy .tiny,#collageSet #dummy .large{
	float: right;
	margin: 0px 1px 1px 0px;
	opacity: 0;
}
#collageSet span{
	
}

.huge {
	
	background-color: red;
	cursor: pointer;
	filter: Alpha(opacity=100);
	width: 299px;
	height: 225px;
}
.huge img{
	width: 299px;
	height: 225px;
	
}
.hugeImage {
	margin-bottom: -18px;
	float: inherit;
	width: inherit;
	height: inherit;
	
}

.hugeTitle {
	height: 40px;
	width: 299px;
	opacity: .3;
	background-color: black;
	position: absolute;
	margin-top: 185px;
	
}
.hugeText
{
	/*position: absolute;
	color: white;
	z-index: 2;
	font-size: 18px;
	height: 18px;
	width: 299px;
	margin-top: 207px;
	margin-left: 10px;
	
	margin-bottom: -20px;*/
	
	
	width: 299px;
	color: white;
	font-size: 18px;
	position: absolute;
	z-index: 2;
	margin-top: 185px;
	text-indent: 2px;
}

.large {
	width: 199px;
	height: 150px;
	background-color: yellow;
	cursor: pointer;
	filter: Alpha(opacity=100);
	
}
.large img{
	width: 199px;
	height: 150px;
}
.largeImage {
	margin-bottom: -15px;
	float: inherit;
	width: inherit;
	height: inherit;
	width: 199px;
	height: 150px;
}

.largeTitle {
	height: 34px;
	width: 199px;
	opacity: .3;
	background-color: black;
	position: absolute;
	margin-top: 115px;
	
}
.largeText{
	
	width: 199px;
	color: white;
	font-size: 15px;
	position: absolute;
	z-index: 2;
	margin-top: 115px;
	text-indent: 2px;
}


.medium {
	width: 149px;
	height: 112px;
	background-color: green;
	cursor: pointer;
	filter: Alpha(opacity=100);
	
}

.mediumImage {
	margin-bottom: -12px;
	float: inherit;
	width: inherit;
	height: inherit;
	width: 149px;
	height: 112px;
}

.medium img{
	width: 149px;
	height: 112px;
}

.mediumTitle {
	height: 30px;
	width: 149px;
	opacity: .3;
	background-color: black;
	
	position: absolute;
	margin-top:82px;
}

.mediumText{
	width: 149px;
	position: absolute;
	font-size: 12px;
	color: white;
	z-index: 2;
	margin-top: 81px;
	text-indent: 1px;
}

.mediumLabel
{
	width: 149px;
	height: 112px;
	background-color: green;
	cursor: default;
	filter: Alpha(opacity=100);
	text-align: center;
	vertical-align: middle;
	float: left;
}

.mediumLabel label { font-size: 14pt; }

.small {
	width: 99px;
	height: 75px;
	background-color: gray; 
	cursor: pointer;
	visibility: hidden;
	filter: Alpha(opacity=100);
	
}
.small img{
	width: 99px;
	height: 75px;
}

.smallImage {
	float: inherit;
	width: inherit;
	height: inherit;
	margin-bottom: -12px;
	width: 99px;
	height: 75px;

}

.smallTitle {
	height: 30px;
	width: 99px;
	opacity: .3;
	background-color: black;
	
	position: absolute;
	margin-top: 45px;
}
.smallText{
	font-size: 12px;
	color: white;
	text-indent: 1px;
	width: 99px;
	position: absolute;
	z-index: 2;
	margin-top: 45px;
}


.tiny {
	width: 49px;
	height: 37px;
	background-color: blue;
	cursor: pointer;
	visibility: hidden;
	filter: Alpha(opacity=100);
	
}
.tiny img{
width: 49px;
	height: 37px;

}
.tinyImage {
	float: inherit;
	width: inherit;
	height: inherit;
	margin-bottom: -11px;
	width: 49px;
	height: 37px;
	
}

.tinyTitle {
	height: 8px;
	width: 49px;
	opacity: .3;
	background-color: black;
	position: absolute;
	margin-top:28px;
	
}
.tinyText{

	font-size: 3px;
	color: white;
	height: 11px;
	width: 49px;
	position: absolute;
	z-index: 2;
	margin-top: 30px;
	text-indent: 1px;
}

img.relatedMovie{

	width: 51px;
	height: 37;
	margin-right: 1px;

}


/************************* NEW COLLAGE *******************************/
span, div, body, label, h1 { margin: 0; padding: 0; }

/* box sizes */
html>body .collageItemSize1 { height: 222px; width: 299px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
.collageItemSize1 { height: 222px; width: 300px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
html>body .collageItemSize1 label { color: white; position: absolute; bottom: 0; display: block; width: 295px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 17px; }
.collageItemSize1 label { color: white; position: absolute; bottom: -1px; display: block; width: 300px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 17px; margin: 0; background: #333333; }

html>body .collageItemSize2 { height: 148px; width: 199px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
.collageItemSize2 { height: 148px; width: 200px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
html>body .collageItemSize2 label { color: white; position: absolute; bottom: 0; display: block; width: 195px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 14px; }
.collageItemSize2 label { color: white; position: absolute; bottom: -1px; display: block; width: 200px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 14px; background: #333333; }

html>body .collageItemSize3 { height: 111px; width: 149px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
.collageItemSize3 { height: 111px; width: 150px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
html>body .collageItemSize3 label { color: white; position: absolute; bottom: 0; display: block; width: 145px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 12px; }
.collageItemSize3 label { color: white; position: absolute; bottom: -1px; display: block; width: 150px; padding: 4px 0 4px 4px; font-family: arial;
	font-size: 12px; background: #333333; }

html>body .collageItemSize4 { height: 73px; width: 99px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
.collageItemSize4 { height: 74px; width: 100px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
html>body .collageItemSize4 label { color: white; position: absolute; bottom: 0; display: block; width: 95px; padding: 3px 0 3px 4px; font-family: arial;
	font-size: 11px; }
.collageItemSize4 label { color: white; position: absolute; bottom: -1px; display: block; width: 100px; padding: 3px 0 3px 4px; font-family: arial;
	font-size: 11px; background: #333333; }

html>body .collageItemSize5 { height: 36px; width: 49px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
.collageItemSize5 { height: 37px; width: 50px; position: relative; filter: alpha(opacity = 100); cursor: pointer; }
html>body .collageItemSize5 label { color: white; position: absolute; bottom: 0; display: block; width: 45px; padding: 2px 0 2px 4px; font-family: arial;
	font-size: 7px; }
.collageItemSize5 label { color: white; position: absolute; bottom: -1px; display: block; width: 50px; padding: 2px 0 2px 4px; font-family: arial;
	font-size: 7px; background: #333333; }

#newCategoryCollage1 { display: none; }
#newCategoryCollage2 { display: none; }
#newAllCategoryCollage1 { display: none; }
		
/* Transparency */
html>body .transp { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/transp.png'); }
.transp[class] { background: url("/images/transp.png"); }
	
/* Left alignment */
.left { float: left; }

.container1plus5 { width: 420px; }
.container1 { width:300px; }
.container2 { width:200px; }
.container3 { width:150px; }
.container4 { width:100px; }
.container5 { width:50px; }

.upMargin1 { margin-top: 224px; }
.upMargin2 { margin-top: 150px; }
.upMargin3 { margin-top: 113px; }
.upMargin4 { margin-top: 75px; }
html>body .upMargin5 { margin-top: 38px; }
.upMargin5 { margin-top: 37px; }


.container1 div, .container2 div, .container3 div, .container4 div, .container5 div, .container1plus5 div{ 
	border-top: 1px solid white; border-left: 1px solid white; }
	
	

.container1 div label, .container2 div label, .container3 div label, .container4 div label, 
.container5 div label, .container1plus5 div label { visibility: hidden; }

/* Pictures */
.pic1, .pic2, .pic3, .pic4, .pic5 {  }

label.transp { cursor: pointer; }

/********* content (mini) collage ********/

#contentCollageHolder #bigMiniCollageImg { margin: 0px 1px 1px 0px; height: 147px; background-color: blue; }
#contentCollageHolder #MediumMiniCollageImg { margin-bottom: 1px; background-color: blue; }
#contentCollageHolder #smallMiniCollageImg1 { background-color: blue;margin: 0px 1px 0px 0px; }
#contentCollageHolder #smallMiniCollageImg2 { background-color: blue; }
#contentCollageHolder #smallMiniCollageImg3 { background-color: blue;margin-top: 1px; }
#contentCollageHolder #smallMiniCollageImg4 { background-color: blue;margin: 1px 0px 0px 1px; }

.signInCollage, .seeDemoCollage { cursor:pointer; width: 99px; height: 73px; float: left;  background-color: #E5EEE5; text-align: center;}
.signInCollage span {display: block; margin-top: 10px;}
.signInCollage span.sign {color:#579482; font-size: 18px; font-weight:bold;}
.signInCollage span.learn { color: #cd3301;}
.seeDemoCollage {background-color: #F0F6D2}
