*{								margin:0px; padding:0px; font-family:Arial, Verdana, Tahoma, Sans-Serif;}
.Hidden{						display:none;}

/*		PARENT PAGE		*/
.Media{						float:left; width:240px; padding-top:30px; overflow:hidden;}
.Media h2{					margin-bottom:10px; padding-bottom:3px; color:#335284; font-size:14px; border-bottom:solid 1px #d8d8d8;}
.Media h2 span{				float:right;}
.Media .Container{			padding-bottom:20px; overflow:hidden;}
#ImagePrev, #ImageNext,
#VideoPrev, #VideoNext{		float:left; width:25px; height:90px; overflow:hidden;}
#ImagePrev span,
#VideoPrev span{			display:block; width:20px; margin-right:5px; height:90px; background:transparent url(/images/arrowLeftSprite.png) no-repeat -40px center;}
#ImageNext span,
#VideoNext span{			display:block; width:20px; margin-left:5px; height:90px; background:transparent url(/images/arrowRightSprite.png) no-repeat -40px center;}
#Images .active span,
#Videos .active span{		background-position:-20px center; cursor:pointer;}
#Images .active:hover span,
#Videos .active:hover span{	background-position:0px center; cursor:pointer;}
.ImagesSizer{				float:left; width:190px; overflow:hidden;}
.Media td{					width:190px; padding:5px 0px 5px 0px; text-align:center; vertical-align:top;}
.Media td img{				padding:3px; background:#ffffff; border-radius:4px; box-shadow:0px 0px 4px 0px #c2c2c2;}
.Media ul{					list-style-type:none;}
.Media li{					padding:0px 25px 8px 0px; background:transparent url(/images/goArrow.png) no-repeat right 6px; overflow:hidden; cursor:pointer;}
.Media li:hover{			background-color:#eef4fd;}
.Media .descr{				padding:8px 5px 0px 5px; font-size:10px; color:#333333;}
.Media .title{				padding:8px 5px 0px 5px; font-size:12px; font-weight:bold;}	
.Media .credits{			padding:8px 5px 0px 5px; font-size:10px; font-weight:bold; text-align:right;}

#Overlay{					position:absolute; z-index:3px; top:50px; left:273px; width:640px; padding:11px; background:#ffffff; border:solid 1px #d8d8d8; box-shadow:0px 0px 4px 0px #c2c2c2; text-align:center;}
#loader{					padding:30px;}
#ImgOverlay{				position:absolute; z-index:3px; top:50px; left:273px; width:640px; padding:11px; background:#ffffff; border:solid 1px #d8d8d8; box-shadow:0px 0px 4px 0px #c2c2c2; text-align:center;}
#imgLoader{					padding:30px;}


/*		VIDEO PAGE (IFRAMED IN)		*/
.VideoError{					width:600px; padding:20px; color:#333333; font-size:12px; text-align:center;}

#VideoContent{					width:640px; overflow:hidden;}
#VideoContainer{                position:relative; overflow:hidden;}
#VideoControls{                 width:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
#VideoControls .wrap{           position:relative; margin:10px; background:#c8c8c8; opacity:.8; overflow:hidden;}
#VideoControls .cntrlBtn{       float:left; height:14px; width:14px; padding:8px; text-align:center; background-color:#c8c8c8; background-image:url(/cc/Resources/4.0/images/icons/htmlVidPlayerSprite.png); border-left:solid 1px #7d7d7d; border-right:solid 1px #dcdcdc; font-family:Arial; font-size:12px; cursor:pointer;}
#VideoControls .cntrlBtn:hover{ background-color:#f1f1f1;}
#VideoControls .play{           background-position:0px -30px;}
#VideoControls .pause{          background-position:0px 0px;}
#VideoControls .mute{           background-position:-30px -30px;}
#VideoControls .unmute{         background-position:-30px 0px;}
#VideoControls .close{          background-position:-60px 0px;}
#VideoControls #Progress{       float:left; width:100px; background:#c8c8c8; border-left:solid 1px #7d7d7d; border-right:solid 1px #dcdcdc; overflow:hidden;}
#VideoControls #ProgressBar{    height:10px; margin:9px; border:solid 1px #dddddd; background:#b6b5b5; box-shadow:inset 0px 0px 2px 0px #6b5b5b; overflow:hidden; cursor:pointer;}
#VideoControls #ProgressBar p{  float:left; width:0px; height:4px; margin-top:3px; background:#3274ec;}
#VideoControls #Volume{         float:left; width:80px; background:#c8c8c8; border-left:solid 1px #7d7d7d; border-right:solid 1px #dcdcdc; overflow:hidden;}
#VideoControls #VolumeBar{      height:10px; margin:9px; border:solid 1px #dddddd; background:#b6b5b5; box-shadow:inset 0px 0px 2px 0px #6b5b5b; overflow:hidden; cursor:pointer;}
#VideoControls #VolumeBar p{    float:left; width:0px; height:4px; margin-top:3px; background:#3274ec;}

/*		IMAGE PAGE (IFRAMED IN)		*/
#ImageContent{					position:relative; width:640px; text-align:center; overflow:hidden;}
#ImageContent img{				vertical-align:bottom;}
.closeImg{						position:absolute; top:0px; right:0px; width:30px; height:30px; background:#ffffff url(/cc/resources/4.0/images/icons/icnImgClose.png) no-repeat left top; cursor:pointer; opacity:.5;}
.closeImg:hover{				opacity:1; box-shadow:0px 0px 6px 0px #000000;}
/*		COMMON IFRAME				*/
#Details p{						padding:8px 5px 0px 5px; font-size:10px; color:#333333;}
#Details .title{				text-align:center; font-size:12px; font-weight:bold;}	
#Details .credits{				font-weight:bold; text-align:right;}