
.mediaSearchBox{
	float: left;
	position: relative;
	width: 300px;
	height: 107px;
	padding-left:5px;
	background: url(c_images/media/media_SearchBox.jpg) no-repeat bottom right;
	border: 1px #cbcbcb solid;
}
.mediaSearchBox h3{
	color: #666666;
}
.mediaSearchBox .inptTxt{
	border: 1px #cbcbcb solid;
	width: 200px;
	padding: 3px;
}
.mediaSearchBox .submitBtn{
	width: 200px;
	text-align:right;	
	margin-left: 8px;
	margin-top: 5px;
}
.lGrayBox {
	padding: 25px 25px 25px 28px;
	margin-top: 10px;
	background-color: #f9f9f9;
	border: 1px #cbcbcb solid;
}

ul.photoActionBtns {
	padding: 0px; 
	text-align: left; 
}
ul.photoActionBtns li {
	list-style-type: none;  
	float: left; 
	margin-left:11px;
	font-size: 20px;
	width: 155px;
	height: 108px;
	cursor:hand;
	cursor:pointer;
	color:#808080;
}
ul.photoActionBtns li a:link, a:hover, a:visited{
}
ul.photoActionBtns li div{
	position: relative;
	width: 155px;
	height: 25px;
	text-align: center;
	top: 80px;
}
ul.photoActionBtns li.browse {	
	background: url(c_images/media/photos_browse.gif) no-repeat bottom right;
}
ul.photoActionBtns li.upload {	
	background: url(c_images/media/photos_upload.gif) no-repeat bottom right;
}
ul.photoActionBtns li.share {	
	background: url(c_images/media/photos_share.gif) no-repeat bottom right;
}
ul.photoActionBtns li.comment {	
	background: url(c_images/media/photos_comment.gif) no-repeat bottom right;
}
ul.photoActionBtns li.benefits {
	background: url(c_images/media/photos_benefits.gif) no-repeat bottom right ;
}

ul.videoActionBtns {
	padding: 0px; 
	text-align: left; 
}
ul.videoActionBtns li {
	list-style-type: none;  
	float: left; 
	margin-left:11px;
	font-size: 20px;
	cursor:hand;
	cursor:pointer;
	color:#808080;
}
ul.videoActionBtns li a:link, a:hover, a:visited{
}
ul.videoActionBtns li div{
	position: relative;
	width: 155px;
	height: 108px;
	text-align: center;
	top: 80px;
}
ul.videoActionBtns li.browse {	
	background: url(c_images/media/videos_browse.gif) no-repeat bottom right;
}
ul.videoActionBtns li.upload {	
	background: url(c_images/media/videos_upload.gif) no-repeat bottom right;
}
ul.videoActionBtns li.share {	
	background: url(c_images/media/videos_share.gif) no-repeat bottom right;
}
ul.videoActionBtns li.comment {	
	background: url(c_images/media/videos_comment.gif) no-repeat bottom right;
}
ul.videoActionBtns li.subscribe {	
	background: url(c_images/media/videos_subscribe.gif) no-repeat bottom right;
}
ul.videoActionBtns li.benefits {	
	background: url(c_images/media/videos_benefits.gif) no-repeat bottom right;
}

.banner336x280 {
	float:left;
	margin-top: 10px;
	width: 336px;
	height: 280px;
	border: 1px #cbcbcb solid;	
}
.miniFeed {
	float:left;
	position:relative;
	margin-top: 10px;
	margin-left: 10px;
	background: #f9f9f9 url(c_images/minifeedTV.jpg) no-repeat bottom right;
	width: 420px;
	height: 280px;
	border: 1px #cbcbcb solid;
}
.miniFeed .scroller {
	position:absolute;	
	left:205px;
	top:112px;
}

.miniFeed .giant{
	font-size: 42px;
	color: #666666;
	padding: 10px;
	font-weight: bold;
}
.catBox {
	position: relative;
	float:left;
	background-color: #f9f9f9;
	margin-top: 10px;
	width: 192px;
	height: 280px;
	border: 1px #cbcbcb solid;	
	margin-left: 10px;	
}
.catBox .btm_link{
	position: absolute;
	bottom: 5px;
	width: 98%;
	text-align:right;

}

ul.catList {
	margin-top: 5px;
	margin-left: 5px;	

}

ul.catList li {
	list-style-type: none;
	background:url(c_images/bl_bullet.gif) no-repeat 0em 0.7em;
	padding: 5px 0px 0px 20px;
}
ul.catList li.selected {
	font-weight:bold;
	background:url(c_images/dkbl_bullet.gif) no-repeat 0em 0.7em;
}


/* ************** ALBUM BOX ******************* */

ul.albumBox li {
	position:relative;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 150px;
	background:url(c_images/album.gif) no-repeat top left;
}
.FriendsStyle ul.albumBox li {
	position:relative;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 150px;
	background:url(c_images/album.gif) no-repeat top left;
}

.albumContainer ul.albumBox li {
	position:relative;
	margin-right: 3px;
	margin-left: 3px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 150px;
	background:url(c_images/album.gif) no-repeat top left;
}

.boxContainer3 ul.albumBox li {
position:relative;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 150px;
	background:url(c_images/album.gif) no-repeat top left;
}


ul.albumBox div.opaque {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 107px;
	height: 150px;
	background: #FFFFFF url(c_images/loaders/ldr_balls_mgt.gif) no-repeat 4.5em 4.8em;
	filter:alpha(opacity=80);
	opacity:0.8;
	z-index: 8; 
}
.albumBoxCover {
	position: absolute;
	top: 25px;
	left: 26px;
}
.albumBoxTitle {
	position: absolute;
	width: 110px;
	height: 15px;
	overflow: hidden;
	bottom: 25px;
	text-align:center;	
}
.albumBoxUser {
	position: absolute;
	width: 110px;
	height: 15px;
	overflow: hidden;
	bottom: 12px;
	text-align:center;
}

.albumListAllInfo{
	position: absolute;
	margin-top: 5px;
	top: 0px;
	left: 115px;
	margin-left: 10px;
}
.albumListInfo{
/*	float: left;*/
/*	width: 100%;*/
	clear: both;
	line-height: 16px;
}

/* ************ CONTAINERS ************** */

.albumContainer {
	margin-top: 10px;
}
.listContainer1 {
	margin-top: 10px;
	margin-left: 5px;
}

.mosaicContainer1 {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.mosaicContainer2 { 
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 525px;
}
.mosaicContainer3 {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 2px;
}

.mosaicContainer4 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.mediaInfoContainer {
	float: left;
	width: 76%;
	margin-left: 5px;
}
.mediaInfoContainer2 {
	float: right;
	width: 100%;
	margin-left: 5px;
}

.boxContainer1 {
	padding:15px 0px 0px 15px;
}
.boxContainer2 {
	padding:10px 0px 0px 35px;
}
.boxContainer3 {
	padding: 0px 0px 0px 20px;
}
.boxContainer4 {
	padding-top:15px;
}
.boxContainer5 {
	padding: 10px 0px 0px 10px;
}
.boxContainer6 {
	padding: 10px 0px 0px 5px;
}

.photoContainer {
	text-align: center;
	padding: 10px 0px 10px 0px;

}
.photoInfoContainer{
		padding: 5px 0px 0px 0px;
}

/* ************** PREVIEW ICONS ******************* */
.previewIcons  {
	float: right;
	margin-right: 1px;	
}
.previewIcons ul li{
	list-style-type:none;
	margin: 3px 1px 0px 1px;
	float:left;
}
.previewIcons ul li.list {
	background:url(c_images/ico_list.gif) no-repeat 0.3em 0.3em;
}
.previewIcons ul li.box {
	background:url(c_images/ico_box.gif) no-repeat 0.3em 0.3em;
}
.previewIcons ul li.mosaic {
	background:url(c_images/ico_mosaic.gif) no-repeat 0.3em 0.3em;
}
.previewIcons ul li div{
	border: 3px #c6c6c6 solid;
	width: 22px;
	height: 13px;
	line-height:5px;
	cursor:hand;
	cursor:pointer;
}
.previewIcons ul li div.selected{
	border: 3px #b4ccfc solid;
}

/* ***************************************** */

.mediaInfo{
	line-height: 22px;
	border-bottom: 1px #e5e5e5 dashed;
	
}
.mediaInfo .actions{
	padding: 2px;
	float: right;
	
}


/* ************** PHOTOS BOX ***************** */
ul.photoBox li {
	position:relative;
	padding: 13px;
	list-style-type: none;
	float:left;
	width: 100px;
	height: 140px;
}

.photoBoxTitle {
	position: relative;
	width: 100px;
	height: 15px;
	overflow: hidden;
	bottom: -5px;
	text-align:center;	
}
.photoBoxUser {
	position: relative;
	width: 100%;
	bottom: -5px;
	text-align:center;
	overflow:hidden;
	height:15px;
	line-height:15px;
}

/* ************** PHOTOS BOX - Widgets ***************** */
.FriendsStyle ul.photoBox li {
	position:relative;
	padding: 0px;
	list-style-type: none;
	float:left;
	width: 100px;
	height: 140px;
}
.FriendsStyle .photoBoxTitle {
	position: relative;
	width: 100px;
	height: 13px;
	overflow: hidden;
	bottom: -2px;
	text-align:center;	
}
.FriendsStyle .photoBoxUser {
	position: relative;
	width: 100%;
	bottom: -2px;
	text-align:center;
	overflow:hidden;
	height:12px;
	line-height:12px;
}


/* ************** PHOTOS LIST ***************** */
.listItems {
	position:relative;
	height: 110px;
	margin-bottom: 10px;
	border-bottom: 1px #e5e5e5 dashed;
}

/* ************** ALBUMS LIST ***************** */
.listItems2 {
	position:relative;
	height: 130px;
	margin-bottom: 10px;
	border-bottom: 1px #e5e5e5 dashed;
}
.listActions {
	float: right;
}
.listActionsContainer1 {
	padding-top: 2px;
}
.photoListPhoto{
	position: relative;
	width: 100px; 
	top: 0px;
	left: 0px;
	height: 100px;
	margin-top:5px;

}
.photoListPhoto img{
	width: 100px;
	height: 100px;
	border: 1px #000000 solid;
}
.photoListAllInfo{
	position: absolute;
	top: 0px;
	left: 100px;
	margin-left: 10px;
	z-index:1;
}
.photoListInfo{
	position: relative;
	max-width: 340px;
	overflow: hidden;
	height: 17px;
	line-height: 17px;
	z-index:2;
}

/*	RATING INDICATOR IN LIST */
.photoListRate{
	text-align: center;
	width: 35px;
	height: 35px;
	background-color:#f9f9f9;
	border: 1px #e5e5e5 solid;
	position: absolute;
	top: 65px;
	right: 0px;
	font-size: 16px;
	font-weight:bold;
}
.photoListRate .rate{
	margin-top: 8px;
}
.photoListRate .rate a.green{
	color: #00cc00;
}
.photoListRate .rate a.red{
	color: #FF0000;
}


/*SMALL RATING INDICATOR ON COMMENTS */

.photoListRate2{
	text-align: center;
	width: 35px;
	height: 35px;
	background-color:#f9f9f9;
	border: 1px #e5e5e5 solid;
	position: absolute;
	top: 65px;
	right: 0px;
	font-size: 16px;
	font-weight:bold;
}
.photoListRate2 .positive{
	margin-top: 8px;
	color:#00CC00;
}
.photoListRate2 .negative{
	margin-top: 8px;
	color:#FF0000;
}

/* **********PHOTO ACTION ICONS ******** */


div.actionIcons {
	height: 51px;
	margin-left: 105px;
	margin-top: 10px;
	background-color: #f9f9f9;
	border: 1px #E5E5E5 solid;
}
div.actionIcons li {
	list-style-type: none;  
	float: left;
	font-size: 10px;
	padding: 5px 20px 5px 26px;
	line-height: 15px;
	white-space:nowrap;

}
div.actionIcons li.share {
	background: url(c_images/share.gif) no-repeat 0.5em 0.4em;
}
div.actionIcons li.tag {
	background: url(c_images/tag.gif) no-repeat 0.5em 0.4em;
}
div.actionIcons li.links {
	background: url(c_images/links.gif) no-repeat 0.5em 0.4em;
}
div.actionIcons li.faves {
	background: url(c_images/add_favs.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.move {
	background: url(c_images/move.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.delete {
	background: url(c_images/delete.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.downld {
	background: url(c_images/download.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.zoom {
	background: url(c_images/zoom.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.report {
	background: url(c_images/report.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.setCover {
	background: url(c_images/primary.gif) no-repeat 0.5em 0.4em;	
}
div.actionIcons li.sendToMobile {
	background: url(c_images/button_cell.gif) no-repeat 0.5em 0.4em;	
}





/* *********** ITEM PAGE USER INFO ***************/

.lGrayBox2 {
/*	background: url(../img/lgray_bck.gif) repeat-x;*/
	background: #F9F9F9;
	position: relative;

/*	background-color: #f9f9f9;*/ 
	border: 1px #f0f0f0 solid;
}
.lGrayBox3 {
/*	background-color: #f9f9f9;*/ 
	border: 1px #f0f0f0 solid;
}
.lGrayBox4 {
	background: #f9f9f9;
	position: relative;
	border: 1px #f0f0f0 solid;
/*	background-color: #f9f9f9;*/ 
	border: 1px #f0f0f0 solid;
	min-height: 180px;
	height: 180px;
	border: 1px #f0f0f0 solid;
}
html>body .lGrayBox4  {
   height: auto;
}
.SubscribersContainer {
	position: relative;
	min-height: 180px;
	height: 180px;
}
html>body .SubscribersContainer  {
   height: auto;
}

.SubscribersContainer2 {
	margin-top: 10px;
	padding-left: 5px;
}

.userInfo { /* PHOTO */
	height: 60px;
	left: 73px;
	top: 5px;
	position:absolute;
	width:180px;
	height:13px;
	line-height:13px;
	overflow:hidden;
}
.userInfo2 { /* ALBUM */
	left: 130px;
	top: 5px;
	width:230px;
	height:13px;
	line-height:13px;
	position: absolute;
	overflow:hidden;
}
.userInfo3 { /* PHOTO OWNER */
	left: 5px;
	top: 5px;
	position: absolute;
}
.userShout {
	top: 20px;
	left: 73px;
	width: 80%;
	position:absolute;
}
.userImage {
	position: absolute;
	top: 5px;
	left: 5px;
	border: 1px #D9D9D9 solid;
	z-index: 8
}
.dummyDiv1 { /* HELPS THW FLOW OF NON-ABSOLUTE LAYERS SO THAT ON EXPAND-COLLAPSE THE FOLLOWING LAYERS REPOSITION ACCORDINGLY */
	height: 50px;
}
.userAlbum {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 8;
}
.userMediaFiles{
	position: absolute;
	top: 5px;
	right: 5px;
}
.mediaDate{ /* PHOTO */
	top: 28px;
	left: 73px;
	position:absolute;
	display: block;
}
.mediaDate2 { /* ALBUM */
	top: 28px;
	left: 130px;
	position:absolute;
}
.subscription_btn {
	top: 23px;
	left: 438px;
	position:absolute;		 
}
.mediaDescr{ /* PHOTO */
	position:relative;
	left: 73px;
	width: 72%;
	display:block;
	height:15px;
	overflow:hidden;
}
.mediaDescr2{ /* ALBUM */
	position:relative;
	left: 130px;
	width:350px;
	display:block;
	height:15px;
	overflow:hidden;
	clear: both;
}
.mediaDescr2NoHeight{ /* ALBUM */
	position:relative;
	left: 130px;
	width:350px;
	display:block;
	overflow:hidden;
	clear: both;
}

.mediaDescr3{ /* ALBUM OWNER*/
	position:relative;
	top: 3px;
	width:290px;
	height:17px;
	line-height: 15px;
	overflow:hidden;
	clear: both;
}
.mediaDescr3NoHeight{ /* Added by Dragan - needed for implementation! */
	position:relative;
	top: 3px;
	width:290px;
	line-height: 15px;
	overflow:hidden;
	clear: both;
}
.mediaDescr4{ /* ALBUM OWNER*/
	display: block;
	height:17px;
	width:300px;
	line-height: 15px;
	overflow:hidden;
	clear: both;
}
.mediaDescr5{ /* ALBUM VISITOR */
	position:relative;
	left: 130px;
	width: 80%;
	width:300px;
	display:block;
	height:15px;
	overflow:hidden;
	clear: both;
}


.mediaSettings { 
	background-color: #f9f9f9;
	margin:5px; 
	border: 1px #e5e5e5 solid;
	position:relative;
	left: 125px;
	width: 72%;
	display:block;
	height:0px;
	overflow:hidden;
}
.mediaFields{
	clear: both;
}

/* *********** PHOTO INFO ***************/
.photoInfo {
	padding: 3px;
	line-height: 20px;
}
.myMediaInfoTab2 td{
	background-color: none;
	height: 25px;
	padding: 2px;
	border-bottom: 1px #e5e5e5 dashed;
}
.myMediaInfoTab3 td{
	background-color: none;
	height: 25px;
	padding: 2px;
}
.myMediaInfoTab2 .last{
	border-bottom: 0px
}
.myMediaInfoTab2 .gray,.myMediaInfoTab4 .gray{
	background-color: #efefef;
}
.myMediaInfoTab2 .blue,.myMediaInfoTab4 .blue{
	background-color: #d5e1f7;
}
.myMediaInfoTab2 .gold,.myMediaInfoTab4 .gold{
	background-color: #f4f9d1;
}
.myMediaInfoTab4 {
	margin-top: 2px;
}
.myMediaInfoTab4 td{

	background-color: none;
	padding: 2px;
	line-height: 22px;
	vertical-align:top;
}
div.editActions{
	top: 0px;
	padding-right: 2px;
	width: 40px;
	/*visibility:visible; */
	text-align:right;	
	float: right;
	display: inline;
}
.shortProfStatOn2 {
	width: 60px;
	height: 60px;
	position:absolute;
	top: 6px;
	left: 6px;	
	font-size: 0px;
	background: url(c_images/statusOn.gif) no-repeat bottom right;
}


ul.addBullet li{

	list-style-type:none;
	background: url(c_images/button_add.gif) no-repeat 0.3em 0.2em;
	padding-left: 25px;
}
.expandCollapseIcon {
	position:absolute;
	top: 50px;
	right: 5px;	
	z-index: 8;
}
.expandCollapseIcon2 {
	position:absolute;
	top: 56px;
	right: 25px;	
	z-index: 8;
}
.expandCollapseIcon3 {
	position:absolute;
	top: 50px;
	right: 25px;	
	z-index: 8;
}
.expandCollapseIcon4 {
	position:absolute;
	top: 668x;
	right: 25px;	
	z-index: 8;
}
.expandCollapseSettings {
	position:absolute;
	top: 26px;
	right: 5px;	
	z-index: 8;
}
.linksInput {
	width: 250px;
}
/* MEDIA STREAMING CONTROL */

.mediaStream {
	height:85px;
	background: url(c_images/streambck.jpg) repeat-x;
	border: 1px #d0d0d0 solid;
	
}
.mediaPhotoStream {
	float: left;
	padding:10px;
	}

/* 	OVERALL RATING  */
.ratingControl{
	position: absolute;
	left: 5px;
	width: 101px;
	top: 130px;
}
.ratingText{
	position: absolute;
	width: 101px;
	text-align:center;
}

.ratingBar {
	position: relative;
	left: 0px;
	top: 15px;
	width: 101px;
	height: 5px;
	background: url(c_images/rating_bar.gif) no-repeat 0em 0em;
	z-index: 1;
	line-height: 5PX;
	FONT-SIZE: 0PX;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #d5d5d5 solid;
	border-bottom: 1px #d5d5d5 solid;
	display: block;
}
.ratingPointer {
	position: relative;
	top: 18px;
	width: 14px;
	height: 8px;
	background: url(c_images/rating_pointer.gif) no-repeat 0em 0em;
	z-index: 2;
	font-size: 0px;
	display: block;
}

/* 	OVERALL RATING FOR LIST */

.ratingControl2{
	float: left;
	padding-left: 10px;
}
.ratingBar2 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 101px;
	height: 5px;
	background: url(c_images/rating_bar.gif) no-repeat 0em 0em;
	z-index: 1;
	line-height: 5PX;
	FONT-SIZE: 0PX;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #d5d5d5 solid;
	border-bottom: 1px #d5d5d5 solid;
	display: block;
}
.ratingPointer2 {
	position: relative;
	top: 3px;
	width: 14px;
	height: 8px;
	background: url(c_images/rating_pointer.gif) no-repeat 0em 0em;
	z-index: 2;
	font-size: 0px;

}

/* END RATING FOR LIST */




.albumExcludedUsers {
	margin-top: 5px;
	overflow:auto;
	height: 86px;
	width: 99%;

}
.albumExcludedUsers ul li {
	background-color: #f0f0f0;
	list-style-type: none;
	float: left;
	line-height: 25px;
	height: 24px;
	margin-bottom: 2px;
	margin-right: 2px;
	border: 1px #e5e5e5 solid;
	padding-left: 5px;
	width:170px;
}

.albumExcludedUsers ul li div.del{
	width: 18px;
	height: 24px;
	float: right;
	padding-right: 4px;
	background:url(c_images/delete2.gif) no-repeat 0em 0.4em;
	line-height: 40px;
	
}

.albumExcludedUsersDel{ /* Added by Dragan - needed for implementation! */
	width: 18px;
	height: 24px;
	float: right;
	padding-right: 4px;
	
	padding-top: 4px;
	/* background:url(../img/delete2.gif) no-repeat 0em 0.4em; */
	line-height: 40px;
	
}

.albumEditLimited 
{
	position:relative;
	top:3px;
	float: left;
	display:inline;
	overflow:hidden;
	width:200px;
	height: 17px;
	line-height:15px;
}
.albumEdit {
	width: 85%;
	float: left;
	display:inline;
	overflow:hidden;
}

.albumEdit.firstLine{
	line-height: 15px;
	height: 15px;
	overflow:hidden;
}
.albumShow {
	width: 85%;
	float: left;
	display:inline;
	
}
.loader {
	text-align: center;
}

.myMediaInfoTab2 select 
{
	max-width:150px;
	width:150px;
}
.myMediaInfoTab2 input 
{
	max-width:200px;
	width:200px;
}

/* FEEDS */ 

div.feedContainer {
	margin-top: 5px;
}

div.feedContent {
	padding: 5px 0px 0px 0px;
	position: relative;
	border-bottom: 1px #e5e5e5 dashed;
}
div.feedContent.last{
	border-bottom: 0px;
}
div.feedBody {
	float:left;
	position:relative;
}


.feedBody.photoContent.albumText{
	width: 350px;
}
.feedBody.photoContent.photoText{
	width: 80%;
}
.feedBody.videoContent.channelText{
	width: 350px;
}
.feedBody.videoContent.videoText{
	width: 72%;
}
div.feedIcon{
	width: 25px;
}
div.feedBody.title{
	padding: 2px 0px 0px 0px;
}

div.feedBody.mediaItem.photo img{
	margin: 0px 5px 5px 0px;
}
div.feedContent .containerInfo{
	clear: both;
	padding: 3px 0px 0px 0px;	
}
div.feedContent .when{
	padding-bottom: 5px;
	color: #cccccc;
	
}

.feedBody ul.albumBox li {
	position:relative;
	margin-bottom: 5px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 120px;
	background:url(c_images/album.gif) no-repeat top left;
}
.feedBody ul.channelBox li {
	position:relative;
	margin-right: 5px;
	margin-bottom: 10px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 95px;
	background:url(../../img/media/channel.gif) no-repeat top left;
}



/* VIDEOS */

.photoListPhoto .videoThumb{
	width: 100px;
	height: 75px;
	border: 1px #000000 solid;
}
.videoDuration{
	background-color:#333333; 
	filter:alpha(opacity=90); 
	opacity:0.9;
	position: absolute; 
	right: 1px; 
	top: 60px;
	color:#FFFFFF;
	font-weight:bold;
	z-index: 2;
	padding: 0px 2px 0px 2px;
}

/* ************** CHANNEL BOX ******************* */

ul.channelBox li {
	position:relative;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 135px;
	background:url(c_images/channel.gif) no-repeat top left;
}

.FriendsStyle ul.channelBox li {
	position:relative;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 135px;
	background:url(c_images/channel.gif) no-repeat top left;
}

.albumContainer ul.channelBox li {
	position:relative;
	margin-right: 3px;
	margin-left: 3px;
	list-style-type: none;
	float:left;
	width: 107px;
	height: 135px;
	background:url(c_images/channel.gif) no-repeat top left;
}


.channelBoxCover {
	position: absolute;
	top: 3px;
	left: 4px;
}
.ratingControlVideos{
	position: absolute;
	left: 10px;
	width: 101px;
	top: 100px;
}


.FriendsStyle ul.videoBox li {
	position:relative;
	padding: 0px;
	list-style-type: none;
	float:left;
	width: 100px;
	height: 110px;
}

ul.videoBox li {
	position:relative;
	padding: 13px;
	list-style-type: none;
	float:left;
	width: 100px;
	height: 110px;
}
.videoBoxThumb {
	position: relative;
}


.BottomOverlay {
	position:absolute; 
	bottom: 5px; 
	padding: 5px;
	text-align:center; 
	left: 236px; 
	right: 236px; 
	z-index: 2; 
	color:#FFFFFF;
	background-color:#333333; 
	filter:alpha(opacity=70); 
	opacity:0.7;
}

div.photoRotate{   /* CENTERS LAYER UNDER PHOTO */
                margin-left: auto; 
                margin-right: auto; 
                width: 92px;  /* ADJUST ACCORDINGLY */
}
div.photoRotate ul li{
                list-style-type: none;
                float: left;
                padding: 5px 10px 5px 10px; /* ADJUST ACCORDINGLY */
}
div.photoRotate ul li a { 
                background: url(/c_images/media/rotate.png) top left no-repeat;
                text-decoration: none;
                width: 26px;
                height: 26px;      
                display: block;    
}
div.photoRotate ul li.left a{ 
background-position: 0 0;
}
div.photoRotate ul li.left a:hover{ 
background-position: 0 -26px; 
}
div.photoRotate ul li.right a{ 
background-position: -26px 0;
}
div.photoRotate ul li.right a:hover{ 
background-position: -26px -26px;
}


.promo {
	width: 972px; 
	height:191px;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.promoContainer {
	color:#5E5E5E;
	left:20px;
	overflow:hidden;
	position:absolute;
	top:30px;
	width:530px;	
	font-size: 13px;
}
.promo h3{
	padding: 0px;
	margin: 0px;
	color:#506187;
	font-size: 20px;
	padding-bottom:7px;
}
.promo em {
	color:#506187;
	font-style:normal;
	font-weight:bold;
	font-size: 14px;
}
.promoIconsDiv {
	position:absolute;
	left: 20px;
	bottom: 5px;
}
ul.promoIcons li {
	list-style-type:none;
	float:left;
	background:url(c_images/media/promoIcons.png) top left no-repeat;	
	height: 22px;
	line-height: 22px;
	padding: 0px 20px 0px 30px;
	font-weight: bold;
	color: #808080;
	cursor:hand;
	cursor:pointer;
}
ul.promoIcons li.pMain {
	background-position: 0 -44px;
}
ul.promoIcons li.pEdit {
	background-position: 0 -66px;
}
ul.promoIcons li.pMulti {
	background-position: 0 -88px;
}
ul.promoIcons li.pMobile {
	background-position: 0 -110px;
}

.promo.photoBrowse {
	background:url(c_images/media/promo_browse.jpg);
}
.promo.photoUpload {
	background:url(c_images/media/promo_upload.jpg);
}
.promo.photoUploadMulti {
	background: url(c_images/media/promo_uploadMulti.jpg);
}
.promo.photoUploadMobile {
	background: url(c_images/media/promo_uploadMob.jpg);
}
.promo.photoUploadEdit {
	background:url(c_images/media/promo_uploadEdit.jpg);
}
.promo.photoShare{
	background:url(c_images/media/promo_share.jpg);
}
.promo.photoBenefits{
	background:url(c_images/media/promo_benefits.jpg);
}
.promo.videoBrowse {
	background:url(c_images/media/promo_vidBrowse.jpg);
}
.promo.videoUpload {
	background:url(c_images/media/promo_vidUpload.jpg);
}
.promo.videoUploadMobile {
	background:url(c_images/media/promo_vidUploadMob.jpg);
}
.promo.videoShare{
	background:url(c_images/media/promo_vidShare.jpg);
}
.promo.videoBenefits{
	background:url(c_images/media/promo_benefits.jpg);
}
