
#containerholderwrapper	{
	position:relative;
	max-width:100%;
	min-width: 320px;
	margin-top:51px;
	margin-left:auto;
	margin-right:auto;
}
#containerholder	{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.left_bar{
	display: block;
	float: left;
	width: 240px;
	height: 500px;
}
#container	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}
#profilecontentandprofileadsandrelatedlistsholder{
	position: relative;
	width: calc(100% - 20px);
	max-width: 1450px;
	margin-left: auto;
	margin-right: auto;
}

#profilecontent	{
	position: relative;
	float: left;
	width: 100%;
	-webkit-transition: filter .3s;
	-moz-transition: filter .3s;
	-ms-transition: -ms-filter .3s;
	-o-transition: filter .3s;
	transition: filter .3s;

	padding-bottom: 130px;
}
/* Advertisements and Related */

#adsandrelated	{
	width:300px;
	float:right;
}

.rightcorners	{

	overflow:hidden;
}
#profileads	{
	position: relative;
	display: block;
	float: right;
	margin-right: 5px;
	width: 300px;
}
#profilead1	{
	position:relative;
	display:block;
	padding-bottom:5px;
}
#profilead2	{
	position:relative;
	display:block;
	padding-bottom:5px;
}

#profilead3	{
	position:relative;
	display:block;
	padding-bottom:5px;

}
#profilead4	{
	position:relative;
	display:block;
	padding-bottom:5px;
}


.newprofilebody{
	position: relative;
	float: left;
	width: calc(100% - 30px);
	margin: 0px 15px;
	top: -30px;
}



.profilecoverholder{
	position: relative;
	float: left;
	width: 100%;
	height: 300px;
}
.profilecover{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 300px;
	overflow: hidden;
}
.profilecoverimage{
	visibility: hidden;
	position: relative;
	float: left;

}
.changecoverbuttonholder{
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: .3s;
	display: flex;
	align-items: center;
	gap: 10px;
}
.changecoverbuttonholder:hover{
	cursor: pointer;
	background-color: rgba(0, 0, 0, .8);
}

.changecoverbutton{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: -40px -360px;
}

.changecovertext{
	display: none;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.changecoveroptionholder{
	display: none;
	position: absolute;
	width: 100%;
	top: 42px;
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .5);
}
.changecoveroption{
	position: relative;
	float: left;
	list-style: none;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0;

}

.changecoverpopupbackground{
	display: none;
	position: fixed;
	width: 100%;
	height: calc(100% - 41px);
	background-color: rgba(0, 0, 0, .7);
	top: 41px;
	left: 0;
	z-index: 9999;
	cursor: auto;
	overflow-y: auto;

}
.changecoverpopup{
	display: none;
	position: relative;
	width: calc(100% - 40px);
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(0, 0, 0, 0.7);
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 20px -5px black;
	z-index: 99999;
	overflow: hidden;

}
.changecoverpopupclose{



	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url("../assets/sprites/closesharepopup.png");
	background-position: 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	z-index: 1;
}
.changecoverpopupclose:hover{
	cursor: pointer;
	background-color: #EEEEEE;
}
.changecoverselectimageholder,.changecoveruploadimageholder, .changecoverrepositionimageholder{
	display: none;
	position: relative;
	width: calc(100% - 20px);
	padding: 10px;
}

.changecoverselectimageheader, .changecoveruploadimageheader, .changecoverrepositionimageheader{

	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;



}
.changecoverselectimagestocks, .changecoveruploadimage, .changecoverrepositionimage{
	osition: relative;
	float: left;
	width: 100%;
	height: 345px;
	margin-top: 10px;
	text-align: center;
}
.changecoverselectimagestocksimageholder{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 200px;
	/*height: 100px;*/
	overflow: hidden;
	text-align: center;
	margin: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.changecoverselectimagestocksimage{
	position: relative;
	display: inline-block;
	width: 200px;
	overflow: hidden;
	text-align: center;

	background-image: url(../assets/nav/rmlloading.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 77px;
}

.newprofiletitlecontainer{
	position: relative;
	float: left;
	width: 100%;
	top: -50px;
	display: flex;
	justify-content: center;
}
.newprofiletitleholder{
	position: relative;
	float: left;
	width: calc(100% - 80px);
	max-width: 900px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.newprofileimageholder{
	position: relative;
	float: left;
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.newprofileimage{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: rgb(255 255 255) 0px 0px 0px 2px, rgb(91 92 92) 0px 2px 6px -1px, rgb(0 0 0 / 49%) 0px 1px 5px 1px inset;
}
.newprofileimage img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.newprofiletitletoprow{
	position: relative;
	float: left;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}
.newprofileflagholder{
	right: 0;
	width: 20px;
	height: 20px;
}
.newprofiletitledetailscard {
	position: relative;
	float: left;
	/*width: 100%;*/
	width: calc(100% - 110px);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.newprofileflagicon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../assets/spritesv2/index.png"); background-size: 320px 800px;
	background-position: 0 -520px;
}
.newprofileflagicon:hover{
	cursor: pointer;
	color: #CCCCCC;
}


.newprofilepagesubsbuttonholder{
	position: relative;
	float: left;
	margin-right: 0px;
}
.newprofilesubscribebuttonprofiletitle{
	position: relative;
	float: left;
	padding: 8px 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: #A24242;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	cursor: pointer;
}
.newprofilesubscribedbuttonprofiletitle {
	position: relative;
	float: left;
	padding: 8px 14px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-align: center;
	background-color: #999999;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	cursor: pointer;
}
.newprofilesubscribebuttonnumberprofiletitle{
	margin-left: 15px;
}

.newprofilesendmessage{
	position: relative;
	float: left;
	width: 120px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A24242;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}
.newprofilesendmessage:hover{
	cursor: pointer;
	background-position: 0 -30px;
}

.newprofiletitlemiddlerow{
	position: relative;
	float: left;
	width: 100%;
}
.newprofilename{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #444444;
}
.newprofiletitlebottomrow{
	position: relative;
	float: left;
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.newprofiledescriptionreadmoreholder{
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
}
.newprofiledescriptionreadmoregradient{
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 60%);
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 60%);
	background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 60%);
}
.newprofiledescriptionreadmoretext{
	position: absolute;
	right: 0;
	bottom: 3px;
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	cursor: pointer;
}
.newprofiledescriptionreadmoretext:hover{
	text-decoration: underline;
}
.newprofiledescription{
	position: relative;
	float: left;
	width: 100%;
}
.newprofiledescriptiontext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	white-space: pre-wrap;
	text-align: justify;
	line-height: 18px;
}
.newprofileeditbutton{
	position: relative;
	float: left;
	width: 120px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: var(--red_btn_color);
	transition: var(--btn_bgcolor_animation);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}
.newprofileeditbutton:hover{
	background-color: var(--red_btn_hover_color);
}
.newprofileeditbutton:active{
	background-color: var(--red_btn_active_color);
}



#profiletotalcontainer{
	display:block;
	position:relative;
	width:1000px;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
	background-color:#F2F2F2;
}


#profiletitleholder	{
	display: none;
	position: relative;
	float: left;
	width: 100%;
}
#profiletitleholdersecondrow{
	position: relative;
	float: right;
}

#profiletitleholdertoprow	{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 3px;
	display: block;
	border-radius: .25em;
	background-color: #ffffffd4;
}

#profiletitletext	{
	position: relative;
	float: left;
	display: block;
	margin-top: 55px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}



#registrationtimeago	{
	position:relative;
	display:block;
	text-align:right;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#000000;
	font-weight: normal;
	float: right;
}

#timeagoprofilepage	{
	position:relative;
	display:block;
	text-align:right;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
	font-weight: normal;
}

#timeagoseparator	{
	position: relative;
	display: block;
	width: 5px;
	height: 5px;
	margin-left: 7px;
	margin-top: 3px;
	background-image: url(../assets/sprites/flagseparator.png);
	background-position: 0 0;
	float: right;

}

.profilenotificationbellholder{
	position: relative;
	float: left;
	margin-right: 10px;
}

.profilenotificationbell{
	display:block;
	float: left;
	/*padding-bottom: 2px;*/
}
.profilebellturnedon{
	display: block;
	float: right;
	position: relative;
	cursor:pointer;
	width: 20px;
	height: 20px;
	background-image:url(../assets/spritesv2/index.png);background-size: 320px 800px;
	background-position: -40px -560px
}



.profilebellturnedoff{
	display: block;
	float: right;
	position: relative;
	cursor:pointer;
	width: 20px;
	height: 20px;
	background-image:url(../assets/spritesv2/index.png);background-size: 320px 800px;
	background-position: -40px -580px
}

.profilebellturnedonalways{
	display: block;
	float: right;
	position: relative;
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../assets/spritesv2/index.png);background-size: 320px 800px;
	background-position: 0px -400px;
}

.profilebellturnedoffalways{
	display: block;
	float: right;
	position: relative;
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../assets/spritesv2/index.png);background-size: 320px 800px;
	background-position: 0px -420px;
}
.profileturnoffinstruction{
	display: none;
	position: absolute;
	width: 251px;
	height: 12px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	top: 20px;
	right: 2px;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 200;

}

.profileturnoninstruction{
	display: none;
	position: absolute;
	width: 251px;
	height: 12px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	top: 20px;
	right: 2px;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 200;

}
.profileturnoffinstructionalways{
	display: none;
	position: absolute;
	width: 112px;
	height: 62px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	top: 20px;
	right: 2px;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 200;

}
.profileturnoninstructionalways{
	display: none;
	position: absolute;
	width: 112px;
	height: 62px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	top: 20px;
	right: 2px;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 200;

}
.profilenotificationinstructiontext{
	color: #444444;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
}
.settingslink {
	color: blue;
}

.profileflagwrapper	{
	display: block;
	position: relative;
	float: right;
}

.profileflag	{
	display:block;
	float:left;
	margin-top:0px;
	margin-right:2px;
	width:12px;
	height:12px;
	background-image:url(../assets/sprites/icons_profile.png);background-size: 320px 800px;
	background-position: -21px -873px;
}

.profileflag:active	{
	background-position: -21px -897px;
}

.profileflagaswrapper	{
	display: block;
	position: relative;
	overflow: visible;
	float: right;

}

.profileflagdescription	{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}
.profileflagasdropdown{
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	width: 210px;
	padding: 10px;
	background-color: #FFFFFF;
	z-index: 108;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.profileflagas{
	position: relative;
	float: left;
	width: 100%;
}
.flagasoptionsprofile{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}


#profiletitlewrapperbottomrows	{
	position:relative;
	display:block;
	float: left;
	width: 100%;
	height: 113px;
	background-image: -webkit-linear-gradient(bottom, #000000 -40%, #ffffff00 65%);

}
#profiletitle{
	position: relative;
	display: block;
	float: left;
	margin-left: 175px;
}


#profileimage	{
	position: absolute;
	display: block;
	float: left;
	height: 150px;
	width: 150px;
	left: 10px;
	top: 10px;
	border: 5px solid #ffffff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	z-index: 100;
	-moz-box-shadow: 0 0px 20px -10px #000000;
	-webkit-box-shadow: 0 0px 20px -10px #000000;
	box-shadow: 0 0px 20px -10px #000000;
}
.profileaboutholder{
	display: none;
	position: relative;
	width: 100%;
	background-color: #f6f6f6;
	float: left;
	border-top: 1px solid #e5e5e5;
}
.mobileaddholder{
	display: none;
	position: fixed;
	width: 100%;
	height: 50px;
	left: 0;
	bottom: 0;
	z-index: 9999;
	text-align: center;
	background-color: #FFFFFF;
}
.mobileaddholder img{
	display: inline-block;
}


#profileimage img	{
	position:relative;
	display:block;
	float:left;
	height:150px;
	width:150px;
}



.pofiletitleinfo {
	position: relative;
	display: inline-block;
	float: left;
	text-align: left;
	clear: left;
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#profilesubscribers{
	float: left;
	position: relative;
}

#profiletitlebottomrowscontent	{
	position: absolute;
	display: block;
	right: 10px;
	top: 83px;
}
.mbl_profiletitlebottomrowscontent{
	display: none;
}


.separator	{
	position: relative;
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	margin-right: 7px;
	margin-top: 4px;
	background-image: url(../assets/sprites/profileseparator.png);
	background-position: 0 0;
}
.shareseparator	{
	float:left;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}
.viewseparator	{
	float:left;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}



#profileviews	{
	display:block;
	float:left;
}



#profileviewsnumber	{
	float:left;
	margin-right: 7px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight: normal;

}





#profilesubscribersnumber	{
	float:left;
	margin-right: 7px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}



#channelholder	{
	position:relative;
	display:block;
	float:right;
	margin-right:4px;
	width:198px;
}



#channelname	{
	float:left;
	display:block;
	width:125px;
	margin-top:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#D7D7D7;
	overflow:hidden;
	text-overflow: ellipsis;
}



#subscribebuttonholder	{
	float:left;
	display:block;
	width:84px;
	height:21px;
	margin-left:5px;
	border:1px solid #000000;
	position:relative;
	-moz-border-radius:0.40em;
	-webkit-border-radius:0.40em;
	border-radius:0.40em;

}

#editprofilelink	{
	float: left;
	display: block;
	width: 81px;
	height:19px;
	position: relative;
	text-align: left;
	padding-top: 5px;
	padding-left: 2px;
}




.profilesubscribebutton	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	background-color: #E89500;
	border-right: 1px solid #ffcc66;
	text-decoration: none;
	position: relative;
	border-top-left-radius: 1.25em;
	border-bottom-left-radius: 1.25em;
	-webkit-appearance: none;
}

.profilesubscribebutton:hover	{
	cursor: pointer;
	background-color: #ECA82E;
}

.profilesubscribebutton:active	{
	cursor: pointer;
	background-color: #D18600;
}

.profilesubscribedbutton	{
	float: right;
	display: block;
	width: 80px;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #999999;
	background-color: #eeeeee;
	position: relative;
	border-top-left-radius: 1.25em;
	border-bottom-left-radius: 1.25em;
}



.profilesubscribedbutton:hover	{
	cursor: pointer;
	background-color: #999999;
	color: #eeeeee;
}

.profiletitleholderthirdrow	{

	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-ms-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	z-index: 3;
	display: flex;
	align-items: center;
}

#profilesharedby	{
	display:block;
	float:left;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight: normal;
}

#profilesharesocialmedia	{
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}

#mbl_profilesharesocialmedia{
	display: none;
}
#profilesharesocialmediaicons	{
	position: relative;
	float: left;
	/*margin-right: 2px;*/
}

.socialshareiconmini{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-right: 10px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;

}
.icon{
	/*margin :5px;*/
}
.fbiconmini{
	background-position: 0 -120px;
}
.fbiconmini:hover{
	background-position: -20px -120px;
}

.twittericonmini{
	background-position: 0 -140px;
}
.twittericonmini:hover{
	background-position: -20px -140px;
}

.linkediniconmini{
	background-position: 0 -160px;
}
.linkediniconmini:hover{
	background-position: -20px -160px;
}

.pinteresticonmini{
	background-position: 0 -180px;
}
.pinteresticonmini:hover{
	background-position: -20px -180px;
}





.myspaceiconmini{
	background-position: 0 -200px;
}
.myspaceiconmini:hover{
	background-position: -20px -200px;
}

.redditiconmini{
	background-position: 0 -220px;
}
.redditiconmini:hover{
	background-position: -20px -220px;
}

.stumbleuponiconmini{
	background-position: 0 -240px;
}
.stumbleuponiconmini:hover{
	background-position: -20px -240px;
}

.diggiconmini{
	background-position: 0 -504px;
}
.diggiconmini:hover{
	background-position: 0 -525px;
}

.tumblriconmini{
	background-position: 0 -260px;
}
.tumblriconmini:hover{
	background-position: -20px -260px;
}

.bloggericonmini{
	background-position: 0 -280px;
}
.bloggericonmini:hover{
	background-position: -20px -280px;
}

.vkontakteiconmini{
	background-position: 0 -300px;
}
.vkontakteiconmini:hover{
	background-position: -20px -300px;
}



.whatsappiconmini{
	background-position: 0 -320px;
}
.whatsappiconmini:hover{
	background-position: -20px -320px;
}

.messengericonmini{
	background-position: 0 -819px;
}
.messengericonmini:hover{
	background-position: 0 -840px;
}

.vibericonmini{
	background-position: 0 -340px;
}
.vibericonmini:hover{
	background-position: -20px -340px;
}

.emailiconmini{
	background-position: 0 -360px;
}
.emailiconmini:hover{
	background-position: -20px -360px;
}


.moresocialmedia{
	position: relative;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
	background: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -420px;
}





.lesssocialmedia	{
	position: relative;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
	background: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -420px;


}




#profilesharebuttonclick {
	position: absolute;
	display: none;
	z-index: 150;
	width: 160px;
	height: auto;
	top: 28px;
	right: 0;
	background-color: #FFFFFF;
	color: #222222;
	-moz-border-radius: 0.40em;
	-webkit-border-radius: 0.4em;
	border-radius: 10px;
	box-shadow: 0 3px 20px -8px black;
	-moz-box-shadow: 0 3px 20px -8px black;
	-webkit-box-shadow: 0 3px 20px -8px black;
	overflow: hidden;

}

.sharemedianame {
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
}

.sharemedianamerow {
	height: 20px;
}

.profilesocialmediatable tr {
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: 40px;
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.profilesocialmediatable tr:hover{
	background-color: #EEEEEE;
}
.profilesocialmediatable tr:active{
	background-color: #EEEEEE;
}
.profilesharemessageshowpopupoverall	{
	position:fixed;
	left:0px;
	z-index:999999;
}

.profilesharemessageshowpopupbackground	{
	display:none;
	position:fixed;
	height:100%;
	width:200%;
	z-index:999997;
	top:40px;
	background-color:#000000;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}

.profilesharepopupmessageshowcontainer {
	text-align:center;
	display: block;
	position: fixed;
	height:0;
	width:100%;
	z-index: 999999;
	top:40px;
}

.profilesharemessageshowpopupwrapper	{
	overflow:auto;
	position: fixed;
	left:0;
	right:0;
	top:40px;
	bottom:0;
}

.profilesharemessageshowpopupcenter	{
	display: inline-block;
}

.profilesharepopupmessageshow	{
	float:left;
	max-width:950px;
	display:none;
	width:634px;
	height:auto;
	background-color:#FFFFFF;
	margin-top:20px;
	padding:2px 10px 15px 10px;
	-moz-border-radius:0.40em;
	-webkit-border-radius:0.40em;
	border-radius:0.40em;
	box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
	-moz-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
	-webkit-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
}

.profilesharemessageshowpopupclose	{
	cursor:pointer;
	position:relative;
	float:right;
	margin-right:2px;
	margin-top:5px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#AAAAAA;
}

.profilesharemessageshowpopupclose:hover	{
	color:#666666;
}

.profilesharemessageshowpopupclose:active	{
	color:#999999;
}

.profilesharemessageshowpoptitle	{
	display:block;
	width:90%;
	text-align:center;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#438BC5;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:25px ;
	padding-top: 5px;
	cursor:pointer;
}

.noscroll {
	overflow: hidden;
}
input [type="radio"]{
	position: absolute;
	font-weight:bold;
	font-size:18px;
	padding-top:50px;
}
.profiletitleinfo{
	display:block;
	width:100%;
	text-align:left;
	position:relative;
}
#profileshareoption {
	display:block;
	width:100%;
	text-align:left;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	margin-bottom:10px;
	margin-top:12px;
	padding-top:0px;
	padding-left:5px;
}

#sharebuttonfb {
	text-align:center;
	margin-top:20px;
}
.profilesharepreview {
	cursor: default;
	display: none;
	float: left;
	margin-top: 125px;
	margin-right: 10px;
	margin-left: 15px;
	font-size: 12px;
	width: 46px;
}
.profileshareoptionimage {
	position:relative;
	top:0px;
	width:522px;
	height:275px;
	z-index: 100;
}

iframe{
	border:none;
}

.profileshareradiobutton {
	cursor:pointer;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top:10px;
	margin-left:67px;
}

.buttontitle {
	cursor:pointer;
	margin:auto ;
}
.profilegeneratingpreviewtext {
	display: block;
	position: absolute;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #A9A9A9;
	top:171px;
	left:210px;
	width:146px;
	text-align: center;
	z-index: 70;
}

.imagecontaineroverall {
	display: block;
	position: relative;
	float:left;
	height: 285px;
	width: 400px
}

.shareoptionscontainer {
	display: block;
	position: relative;
	float: left;
	clear: both;

}

.profileshareloadinggif {
	display: block;
	position:absolute;
	left: 240px;
	top: 91px;
	background-image: url(./assets/nav/rmlloadinglargedark.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 80px;
	width: 80px;
	z-index: 70;
}

#sharebuttonfacebook {
	width:110px;
	margin-left:279px ;
	height:20px;
	margin-top: 15px;



}

#sharebuttontwitter {
	width:110px;
	margin-left:252px ;
	height:26px;
	margin-top: 3px;
}
#sharebuttonlinkedin {
	width:110px;
	margin-left:279px ;
	height:21px;
	margin-top: 20px;
}
#sharebuttonpinterest {
	width:110px;
	margin-left:239px ;
}
#sharebuttongoogle {
	width:110px;
	margin-left:250px ;
	height:30px;
	margin-top: 22px;
}
#sharebuttonmyspace {
	width:110px;
	margin-left:243px ;
	height:32px;
	margin-top: 20px;
}

#sharebuttondigg {
	width:110px;
	margin-left:246px ;
	height:34px;
	margin-top:0px;
}
#sharebuttonreddit {
	width:133px;
	margin-left:245px ;
	height:35px;
	margin-top: 20px;
}
#sharebuttonstumbleupon {
	width:133px;
	margin-left:233px ;
	height:63px;
	margin-top: 20px;
}
#sharebuttontumblr {
	width:133px;
	margin-left:255px ;
	height:20px;
	margin-top: 20px;
}
.profilealtshare {
	font-size:12px;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	width:20px;
	height:20px;
	margin-left:332px;
	margin-top: -19px;
}
.profilesharebutton{
	background-color: #4267b2;
	border: none;
	color: white;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: -2px 2px;
	cursor: pointer;
}
.profilesharebutton:active{
	background-color: #004e9b;
}
#profiletitleholderfourthrow	{
	display: block;
	width: calc(100% - 10px);
	float: left;
	clear: both;
	margin-top: 8px;
	margin-bottom: 23px;
	height: 50px;
	padding-right: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
}
#profiletitleholderfourthrowempty	{
	display: block;
	width: calc(100% - 10px);
	float: left;
	clear: both;
	margin-top: 8px;
	margin-bottom: 23px;
	height: 50px;
	padding-right: 10px;
	text-overflow: ellipsis;
	overflow: hidden;

}
#profiletitlelistmanagelink	{
	display:block;
	float:left;
	clear:both;
	margin-top:8px;
}
#profiletitlechanneldescriptionabout	{
	display:block;
	float:left;
	text-align:justify;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	width:50px;
	color:#666666;
	font-weight: bold;
}

.profiletitlelistmanagetext	{
	display:block;
	float:left;
	text-align:justify;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	width:205px;
	color:#D7D7D7;
	background-color: #2C638F;
}
#profiletitlechanneldescription	{
	line-height: 23px;
	display: block;
	float: right;
	width: calc(100% - 181px);
	text-align: justify;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#profilemanagelist{
	width: 200px;
	height: 20px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	width:45px;
	color:#D7D7D7;
}



.profiletitlesubscribemessage{
	margin-top: 50px;
	position: relative;
	display: block;
	float: left;
	width: 25px;
	height: 21px;
	text-align: center;
	cursor: pointer;
}
.profiletitle_massageimage {
	width: 25px;
	height: 25px;
	margin-left: 4px;
	margin-top: -3px;
	background-image: url(../assets/sprites/icons_profile.png);background-size: 320px 800px;
	background-position: -21px -576px;
	cursor: pointer;
}
.profiletitle_massageimage:hover {
	width: 25px;
	height: 25px;
	margin-left: 4px;
	margin-top: -3px;
	background-image: url(../assets/sprites/icons_profile.png);background-size: 320px 800px;
	background-position: -21px -601px;
	cursor: pointer;
}
.profiletitle_massageimage:active {
	width: 25px;
	height: 25px;
	margin-left: 4px;
	margin-top: -3px;
	background-image: url(../assets/sprites/icons_profile.png);background-size: 320px 800px;
	background-position: -21px -626px;
	cursor: pointer;
}

.profiletitlesubscribesbutton	{
	position:relative;
	display:block;
	float:left;
	width:115px;
}
.mbl_profiletitlesubscribesbutton{
	display: none;
}
#profiletitlesubscribebuttonholder	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	position: relative;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
}
#profiletitleeditprofilebuttonholder	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	position: relative;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
}
#profiletitlesubscribebuttonholderedit	{
	float:right;
	display:block;
	width:84px;
	height:21px;
	border-top:1px solid #000000;
	border-laft:1px solid #000000;
	border-bottom:1px solid #000000;
	position:relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.protitletotalsubscribersbox{
	display: block;
	position: relative;
	float: left;
	width: 30px;
	height: 16px;
	margin-top: 7px;
	border-top-right-radius: 1.25em;
	border-bottom-right-radius: 1.25em;
}
#profilesubscribeobutton	{
	float:right;
	position:relative;
	display:block;
	-webkit-top-left-border-radius:1.25em;
	-webkit-bottom-left-border-radius:1.25em;
	-moz-top-left-border-radius:1.25em;
	-moz-bottom-left-border-radius:1.25em;
	border-top-left-radius:1.25em;
	border-bottom-left-radius:1.25em;
}


.editprofile	{
	display:block;
	float:left;
}
.editprofilebtn	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	background-color: #5dabf9;
	text-decoration: none;
	color: #ffffff;
	position: relative;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
	-webkit-appearance: none;
}
.editprofilebtn:hover	{
	cursor: pointer;
	background-color: #7abafa;
}
.editprofilebtn:active	{
	cursor: pointer;
	background-color: #549ae0;
}

.totalsubscribedtext{
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
}
[aria-hidden="true"] { display:none;}

[aria-hidden="false"] { display:block;}

.profileaboutreadmore{
	position: absolute;
	display: none;
	right: 10px;
	bottom: 6px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	background-color: #f6f6f6;
	padding: 2px 0 2px 2px;
	cursor: pointer;
}
.aboutellipsis{
	display: none;
	position: absolute;
	background-color: #f6f6f6;
	padding: 3px;
	top: 33px;
	right: 10px;
}
.profilecoveroverlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30%;
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 50%) 100%);
}


.profilecover_topfixedbar{
	position: fixed;
	height: 40px!important;
	top: 50px;
	z-index: 3;
	-webkit-box-shadow: 0 1px 10px -5px black;
	-moz-box-shadow: 0 1px 10px -5px black;
	box-shadow: 0 1px 10px -5px black;
	overflow: hidden;
}
.profilecoverimage_topfixedbar{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-ms-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}
.profilecoveroverlay_topfixedbar{
	height: 40px;
	background-color: rgb(0 0 0 / 40%);
}
.newprofileimage_topfixedbar{
	position: fixed;
	margin-top: 0;
	margin-left: 0;
	top: 57px;
	left: 15px;
	z-index: 3;
	width: 26px;
	height: 26px;
	border: none;
	-webkit-box-shadow: 0 0 10px -5px black;
	-moz-box-shadow: 0 0 10px -5px black;
	box-shadow: 0 0 10px -5px black;
}
.newprofileimage_topfixedbar img{
	width: 26px;
	height: 26px;
}
.newprofilename_topfixedbar{
	position: fixed;
	width: calc(100% - 55px);
	height: 40px;
	top: 50px;
	left: 55px;
	z-index: 3;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.newprofilename_topfixedbar .newprofilename{
	color: #FFFFFF;
	font-size: 14px;
}
.profiletitleholderthirdrow_topfixedbar{
	position: fixed;
	top: 50px;
	z-index: 9999;
}
.profileimageandcovershownbackground{
	display: none;
	position: fixed;
	width: 100%;
	height: calc(100% - 41px);
	background-color: rgba(0, 0, 0, 0.7);
	top: 46px;
	left: 0;
	z-index: 9999;
	cursor: auto;
}
.profileimageandcovercolsebutton{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;

	background-position:  -80px 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, .7);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.profileimageandcovercolsebutton:hover{
	cursor: pointer;
	background-color: rgba(0, 0, 0, .9);
}
.profileimagedisplayholder{
	display: none;
	position: relative;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.profileimagedisplay{
	visibility: hidden;
}
.profilecoverdisplayholder{
	display: none;
}
.golistmanagertext{
	position: relative;
	float: left;
	width: 120px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: var(--dark_btn_color);
	transition: var(--btn_bgcolor_animation);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}
.golistmanagertext:hover{
	background-color: var(--dark_btn_hover_color);
}
.golistmanagertext:active{
	background-color: var(--dark_btn_active_color);
}
.golistmanage, .editprofiletext{
	position: relative;
	float: left;
}








#coverimageuploadpopupuploadbuttonlabel	{
	text-align: center;
	cursor: pointer;
	width: 75px;
	display: block;
	position: relative;
	float: left;
	padding: 7px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	background-color: #5dabf9;
	-moz-border-radius: .40em;
	-webkit-border-radius: .40em;
	border-radius: .40em;
	-webkit-appearance: none;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

#coverimageuploadpopupuploadbuttonlabel:hover	{
	cursor: pointer;
	background-color: #7abafa;
}

#coverimageuploadpopupuploadbuttonholder	{
	position: relative;
	width: 91px;
	margin-left: auto;
	margin-right: auto;
}

#coverimageuploadpopupuploadbutton {
	position: absolute;
	left: -999999px;
}


#coverimageuploadpopupuploadtext	{
	display: none;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#999999;
	width:160px;
	height:12px;
	padding-top:6px;
	padding-bottom:9px;
	padding-left:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align: left;
}

#coverimageuploadpopupfeedback	{
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	clear:both;
	text-align:justify;
	line-height:16px;
	font-size:11px;
	color:#888888;
	padding-top:6px;
	padding-bottom:9px;
	padding-left:0px;
}


#coverimageuploadpopupfeedback strong	{
	font-size:11px;
	color:#666666;
	font-weight:bold;
}


#coverimageuploadpopupuploadreminder	{
	position: relative;
	width: 100%;
	float: left;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	line-height: 14px;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 9px;
}

#coverimageuploadpopupbuttonouter	{
	padding-top:20px;
	display:block;
	clear:both;
	width:100%;
}

#coverimageuploadpopupbuttoncontainer	{
	display:block;
	clear:both;
	width:260px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
}

.coverimageuploadpopupbuttonholder	{
	float: left;
	display: block;
	width: 110px;
	margin-left: 10px;
	margin-right: 10px;
}

.coverimageuploadpopupbutton	{
	cursor: pointer;
	width: 110px;
	display: block;
	position: relative;
	float: left;
	padding: 7px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	background-color: #B13D3D;
	-moz-border-radius: .40em;
	-webkit-border-radius: .40em;
	border-radius: .40em;
	-webkit-appearance: none;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.coverimageuploadpopupbutton:hover	{
	cursor: pointer;
	background-color: #c74e4e;
}



.coverimageuploadpopupbuttondisabled	{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	text-decoration:none;
	width: 110px;
	display: block;
	position: relative;
	float: left;
	padding: 7px;
	line-height: 18px;
	background-color: #B13D3D;
	-moz-border-radius: .40em;
	-webkit-border-radius: .40em;
	border-radius: .40em;
	-webkit-appearance: none;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}


#dragyourcoverimageherefromdevice{
	position:relative;
	clear:both;
	border: dotted 2px #438BC5;
	display: none;
	font-size: 20px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

#dragyourcoverimageherefromdevicetext	{
	position:relative;
	display:block;
	font-size: 20px;
	height: 20px;
	font-family: 'Roboto', sans-serif;
	color:#438BC5;
}

#coverimageuploadpopupuprotateimagewrapper {
	display:block;
	position:relative;
	float:left;
	margin-top:10px;
	width:100%;
}

#coverimageuploadpopupuprotateimagewrapper {
	display:none;
	position:relative;
	float:left;
	margin-top:10px;
	width:100%;
}

#coverimageuploadpopupuprotateimage {
	display: block;
	position: relative;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}

#imageuploadpopupupflipimage {
	display: block;
	position: relative;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}

#imageuploadpopupupflipimagehorizontal{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-left: 10px;
	background-image: url(../assets/sprites/image_flip_icon.png);
	background-size: 30px 60px;
	background-position: 0 0;
	cursor: pointer;
}
#imageuploadpopupupflipimagehorizontal:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#imageuploadpopupupflipimagehorizontal:active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
#imageuploadpopupupflipimagevertical{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background-image: url(../assets/sprites/image_flip_icon.png);
	background-size: 30px 60px;
	background-position: 0 -30px;
	cursor: pointer;
}
#imageuploadpopupupflipimagevertical:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#imageuploadpopupupflipimagevertical:active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#coverimageuploadpopupuprotateimageleft {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	/* margin-right: 5px; */
	background-image: url(../assets/spritesv2/createcontent.png); background-size: 320px 800px;
	background-position: -80px -240px;
	cursor: pointer;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: -webkit-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-moz-transition: -moz-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-ms-transition: -ms-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-o-transition: -o-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	transition: transform .3s cubic-bezier(0.17,.88,.32,1.27);
}

#coverimageuploadpopupuprotateimageleft:hover {
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg);
}


#coverimageuploadpopupuprotateimageright {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	/* margin-right: 5px; */
	background-image: url(../assets/spritesv2/createcontent.png); background-size: 320px 800px;
	background-position: -80px -280px;
	cursor: pointer;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: -webkit-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-moz-transition: -moz-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-ms-transition: -ms-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	-o-transition: -o-transform .3s cubic-bezier(0.17,.88,.32,1.27);
	transition: transform .3s cubic-bezier(0.17,.88,.32,1.27);
}

#coverimageuploadpopupuprotateimageright:hover {
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
}



#coverimageuploadpopupuprotateimagetext {

	position:relative;
	clear:both;
	float:left;
	width:60px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	color:#888888;
	display: none;
}

#coverimageuploadpopupphotocontainer{
	text-align: center;
	width: auto;
	height:auto;
}


#coverimageuploadpopupphotowrapper	{
	display:block;
	position:relative;
	width:100%;
}

#coverimageuploadpopupphotowrapperleft	{
	display:block;
	float:left;
	position:relative;
	width: 100%;
}


.coverimageuploadpopupphoto	{
	clear:both;
}

#coverimageareaselectcontainer {
	position: relative;
	top: -80px;
	left: -191px;
}

.zerodeg {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}

.ninetydeg {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}

.oneeightydeg	{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.twoseventydeg {
	transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
}

.profilecoverimagechangesoptionholder{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 10px);
	height: 50px;
	padding: 0px 5px;
	text-align: center;
}
.coverimagechangesubmitbutton{
	cursor: pointer;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: relative;
	float: right;
	width: 90px;
	height: 28px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
	margin: 11px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.coverimagechangereselect{
	cursor: pointer;
	display: none;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: relative;
	float: left;
	width: 90px;
	height: 28px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
	margin: 11px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.coverimagechangereselectstockphoto{
	cursor: pointer;
	display: none;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: relative;
	float: left;
	width: 90px;
	height: 28px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
	margin: 11px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.coverimagechangesubmitbuttoncancel{
	cursor: pointer;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: relative;
	float: right;
	width: 90px;
	height: 28px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
	margin: 11px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.coverimagechangepreview{
	display: none;
	position: absolute;
	width: 120px;
	left: calc(50% - 60px);
	top: 12px;
}

.coverimagechangepreviewtext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	line-height: 26px;
	font-size: 24px;
	color: #FFFFFF;
}

.coverimagechangepreviewgif{
	position: relative;
	float: left;
	width: 42px;
	height: 20px;
	margin: 3px;
	background-image: url(../assets/sprites/dotswhite.gif);
	background-position: 0px 0px;
}


/*go profile page btn*/




.profileshare_viewcountholderinner{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}
.userprofilebuttonsholder{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;

	justify-content: flex-end;
}

.profiletotalview {
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	white-space: nowrap;
}
.separatorbtn {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: -2px 0;
	background-image: url("../assets/spritesv2/index.png"); background-size: 320px 800px;
	background-position: 0 -500px;
}

.profiletotalshare {
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	white-space: nowrap;
}



.goprofilepage{
	position: relative;
	display: block;
	float: left;
}

.goprofilepagetext {
	cursor: pointer;
	position: relative;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	letter-spacing: .3px;
	line-height: 30px;
	width: 86px;
	height: 29px;
	float: right;
	color: #ffffff;
	text-align: center;
	background-color: #416990;
	border: 1px solid #cfcfcf;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.goprofiletext{
	position: relative;
	float: left;
	padding: 8px 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
	background-color: #808080;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
	cursor: pointer;
}
.goprofiletext:hover{
	background-color:#949191;
}
.profileshare_viewcountholder{
	position: relative;
	float: left;
}








.newunsubscribeconfirmholder_past{
	display: none;
	position: absolute;
	top: 31px;
	width: 250px;
	padding: 10px;
	z-index: 100;
	background-color: rgba(0, 0, 0, .8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newunsubscribeconfirmtext_past{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	padding-bottom: 11px;
	border-bottom: 1px solid #666666;
}
.newunsubscribeconfirmbutton_past{
	position: relative;
	float: left;
	width: 90px;
	margin-left: 12px;
	padding: 4px;
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	background-color: #B13D3D;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newunsubscribeconfirmcancel_past{
	position: relative;
	float: right;
	width: 90px;
	margin-right: 10px;
	padding: 4px;
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	background-color: #BBBBBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newunsubscribeconfirmcancel_past:hover{
	cursor: pointer;
	background-color: #CFCFCF;
}


/*profile share new*/

.sharebuttonholder{
	display: block;
	width: 100%;
	height: 30px;
	float:left;
	position: relative;
}
.FacebookSahrebutton{
	display: block;
	width: 200px;
	height: 30px;
	text-align: center;
	line-height: 27px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	background-color:#3a5a9a;
	color: #FFFFFF;
	cursor: pointer;
	margin-bottom: 5px;
}

.TwitterSahrebutton{
	display: block;
	width: 200px;
	height: 30px;
	text-align: center;
	line-height: 27px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	background-color:#3a5a9a;
	color: #FFFFFF;
	cursor: pointer;
	margin-bottom: 5px;
}

.newbracketshareimagepreview {
	position: relative;
	float: left;
	width: 100%;
	height: 315px;
}
.newprofilesharepopupbuttonholder{
	position: relative;
	float: left;
	width: 100%;
	margin-top:30px;
}
.newprofiletshareimagepreviewfooterbracketdescription {
	position: relative;
	float: left;
	max-width: calc(100% - 24px);
	margin: 7px 0 0 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newprofilesharepreviewpopupholder{
	display: none;
	position: fixed;
	width: 100%;
	height: calc(100% - 40px);
	top: 40px;
	left: 0;
	z-index: 9999;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	overflow-y: auto;
}
.newprofilesharepreviewpopup{
	display: inline-block;
	position: relative;
	width: calc(100% - 20px);
	max-width: 850px;

	background: rgb(0, 0, 0);
	background: #ffffff;
	box-shadow: 0 0 28px -6px black;
	-webkit-box-shadow: 0 0 55px -10px #000000;
	-moz-box-shadow: 0 0 55px -10px #000000;
	box-shadow: 0 0 55px -10px #000000;
	z-index: 99999;
	overflow: hidden;
	top: 100px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.newprofilesharetitleholder{
	position: relative;
	float: right;
	width: 230px;
	padding: 0px 10px;
}

.newprofilesharepreviewpopupClose{
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-image: url(../assets/sprites/closesharepopup.png);
	background-position: 0px 0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.newprofilesharepreviewpopupClose:hover{
	background-color: #CCCCCC;
}
.newprofilesharetitle{
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #444444;
}
.newprofileshareimagepreviewholder{
	position: relative;
	float: left;
	width: 600px;
	height: 407px;
	-ms-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
.newbracketshareimagepreview{
	position: relative;
	float: left;
	width: 100%;
}
.newbracketshareimagepreview img{
	width: 100%;
	height: auto;
}
.newprofileshareimagepreviewfooter{
	position: relative;
	float: left;
	width: 100%;
	height: 92px;
	background-color: #F3F4F6;
	overflow: hidden;
}
.newprofileshareimagepreviewfooterfacebook{
	display: none;
	position: relative;
	float: left;
	width: 100%;
}
.newprofileshareimagepreviewfooterwebaddress{
	position: relative;
	float: left;
	clear: left;
	margin: 10px 0 0 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666666;
}


.newprofileshareimagepreviewfooterbrackettitle{
	position: relative;
	float: left;
	clear: left;
	margin: 6px 0 0 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: #222222;
	width: 100%;
	text-align: left;
}
.newprofileshareimagepreviewfootercommon .newprofileshareimagepreviewfooterbrackettitle{
	margin: 20px 0 0 15px;
}


.newprofileshareimagepreviewfootercommon{
	display: none;
	position: relative;
	float: left;
	width: 100%;
}
.newprofilesharepopupoption{
	position: relative;
	float: right;
	width: 230px;
	padding: 0px 10px;
}
.newprofilesharepopupurlcontainer{
	position: relative;
	float: left;
	width: 100%;
}
.newprofilesharepopupurl{
	position: relative;
	float: left;
	width: calc(100% - 42px);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.newprofilesharepopupurlellipse{
	position: absolute;
	width: 100px;
	height: 15px;
	top: 0;
	right: 42px;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 100%);
	background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
}
.newprofilesharepopupurlcopybutton{
	position: absolute;
	width: 42px;
	height: 22px;
	top: 0;
	right: 0;
	padding-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #2d96ff;
	cursor: pointer;
}
.newprofilesharepopupurlcopyconfirmation{
	bottom: -24px;
	position: absolute;
	right: -155px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	background-color: #666666;
	color: #f6f6f6;
}
.newbracketsharepopupurlcopyconfirmationShown{
	right: 0;
}
.newprofilesharepopupbutton{
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: calc(50% - 85px);
}
.newprofilesharepopupbuttonicon{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-size: 30px 480px;
	border-top-left-radius: .40em;
	-webkit-border-top-left-radius: .40em;
	border-bottom-left-radius: .40em;
	-webkit-border-bottom-left-radius: .40em;
}
.newprofilesharepopupbuttontext{
	position: relative;
	float: left;
	padding: 9px 12px 0 12px;
	height: 21px;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border-top-right-radius: .40em;
	-webkit-border-top-right-radius: .40em;
	border-bottom-right-radius: .40em;
	-webkit-border-bottom-right-radius: .40em;
}
.newprofilesharepopupurlholder{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	margin-top: 112px;
	border-bottom: 2px solid #666666;
}




.new_profile_share_popup_preview_image {
	position: relative;
	float: left;
	width: 360px;
	height: 188px;
	-ms-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;
}
#profileshare_bg_img {
	width: 100%;
	height: 100%;
	filter: blur(5px);
	z-index: 0;
	visibility: hidden;
}
#profileshare_gradient1 {
	width: 100%;
	height: 18%;
	position: absolute;
	text-align: center;
	padding-top: 10px;
	top: 0;
}

.profilesharetitlenameholder{
	display: block;
	float: left;
	width: 100%;
	position: relative;

}



.profilesharechannelcontentholder {
	width: 100%;
	float: left;
	position: relative;
	height: 165px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contentimageholder{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	padding-top: 25px;
}



.itemimages{
	display: block;
	width: 45px;
	height: 45px;
}
.contenttitlenameholder{
	display: grid;
	align-items: center;
	position: relative;
	float: left;
	width: calc(100% - 55px);
	height: 46px;
}
.contenttitlename{
	display: block;
	width: 100%;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	display: -webkit-box;
	text-align: left;
	font-weight: bold;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
}
.rankmylistlink{
	display: block;
	float: left;
	margin: 46px 0px 0px 65px;
	width: calc(100% - 65px);
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}


.newprofilesharesubscribersicon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -300px;
	transform: scale(.7);
	transform-origin: left;
}
.newprofileshareviewicon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -320px;
	transform: scale(.7);
	transform-origin: left;
}
.newprofileshareposticon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -340px;
	transform: scale(.7);
	transform-origin: left;
}
.newprofilesharesharesicon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -360px;
	transform: scale(.7);
	transform-origin: left;
}
.profilesharebasicinforow{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: auto 14px 17px;
	gap: 2px;
}
.new_social_share_popup_preview_footer_facebook{
	display: none;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5px;
}
.new_social_share_popup_preview_footer_linkedin{
	display: none;
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 5px 10px;
	background-color: #eef3f9;
}
.new_social_share_popup_preview_footer_tumblr{
	display: none;
	position: relative;
	float: left;
	width: calc(100% - 22px);
	height: 40px;
	padding: 5px 10px;
	border: 1px solid #999999;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_webaddress{
	position: relative;
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	color: #777;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_user_name{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #222;
	font-weight: bold;
}
.new_social_share_popup_preview_footer_facebook .new_social_share_popup_preview_footer_user_description{
	position: relative;
	float: left;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #444444;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.new_social_share_popup_preview_footer_linkedin .new_social_share_popup_preview_footer_user_name{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #000000;
}
.new_social_share_popup_preview_footer_linkedin .new_social_share_popup_preview_footer_webaddress{
	position: relative;
	float: left;
	margin-top: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	color: #666666;
}
.new_social_share_popup_preview_footer_backdrop{
	position: absolute;
	width: 360px;
	height: 189px;
	left: 0;
	top: -189px;
	background-color: rgba(0, 0, 0, .4);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new_social_share_popup_preview_footer_tumblr .new_social_share_popup_preview_footer_user_description{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: 16px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
}
.new_social_share_popup_preview_footer_tumblr .new_social_share_popup_preview_footer_webaddress{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	color: #999;
	text-transform: uppercase;
}
.subscribetext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.totalnumber{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.profileshare_rmlwhitelogo{
	margin-top: 49px;
	float: right;
	margin-right: 6px;
}
.profileshareemptytext{
	display: block;
	float: left;
	width: calc(100% - 10px);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin: 10px;
	text-align: left;
}
#profiletabholderwrapper{
	margin-top: 5px;
}

#profilecontentcontainer {
	display: block;
	position: relative;
	float: left;
	margin-bottom: 5px;
	width: calc(100% - 318px);
	min-height: 500px;
}
.profilecontentholder	{
	position: relative;
	float: left;
	display: block;
	width: 100%;
}

.profiletabholderwrapper {
	display:block;
	position:relative;
	float:left;
	clear:both;
	height:440px;
	width:665px;
	margin-top: 0px;
}


#profilepagelistholder {
	position: relative;
	clear:both;
	float: left;
	display: block;
	width:100%;
}

#profilepageactivityholder {
	position: relative;
	clear:both;
	float: left;
	display: none;
	width:100%;
}
#profilepageaboutholder{
	position: relative;
	clear:both;
	float: left;
	display: none;
	width:100%;
}

#profilepagediscussionholder {
	position: relative;
	clear:both;
	float: left;
	display: none;
	width:100%;
}

#discussionssectionholder {
	width: calc(100% - 20px);
	padding: 10px;
	padding-top: 0;
	float: left;
}
#profilepagenotificationholder {
	position: relative;
	clear:both;
	float: left;
	display: none;
	width:100%;
	margin-top: 20px;
}

#profilepagesubscribeholder {
	position: relative;
	clear:both;
	float: left;
	display: none;
	width:100%;
}
#profilepagemessageholder {
	display: none;
	margin-top: 20px;
	margin-bottom: 0px;
	position: relative;
	clear:both;
	float: left;
	width:100%;
	text-align: center;
}
.messagetext{
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	color: #888888;
	font-size: 15px;
	margin: 100px;
}


.golistmanager{
	cursor: pointer;
	position: relative;
	display: block;
	width: 125px;
	height: 19px;
	float: right;
	margin-top: -19px;
	margin-right: 1px;
	text-align: right;
	vertical-align: baseline;
	background: transparent;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

.golistmanagetexthover	{
	background-color:#AAAAAA;
}

.golistmanagerleft{
	position: relative;
	display: block;
	float:right;
	margin-top: 2px;
	width: 0px;
	height: 0px;
	border-top: 18px solid transparent;
	border-right: 15px solid #888888;

}
.golistmanagerlefthover	{
	cursor:pointer;
	border-right:15px solid #AAAAAA;
}
.golistmanagerleftactive	{
	cursor:pointer;
	border-right:15px solid #777777;
}
.golistmanagerleftnormal	{
	position: relative;
	display: block;
	float:right;
	margin-top: 2px;
	width: 0px;
	height: 0px;
	border-top: 18px solid transparent;
	border-right: 15px solid #888888;
	-moz-border-radius-topleft:0.26em;
	-webkit-border-top-left-radius:0.26em;
	border-top-left-radius:0.26em;
}



.profilecontainertabwrapper {
	position: relative;
	float: left;
	font-size: 0px;
	white-space: nowrap;
}


.profilecontainertab	{
	position: relative;
	float: left;
	display: block;
	height: 26px;
	padding: 0 10px 0 10px;
	white-space: nowrap;
	padding-top: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.profilecontainertab:hover	{
	cursor:pointer;
	-webkit-box-shadow: inset 0 -4px #c4c4c4;
	-moz-box-shadow: inset 0 -4px #c4c4c4;
	box-shadow: inset 0 -4px #c4c4c4;

}



.profilecontainertab:active	{


}




.selectedprofilecontainertabsmall	{
	position:relative;
	float:left;
	display:block;
	width:111px;
	height:26px;
}

.selectedprofilecontainertab	{
	position: relative;
	float: left;
	display: block;
	height: 26px;
	white-space: nowrap;
	padding-top: 5px;
	-webkit-box-shadow: inset 0 -4px #A24242;
	-moz-box-shadow: inset 0 -4px #A24242;
	box-shadow: inset 0 -4px #A24242;

}

.selectedprofilecontainertab:hover	{
	cursor:pointer;
	-webkit-box-shadow: inset 0 -4px #A24242;
	-moz-box-shadow: inset 0 -4px #A24242;
	box-shadow: inset 0 -4px #A24242;


}
.selectedprofilecontainertab:active	{
	cursor:pointer;
}

.profilecontainertext {
	display: inline;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	letter-spacing: .3px;
	font-size: 14px;
	height: 12px;
	line-height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 130px;
	color: #666666;
}
.profilecontainertext:hover{
	color: #888888;
}

.selectedprofilecontainertext {
	display:inline;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	font-size:14px;
	height:12px;
	letter-spacing: .3px;
	line-height: 23px;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:130px;
	color:#666666;
}
.selectedprofilecontainertext:hover{
	color: #888888;
}

.profileads {
	display: block;
	padding-bottom: 5px;
}

.profilecreatelistloadmorebtn{
	position: relative;
	width: 100%;
	float: left;
}



.profilepastactivityloadmorewrapper {
	position: relative;
	width: 100%;
	float: left;
}
.profilesubscribeloadmore {
	position: relative;
	width: 100%;
	float: left;
}
#profileprivateactivityorder, #profilepublicactivityorder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}



#profilecreatelistloadmoreholder{
	cursor: pointer;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 50px;
	text-align: center;
	display: none;
}
.loadmoregifholder{
	cursor: pointer;
	/*position: relative;*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 50px;
	text-align: center;
	display: none;
}
.loadmoreloadinggif{
	margin-left: auto;
	margin-right: auto;
}
#profilecreatelistloadmore{
	margin-left: auto;
	margin-right: auto;
}


.profilecontainertabdifferentpagebig	{
	position: relative;
	float: left;
	display: block;
	padding: 0 10px 0 10px;
	height: 26px;
	padding-top: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.profilecontainertabdifferentpage	{
	position: relative;
	float: left;
	display: block;
	white-space: nowrap;
	padding-top: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.profilecontainertabdifferentpage:hover	{
	cursor: pointer;
}
.profilecontainertabdifferentpage:active	{

}
.selectedprofilecontainertabdifferentpage	{
	position: relative;
	float: left;
	display: block;
	height: 26px;
	white-space: nowrap;
	padding-top: 5px;
	-webkit-box-shadow: inset 0 -4px #A24242;
	-moz-box-shadow: inset 0 -4px #A24242;
	box-shadow: inset 0 -4px #A24242;
}


.profilepagenotificationstab	{
	position:relative;
	float:left;
	display:block;
	height:26px;
	white-space:nowrap;
	padding-top: 5px;
}

.selectedprofilepagenotificationstab	{
	position:relative;
	float:left;
	display:block;
	height:26px;
	white-space:nowrap;
	padding-top: 5px;
}

.notloggedinprofilelistsviewactivityheader	{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 82px);
	line-height: 14px;
	padding-right: 5px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: left;
	margin-left: 5px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	white-space: nowrap;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.profilelistsecontainericon{
	display: none;
}

/*New Css*/



#subscribeholder	{
	position:relative;
	display:block;

	float:right;

	margin-top:-2px;

	margin-right:4px;

	width:90px;

}
.subscribebutton	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #FFFFFF;
	background-color: #E89500;
	text-decoration: none;
	border-right: 1px solid #FFB442;
	position: relative;
	-webkit-border-top-left-radius: 0.25em;
	-webkit-border-bottom-left-radius: 0.25em;
	border-bottom-left-radius: 0.25em;
	border-top-left-radius: 0.25em;
	-webkit-appearance: none;
	border-top-left-radius: 1.25em;
	border-bottom-left-radius: 1.25em;
}
.subscribebutton:hover	{
	cursor: pointer;
	background-color: #ECA82E;
}



.subscribedbutton	{
	float: right;
	display: block;
	width:84px;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #999999;
	background-color:#e5e5e5;
	position: relative;
	border-top-left-radius: 1.25em;
	border-bottom-left-radius: 1.25em;
}
.subscribedbutton:hover	{
	cursor: pointer;
	background-color: #999999;
	color: #eeeeee;
}


.subscribetabdataloadinggif{
	cursor: pointer;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 320px;
	text-align: center;
	min-height: 600px;
}
.newgifactivityloading{
	position: relative;
	width: 40%;
	height: 40%;
	top: 150px;
}

.profilepagepopular_channelcontainer{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.profilepagepopular_channelholder{
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.profilepagepopularchannel{
	display: block;
	float: left;
	width: 100%;
	height: 82px;
	margin-bottom: 4px;
	background-color: antiquewhite
}

.profilepagechannelinfo{
	float: left;
	display: block;
	width:200px;
	height: 95px;
}

.profilepagechannelimageholder{
	float: left;
	display: block;
	width:100px;
	height: 81px;
}
.profilepagechannelimages {
	float: left;
	display: block;
	width: 100%;
	height: 95px;
}
.profilepagechannelimage{
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
.profileimage{
	display: block;
	float: left;
	margin-top: 3px;
	width: 75px;
	height: 75px;
	border-radius: 5.5em;
}
.profilecontainertabwrapperholder {
	position: relative;
	float: left;
	width: calc(100% - 38px);
	padding: 0px 19px;
	overflow: hidden;

}


/*New Profile Tab Design*/
.newuserprofiletab{
	cursor: pointer;
	display: inline-block;
	position: relative;
	color: #666666;
	width: 180px;
	text-align: center;
}
.newuserprofiletab:hover{
	border-bottom: 4px solid #c4c4c4;
}
.newuserprofiletabSelected{
	border-bottom: 4px solid #A24242;
}
.newuserprofiletabSelected:hover{
	border-bottom: 4px solid #A24242;
}
.newuserprofiletabtext{
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-top: 6px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.profiletabicon{
	display: none;
}

.profilepageaboutheaderwrapper{
	margin-bottom: 3px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #444444;
	-moz-box-shadow: 0 0 3px #666666;
	height: 34px;
	border-bottom: 2px solid #c10000;
	z-index: 9;
}
.profilepageaboutheader{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 72px);
	height: 16px;
	line-height: 20px;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	white-space: nowrap;
	font-size: 16px;
	color: #666666
}
.profilepageaboutcontentwrapper{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	margin-left: 10px;
}
.profilepageaboutdescroptiontitle, .profilepageaboutdobtitle, .profilepageaboutgendertitle, .profilepageaboutemailtitle, .profilepageaboutnationalitytitle{
	position: relative;
	float: left;
	clear: both;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
}
.profilepageaboutdescroption, .profilepageaboutdescriptionmap, .profilepageaboutdob, .profilepageaboutgender, .profilepageaboutemail, .profilepageaboutenationality{
	position: relative;
	float: left;
	clear: both;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.profilepageaboutdescriptionmap {
	border: 1px solid lightgrey;
}

.profilepageaboutdescriptionmap iframe{
	width: 100%;
	/*pointer-events: none;*/
}

#golistmanagertext_mbl{
	display: none;
}


@media only screen and (max-width: 618px){



	#profiletabholderwrapper{
		margin-top: 0px;
	}

	.profilecontainertabwrapperholder{
		height: 40px;
	}
	.profilecontainertabwrapper{
		position: relative;
		float: left;
		margin-bottom: 0;
		top: -1px;
		height: 40px;
		background-color: #FFFFFF;
		border-top: 1px solid #dfdfdf;

	}
	.profiletabindicatorleft{
		position: fixed;
		right: 0;
		top: unset;
		bottom: 55px;
	}
	.profilecontainertabwrapperholderholder{
		position: fixed;
		width: 100%;
		background-color: #FFFFFF;
		border-top: 1px solid #DFDFDF;
		height: 40px;
		left: 0;
		bottom: 50px;
		z-index: 9999;
	}

	.selectedprofilecontainertab{
		padding-top: unset;
		height: 40px;
		box-shadow: none;
		background-color: #A24242;
	}
	.profilecontainertab{
		height: 40px;
		box-shadow: none;
		padding-top: unset;
	}
	.profilecontainertext{
		position: relative;
		float: left;
		margin-top: 4px;
		height: unset;
	}
	.selectedprofilecontainertext{
		position: relative;
		float: left;
		color: #FFFFFF;
		margin-top: 4px;
		height: unset;
	}
	.selectedprofilecontainertext:hover{
		color: #FFFFFF;
	}
	.selectedprofilecontainertabdifferentpage{
		height: 35px;
		box-shadow: none;
		background-color: #A24242;
	}
	.profilecontainertab:hover	{
		cursor:pointer;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

	}
	.selectedprofilecontainertab:hover	{
		cursor:pointer;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;


	}
	.profilecontainertabdifferentpage{
		padding-top: unset;
		height: 40px;
	}
	/*profiletabicons*/

	#profilelistsecontainertext{
		display: none;
	}
	.profilecontainerlisticonmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 0;
	}
	.selecteprofilecontainerlisticonmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px 0;
	}
	#profileactivitycontainertext{
		display: none;
	}
	.profilecontaineractivityiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 -80px;
	}
	.selectedprofilecontaineractivityiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px -80px;
	}
	#profilediscussioncontainertext{
		display: none;
	}
	.profilecontainerdiscussioniconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 -120px;
	}
	.selectedprofilecontainerdiscussioniconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px -120px;
	}
	#profilepagesubscriberscontainertext{
		display: none;
	}
	.profilecontainersubscribeiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 -160px;
	}
	.selectedprofilecontainersubscribeiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px -160px;
	}
	#profilepagenotificationcontainertext{
		display: none;
	}
	.profilecontainernotificationiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 -200px;
	}
	.selectedprofilecontainernotificationiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px -200px;
	}
	.profilecontainermessageiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: 0 -240px;
	}
	.selectedprofilecontainermessageiconmobile{
		position: relative;
		float: left;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
		background-position: -70px -240px;
	}
	#profilepagelistholder{
		margin-top: unset;
	}



	/*New Profile Tab Design*/
	.newuserprofiletab{
		height: 40px;
	}
	.newuserprofiletab:hover{
		border-bottom: unset;
	}
	.newuserprofiletabSelected{
		background-color: #A24242;
	}
	.newuserprofiletabSelected:hover{
		background-color: #A24242;
	}
	.newuserprofiletabtext{
		display: none;
	}
	.profiletabicon{
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 70px;
		height: 40px;
		margin-top: unset;
		background-image: url("../assets/sprites/profile_tab_icon.png");
		background-size: 140px 280px;
	}
	.profilepagelisticon{background-position: 0 0;}
	.profilepageactivityicon{background-position: 0 -80px;}
	.profilepagediscussionicon{background-position: 0 -120px;}
	.profilepagesubscribeicon{background-position: 0 -160px;}
	.profilepagenotificationicon{background-position: 0 -200px;}
	.profilepagemessageicon{background-position: 0 -240px;}
	.profilepageabouticon{background-position: 0 -40px;}

	.profilepagelisticonSelected{background-position: -70px 0;}
	.profilepageactivityiconSelected{background-position: -70px -80px;}
	.profilepagediscussioniconSelected{background-position: -70px -120px;}
	.profilepagesubscribeiconSelected{background-position: -70px -160px;}
	.profilepagenotificationiconSelected{background-position: -70px -200px;}
	.profilepagemessageiconSelected{background-position: -70px -240px;}
	.profilepageabouticonSelected{background-position: -70px -40px;}

}




/*Related Channels Css*/


.loadinggifforrelatedcahnnels {
	/*display: none;*/
	overflow: hidden;
	width:100%;
	height: 350px;
	position: relative;
	background-color: #f9f9f9;
}
.gifloadingrelatedchannels {
	width: 80px;
	height: 80px;
	top: 30%;
	left: 35%;
	bottom: 30%;
	right: 30%;
	position: absolute;
}
.giftextrelatedchannel{
	width: 120px;
	height: 20px;
	top: 56%;
	left: 34%;
	right: 30%;
	position: absolute;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #cccccc;
}
.relatedcahnnellist{
	display: block;
	float: left;
	width: 100%;
}
.relatedcahnnellisttop{
	display: block;
	float: left;
	width: 100%;
	height: 50px;
}

.relatedcahnnelname{
	display: block;
	float: left;
	width: calc(100% - 75px);
	height: 70px;
}

.relatedcahnnelsubscribebottom{
	display: block;
	float: left;
	width: 100%;
	height: 30px;
}
.relatedchannelsubssmgbtnholder{
	position: relative;
	display: block;
	width: 118px;
	float: left;
}
.relatedchannelsubscribesbutton{
	position: relative;
	display: block;
	float: left;
	width:100%;
	margin-top: 4px;
}
.emptyspace{
	position: relative;
	display: block;
	float: right;
	width:calc(100% - 180px);
	margin-top: 4px;
	height: 21px;
}

.relatedcahnnelheader {
	width: 100%;
	float: left;
	display: block;
	line-height: 14px;
	padding-top: 11px;
	padding-bottom: 10px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #444444;
	white-space: nowrap;
	border-bottom: 2px solid #c10000;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
}
.profilerelatedchannelcontainer{
	width: 300px;
	float: left;
	display: block;
	margin-top: -6px;
	margin-bottom: 5px;
}
.profiletrendingchannelcontainer{
	width: 300px;
	float: left;
	display: block;
	margin-top: -6px;
	margin-bottom: 5px;
}

.profilesubscribebuttonholdernew {
	position: relative;
	float: left;
}



/*adsandprofilecontentcontholder*/
.profilerelatedchannelholder{
	min-height: 300px;
}
.adsandprofilecontentcontholdershow{
	display:none;
	height: 50px;
	width: 38px;
	bottom: 50%;
	top: 50%;
	right: 0px;
	z-index: 1000;
	position: fixed;
}
.adsandprofilecontentcontholdershow:hover{
	cursor:pointer;
}
.adsAndContentHolderIcon{
	background-image: url(../assets/nav/backtotopbutton.png);
	background-size: 50px 75px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 54px;
	transform: rotate(90deg);
	background-color: #444444;
	opacity: .8;
}
.adsandprofilecontentcontholdershow:hover .adsAndContentHolderIcon{
	cursor:pointer;
	background-color: #444444;
	opacity: 1;
}
.adsandprofilecontentcontholdershowleft{
	display: none;
	height: 43px;
	width: 25px;
	bottom: 50%;
	top: 50%;
	left: 0px;
	z-index: 111111;
	position: fixed;
}
.adsandprofilecontentcontholdershowleft:hover{
	cursor:pointer;
}
.adsAndContentHolderIconLeft{
	background-image: url(../assets/nav/backtotopbutton.png);
	background-size: 50px 75px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 54px;
	transform: rotate(-90deg);
	background-color: #444444;
	opacity: .8;
	margin-left: -15px;
	margin-top: 9px;
}
.adsandprofilecontentcontholdershowleft:hover .adsAndContentHolderIconLeft{
	cursor:pointer;
	background-color: #444444;
	opacity: 1;
	background-image: url(../assets/nav/backtotopbutton.png);
	background-size: 50px 75px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 54px;
	transform: rotate(-90deg);
	margin-left: -15px;
	margin-top: 9px;
}









#profiletabindicatorleft{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 19px;
	height: 30px;
	background-image: url(../assets/sprites/blacknevigator.png);
	background-size: 19px 30px;
	background-position: 0px 0px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 1;
	cursor: pointer;
}
#profiletabindicatorright{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 19px;
	height: 30px;
	background-image: url(../assets/sprites/blacknevigator.png);
	background-size: 19px 30px;
	background-position: 0px 0px;
	z-index: 1;
	cursor: pointer;
}
#profiletabindicatorleft:hover, #profiletabindicatorright:hover{
	background-color: #dddddd;
}

/*new rightside trending channels css*/
.relatedchannelli {
	display: block;
	float: left;
	width: 100%;
	height: 70px;
	cursor: pointer;
	margin-top: 10px;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
}
.relatedchannelli:hover {
	background-color: #ffffff;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}
.relatedcahnnelimagebox {
	display: block;
	float: left;
	width: 65px;
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.relatedchannelimage {
	position: relative;
	display: block;
	float: left;
	margin-left: 5px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.channelnameholder {
	display: block;
	float: left;
	font-size: 15px;
	width: calc(100% - 80px);
	height: 30px;
}
.channelname {
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
}
.channelname:hover{
	text-decoration: underline;
}
.newprofilesubscribebutton {
	position: absolute;
	padding: 0 12px;
	height: 20px;
	padding-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: #A24242;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
}
.newprofilesubscribebutton:hover{
	cursor: pointer;
	background-color: #bb5858;
}
.newprofilesubscribedbutton {
	position: absolute;
	padding: 0 12px;
	height: 20px;
	padding-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: #999999;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
}
.newprofilesubscribedbutton:hover{
	cursor: pointer;
	background-color: #AAAAAA;
}



.trendingchannellink{
	display: block;
	width: 100%;
	height: 70px;
}

@media only screen and (max-width: 768px){
	#profileads{
		display: none;
	}
}

.newprofilesubscribebuttonforrightside {
	position: absolute;
	margin-top: -40px;
	left: 75px;
	padding: 0 12px;
	height: 20px;
	padding-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: #A24242;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
}
.newprofilesubscribebuttonforrightside:hover{
	cursor: pointer;
	background-color: #bb5858;
}
.newprofilesubscribedbuttonforrightside {
	position: absolute;
	margin-top: -40px;
	left: 75px;
	padding: 0 12px;
	height: 20px;
	padding-top: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: #999999;
	color: #FFFFFF;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
}
.newprofilesubscribedbuttonforrightside:hover {
	cursor: pointer;
	background-color: #AAAAAA;
}

/* discussions */



#discussionssection	{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.discussiondeleteicon{
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -80px -480px;
}

#discussionsectionheaderwrapper {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#postdiscussionwrapper{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#posteddiscussionswrapper{
	position: relative;
	float: left;
	width: 100%;
}
#discussionslist{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.discussionholdercontainer{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#loadmorediscussionsholder{
	position: relative;
	float: left;
	margin-left: auto;
	margin-top: 10px;
}
.postdiscussion{
	overflow-x: hidden;
}

#discussionsectionheader	{
	position: relative;
	float: left;
	width: calc(100% - 90px);
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	padding: 16px 0;
}



#discussionsoption	{
	width: 36px;
	float: right;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
}

#discussionsoptiontext{
	font-size: 10px;
	color: #888888;
}

#discussionsoptiondot{
	font-size: 10px;
	color: #888888;
}





.latestdiscussions {
	cursor: pointer;
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -40px -480px;
}



.populardiscussions {
	cursor: pointer;
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -40px -520px;
}


.loadingdiscussions {

	display: block;

	width: 32px;

	height: 32px;

	-webkit-box-align:center;

	margin-left: 1px;

	background-image: url(../assets/nav/loading.gif);

	background-size: 16px 16px;

	background-repeat: no-repeat;

	background-position: center;

}

.postdiscussionholder	{

	display: block;
	float: left;
	width: 100%;
	min-height: 50px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 0 5px #666666;
}

.postdiscussionholder >.discussionholderleveltwo {
	display: block;
}
.postdiscussionholder >.discussionholderlevelthree {
	display: block;
}



.postdiscussionhead	{

	display:block;

	float:left;

	width:100%;

	height:12px;

	margin-bottom:3px;

}



.postdiscussionusername	{

	float:left;

	font-size:12px;

	color:#990000;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

}



.postdiscussiondelete	{

	float:right;

	font-size:10px;

	color:#919191;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

}



.postdiscussiondelete:hover {

	cursor:pointer;

	color:#555555;

}



.postdiscussiondelete:active {

	cursor:pointer;

	color:#777777;

}
#discussionpostboxholder{

	top: 40px;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	z-index: 99;
	opacity: 0.8;
	left: 0;


}

.discussionoptionmorebutton{
	display: block;
	position: relative;
	float: right;
	margin-right: 5px;
	margin-top: 2px;
	width: 12px;
	height: 11px;
	background: url(../assets/sprites/commentoptionmorebuton.png);
	background-position: 0 0;
	cursor: pointer;

}
.discussionoptionmoreoptionholder{
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	right: 8px;
	margin-top: 15px;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -4px #000000;
	z-index: 9;
}
.discussiondeletetextparentholder{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	border-radius: 7px;
	transition: .3s;
}

.discussiondeletetextparentholder:hover{
	background-color: #EEEEEE;
}


.discussionnotificationbellparentholder{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	border-radius: 7px;
	transition: .3s;
}

.discussionnotificationbellparentholder:hover{
	background-color: #EEEEEE;
}

.discussionoptionmoren{
	position: relative;
	float: left;
	display: none;
}
.postdiscussioncontent	{
	position: relative;
	float: left;
	width: 100%;
	min-height: 30px;
	overflow: hidden;
	border-radius: 3px;

}


.deletetextfordiscussion{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
}

.postdiscussionpointer	{

	display:block;

	position:absolute;

	z-index:10;

	float:left;

	height:15px;

	width:15px;

	margin-top:10px;

	margin-left:38px;

}



.postdiscussiontextholder	{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;

}
.discussionprofileimageholder{

}


.postdiscussiontext	{
	display: block;
	position: relative;
	float: left;
	z-index: 1;
	padding: 10px;
	width: calc(100% - 60px);
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	background-color: #e5e5e5;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	line-height: 22px;
	color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	min-height: 50px;
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-transition: padding-top .3s;
	-moz-transition: padding-top .3s;
	-ms-transition: padding-top .3s;
	-o-transition: padding-top .3s;
	transition: padding-top .3s;
}

.postdiscussiontext[data-placeholder]:empty:before {
	content: attr(data-placeholder);
	position: absolute;
	color: #999999;
	background-color: transparent;
	top: 5px;
	left: 10px;
}

.discussiontextareaunderline{
	margin-top: 10px;
	width: 100%;
	float: left;
	border-bottom: 1px solid #cfcfcf;
}

.postdiscussiontextclick {

	cursor: default;

}

.postdiscussiontext:focus	{

	color:#666666;

}

.postdiscussionfeedback	{
	width: 100%;
	display: block;
	position: relative;
	float: right;
	z-index: 0;

}



.postdiscussionbuttonholder	{
	position: relative;
	float: right;
	margin-top: 10px;

}
#discussionpostorclose{
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 40px);
	height: 40px;
	margin-left: 40px;
}
#discussionreplypostorclose{
	display: none;
	position: relative;
	float: left;
	width: calc(100% - 40px);
	height: 40px;
	margin-left: 40px;
}
.discussionpostclosebutton{
	cursor: pointer;
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-size: 360px 800px;
	background-position: -40px -480px;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
}

.discussionreplypostclosebutton{
	display: none;
}

.postdiscussionbutton	{
	position: relative;
	float: left;
	width: 80px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	background-color: var(--dark_btn_color);
	transition: var(--btn_bgcolor_animation);
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-appearance: none;
}

.postdiscussionbutton:hover	{
	background-color: var(--dark_btn_hover_color);
}

.postdiscussionbutton:active	{
	background-color: var(--dark_btn_active_color);
}



.discussionholder	{
	display: block;
	float: left;
	width: 100%;

}



.discussionholderlevelone	{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30px 1fr;
	grid-column-gap: 10px;
}

.discussionholderleveltwomarker{
	width: calc(100% - 40px);
	margin-left: 40px;
}
.discussionholderlevelthreemarker{
	width: calc(100% - 80px);
	margin-left: 80px;
}

.discussionholderleveltwo	{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30px 1fr;
	grid-column-gap: 10px;
}



.discussionholderlevelthree	{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30px 1fr;
	grid-column-gap: 10px;
}



.discussionhead	{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	display: flex;
	align-items: center;
}



.discussioninfo	{
	position: relative;
	float: left;
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}



.discussioninreplyto	{

	max-width: 100px;
	overflow: hidden;


	float:left;

	font-size:11px;

	color:#666666;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;


}



.loadmorereplieshead	{

	display:block;

	float:left;

	width:100%;

	height:12px;

	margin-bottom:3px;

	margin-top: 10px;

}



.loadmorerepliesspan	{

	float:left;

	font-size:11px;

	color:#333333;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

	margin-right:5px;

}



.loadmorerepliesspan:hover {

	cursor:pointer;

	text-decoration:underline;

}



.loadmorerepliesspan:active {

	cursor:pointer;

	text-decoration:underline;

}



.loadmorerepliesspan.normal {



	float:left;

	font-size:11px;

	color:#438BC5;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

	margin-right:5px;

}

.discussionreplyuser	{

	margin-left: 2px;

	font-size:11px;

	color:#55aaff;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

	max-width: 73px;
	overflow: hidden;
	text-overflow: ellipsis;
}



.discussionreplyuser:hover	{

	cursor:pointer;

	text-decoration:underline;

}



.discussiontimeago	{
	float: right;
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;

}
.discussionreplytimeago	{
	float: left;
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 8px;
	margin-top: 15px;

}



.discussionusername	{
	position: relative;
	float: left;
	max-width: 250px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	white-space: nowrap;
	overflow: hidden;

}
#hidingitemtitle{
	text-overflow: ellipsis;
}




.discussionusername:hover	{

	cursor:pointer;

	text-decoration:underline;

}



.discussioncontent	{
	float: right;
	width: 100%;
	min-height: 10px;
}

.discussionprofileimageholder{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
}

.discussionprofileimage	{
	float: left;
	height: 30px;
	width: 30px;
	border-radius: 50px;

}

.discussionheadandcontentholder{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	background-color: #f6f6f6;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.discussion	{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #666;

}
/* HYPHENOPOLY*/
.hyphenopoly {
	word-break: break-all;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


.deleteddiscussion {

	display:block;

	margin-left:52px;

	padding-top:6px;

	padding-bottom:6px;

	padding-left:8px;

	padding-right:8px;

	min-height:24px;

	border:1px solid #999999;

	background-color:#EEEEEE;

	-moz-border-radius:0.30em;

	-webkit-border-radius:0.30em;

	border-radius:0.30em;

	font-size:11px;

	color:#999999;

	font-style: italic;

	font-family: 'Roboto', sans-serif;

	line-height:14px;

	white-space: pre-wrap;      /* CSS3 */

	white-space: -moz-pre-wrap; /* Firefox */

	white-space: -o-pre-wrap;   /* Opera 7 */

	word-wrap: break-word;      /* IE */

}



.discussionpointer	{

	display:block;

	position:absolute;

	z-index:10;

	float:left;

	height:15px;

	width:15px;

	margin-top:10px;

	margin-left:38px;

}



.discussionfeedback	{
	position: relative;
	float: left;
	width: calc(100% - 40px);
	padding-left: 40px;
	margin-top: 5px;
	display: flex;
	align-items: center;
	grid-column-start: 1;
	grid-column-end: -1;
}
.discussionfeedbackright{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
}


.discussionfeedbackleft	{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 3px;
}



.discussionseparator	{
	position: relative;
	float: left;
	width: 15px;
	height: 20px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: 0 -540px;
}



.discussionreply	{
	display: block;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	line-height: normal;
	transition: .3s;
}

.numberofrepliesholder{
	position: relative;
	float: left;
}

.discussionreply:hover	{
	color: #444;
}
.discussionlikeanddislike {
	position: relative;
	float: left;
	display: flex;
	align-items: center;
	gap: 3px;
}

.discussionlikenumber {
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666;


}



.discussionlikeicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: 0 0;
	transform: scale(.8);
	transform-origin: left center;

}



.discussionlikedicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -20px 0;
	transform: scale(.8);
	transform-origin: left center;
}




.discussionnotificationinstructiontext{
	position: relative;
	float: left;
	margin-left: 5px;
}

.discussiondislikeicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: 0 -20px;
	transform: scale(.8);
	transform-origin: left center;
}



.discussiondislikedicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -20px -20px;
	transform: scale(.8);
	transform-origin: left center;
}

.discussiondislikenumber	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666;

}



.discussiondeletetextholder	{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 0 10px;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;

}

.discussionnotificationbelloffholder{
	cursor: pointer;
	display: block;
	float: left;
	margin: 8px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: .5px;
	color: #666666;
	line-height: 14px;
}

.discussionnotificationbellonholder{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 0 10px;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;
}



.numberofrepliesnumber{

	cursor: default;

}

#discussionheadertotaldiscussion{

	cursor: default;

}



.discussionflagtext	{
	cursor: default;
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: .5px;
	color: #666666;
	line-height: 14px;
	margin-top: 2px;
}



.discussionflagtext:hover	{

	cursor:pointer;

	text-decoration:underline;

}



.discussionflagtext:active	{

	cursor:pointer;

	text-decoration:underline;

}







.discussionflag	{

	display:block;

	float:left;

	margin-top:-1px;

	margin-right:2px;

	width:12px;

	height:12px;

	background-image:url(../assets/sprites/icons_list.png);

	background-position: -21px -701px;

}







.discussionflag:active	{

	background-position: -21px -725px;

}



.discussionflagas	{
	position: relative;
	float: left;
	width: 100%;

}



.discussionflagdescription	{

	display:block;

	position:relative;

	float:left;

	font-family: 'Roboto', sans-serif;

	font-weight:bold;

	line-height:10px;

	font-size:12px;

	color:#222222;

	margin:10px 5px 5px 10px;

}



.numberofreplies	{
	position: relative;
	float: left;
	margin-left: 10px;
	height: 20px;
	padding: 0 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	background-color: #dddddd;
	color: #666;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;

}



#morediscussions	{

	float:left;

	height:100%;

}



#loadmorediscussionsholder	{

	margin-left: 4px;
	height: 35px;
	display: inline-block;
	width: calc(100% - 10px);
	position: relative;

	background-color: #f6f6f6;
	border: 1px solid #dddddd;

	white-space: nowrap;
	border-radius: .5em;

	box-shadow: 0 0 15px -7px black;
	-moz-border-radius: 0.35em;


}
@-moz-document url-prefix() {
	#loadmorediscussionsholder	{
		box-shadow: 0 0 9px -7px black;
	}
}



#loadmorediscussions	{

	position: relative;
	display: block;
	padding-top: 11px;
	padding-bottom: 8px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}



#loadmorediscussions:hover	{

	cursor:pointer;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}
#loadmorediscussions:active	{

	cursor:pointer;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}


#discussion_searchdropdownwrapper	{

	display:block;

	position:inherit;

	height:0px;

	width:100%;

	z-index:8888888;

	top:5px;

}

.showdiscussionreplyholder{
	position: relative;
	float: left;
	width: calc(100% - 40px);
	margin-left: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 5px;
}
.showdiscussionreplyholdertwo{
	margin-left: 80px;
	width: calc(100% - 80px);
}

.discussionreplyicon{
	cursor: pointer;
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	flex: none;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -20px -660px;
}
.profileimageicon{
	position: relative;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	flex: none;
}
.profileimageicon img{
	width: 20px;
	height: 20px;
}
.discussionreplyusernameandtotalreply{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666;
	display: flex;
	align-items: center;
	gap: 3px;
}

.discussionseparatorblue {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: 0 -540px;
}



.discussionreplyusername{
	/*max-width: calc(100% - 210px);*/
	overflow: hidden;
	position: relative;
	float: left;
	white-space: nowrap;
}
.commenttotalreply{
	position: relative;
	float: left;
	margin-left: 3px;
}

.showfordiscussion{
	display: none;
}

@media only screen and (max-width: 425px){
	.flagtextfordiscussion{
		display: block;
	}
	.discussionflagicon{
		display: none;

	}


	.discussionholderlevelthree {
		/*margin-left: 30px;*/
	}
	.discussionholderleveltwo {
		/*margin-left: 15px;*/
	}
	.discussionlikenumber {
		cursor: default;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 8px;
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
		font-size: 9px;
		color: #666666;
		margin-top: 2px;
	}
	.discussiondislikenumber {
		cursor: default;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 3px;
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
		font-size: 9px;
		color: #666666;
		margin-top: 2px;
	}
	.numberofreplies {
		position: relative;
		float: left;
		/*display: block;*/
		text-align: right;
		font-size: 9px;
		color: #666;
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		margin-right: 0;
		margin-top: -2px;
		background-color: #dddddd;
		padding: 3px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
}



.discussionbellturnedon{
	cursor: pointer;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background-image:url(../assets/sprites/notificationturnonofficons.png);
	background-position: -18px 0px;
	background-size: 30px 108px;
}

.discussionbellturnedon:hover {
	background-position: -18px -12px;
}

.discussionbellturnedon:active {
	background-position: -18px -24px;
}

.discussionbellturnedoff{
	cursor: pointer;
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background-image:url(../assets/sprites/notificationturnonofficons.png);
	background-position: -18px 72px;
	background-size: 30px 108px;
}

.discussionbellturnedoff:hover {
	background-position: -18px -48px;
}

.discussionbellturnedoff:active {
	background-position: -18px -60px;
}

.discussionturnoffinstruction{
	display: none;
	position: relative;
	width: 265px;
	height: 12px;
	padding: 11px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 90;
	margin-left: 15px;
}

.discussionturnoninstruction{
	display: none;
	position: relative;
	width: 265px;
	height: 12px;
	padding: 11px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -5px #000000;
	z-index: 90;
	margin-left: 15px;

}

/*ay*/

.discussionbellturnedonalways{
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -80px -500px;
}



.discussionbellturnedoffalways{
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -100px -500px;
}



.discussionnotificationtext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
}
.discussionnotificationbellonholder a {
	position: absolute;
	right: 5px;
	bottom: 5px;
	text-decoration: none;
}
.settingsicondiscussions {
	display: none;
}

.changenotificationsettings{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	top: 2px;
}

.discussionoptionmoreoptionholder_flag{
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 210px;
	padding: 10px;
	background-color: #FFFFFF;
	z-index: 108;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.discussionoptionmoreoptionholder_delete{
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 210px;
	padding: 10px;
	background-color: #FFFFFF;
	z-index: 999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.discussionoptionmorebutton_delete{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -20px -480px;
	cursor: pointer;
}

.discussionoptionmorebutton_flag{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -20px -480px;
	cursor: pointer;
}

.disabled{
	cursor: not-allowed !important;
}

.postdiscussioncharactersremaining	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
	width: calc(100% - 100px);
}


.discussions_loading{
	cursor: pointer;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	text-align: center;
}
.discussions_loading_gif{
	display: none;
	position: relative;
	margin: 0px auto;
	width: 200px;
	height: 200px;
	background-image: url(../assets/sprites/loadagain.gif);
	background-position: 0 0;
}


/*nusrat*/
.discussionuploaderrormsg {
	display: block;
	height: 200px;
}

#hidediscussionuploaderrormsg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 10px;
	background: darkred;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 70px;
	height: 20px;
	color: white;
	font-family: 'Roboto', sans-serif;
}

.discussionimage{
	position: relative;
	width: calc(100% - 20px);
	margin-left: 10px;
}

.discussionimageiframe{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

iframe.instagram-media{
	position: relative !important;
	margin: 0px !important;
	min-width: unset !important;
	top: 0;
	left: 0;
	width: 100%;
}

.discussiontotalreply {
	position: relative;
	float: left;
}

/* Recover password Form */

#profilepastactivitywrapper	{
	display:block;
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#F2F2F2;
	clear: both;
}


.profilpastactivity{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
}
.profilepastactivitylink, .profilerecentlyrankedlink{
	position: relative;
	float: left;
	width: 100%;
	grid-column-start: 1;
	grid-column-end: -1;
}


#profilepastactivitytitle	{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666666;
	margin-top:40px;
	margin-left:13px;
	height:26px;
	width:153px;
}

#profilepastactivitycontent	{
	display:block;
	position:relative;
	float:left;
	clear:both;
	width:100%;

}
.activitylisttwoimg{
	position: relative;
	float: left;
	width: 100%;
}
.forthetypeli {
	position: absolute;
	padding: 8px 12px;
	top: 0;
	left: 0;
	background-color: #00000099;
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	transform: skewX(350deg) scale(.7);
	box-shadow: rgb(255 255 255 / 40%) 0 1px 3px 0, rgb(255 255 255 / 5%) 0 0 0 1px;
	transition: none;
	z-index: 1;
}
.rankertotalcommentitemcounthlder{
	position: relative;
	float: left;
	display: flex;
	align-items: center;

}
.likedislikeviewholder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}
#profilepastactivityoptionsholder	{
	display:block;
	position:relative;
	float:left;
	height:60px;
	margin-top:10px;
	width:103px;
}

.profilepastactivityoption	{
	display:block;
	position:relative;
	float:right;
	text-align:left;
	clear:both;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#438BC5;
	height:14px;
	width:80px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
}

.profilepastactivityoption:hover	{
	cursor:pointer;
	background-color:#D6E6F3;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px solid #72A8D3;
	border-bottom:1px solid #72A8D3;
	color:#438BC5;
}

.profilepastactivityoption:active	{
	cursor:pointer;
	background-color:#BDD7EC;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px solid #72A8D3;
	border-bottom:1px solid #72A8D3;
	color:#438BC5;
}

.profilepastactivityoptiontext {
	display: block;
	position: relative;
	float: left;
	margin-top: -2px;
}

.profilepastactivityoptionimage {
	display: block;
	position: relative;
	float: left;
	margin-top: -2px;
	margin-right: 8px;
}

.profilepastactivityfeednavup	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	top:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavup.png);
}

.profilepastactivityfeednavup:hover	{
	background: url(../assets/nav/listnavhoverup.png);
}

.profilepastactivityfeednavup:active	{
	background: url(../assets/nav/listnavactiveup.png);
}

.profilepastactivityfeednavdown	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	bottom:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavdown.png);
}

.profilepastactivityfeednavdown:hover	{
	background: url(../assets/nav/listnavhoverdown.png);
}

.profilepastactivityfeednavdown:active	{
	background: url(../assets/nav/listnavactivedown.png);
}

#profilepastactivityboxholder	{
	position:relative;
	float:left;
	width: 100%;
}

#profilepastactivitybox	{
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}




.profilepastactivityfeaturedicon {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 1px;
	background: url(../assets/spritesv2/list.png);
	background-size: 320px 800px;
	background-position: -100px -20px;
}
.profilepastactivityfeaturedicon_holder{
	position: absolute;
	width: 22px;
	height: 22px;
	left: 53px;
	top: 5px;
	background-color: #00000099;
	box-shadow: rgb(255 255 255 / 40%) 0 1px 3px 0, rgb(255 255 255 / 5%) 0 0 0 1px;
	z-index: 1;
	border-radius: 50%;
}

.profilerecentlyranked{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 20px;
	gap: 10px;
}

.listactivityprivate, .listactivitypublic{
	border-bottom: 1px solid #eeeeee;
	padding: 10px;
	transition: background-color .3s;
}

.listactivityprivate:hover, .listactivitypublic:hover{
	background-color: #eeeeee;
}

.listactivityprivate:nth-last-child(1), .listactivitypublic:nth-last-child(1){
	border-bottom: none;
	padding-bottom: 0;
}

.profilerecentlylikedlistcomment	{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 20px;
	gap: 10px;
}
.profileprivateactivityholder{
	position: relative;
	float: left;
	width: 100%;
}




.profilerecentactivitydiscussiondtext	{
	display: block;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-bottom:5px;
	line-height: 16px;
	width:620px
}

.profilerecentactivitytext	{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #444444;
}
.profilerecentactivitytext span{
	color: #999;
}

.activitysettingsdropdown{
	position: relative;
	width: 20px;
	height: 20px;
}

.suggestionflag11	{
	display: block;
	float: right;
	cursor: pointer;
	margin-top: 1px;
	margin-right: 2px;
	width: 12px;
	height: 12px;
	background-image: url(../assets/nav/flag.png);
	background-size: 10px 10px;
	background-position: top left;
	background-repeat: no-repeat;
}
.pastactivitysettingswrapper{
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 180px;
	padding: 10px;
	background-color: #FFFFFF;
	z-index: 999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.activitysettingstoprow	{
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 7px;
	float: right;
	right: 4px;
	height: 6px;
	width: 11px;
	z-index: 1;
	background: url(../assets/nav/filterdownarrow.png);
}
.privateactivitysettingstoprow	{
	display:block;
	cursor:pointer;
	position:relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-position: -0 -440px;
	z-index: 1;
}
.activitysettingsdropdownitem	{
	display:block;
	cursor:pointer;
	position:relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-position: -0 -440px;
}






#settingsactivity	{
	position:relative;
	display:block;
	float:left;
	width:42px;
	height:12px;
	padding-top:2px;
	padding-left:2px;
	padding-right: 2px;
	text-align:left;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#DDDDDD;
	white-space:nowrap;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
}

#settingsactivity:hover	{
	cursor:pointer;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */
}

#settingsactivity:active	{
	background-color:#CFCFCF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */
}

#settingsactivity.normal	{
	cursor:pointer;
	white-space:nowrap;
	background-color:#DDDDDD; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */
}

#settingsactivity.hover	{
	cursor:pointer;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */
}

#settingsactivity.active	{
	background-color:#CFCFCF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */
}




.privateactivityloadinggif{
	cursor: pointer;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 320px;
	text-align: center;
}
.newgifactivityloading{
	position: relative;
	width: 40%;
	height: 40%;
	top: 150px;
}

.pastactivityprofilechannelname{
	position: absolute;
	z-index: 1;
	left: 90px;
	top: 19px;
}
.pastactivitychannelname{
	position: relative;
	float: left;
}

.profilepaivatepastactivitytext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #444444;
}
.profilepaivatepastactivitytext span{
	white-space: nowrap;
	color: #666;
}

.profilediscussionpastactivitylist	{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
}


.profilepastactivitylist	{
	float:left;
	display:block;
	width:640px;
	height:66px;
	white-space:nowrap;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#DDDDDD;
}
.profilepastactivitylist:hover	{
	cursor:pointer;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #BBBBBB;
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #BBBBBB;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */
}

.profilepastactivitylist:active	{
	border-left:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
	background-color:#CFCFCF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */
}


#profilepastactivitychannelnamescroll	{
	position:relative;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:5px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#438BC5;
	max-width: 130px;
}

.profilepastactivitylistimages	{
	position:relative;
	display:block;
	float:left;
	width: 80px;
	height: 80px;
}

.profilepastactivityimagetoprow	{
	position:relative;
	display:block;
	float:left;
}

.profilepastactivityimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}

.profileactivitysubscribesimage{
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	width: 76px;
	height: 76px;
}

.profilepastactivitylistimage4	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:0px;
	width:28px;
	height:28px;
}

.profilepastactivitylistimage3	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:5px;
	width:28px;
	height:28px;
}

.profilepastactivitylistimage2	{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:0px;
	width:28px;
	height:28px;
}

.profilepastactivitylistimage1	{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:28px;
	height:28px;
}
.profilepastactivitylistimage{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:60px;
	height:55px;
}

.profilepastactivitydiscussionimage{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.profilepastactivitylisttoprow	{
	position: relative;
	float: left;
	width: 100%;
}
.profilepastactivitylisttoprowsubscribes	{
	position:relative;
	display:block;
	float:left;
	width:570px;
}
.profilediscussionpastactivitylisttoprowsubscribes	{
	position: relative;
	float: left;
	width: calc(100% - 90px);
	flex: none;
}
.pastactivitychannelnameverifiediconholder	{
	position: relative;
	display: block;
	float: left;
	width: 100% ;
}
.profilediscussionpastactivityabout{
	display: block;
	float: left;
	padding-top: 7px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #666666;
	width: 99%;
	height: 16px;
	margin-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.profilepastactivitylisttitletext	{
	position:relative;
	display:block;
	float:left;
	margin-top:6px;
	margin-left:5px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	height:14px;
	color:#666666;
	overflow:hidden;
	text-overflow: ellipsis;
}
.profilepastactivitylistchannelnameforsubscribes{
	position:relative;
	display:block;
	float:left;
	margin-top:6px;
	margin-left:10px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #438BC5;
}
.profilediscusssionpastactivityforsubscribes{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.profilediscusssionpastactivityforsubscribes:hover{
	text-decoration: underline;
}

.discussionchannelnamelink{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #A24242;
}
.channellink{
	color: #A24242;
}
.channellink:hover{
	text-decoration: underline;
}
.profilepastactivitytitletext	{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#profilepastactivitytitletextscroll	{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.profilepastactivitychannelname	{
	position: relative;
	float: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #A24242;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.profilepastactivitychannelname:hover{
	text-decoration: underline;
}



.profilepastactivitylisttimeago	{
	display: none;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}
.profilepastactivitylisttimeagodiscussion	{
	position: relative;
	float: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}
.profilepastactivitylisttimeagodiscussionsame	{
	position: relative;
	display: block;
	float: left;
	padding-top: 3px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

#discussionsubscribebuttonholder	{
	float: left;
	display: block;
	width: 84px;
	margin-left: 7px;
	height: 21px;
	position: relative;
	-moz-border-radius: 0.40em;
	-webkit-border-radius: 0.40em;
	border-radius: 0.40em;
}

.profilepastactivitytimeagoseparator	{
	float:left;
	margin-top:8px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}

.profilepastactivitylistchannelname	{
	position:relative;
	display:block;
	float:right;
	margin-top:7px;
	margin-left:1px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#438BC5;
}

.profilepastactivitylistchannelname:hover	{
	text-decoration:underline;
}

.profilepastactivitylistchannelname:active	{
	text-decoration:underline;
}

.profilepastactivitylistinfo	{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.profilediscussionpastactivitylistinfo	{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.profilediscussionpastactivitylistinfosamepage	{
	position: relative;
	display: block;
	float: left;
	width: 98%;
	margin-left: 5px;
	margin-bottom: 3px;
}
.profilepastactivitylistlikeandislike	{
	display:block;
	float:left;
}
.profilepastactivitylistcomments	{
	display:block;
	float:left;
}

.profilepastactivityseparator	{
	display: block;
	float: left;
	width: 5px;
	height: 5px;
	margin: 2px;
	margin-top: 3px;
	background-image: url(../assets/sprites/icons_profile.png);
	background-position: -33px -931px;
}
.profilepastactivitycommentseparator	{
	display: block;
	float: left;
	width: 20px;
	height: 20px;

	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -500px;
}
.profilepastactivitycommentseparatortop {
	display: none;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: -5px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-size: 360px 800px;
	background-position: 0 -500px;
}
.profilepastactivitydiscussionseparator {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: 0 -500px;
}
.profilediscussionpastactivityseparator	{
	float:left;
	margin-top:11px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}

.profilepastactivitylistlikeicon	{
	display: block;
	float: left;
	width: 20px;
	height: 20px;

	margin-top: -4px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -60px;
}

.profilepastactivitylistlikenumber	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

.profilepastactivitylistdislikeicon	{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -80px;
}

.profilepastactivitylistdislikenumber	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

.profilesubscribersbtn	{
	display:block;
	float:left;
}

.profilepastactivitylistviewsnumber	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

.profilepastactivitylistviewicon {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-position: 0 -100px;
}

.profilepastactivitylistcommentsnumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}

.profilepastactivitylistcommentsicon	{
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	margin-right: 3px;
	margin-top: 1px;
	background-image: url(../assets/sprites/icons_profile.png);
	background-position: -22px -706px;
}

.profilepastactivitylistnumberofpeopleranked	{
	display: block;
	float: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

.listsfeedlistrankingsicon {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 1px;
	margin-top: 0px;
	background-image: url(../assets/nav/ranking.png);
	background-size: 12px 12px;
	background-position: top left;
	background-repeat: no-repeat;
}

.profilepastactivityfeaturedlist	{
	display:block;
	float:left;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilepastactivityfeaturedlistyext	{
	display: block;
	float: left;
	margin-top: 3px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #990000;
	margin-left: 2px;
	font-weight:bold ;
}
.profilepastactivityfeaturedlisttext	{
	display: block;
	float: left;
	width: 20px;
	height: 15px;

}


.profilepastactivityfeaturedlisticon	{
	display: block;
	float: left;
	margin-left: 1px;
	text-decoration: none;
	width: 15px;
	height: 15px;
	background-image: url(../assets/nav/featuredlist.png);
	background-size: 15px 15px;
}
.profilepastactivitysubscribedpeoplerank	{
	display:block;
	float:left;
	margin-left:6px;
	margin-top:8px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}

.profilediscussionpastactivityofpeopleranked	{
	position: relative;
	float: left;
}
.profilediscussionpastactivityofpeopleviewed	{
	position: relative;
	float: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}


.profilepastactivitylistdescription	{
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size:11px;
	color:#666666;
	max-width:99%;
	margin-top:2px;
	margin-left:5px;
	line-height: 17px;
	max-height: 16px;
}

#profilepublicprivateactivitywrapper {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	height: 34px;
	border-bottom: 2px solid #c10000;
	margin-bottom: 5px;
}
#profilepublicprivateactivityheader	{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 36px);
	height: 16px;
	line-height: 20px;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	white-space: nowrap;
	font-size: 16px;
	color: #666666;
}


.notloggedinprofilepastctivityheader	{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 10px);
	line-height: 14px;
	padding-right: 5px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-align: left;
	margin-left: 5px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	border-bottom: 1px solid #F6F6F6;
	background-color: #EEEEEE;
	white-space: nowrap;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;


}



#profilepublicprivateactivity	{
	width: 36px;
	float: right;
	display: block;
	position: relative;
}

#profilepublicprivateactivity:hover	{
	cursor:pointer;

}

#profilepublicprivateactivity:active	{
	cursor:pointer;
}


.publicactivity {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -160px;
	background-repeat: no-repeat;
}
.publicactivity:hover {
	transform: scale(1.1);
}
.publicactivity:active {
	transform: scale(1.1);
}
.privateactivity {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -128px;
}
.privateactivity:hover {
	transform: scale(1.1);
}
.privateactivity:active {
	transform: scale(1.1);
}

.listsfeedlistrankingsicon {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 1px;
	margin-top: 0px;
	background-image: url(../assets/nav/ranking.png);
	background-size: 12px 12px;
	background-position: top left;
	background-repeat: no-repeat;
}


.allcornerspastactivity	{
	-webkit-border-top-left-radius:0.25em;
	-webkit-border-bottom-left-radius:0.25em;
	-moz-border-top-left-radius:0.25em;
	-moz-border-bottom-left-radius:0.25em;
	border-top-left-radius:0.25em;
	border-bottom-left-radius:0.25em;
	overflow:hidden;
}
.contentlinkcolor{
	color: #a24242;
}
.contentlinkcolor:hover{
	text-decoration: underline;
}

.activitylistlistimages	{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	flex: none;
	border-radius: 5px;
	overflow: hidden;
}

.profilenotificationsimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}
.activitylistimage1	{
	display:block;
	float:left;
	width:40px;
	height:40px;
}
.activitylistimage2	{
	display:block;
	float:left;
	width:40px;
	height:40px;
}
.activitylistimage3	{
	display:block;
	float:left;
	width:40px;
	height:40px;
}
.activitylistimage4	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:0px;
	width:40px;
	height:40px;
}
.profilenotificationslistfallbackimage {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
}
.activitylistfallbackimage {
	display: block;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 80px;
	height: 80px;
}
.profilepastactivitylistimage{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:60px;
	height:55px;
}
.activitylistsfeedimagelong	{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	width: 40px;
	height: 80px;
}
.activitylistsfeedimagelongright	{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	width: 40px;
	height: 80px;
}
.profilenotificationslistsfeedimageone{
	display: block;
	float: left;

}
.activitylistsfeedlistlongimage {
	position: relative;
	float: left;
	height: 80px;
	width: 80px;
	margin-left: -20px;
}
.profilenoticationslistsonlyoneimage{
	width:80px;
	height:80px;
}
.activitylistsfeedlistrightimage2 {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}
.activitylistsfeedlistrightimage3 {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}
.activitylistsfeedimagerightrow	{
	position: relative;
	float: left;
	width: 40px;
	height: 80px;
}

























.suggestionflagwrapper	{
	float: right;
	display:block;
	position:relative;
	height:10px;
	width:30px;
}

.suggestionflag	{
	display: block;
	float: right;
	cursor: pointer;
	margin-top: 1px;
	margin-right: 2px;
	width: 12px;
	height: 12px;
	background-image: url(../assets/nav/flag.png);
	background-size: 10px 10px;
	background-position: top left;
	background-repeat: no-repeat;
}

.suggestionflag.hover	{
	background-image:url(../assets/nav/flaghover.png);
}

.suggestionflag.active	{
	background-image:url(../assets/nav/flagactive.png);
}

.suggestionflag:active	{
	background-image:url(../assets/nav/flagactive.png);
}

.suggestionflag:hover	{
	background-image:url(../assets/nav/flaghover.png);
}

.pastactivitysettingsdropdown{
	display: block;
	position: relative;
	overflow: visible;
	float: right;
}

.pastactivitysettingsdropdownmenu	{
	display:none;
	position: relative;
	float: left;
	z-index: 1;
	width: 170px;
	margin-left: 505px;
	margin-top: 3px;
	border: 1px solid #E5E5E5;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-moz-box-shadow: 0 1px 20px -6px black;
	box-shadow: 0 4px 20px -15px black;
	text-align: center;
}
.settingsmsgtextholder	{
	position:relative;
	float:left;
	width: 100%;
}
.settingsmsgtext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666;
}

.pastactivitysettingsdropdownmenupublic	{
	display:none;
	position:relative;
	float:left;
	z-index:9999;
	width:132px;
	height:95px;
	margin-left:505px;
	margin-top: 3px;
	border:1px solid #888888;
	background-color:#ffffff;
	-moz-border-radius:0.40em;
	-webkit-border-radius:0.40em;
	border-radius:0.40em;
	-moz-border-radius:0.40em;
	-webkit-border-radius:0.40em;
	border-radius:0.40em;
	box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
	-moz-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
	-webkit-box-shadow:0 0 5px 1px rgba(0, 0, 0, .45);
	white-space:nowrap;
	overflow:hidden;
}

.pastactivitymenu	{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:5px;
	font-size:5px;
	color:#666666;
	margin:5px 5px 5px 5px;
}

.settingsoptionswrapper	{
	display:block;
	position:relative;
	float:left;
	clear:both;
	height:16px;
	width:110px;
	overflow:hidden;
	margin-left:5px ;
}

.activitysettingsoptionstext	{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	line-height:10px;
	font-size:12px;
	color:#666666;
	margin:2px 2px 2px 4px;
}
.activityasoptions	{
	display:block;
	position:relative;
	float:left;
}

.activitysettingsoptionswrapper	{
	display:block;
	position:relative;
	float:left;
	clear:both;
	height:16px;
	width:110px;
	overflow:hidden;
	margin-top:5px ;
	margin-left: 5px;
}

.activitysettingsbuttonholder	{
	float:right;
	display:block;
	width:58px;
	height:21px;
	margin-top:0px;
	margin-right:10px;
	position:relative;
	-moz-border-radius:0.40em;
	-webkit-border-radius:0.40em;
	border-radius:0.40em;
}

.activitysettingsbutton	{
	float:left;
	position:relative;
	display:block;
	border:1px solid #007CF9;
	position:relative;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}

.emptyactivity{
	display: table;
	width: 100%;
	height: 375px;
	text-align: center;
}

.listinfo{
	position: relative;
	float: left;
	width: calc(100% - 90px);
	flex: none;
}

.emptyactivitytext{
	display: table-cell;
	vertical-align: middle;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	color: #888888;
	font-size: 15px;

}
.profileactivitysubsinfo{
	float: left;
	display: block;
	width: calc(100% - 80px);
	height: 79px;
}
.profileactivitysubsinfotoprow{
	position: relative;
	display: block;
	float: left;
	width:100%;
	margin-bottom: 8px;
}
.subprofilepagechanneldescription{
	width: calc(100% - 5px);
	height: 18px;
	float: left;
	text-align: left;
	clear: left;
	display: block;
	margin-top: 30px;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
}
.subprofilepagechanneldescription_samepage{
	width: calc(100% - 5px);
	height: 18px;
	float: left;
	text-align: left;
	clear: left;
	display: block;
	margin-top: 12px;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
}
.subprofilepagechanneldescriptionsamepage{
	width: 560px;
	height: 18px;
	float: left;
	text-align: left;
	clear: left;
	display: block;
	margin-top: 12px;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #666666;
}

.activitysubscribesincetext {
	position: relative;
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #444444;
}

.profileactivitysubscribesbutton{
	position: relative;
	display: block;
	float: left;
	width: 121px;
	margin-left: 5px;
	z-index: 1;
	margin-top: -56px;
	margin-left: 91px;
}
.profileactivitychannelnameforsubscribes{
	position: relative;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: 5px;
	max-width: 100%;
	overflow: hidden;
}
.pastactivitysubscribesince{
	position: relative;
	display: block;
	float: right;
	width: 127px;
	margin-top: 10px;
	margin-right: 5px;
}
.pastactivitysubscribesince_samepage{
	position: relative;
	display: block;
	float: left;
	width: 127px;
	margin-top: 5px;
	margin-right: 5px;
}
.subscribesincemobile{
	display: none;
}
.pastactivitysubscribesincesamepage{
	position: relative;
	display: block;
	float: right;
	width: 127px;
	margin-right: 10px;
}
.subprofilepagechanneldescriptionsamepage{
	width: 560px;
	height: 18px;
	float: left;
	text-align: left;
	clear: left;
	display: block;
	margin-top: 7px;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #666666;
}

.profilediscussionpastactivitylistinfo_emptysubsbtn {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.profilediscussionpastactivityabout_emptysubsbtn{
	display: block;
	float: left;
	padding-top: 20px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #666666;
	width: 99%;
	height: 16px;
	margin-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}



.profilepastactivitylistviews{
	position: relative;
	display: block;
	float: left;
}
.profilediscussionsubscribe{
	position: absolute;
	left: 90px;
	bottom: 0;
}
.profilediscussionsubscribetime{
	position: relative;
	display: block;
	float: left;
	width: 99%;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 6px;
}
.profilediscussionsubscribesamepage{
	position: relative;
	display: block;
	float: left;
	width: 99%;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 2px;
}

#activityeditprofile	{

	float: right;
	display: block;
	width: 84px;
	height: 21px;
	margin-right: 5px;
	border-top: 1px solid #007CF9;
	border-left: 1px solid #007CF9;
	border-bottom: 1px solid #007CF9;
	border-right: 1px solid #007CF9;
	position: relative;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.activityeditprofilebtn	{
	display:block;
	float:left;
	margin-left: 5px;
}

.profilepastactivitylistinfo_second_row{
	display:none;
}

#profilepastactivityloadmoreholder{
	cursor: pointer;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 50px;
	text-align: center;
	display: block;
}

#profilepastactivityloadmore{
	margin-left: auto;
	margin-right: auto;
}

.profilepastactivitylisttimeagodiscussion1	{
	position:relative;
	display:none;
}
.profilepastactivitylisttimeagodiscussionsame1	{
	position:relative;
	display:none;
}


.pastactivityprofilechannelname .uservarifiedicon{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-left: 5px;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	background-size: 360px 800px;
	background-position: 0 -480px;
}




/*
/* Recover password Form */
#profilecreatedlistswrapper	{
	display:block;
	position:relative;
	width:668px;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
	background-color:#F2F2F2;
	float: left;
}
#profilecreatedliststitle{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666666;
	margin-top:40px;
	margin-left:13px;
	height:26px;
	width:153px;
}

#profilecreatedlistscontent	{
	display:block;
	position:relative;
	float:left;
	clear:both;
	width:668px;
}
.profilecreatedlistsfeednavup	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	top:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavup.png);
}
.profilecreatedlistsfeednavup:hover	{
	background: url(../assets/nav/listnavhoverup.png);
}

.profilecreatedlistsfeednavup:active	{
	background: url(../assets/nav/listnavactiveup.png);
}
.profilecreatedlistsfeednavdown	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	bottom:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavdown.png);
}
.profilecreatedlistsfeednavdown:hover	{
	background: url(../assets/nav/listnavhoverdown.png);
}
.profilecreatedlistsfeednavdown:active	{
	background: url(../assets/nav/listnavactivedown.png);
}
#profilecreatedlistsboxholder	{
	margin-left:10px;
	margin-top:10px;
	position:relative;
	float:left;
	border-top:1px solid #BBBBBB;
}
#profilecreatedlistsbox	{
	width:100%;
	min-height:570px;
	overflow:hidden;
	margin-bottom: 2px;
}
.profilecreatedlist	{
	display: block;
	position: relative;
	float: left;
	width:640px;
	padding:10px 10px 15px 10px;
	border-bottom:1px solid #BBBBBB;
}
.profilecreatedlisttext	{
	display: block;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-bottom:5px;
}
.profilecreatedlistslist	{
	float: left;
	display: block;
	width: calc(100% - 3px);
	height: 180px;
	white-space: nowrap;
	background-color: #f6f6f6;
	position: absolute;
	margin-top: 2px;
	margin-left: 1px;
}
.profilecreatedlists{
	position:relative;
	display: block;
	height: 130px;
}


.private_popular_lists{
	position:relative;
	display: block;
}
.private_latest_lists{
	position:relative;
	display: block;
}

.public_popular_lists{
	position:relative;
	display: block;
}
.public_latest_lists{
	position:relative;
	display: block;
}


.profilecreatedlistslist:hover {
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}

.profilecreatedlistslist:hover .listviewimage{
	width: 158px;
	height: 160px;
	transform: scale(1.05, 1.05);
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, .73, .31, 1.67);
}

.profilecreatedlistslist:not(:hover) .listviewimage {
	width: 158px;
	height: 160px;
	transition-duration: .2s;
}

.profilecreatedlist_information	{
	position:relative;
	display:block;
	float:left;
	width: calc(100% - 167px);
	height: 178px;
}

.profilecreatedlistslistimages	{
	position:relative;
	display:block;
	float:left;
}
.profilecreatedlistsimagetoprow	{
	position:relative;
	display:block;
	float:left;
}
.profilecreatedlistsimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}
.profilecreatedlistslistimage4	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:0px;
	width:60px;
	height:60px;
}
.profilecreatedlistslistimage3	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:2px;
	width:60px;
	height:60px;
}
.profilecreatedlistslistimage2	{
	display:block;
	float:left;
	margin-top:2px;
	margin-left:0px;
	width:60px;
	height:60px;
}
.profilecreatedlistslistimage1	{
	display:block;
	float:left;
	margin-top:2px;
	margin-left:2px;
	width:60px;
	height:60px;
}
.profilecreatedlistslisttoprow	{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 3px;
}
.profilecreatedlistslistsecondrow	{
	position:relative;
	display:block;
	float:left;
	width: 100%;
	text-decoration:none;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 3px;
	font-size:12px;
}
.profilecreatedlistslisttitletext	{
	position: relative;
	display: block;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	height: 20px;
	color: #444444;
	overflow: hidden;
	text-overflow:ellipsis ;
	padding-right: 1px;
	max-width: 100%;
	padding-top: 5px;
	width: calc(100% - 10px);
}
#profilecreatedlistslisttitletext1	{
	position: relative;
	display: block;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	height: 20px;
	color: #444444;
	overflow: hidden;

	padding-right: 1px;
	max-width:100%;
	padding-top: 5px;
	width: calc(100% - 10px);
}
.profilecreatedlistslisttimeago	{
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666666;

}
.profilecreatedliststimeagoseparator	{
	float:right;
	margin-top:5px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}
.profilecreatedlistslistchannelname	{
	position:relative;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:5px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#438BC5;
}
.profilelistscreatortext	{
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666666;
}
.profilelistscreatortextby	{
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #666666;

}
.profilecreatedlistslistchannelname:hover	{
	text-decoration:underline;
}
.profilecreatedlistslistchannelname:active	{
	text-decoration:underline;
}
.profilecreatedlistslistinfo	{
	position:relative;
	display:block;
	float:left;
	width: 98%;
	margin-top:16px;
	margin-left:5px;
}
.profilecreatedlistslistlikeandislike	{
	display:block;
	float:left;
}
.profilecreatedlistsseparator	{
	display: block;
	float: left;
	width: 4px;
	height: 12px;
	margin: 2px;
	margin-top: 1px;
	background-image: url(../assets/sprites/icons_profile.png);
	background-position: -33px -681px;
}

.profilecreatedlistslistnumberofpeopleranked	{
	display:block;
	float:left;
	margin-left:1px;
	margin-top:2px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:16px;

	color:#666666;
}
.profilecreatedlistslistdescription	{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;

	color: #666666;
	width:98%;
	margin-top: 19px;
	margin-left: 7px;
	line-height: 15px;
}

#profilelistsviewactivitywrapper {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	height: 34px;
	border-bottom: 2px solid #c10000;
	margin-bottom: 5px;
}

#profilelistsviewactivityheader	{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 108px);
	height: 16px;
	line-height: 20px;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	white-space: nowrap;
	font-size: 16px;
	color: #666666;
}
.profilelistsviewactivity	{
	width: 36px;
	float: right;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
	white-space: nowrap;
}



.profilecreatelistchannelname{
	position: absolute;
	z-index: 1;
	margin-left: 366px;
	margin-top: 42px;
}
.profilelistslistsview {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
}
.profilelistslistsview:hover {
	transform: scale(1.1);
}
.profilelistslistsview:active{
	transform: scale(1.1);
}
.profilelistsgridview {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 0;
}
.profilelistsgridview:hover {
	transform: scale(1.1);
}
.profilelistsgridview:active {
	transform: scale(1.1);
}

.profilelistspublic {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -128px;
}
.profilelistspublic:hover {
	transform: scale(1.1);
}
.profilelistspublic:active {
	transform: scale(1.1);
}
.profilelistsprivate {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -160px;
	background-repeat: no-repeat;
}
.profilelistsprivate:hover {
	transform: scale(1.1);
}
.profilelistsprivate:active {
	transform: scale(1.1);
}
.profilelistslatestlistsview {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 3px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -96px;
	background-repeat: no-repeat;
}
.profilelistslatestlistsview:hover {
	transform: scale(1.1);
}
.profilelistslatestlistsview:active {
	transform: scale(1.1);
}
.profilelistspopularlistsview {
	cursor: pointer;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(../assets/sprites/profilefiltericons.png);
	background-size: 32px 192px;
	background-position: 0 -64px;
}
.profilelistspopularlistsview:hover {
	transform: scale(1.1);
}
.profilelistspopularlistsview:active {
	transform: scale(1.1);
}
#scrollingmovableprofilelisttext	{
	display:inline;
	float:left;
	margin-top:11px;
	margin-left:3px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	height:12px;
	max-width:137px;
	color:#222222;
}
#movableprofilelistitemtext { overflow:hidden; white-space:nowrap; }
.hidingmovableprofilelisttext { text-overflow:ellipsis; }
.profilecreatedlistsgridview	{
	float: left;
	display: block;
	width: 166px;
	height: 258px;
	white-space: nowrap;
	background-color: #f6f6f6;
	border-radius: 2px;
	margin-left: 2px;
}
.profilecreatedlistsgridview:hover	{
	cursor: pointer;
	background-color: #ffffff;
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
}
.profilecreatedlistsgridimage1	{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:32px;
	width:80px;
	height:80px;
}
.profilecreatedlistsgridimage2	{
	display:block;
	float:left;
	margin-top:5px;
	margin-right: 32px;
	width:80px;
	height:80px;
}
.profilecreatedlistsgridimage3	{
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 32px;
	margin-bottom: 5px;
	width: 80px;
	height: 80px;
}
.profilecreatedlistsgridimage4	{
	display: block;
	float: left;
	margin-right: 32px;
	margin-bottom: 5px;
	width: 80px;
	height: 80px;
}
.profilecreatedliststoprowgridview{
	position: relative;
	display: table;
	width: 156px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	height: 48px;
	text-align: center;
}
.profilecreatedlistsgridtitletextoneline	{
	position: relative;
	font-family: 'Roboto', sans-serif;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	color: #666666;
	overflow: hidden;
	word-wrap: break-word;
	min-height: 20px;
	width: 160px;
	max-width: 160px;
	white-space: pre-wrap;
	height: 48px;
	text-align: center;
}
.profilecreatedlistsgridtitletext	{
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #666666;
	min-height: 20px;
	width: 160px;
	max-width: 160px;
	white-space: pre-wrap;
	height: 48px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.profilecreatelistsgrid{
	position: relative;
	display: block;
	height: 262px;
	width: 170px;
	float: left;
}


.public_popular_list_grid{
	display: block;
	position: relative;
	min-width: 170px;
	width: 16.66%;
	float: left;
	margin-bottom: 3px;
}

.public_popular_lists_list{
	display: block;
	float: left;
	width: 100%;
}
.profilelitsgridchannelname{
	position: absolute;
	z-index: 1;
	margin-top: 241px;
	margin-bottom: 24px;
	margin-left: 34px;
}
.profilecreatelistsgridchannelname{
	position: relative;
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 12px;
	height: 17px;
	color: #438BC5;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 87px;
	text-align: center;
	margin-top: 1px;
	font-weight: bold;
}
.profilecreatedlistsgridimages	{
	position:relative;
	display:block;
	float:left;
}

.profilecreatedlistsgridimagetoprow	{
	position:relative;
	display:block;
	float:left;
}
.profilecreatedlistsgridimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}





.listsfeedfallbackimage{
	display:block;
	float:left;
	margin-top:2px;
	margin-left:2px;
	width:120px;
	height:120px;
}
.listsfeedimageone{
	display:block;
	float:left;
	margin-top:2px;
	margin-left:2px;
	width:120px;
	height:120px;
}


.listsfeedimagelong	{
	position: relative;
	display: block;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	overflow: hidden;
	width: 60px;
}


.trendinglistsfeedlistimages	{
	position:relative;
	display:block;
	float:left;
}
.listsfeedlistlongimage{
	height:120px;
	width:120px;
	margin-left: -30px;

}
.listsfeedimagelongright	{
	position:relative;
	display:block;
	float:left;
	margin-top: 2px;
	overflow: hidden;
	width:60px;
}
.listsfeedimagerightrow	{
	position:relative;
	display:inline-grid;
	text-align: center;
	margin-top: 2px;
}


.listscreatefallbackimagegrid{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:3px;
	margin-right: 3px;
	width:160px;
	height:160px;
	margin-bottom: 5px;
}

.listscreategridimage1	{
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	width: 80px;
	height: 80px;
}
.listscreategridimage2	{
	display: block;
	float: left;
	margin-top: 5px;
	width: 80px;
	height: 80px;
}
.listscreatefeedimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}
.listscreategridimage3	{
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 5px;
	width: 80px;
	height: 80px;
}
.listscreategridimage4	{
	display: block;
	float: left;
	margin-bottom: 5px;
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
}

.listscreatelistlongimagegrid{
	height:160px;
	width:160px;
	margin-left: -27px;
}
.listscreatefeedimagelonggrid	{
	position:relative;
	display:block;
	float:left;
	margin-left: 3px;
	margin-top: 5px;
	overflow: hidden;
	width:80px;
	margin-bottom: 3px;
}
.listscreatefeedimagelongrightgrid	{
	position:relative;
	display:block;
	float:left;
	margin-top: 5px;
	overflow: hidden;
	width:80px;
	margin-bottom: 3px;
}
.listscreatefeedlistlongimagegrid{
	height:160px;
	width:160px;
	margin-left: -27px;
}
.listscreatefeedimageonegrid{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:3px;
	margin-right: 4px;
	width:160px;
	height:160px;
	margin-bottom: 5px;
}

.listscreateimagerightrow	{
	position:relative;
	display:inline-grid;
	display:-ms-inline-grid;
	grid-row: 2;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
}



/*New CSS FOR contents List View*/
.profilecreatedlistslistlikeicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px 0px;
	background-size: 30px 252px;
}
.profilecreatedlistslistlikenumber {
	float: left;
	margin-top: 6px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
	margin-left: 5px;
}
.profilecreatedlistslistdislikeicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 17px;
	height: 18px;
	margin-top: 3px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -72px;
	margin-left: 5px;
	background-size: 30px 252px;
}
.profilecreatedlistslistdislikenumber {
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}


.profilecreatedlistslistviews {
	display: block;
	float: left;
}
.profilecreatedlistsfeedlistviewicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -198px;
	background-size: 30px 252px;
}
.profilecreatedlistslistviewsnumber {
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
.profilecreatedlistslistcommentsicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -144px;
	margin-right: 5px;
	background-size: 30px 252px;
}
.profilecreatedlistslistcommentsnumber {
	float: left;
	margin-top: 6px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
/*END*/


.listsfeedlistviewsicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-right:1px;
	margin-top:1px;
	background-image:url(../assets/sprites/icons_profile.png);
	background-position: -21px -837px;

}
.listsfeedlistrankingsicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-right:1px;
	margin-top:2px;
	background-image:url(../assets/sprites/icons_profile.png);
	background-position: -21px -813px;

}
.gridouterlikedislike {
	display: table;
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;}
.gridlistsfeedlistlikeanddislike {
	display: inline-block;
}
.listsfeedlistlikeicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-left:2px;
	margin-top:2px;
	background-image:url(../assets/sprites/icons_profile.png);
	background-position: -21px -681px;
}
.listsfeedlistdislikeicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-left:3px;
	margin-top:2px;
	background-image:url(../assets/sprites/icons_profile.png);
	background-position: -21px -729px;
}
.listsfeedlistlikenumber	{
	float:left;
	margin-top:2px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.listsfeedlistdislikenumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.listsfeedseparator	{
	display: block;
	float: left;
	width: 4px;
	height: 12px;
	margin: 2px;
	margin-top: 1px;
	background-image: url(../assets/sprites/icons_profile.png);
	background-position: -33px -681px;
}
.listsfeedlistviewsnumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.listsfeedlistrankingnumber {
	float: left;
	margin-top: 2px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}

.profilelistsfeaturedicon {
	display: block;
	float: left;
	position: relative;
	width: 38px;
	height: 38px;
	margin-left: 627px;
	margin-top: -59px;
	background-image: url(../assets/nav/featuredlistgridlightred.png);
	background-size: 38px 38px;
	background-position: top left;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	z-index: 20;
}
.profilefeaturedicon{
	display: block;
	position: absolute;
	z-index: 20;
	margin-top: 67px;
}
.public_popular_grid{
	position: relative;
	width: 100%;
	float: left;
	max-width: 1080px;
}

.private_popular_grid{
	position: relative;
	width: 100%;
	float: left;
	max-width: 1080px;
}
.private_latest_grid{
	position: relative;
	width: 100%;
	float: left;
	max-width: 1080px;
}
.public_popular_list{
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.private_popular_list{
	position: relative;
	width:  100%;
	margin-left: auto;
	margin-right: auto;
}
.private_latest_list{
	position: relative;
	width:  100%;
	margin-left: auto;
	margin-right: auto;
}
.public_latest_list{
	position: relative;
	width:  100%;
	margin-left: auto;
	margin-right: auto;
}
.bannedlistsfeaturedicon {
	display: block;
	position: absolute;
	z-index: 20;
	margin-left: 3px;
	margin-top: 2px;
}
.bannedlistsicon {
	display: block;
	float: left;
	position: relative;
	width: 160px;
	height: 160px;
	background-image: url(../assets/nav/list_band.png);
	background-size: 160px 160px;
	background-position: top left;
	background-repeat: no-repeat;
	text-overflow: ellipsis;
	z-index: 20;
}
.subscribebutton	{
	float: right;
	display: block;
	width: 84px;
	height: 21px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: .5px;
	color: #ffffff;
	background-color: #E89500;
	text-decoration: none;
	position: relative;
	border-top-left-radius: 1.25em;
	border-bottom-left-radius: 1.25em;
	-webkit-appearance: none;
}
.subscribebutton:hover	{
	cursor:pointer;
	border:1px solid #FFB442;
	background-color:#FFA41A; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFB74A 5%, #FFA41A 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFA41A), color-stop(95%, #FFB74A)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFB74A 5%, #FFA41A 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFB74A 5%, #FFA41A 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFB74A 5%, #FFA41A 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFB74A 5%, #FFA41A 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA41A', endColorstr='#FFB74A', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA41A', endColorstr='#FFB74A', GradientType=0); /* IE 6-9 */
}
.subscribebutton:active	{
	cursor:pointer;
	border:1px solid #D58000;
	background-color: #DB9A0F; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #DB9A0F 5%, #DB9A0F 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DB9A0F), color-stop(95%, #DB9A0F)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #DB9A0F 5%, #DB9A0F 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #DB9A0F 5%, #DB9A0F 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #DB9A0F 5%, #DB9A0F 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #DB9A0F 5%, #DB9A0F 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB9A0F', endColorstr='#DB9A0F', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB9A0F', endColorstr='#DB9A0F', GradientType=0); /* IE 6-9 */
}
.listsfeedlistlistsrightimage1{
	width: 60px;
	height: 60px;
}

.profilelistsfeaturedicongrid {
	position: absolute;
	z-index: 11;
	margin-left: 137px;
	width: 16px;
	height: 16px;
	background-image: url(../assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 2px -58px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	border: 1px solid #ffffff;
	padding-top: 1px;
	float: right;
	margin-right: 5px;
}

.profilefeaturedicongrid{
	display: block;
	position: absolute;
	z-index: 20;
	margin-left: 3px;
	margin-top: 83px;
}

@media (max-width: 1000px){
	.public_popular_list{
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.private_popular_list{
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.private_latest_list{
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.public_latest_list{
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}



/*comment out testing*/

@media (min-width: 1248px) and (max-width: 1406px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 20%;
		float: left;

	}
}
@media (min-width: 1068px) and (max-width: 1248px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 25%;
		float: left;

	}
}
@media (min-width: 733px) and (max-width: 768px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 25%;
		float: left;
	}
}
@media (min-width: 890px) and (max-width: 1067px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 33.33%;
		float: left;
	}
}
@media (min-width: 554px) and (max-width: 732px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 33%;
		float: left;
	}
}
@media (min-width: 770px) and (max-width: 888px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 50%;
		float: left;
	}
}
@media (min-width: 358px) and (max-width: 553px) {
	.public_popular_list_grid{
		display: block;
		position: relative;
		min-width: 170px;
		width: 50%;
		float: left;
	}
}
@media (min-width: 320px) and (max-width: 357px) {
	.public_popular_list_grid {
		display: block;
		position: relative;
		min-width: 154px;
		width: 50%;
		float: left;
		max-width: 173px;
	}
	.public_popular_grids {
		position: relative;
		display: block;
		height: 288px;
		width: 149px;
	}
	.profilecreatedlistsgridview {
		width: 149px;
	}
	.profilecreatedliststoprowgridview {
		width: 135px;}
	.profilecreatedlistsgridtitletext{
		max-width: 135px;
		width: 130px;
	}
	.listscreategridimage4 {
		width: 72px;
	}
	.listscreategridimage3 {
		width: 72px;
	}
	.listscreategridimage2 {
		width: 72px;
	}
	.listscreategridimage1 {
		width: 72px;
	}
	.listscreatelistlongimagegrid {
		height: 160px;
		width: 148px;
		margin-left: -55px;
	}
	.listscreatelistlongimagegrid {
		height: 160px;
		width: 144px;
		margin-left: -53px;
	}
	.listscreatefeedimagelonggrid{
		width: 72px;
	}
	.listscreateimagerightrow{
		width: 72px;
		overflow: hidden;
		margin-right: 0px;
	}
	.listsfeedlistrightimage2{
		width: 72px;
	}
	.listscretefeedlistrightimage3{
		width: 72px;
	}
	.listscreatefeedimagelongrightgrid{
		width: 72px;
	}
	.listscreatefallbackimagegrid{
		width: 148px;
	}
	.listsfallbackimagegrid{
		width: 144px;
	}
	.listscreatefeedimageonegrid{
		width: 144px;
	}
	.listsimagegrid{
		width: 144px;
	}
}



@media (max-width: 1000px){
	.public_popular_list {
		width: calc(100% - 5px);
	}
	.public_latest_list {
		width: calc(100% - 5px);
	}
	.private_latest_list {
		width: calc(100% - 5px);
	}
	.private_popular_list {
		width: calc(100% - 5px);
	}
}

/*New Css For Lists_Grid_views*/

.public_popular_grids{
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 173px;
}
.public_latest_grids{
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 173px;
}
.private_popular_grids{
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 173px;
}
.private_latest_grids{
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 173px;
}
.thegridview{
	height: 260px;
	width: 158px;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 8px;
	background-color: #F9F9F9;
	border-radius: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 14px;
	padding-bottom: 14px;
}


.thegridview:hover {
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}
.griditemouter{
	width:50px;
	height:50px;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 5px;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	border-radius: 9%;
}
.gridtranparent{
	position: absolute;
	height: 160px;
	width: 158px;
	z-index: 98;
	margin-top: 59px;color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.bottomtransparent{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;/
}
.gridoutertitle{
	height: 54px;
	width: 158px;
	position: absolute;
	z-index: 98;
	word-wrap: break-word;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
	margin-left: 7px;
	display: flex;
	align-items: center;
}
.listsgridinnertitle{
	bottom: 0px;
	max-width: 156px;
	overflow: hidden;
	max-height: 46px;
	word-wrap: break-word;
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 1px;
	text-overflow: ellipsis;
	font-weight: bold;
	color:#555555;
	line-height: 15px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.gridnameinner{
	width: 100%;
	display: block;
	float: left;
	height: 13px;
}
#gridusername{
	max-width: 154px;
	float: left;
	position: absolute;
	z-index: 1111;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #54afcc;
	line-height: 10px;
}
.gridallinner{
	display: block;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-size: 12px;
	height: 12px;
	max-width: 156px;
}
.griditemimageholder{
	position: absolute;
	z-index: 111;
	margin-top: -23px;
	width:158px;
	margin-left: 5px;
}
.gridbottomimage{
	transform: scaleY(-1);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: blur(20px) grayscale(20%);
}

.griditem{
	height: 50px;
	width: 50px;
	display: inline-block;
	margin-left: 5px;
	float: left;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.griditemshadow {
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	top: 0;
	left: 0;
}

.itemsonly{
	position: relative;
	display: block;
	margin-top:6px;
}

.gridrankingsicon{
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	margin-top: -8px;
	background-image: url(../assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 0px -36px;
	padding-left: 2px;
}
.gridrankingnumber{
	height: 20px;
	display: inline;
	float: left;
	padding-right: 3px;
	text-shadow: 0 0 2px black;
	margin-top: 2px;
}
.profilelistsfeaturedicon{
	position: absolute;
	z-index: 11;
	margin-left: 136px;
	width: 16px;
	height: 16px;
	background-image: url(../assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 2px -58px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	border: 1px solid #ffffff;
	padding-top: 1px;
	float: right;
	margin-right: 5px;
}

@media (min-width: 320px) and (max-width: 358px) {
	.public_popular_grids{
		display: block;
		width: 155px;
		position: relative;
		margin-right: auto;
		margin-left: auto;
	}
	.thegridview{
		width: 155px;
		background-color: #F9F9F9;
		border-radius: 3px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 14px;
		padding-bottom: 14px;
		margin-left: 0px;
		margin-right: 3px;
	}
	.listsgridinnertitle{
		max-width: 145px;
		margin-left: 3px;
		margin-right: 3px;
	}
	.bottomgridimageholder{
		width: 155px;
	}
	.gridoutertitle{
		width: 151px;
		margin-left: 0px;
	}
}





.profilepagelistsfeedlistimages	{
	position: relative;
	display: block;
	float: left;
	margin-right: 8px;
	width: 158px;
	height: 180px;
}
.thelistviewouter {
	height: 180px;
	width: 158px;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	background-color: #eeeeee;
	border-bottom-left-radius: 3px;
}
.listtranparent {
	position: absolute;
	height: 160px;
	width: 158px;
	z-index: 111;	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.listviewimageholder {
	height: 160px;
	width: 158px;
	overflow: hidden;
	border-top-left-radius: 3px;
}
.listviewimageholder {
	height: 160px;
	width: 158px;
	overflow: hidden;
	border-top-left-radius: 3px;
}
.bottomlistimageholder {
	width: 158px;
	overflow: hidden;
	bottom: 0px;
	position: relative;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.bottomtransparent{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.listitemimageholder {
	position: absolute;
	z-index: 111;
	margin-top: -37px;
	width: 158px;
}
.listitemouter {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 5px;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	border-radius: 9%;
}
.listitem {
	height: 50px;
	width: 50px;
	display: inline-block;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.listitemrank {
	z-index: 1111;
	font-family: 'Roboto', sans-serif;
	color: #f7f4f1;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	position: relative;
	width: 50px;
	float: left;
	text-align: center;
	margin-top: -11px;
	padding-top: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(0, 0, 0, 0.7);
	white-space: pre-wrap;
	text-shadow: 0 0 6px black;
}
.listitemshadow {
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	top: 0;
	left: 0;
}
.listitemouter {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 5px;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	border-radius: 9%;
}
.listitem {
	height: 50px;
	width: 50px;
	display: inline-block;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.listitemrank {
	z-index: 1111;
	font-family: 'Roboto', sans-serif;
	color: #f7f4f1;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	position: relative;
	width: 50px;
	float: left;
	text-align: center;
	margin-top: -11px;
	padding-top: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(0, 0, 0, 0.7);
	white-space: pre-wrap;
	text-shadow: 0 0 6px black;
}
.listitemshadow {
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	top: 0;
	left: 0;
}
#profilepagenoofitemlist {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	float: left;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	text-shadow: 0 0 2px black;
	margin-top: 6px;
	margin-left: 7px;
}
.itemsonly {
	position: relative;
	display: block;
	margin-top: 6px;
	width: 35px;
	word-wrap: break-word;
	overflow: hidden;
	white-space: normal;
	text-align: center;
}
.mbl_totalitem{
	display: none;
}


@media (max-width: 550px) and (min-width: 0px) {
	.public_popular_list{
		width: 100%;
	}
	.private_popular_list{
		width: 100%;
	}
	.private_latest_list{
		width: 100%;
	}
	.public_latest_list{
		width: 100%;
	}


	.mbl_totalitem{
		position:relative;
		display:block;
		float:left;
		width: 98%;
		margin-top:9px;
		margin-left:5px;
		overflow: hidden;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color: #666666;
		width: 98%;
		line-height: 15px;
		color: #990000;
	}

	.listitemimageholder {
		margin-top: -67px;
		width: 158px;
	}
	.thelistviewouter {
		height: 144px;
		width: 142px;
		border-top-right-radius: 3px;
	}
	.profilepagelistsfeedlistimages {
		margin-top: 36px;
		margin-right: 0px;
		width: 149px;

	}
	#profilepagenoofitemlist {
		display: none !important;
	}
	.profilecreatelistchannelname {
		position: absolute;
		z-index: 1;
		margin-left: 150px;
		margin-top: 35px;
	}
	.profilelistscreatortextby{
		display: none;
	}

	.profilecreatedlistslisttoprow {
		width: calc(100% + 149px);
		margin-left: -149px;
		margin-top: 0px;
	}
	#profilecreatedlistslisttitletext1{
		margin-top: 5px;
		max-width:calc(100% - 10px);
		font-size: 18px;
		line-height: 20px;
		padding-top: 3px;
		text-overflow: ellipsis;
	}
	.profilecreatedlistslisttitletext{
		margin-top: 5px;
		max-width:calc(100% - 10px);
		font-size: 18px;
		line-height: 20px;
		padding-top: 3px;
		text-overflow: ellipsis;
	}
	#hidingmovableprofilelisttext{
		margin-top: 5px;
		max-width:calc(100% - 10px);
		font-size: 18px;
		line-height: 18px;
	}

	.profilecreatedlistslistdescription{
		margin-top: 8px;
		font-size: 12px;
		margin-left: 5px;
	}
	.profilecreatedlistslistinfo{
		margin-top: 9px;
	}
	.profilecreatedlistslistinfo{
		margin-top: 9px;
	}
	.profilelistscreatortext{
		margin-top: 32px;
		font-size: 14px;
	}
	.profilecreatedlistslisttimeago{
		margin-top: 32px;
		font-size: 14px;
	}
	.profilecreatedlist_information{
		width: calc(100% - 150px);
	}
	.profilecreatedlistslistnumberofpeopleranked{
		font-size: 14px;
	}

	.profilefeaturedicon{
		display: block;
		position: absolute;
		z-index: 20;
		margin-left: -17px;
		margin-top: 104px;
	}
}



/*New CSS */

.thelistviewouter {
	height: 180px;
	width: 158px;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	background-color: #eeeeee;
	border-bottom-left-radius: 3px;
}
.listviewimageholder {
	height: 160px;
	width: 158px;
	overflow: hidden;
	border-top-left-radius: 3px;
}

.listitemimageholder {
	position: absolute;
	z-index: 111;
	margin-top: -37px;
	width: 158px;
}

.bottomlistimageholder {
	width: 158px;
	overflow: hidden;
	bottom: 0px;
	position: relative;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.listtranparent {
	position: absolute;
	height: 160px;
	width: 158px;
	z-index: 111;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.thegridview{
	height: 260px;
	width: 158px;
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f9f9f9;
	border-radius: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 14px;
	padding-bottom: 14px;
}


.animate {

	-moz-animation: fadeIn 1s ease-in;

	-webkit-animation: fadeIn 1s ease-in;

	animation: fadeIn ease-in 1s 1;

	-moz-animation-delay: 1s;

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

	-moz-animation-fill-mode: forwards;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

}

@keyframes fadeIn {

	from {opacity: 0;}

	to {opacity: 1;}

}



@-webkit-keyframes fadeIn {

	from {opacity: 0;}

	to {opacity: 1;}

}



@-moz-keyframes fadeIn {

	from {opacity: 0;}

	to {opacity: 1;}

}





.trendinglistsfeedlistli:hover .listviewimage{
	width: 158px;
	height: 160px;
	transform: scale(1.05, 1.05);
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, .73, .31, 1.67);
}

.trendinglistsfeedlistli:not(:hover) .listviewimage {
	width: 158px;
	height: 160px;
	transition-duration: .4s;
}

.thegridview:hover .gridtranparent {
	cursor: pointer;
	background: rgba(255,255,255,.1);
}
.thegridview:hover {
	background-color: #ffffff;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}

.itemrank{
	font-family: 'Roboto', sans-serif;
	color: #f7f4f1;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	position: relative;
	width: 50px;
	float: left;
	text-align: center;
	margin-top: 39px;
	margin-left: -50px;
	padding-top: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(0, 0, 0, 0.7);
	white-space: pre-wrap;
	text-shadow: 0 0 6px black;
}

.itemrank::before {

	content: '';
	z-index: -10;
	margin-top: -40px;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	float: left;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	border-radius: 9%;
	background-color: #ffffff;
}

.itemrank::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	top: -39px;
	left: 0;
}

.griditemouter{
	width:50px;
	height:50px;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 5px;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	border-radius: 9%;
	background-color:#ffffff;
}

.gridtranparent{
	position: absolute;
	height: 160px;
	width: 158px;
	z-index: 111;
	margin-top: 59px;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.bottomtransparent{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	border-bottom-left-radius: 3px;
}


.gridoutertitle{
	width: 158px;
	z-index: 111;
	word-wrap: break-word;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
	display: block;
}

.gridnameouter{
	display: block;
	float: left;
	width: 100%;
	height: 13px;
}
.gridnameinner{
	width: 100%;
	display: block;
	float: left;
	height: 13px;
}
#gridusername{
	max-width: 154px;
	float: left;
	position: absolute;
	z-index: 1111;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #54afcc;
	line-height: 10px;

}
.gridallinner{
	display: block;
	font-family:'Roboto', sans-serif;
	color: #ffffff;
	font-size: 12px;
	height: 12px;
}
.griditemimageholder{
	position: absolute;
	z-index: 111;
	margin-top: -22px;
	width:158px;
}

.gridtitleimage{
	position: absolute;
	z-index: -1;
	transform: scaleY(-1);
	margin-top: -106px;
	-webkit-filter: grayscale(100%);
	filter: blur(15px) grayscale(20%);
	opacity: .9;
}
.gridbottomimage{
	transform: scale(-1);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: blur(20px) grayscale(20%);
	border-bottom-left-radius: 3px;
}

#noofitemgrid{
	height: 35px;
	width: 35px;
	border-radius: 50%;
	float:left;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	text-shadow: 0 0 2px black;
	margin-top: 6px;
	margin-left: 7px;
	word-wrap: break-word;
	white-space: normal;
}
#noofitemgrid::before {
	content: '';
	position: relative;
	display: block;
	margin-top: 6px;
	width: 35px;
}

.griditem{
	height: 50px;
	width: 50px;
	display: inline-block;
	float: left;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;


}
.griditemshadow {
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	top: 0;
	left: 0;
}
.listitemshadow {
	position: absolute;
	width: 50px;
	height: 50px;
	box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	top: 0;
	left: 0;
}

.griddots{
	border-radius: 13%;
	height: 26px;
	width: 26px;
	position: absolute;
	z-index: 111;
	margin-top: 198px;
	margin-left: 98px;
	font-family:'Roboto', sans-serif;
	font-size: 22px;
	color: #ffffff;
}
.itemno2{
	position: absolute;
	z-index: 111;
	margin-top: 182px;
	margin-left: 14px;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	text-shadow: 0 0 2px black;
}
.itemno3{
	position: absolute;
	z-index: 111;
	margin-top: 182px;
	margin-left: 54px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	text-shadow: 0 0 2px black;
}
.itemno4{
	position: absolute;
	z-index: 111;
	margin-top: 182px;
	margin-left: 93px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	text-shadow: 0 0 2px black;
}



.itemsonly{
	position: relative;
	display: block;
	margin-top: 6px;
	width: 35px;
	word-wrap: break-word;
	overflow: hidden;
	white-space: normal;
	text-align: center;
}

.gridfeaturedicon{
	position: absolute;
	z-index: 11;
	width: 16px;
	height: 16px;
	background-image: url(../assets/nav/whiteiconset.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	border: 1px solid #ffffff;
	padding-top: 1px;
	float: right;
	top:5px;
	left:6px;
}





/* Topic contents feed contents */

.fixedoneclass{
	position: fixed;
	display: block;
	top: 42px;
	z-index: 999;
}
.notfixedoneclass{
	position: relative;
	display: inline-block;
	top:0px;
	z-index: 0;
}

#topiclistsfeedlistholder	{

	width: 100%;
	float: left;
	margin-bottom: 5px;
	background: #EEEEEE;

}

#trendinglisttitle{

	height:15px;

}



#topiclistsfeedlisttitle	{

	line-height: 38px;

	text-decoration: none;

	font-family:'Roboto', sans-serif;

	font-weight: bold;

	font-size: 18px;

	color: #990000;

	float: left;
	margin-left: 3px;

}
#topicstitlelistsfeedlist	{
	line-height: 38px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #990000;
	margin-left: 8px;
	display: inline;
	position: absolute;


}
.linedraw{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 5px;
}


.topiclistsfeedlisttitlediv	{
	width: 1000px;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	-moz-border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-box-shadow:  0 4px 24px -11px #333333;
	height: 38px;
	box-shadow: 0 4px 24px -11px #333333;
	position: fixed;
	z-index: 999;
	background-color:rgba(238, 238, 238, .85);


}

.recommendedlistsfeedlisttitlediv	{
	width: 971px;
	display: inline-block;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	-moz-box-shadow: 0 4px 24px -11px #333333;
	height: 38px;
	box-shadow: 0 4px 24px -11px #333333;
	margin-left: 34px;
	position: relative;
	z-index: 999;
	background-color:rgba(238, 238, 238, .85);


}

.recommendedlistsfeedlisttitledivlistview	{
	width: 971px;
	display: inline-block;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	-moz-box-shadow: 0 0 3px #666666;
	height: 34px;
	border-bottom: 2px solid #c10000;
	position: relative;
	z-index: 999;
	background-color:rgba(238, 238, 238, .85);
	margin-bottom: 10px;


}


.topicslistsfeedlisttitlediv	{
	width: 971px;
	display: inline-block;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	-moz-box-shadow: 0 4px 24px -11px #333333;
	height: 38px;
	box-shadow: 0 4px 24px -11px #333333;
	margin-left: 34px;
	position: relative;
	z-index: 999;
	background-color:rgba(238, 238, 238, .85);
	margin-bottom: 10px;


}

#topiclistsfeedboxholder	{

	position: relative;
	float: left;
	width: 100%;
	clear: both;
	margin-top: 45px;


}



.topiclistsfeednavup	{

	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 67px;
	height: 18px;
	width: 36px;
	background: url(../assets/sprites/icons_index.png);
	background-position: 0 -460px;

}



.topiclistsfeednavup:hover	{

	background-position: -36px -460px;

}



.topiclistsfeednavup:active	{

	background-position: -72px -460px;

}



.topiclistsfeednavdown	{

	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 67px;
	height: 18px;
	width: 36px;
	background: url(../assets/sprites/icons_index.png);
	background-position: 0 -479px;

}



.topiclistsfeednavdown:hover	{

	background-position: -36px -479px;

}



.topiclistsfeednavdown:active	{

	background-position: -72px -479px;

}



#topiclistsfeedbox	{

	width: 100%;
	overflow: hidden;
	height:fit-content;
}

#latestlistsfeedbox	{
	height: fit-content;
	width: 100%;
	overflow: hidden;

	display:none;

}

#topiclistsgridfeedbox	{
	height: fit-content;
	width:100%;

	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

#latestlistsgridfeedbox	{

	height: fit-content;
	width:100%;

	overflow:hidden;

	display: none;

}

#suggestedlistsgridfeedbox	{

	width: 100%;
	overflow:hidden;

}



/* Channel contents feed contents */



#channellistsfeedlistholder	{

	display:none;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	background: #EEEEEE;
	clear: both;

}



#channellistsfeedlisttitle	{
	width: 971px;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	-moz-border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-moz-box-shadow: 0 0 3px #666666;
	height: 34px;
	margin-left: 34px;
	border-bottom: 2px solid #c10000;
}

#channellistsfeedlisttitleinner	{

	width: 479px;

	float: left;

	display: block;

	text-align: center;

	text-decoration: none;

	font-family:'Roboto', sans-serif;

	font-weight: bold;

	font-size: 14px;

	color: #D7D7D7;

	white-space: nowrap;

	background-color: #111111;

}

.channelliststitlespan{

	display: inline-block;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #990000;
	line-height: 20px;
	margin-left: 3px;
	float: left;

}



#channellistsfeedboxholder	{

	position: relative;
	float: left;
	clear: both;
	width: 100%;
}



.channellistsfeednavup	{

	display:none;

	cursor:pointer;

	position:absolute;

	z-index:1;

	top:2px;

	left:260px;

	height:10px;

	width:11px;

	background: url(../assets/nav/listnavup.png);

}



.channellistsfeednavup:hover	{

	background: url(../assets/nav/listnavhoverup.png);

}



.channellistsfeednavup:active	{

	background: url(../assets/nav/listnavactiveup.png);

}



.channellistsfeednavdown	{

	display:none;

	cursor:pointer;

	position:absolute;

	z-index:1;

	bottom:2px;

	left:260px;

	height:10px;

	width:11px;

	background: url(../assets/nav/listnavdown.png);

}



.channellistsfeednavdown:hover	{

	background: url(../assets/nav/listnavhoverdown.png);

}



.channellistsfeednavdown:active	{

	background: url(../assets/nav/listnavactivedown.png);

}



#channellistsfeedbox	{

	width:100%;
	overflow:hidden;

}



.listsfeedlistli	{

	position: relative;
	display: block;
	height: 180px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	margin-bottom: 10px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;

}

.listsfeedlistlifortopics	{

	position: relative;
	display: block;
	height: 130px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;

}

.listsfeednolist	{

	float: left;
	display: block;
	width: 100%;
	height: 124px;
	white-space: nowrap;
	position: absolute;
	margin-top: 6px;
	margin-left: 4px;
	-moz-box-shadow: 0 0 3px #666666;
	vertical-align: middle;

}



.listsfeedlist	{
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	white-space: nowrap;
	background-color: #EEEEEE;
	position: absolute;
	border-radius: 2px;

}



.listsfeedlist:hover	{

	cursor:pointer;

}


.listsfeedlist.normal	{

	cursor:pointer;

}



.listsfeedlist.hover	{

	cursor:pointer;

}

.liststext	{
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	color: #444444;
}

.listsfeedlistimages	{
	position: relative;
	display: block;
	float: left;
	margin-right: 8px;
	width: 158px;
	height: 180px;
}



.listsfeedimagetoprow	{
	position:relative;
	display:block;
	float:left;
}



.listsfeedimagebottomrow	{

	position:relative;

	display:block;

	float:left;

	clear:both;


}



.listsfeedlistimage4	{

	display:block;

	float:left;

	margin-top:0px;

	margin-left:0px;

	width:60px;

	height:60px;

}



.listsfeedlistimage3	{

	display:block;

	float:left;

	margin-top:0px;

	width:60px;

	height:60px;

}



.listsfeedlistimage2	{

	display:block;

	float:left;

	width:60px;

	height:60px;

}



.listsfeedlistimage1	{

	display:block;

	float:left;

	width:60px;

	height:60px;

}



.listsfeedlisttoprow	{

	position: relative;
	display: block;
	float: left;
	width: calc(100% - 167px);
	margin-top: 5px;

}



.listsfeedlistsecondrow	{
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 170px);
	margin-top: 4px;

}



.listsfeedlisttitletext	{

	position:relative;

	display:block;

	float:left;

	margin-top:6px;

	margin-left:5px;

//margin-bottom: 3px;

	font-family:'Roboto', sans-serif;

	font-size:20px;

	height:20px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;

	padding-right: 1px;

	max-width: 370px;

	padding-top: 5px;

}



#listfeedlisttitletextscroll	{

	position:relative;

	display:block;

	float:left;

	margin-top:6px;

	margin-left:5px;

	font-family:'Roboto', sans-serif;

	font-size:20px;

	height:20px;

	color:#444444;

	overflow:hidden;

	padding-right: 1px;

	max-width: calc(100% - 21px);

	padding-top: 5px;
	width: 100%;

}

.listsfeedlisttimeago	{

	position: relative;
	display: block;
	float: left;
	margin-top: 14px;
	margin-left: 3px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;

}



.listsfeedtimeagoseparator	{

	float:right;

	margin-top:5px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:14px;

	color:#666666;

}

.listsfeedlistchannelnameposition{

	position: absolute;
	z-index: 1;
	margin-left: 352px;
	margin-top: 44px;

}



.listsfeedlistchannelname	{

	position: relative;
	display: block;
	float: right;
	margin-top: 7px;
	margin-left: 1px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #2db2da;

}



.listsfeedlistchannelname:hover	{

	text-decoration:underline;

}



.listsfeedlistchannelname:active	{

	text-decoration:underline;

}



.listsfeedlistinfo	{

	position: relative;
	display: block;
	float: left;
	margin-top: 16px;
	margin-left: 6px;
	width: calc(100% - 174px);

}



.listsfeedlistlikeandislike	{

	display:block;

	float:left;

}



.listsfeedseparator	{

	float:left;

	margin-top:1px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:14px;

	color:#666666;

}



.listsfeedlistviewsicon	{

	display: block;

	float: left;

	width: 12px;

	height: 12px;

	margin-right: 1px;

	margin-top: 0px;

	background-image: url(../assets/nav/views.png);

	background-size: 12px 12px;

	background-position: top left;

	background-repeat: no-repeat;



}

.listsfeedlistrankingsicon	{

	display:block;

	float:left;

	width:12px;

	height:12px;

	margin-right:1px;

	margin-top:0px;

	background-image:url(../assets/nav/ranking.png);

	background-size: 12px 12px;

	background-position:top left;

	background-repeat:no-repeat;



}

.listsfeedlistrankingnumber	{

	float:left;

	margin-top:2px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:12px;

	color:#444444;

}

.listsfeedlistlikenumber	{

	float: left;
	margin-top: 6px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
	margin-left: 5px;

}

.listsfeedlistlikeicon	{

	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px 0px;
	background-size: 30px 252px ;



}

.listsfeedlistdislikeicon	{

	cursor: pointer;
	display: block;
	float: left;
	width: 17px;
	height: 18px;
	margin-top: 3px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -72px;
	margin-left: 5px;
	background-size: 30px 252px ;


}

.indexlistsfeedlistlikeicon	{

	display: block;

	float: left;

	width: 11px;

	height: 11px;

	margin-left: 2px;

	margin-top: 0px;

	background-image: url(../assets/nav/indexthumbsup.png);

	background-size: 11px 11px;

	background-position: top left;

	background-repeat: no-repeat;



}

.indexlistsfeedseparator{

	display: block;

	float: left;

	width: 4px;

	height: 12px;

	margin-left: 0px;

	margin-top: 1px;

	margin-right: 1px;

	background-image: url(../assets/nav/separator.png);

	background-size: 4px 12px;

	background-position: top left;

	background-repeat: no-repeat;

}

.indexlistsfeedlistdislikeicon	{

	display: block;

	float: left;

	width: 11px;

	height: 11px;

	margin-left: 3px;

	margin-top: 2px;

	margin-right: 1px;

	background-image: url(../assets/nav/indexthumbsdown.png);

	background-size: 11px 11px;

	background-position: top left;

	background-repeat: no-repeat;

}



.listsfeedlistdislikenumber	{

	float: left;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;

}



.listsfeedlistviews	{

	display:block;

	float:left;

}



.listsfeedlistviewsnumber	{
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;

}



.listsfeedlistcommentsnumber	{
	float: left;
	margin-top: 6px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;

}



.listsfeedlistcommentsicon	{

	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -144px;
	margin-right: 5px;
	background-size: 30px 252px ;

}

.listsfeedlistviewicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -198px;
	background-size: 30px 252px;
}

.listsfeedlistnumberofpeopleranked	{
	display: block;
	float: left;
	margin-left: 1px;
	margin-top: 2px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	color: #444444;

}



.listsfeedlistdescription	{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family:'Roboto', sans-serif;
	font-size: 13px;
	color: #666666;
	width: calc(100% - 174px);
	margin-top: 19px;
	margin-left: 8px;
	line-height: 15px;

}



.listsfeedlistsearch	{

	float: left;
	display: block;
	width: 514px;
	height: 32px;
	white-space: nowrap;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	background-color: #ffffff;
	margin-left: 3px;
	margin-top: 5px;
}



.listsfeedlistsearch:hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.listsfeedlistsearch:active	{

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.listsfeedlistsearch.normal	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	white-space:nowrap;

	background-color:#DDDDDD; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */

}



.listsfeedlistsearch.hover	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.listsfeedlistsearch.active	{

	border-left:1px solid #DFDFDF;

	border-top:1px solid #DFDFDF;

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}




.listsfeedearchmoretext	{

	display:inline;

	float:left;

	text-align:center;

	margin-top:12px;

	margin-left:3px;

	font-family:'Roboto', sans-serif;

	font-weight:bold;

	font-size:12px;

	height:12px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;

	width:506px;

}



.trendinglistsfeedlistli	{
	position: relative;
	display: block;
	height: 180px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background: #f9f9f9;
	margin-bottom: 10px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

}







.trendinglistsfeedlist	{
	float: left;
	display: block;
	width: 100%;
	height: 180px;
	white-space: nowrap;
	position: absolute;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}



.trendinglistsfeedlist:hover	{

	cursor:pointer;
	background-color:#FFFFFF; /* Old browsers */
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}





.trendinglistsfeedlist:active	{

	background-color:#FFFFFF; /* Old browsers */

}



.trendinglistsfeedlist.normal	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	white-space:nowrap;
	background-color:#FFFFFF; /* Old browsers */

}



.trendinglistsfeedlist.hover	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;
	background-color:#FFFFFF; /* Old browsers */

}



.trendinglistsfeedlist.active	{

	border-left:1px solid #DFDFDF;

	border-top:1px solid #DFDFDF;
	background-color:#FFFFFF; /* Old browsers */

}



.trendinglistsfeedlistimages	{

	position: relative;
	display: block;
	float: left;
	margin-right: 8px;
	width: 158px;
	height: 180px;
}



.listsfeedimagetoprow	{

	position:relative;

	display:block;

	float:left;

}



.listsfeedimagebottomrow	{

	position:relative;

	display:block;

	float:left;

	clear:both;

}



.trendinglistsfeedlistimage4	{

	display:block;

	float:left;

	margin-top:0px;

	margin-left:0px;

	width:60px;

	height:60px;

}



.trendinglistsfeedlistimage3	{

	display:block;

	float:left;

	margin-top:0px;

	margin-left:5px;

	width:60px;

	height:60px;

}



.trendinglistsfeedlistimage2	{

	display:block;

	float:left;

	margin-top:5px;

	margin-left:0px;

	width:60px;

	height:60px;

}



.trendinglistsfeedlistimage1	{

	display:block;

	float:left;

	margin-top:5px;

	margin-left:5px;

	width:60px;

	height:60px;

}



.trendinglistsfeedlisttoprow	{

	position: relative;
	display: block;
	float: left;
	width: calc(100% - 167px);
	margin-top: 5px;

}

.trendinglistsfeedlistsecondrow	{

	position: relative;
	display: block;
	float: left;
	width: calc(100% - 170px);
	margin-top: 4px;

}



.trendinglistsfeedlisttitletext	{

	position:relative;

	display:block;

	float:left;

	margin-top:6px;

	margin-left:5px;

//margin-bottom: 3px;

	font-family:'Roboto', sans-serif;


	font-size:20px;

	height:20px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;


	padding-right: 1px;

	max-width: 360px;

	padding-top: 5px;

}



.trendinglistsfeedlisttimeago	{

	position: relative;
	display: block;
	float: left;
	margin-top: 14px;
	margin-left: 3px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;

}



.listsfeedtimeagoseparator	{

	float:right;

	margin-top:5px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:14px;

	color:#666666;

}



.trendinglistsfeedlistchannelname	{
	position: relative;
	display: block;
	float: right;
	margin-top: 7px;
	margin-left: 1px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #2db2da;

}



.trendinglistsfeedlistchannelname:hover	{

	text-decoration:underline;

}



.trendinglistsfeedlistchannelname:active	{

	text-decoration:underline;

}

.trendinglistsfeedlistchannelnameposition{
	position: absolute;
	z-index: 1;
	margin-left: 352px;
	margin-top: 45px;

}


.trendinglistsfeedlistli:hover .trendinglistsfeedlist{
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}

.trendinglistsfeedlistinfo	{

	position: relative;
	display: block;
	float: left;
	margin-top: 16px;
	margin-left: 6px;
	width: calc(100% - 174px);

}



.trendinglistsfeedlistlikeandislike	{

	display:block;

	float:left;

}



.listsfeedseparator	{

	float:left;

	margin-top:1px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:14px;

	color:#666666;

}

.trendinglistsfeedlistviews	{

	display:block;

	float:left;

}

.trendinglistsfeedlistnumberofpeopleranked	{

	display: block;
	float: left;
	margin-left: 1px;
	margin-top: 2px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	color: #444444;
}



.trendinglistsfeedlistdescription	{

	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family:'Roboto', sans-serif;
	font-size: 13px;
	color: #666666;
	width: calc(100% - 195px);
	margin-top: 19px;
	margin-left: 8px;
	line-height: 15px;

}

.trendingliststext	{


	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	color: #444444;





}



.trendinglistsfeedlistsearch	{

	float: left;
	display: block;
	width: 514px;
	height: 34px;
}



.trendinglistsfeedlistsearch:hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.trendinglistsfeedlistsearch:active	{

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.trendinglistsfeedlistsearch.normal	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	white-space:nowrap;

	background-color:#DDDDDD; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */

}



.trendinglistsfeedlistsearch.hover	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.trendinglistsfeedlistsearch.active	{

	border-left:1px solid #DFDFDF;

	border-top:1px solid #DFDFDF;

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.trendinglistsfeedsearchmoretext	{

	display:inline;

	float:left;

	text-align:center;

	margin-top:8px;

	margin-left:3px;

	font-family:'Roboto', sans-serif;

	font-weight:bold;

	font-size:12px;

	height:12px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;

	width:506px;

}

.trendingchannellistsfeedlistsearch	{

	float: left;
	display: block;
	width: 514px;
	height: 32px;
	white-space: nowrap;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	background-color: #ffffff;

}



.trendingchannellistsfeedlistsearch:hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.trendingchannellistsfeedlistsearch:active	{

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.trendingchannellistsfeedlistsearch.normal	{

	cursor:pointer;

	white-space:nowrap;

	background-color:#DDDDDD; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */

}



.trendingchannellistsfeedlistsearch.hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.trendingchannellistsfeedlistsearch.active	{

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.trendingchannellistsfeedsearchmoretext	{

	display:inline;

	float:left;

	text-align:center;

	margin-top:8px;

	margin-left:3px;

	font-family:'Roboto', sans-serif;

	font-weight:bold;

	font-size:12px;

	height:12px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;

	width:506px;

}



.topicslistsfeedlistsearch	{
	float: left;
	display: block;
	width: 514px;
	height: 34px;
}



.topicslistsfeedlistsearch:hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.topicslistsfeedlistsearch:active	{

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.topicslistsfeedlistsearch.normal	{

	cursor:pointer;

	border-left:1px solid #EEEEEE;

	border-right:1px solid #999999;

	border-top:1px solid #EEEEEE;

	border-bottom:1px solid #999999;

	white-space:nowrap;

	background-color:#DDDDDD; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */

}



.topicslistsfeedlistsearch.hover	{

	cursor:pointer;

	background-color:#EFEFEF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */

}



.topicslistsfeedlistsearch.active	{

	border-left:1px solid #DFDFDF;

	border-top:1px solid #DFDFDF;

	background-color:#CFCFCF; /* Old browsers */

	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */

	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */

	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */

	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */

}



.topicslistsfeedsearchmoretext	{

	display:inline;

	float:left;

	text-align:center;

	margin-top:8px;

	margin-left:3px;

	font-family:'Roboto', sans-serif;

	font-weight:bold;

	font-size:12px;

	height:12px;

	color:#444444;

	overflow:hidden;

	text-overflow: ellipsis;

	width:506px;

}

#topicslistfeedloadmore{
	margin-top: 5px;
	float: left;
	white-space: nowrap;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	background-color: #ffffff;
	margin-left: 3px;

}







/*Grid View*/



.listsgridview	{

	float: left;
	display: block;
	width: 166px;
	height: 258px;
	white-space: nowrap;
	background-color: #f6f6f6;
	border-radius: 2px;
	margin-top: 6px;

}



.listsgridview:hover	{

	cursor:pointer;
	background-color:#ffffff; /* Old browsers */
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;

}

.listsgridview:active	{


	background-color:#EFEFEF; /* Old browsers */
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;

}
.listsgridview.hover	{

	background-color:#EFEFEF; /* Old browsers */
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;

}

.listsgridview.active	{

	background-color:#EFEFEF; /* Old browsers */
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;

}


.listsgridimage1	{

	display:block;

	float:left;

	margin-top:5px;

	width:80px;

	height:80px;


}

.listsgridimage2	{

	display:block;

	float:left;

	margin-top:5px;

	width:80px;

	height:80px;

}

.listsgridimage3	{

	display: block;

	float: left;

	margin-top: 0px;

	margin-bottom: 5px;

	width: 80px;

	height: 80px;

}

.listsgridimage4	{

	display: block;

	float: left;

	margin-bottom: 5px;

	width: 80px;

	height: 80px;

}

.gridlistsfeedlistlikeanddislike{

	display: inline-block;



}

.gridouterlikedislike{

	display: table;

	position: relative;

	width: 100%;

	height: auto;

	text-align: center;

	overflow: hidden;

}



.liststoprowgridview{

	display: table;

	position: relative;

	width: 156px;

	height: 48px;

	margin-right: 5px;

	margin-top: 5px;

	margin-left: 5px;

	text-align: center;

}

.listsgridtitletext	{

	position: relative;

	display: table-cell;

	font-family:'Roboto', sans-serif;

	font-weight: bold;

	font-size: 16px;

	line-height: 16px;

	color: #666666;

	overflow: hidden;

	word-wrap: break-word;

	width: 160px;

	max-width: 160px;

	white-space: pre-wrap;

	text-align: center;

	overflow: hidden;

	-webkit-box-orient: vertical;

	vertical-align: middle;

}


.listsgridviewlists{

	position: relative;

	display: block;

	height: 265px;

	float: left;
	margin-left: 35px;

}

.outerlistsgridchannelname{

	position: absolute;

	z-index: 1;

	margin-top: 247px;

	margin-bottom: 24px;

}

.listsgridchannelname{

	position: relative;

	display: block;

	float: left;

	margin-left: 5px;

	margin-right: 5px;

	font-family:'Roboto', sans-serif;

	font-size: 12px;

	line-height: 12px;

	height: 17px;

	color: #438BC5;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 165px;

	text-align: center;

	margin-top: 1px;

	font-weight:bold;

}

.listsgridchannelname:hover {
	text-decoration:underline;
}

.listsgridimages	{

	position:relative;

	display:block;

	float:left;
	margin-left: 3px;

}



.listsgridimagetoprow	{

	position:relative;

	display:block;

	float:left;

}

.listsgridimagebottomrow	{

	position:relative;

	display:block;

	float:left;

	clear:both;

}











/*list_grid_toggle*/



.indexlistsview	{
	float: right;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
	z-index: 99999;
	height:34px;

}



.indexlistsview:hover	{

	cursor:pointer;

	background-color:#ffffff; /* Old browsers */
}



.indexlistsview:active	{

	background-color:#dddddd; /* Old browsers */

}



.indexlistsview.normal	{

	cursor:pointer;

	background-color:#dddddd; /* Old browsers */

}


.indexlistsview.hover	{

	cursor:pointer;

	background-color:#ffffff; /* Old browsers */

}



.indexlistsview.active	{

	background-color:#dddddd; /* Old browsers */

}

.indexlistslistsview {

	display: block;

	float: left;

	width: 32px;

	height: 32px;

	margin-left: 2px;
	margin-top: 2px;

	background-image: url(../assets/sprites/icons_index.png);

	background-position: -88px -96px;

}

.indexlistsgridview {

	display: block;

	float: left;

	width: 32px;

	height: 32px;

	margin-left: 2px;
	margin-top: 2px;

	background-image: url(../assets/sprites/icons_index.png);



	background-position: -88px 0;



}

.suggestedlistsview	{
	float: right;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
	z-index: 99999;

}



.suggestedlistsview:hover	{

	cursor: pointer;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #f6f6f6;
	background-image: -moz-linear-gradient(bottom, #f6f6f6 5%, #f6f6f6 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f6f6f6), color-stop(95%, #f6f6f6));
	background-image: -webkit-linear-gradient(bottom, #f6f6f6 5%, #f6f6f6 50%);
	background-image: -o-linear-gradient(bottom, #f6f6f6 5%, #f6f6f6 50%);
	background-image: -ms-linear-gradient(bottom, #f6f6f6 5%, #f6f6f6 50%);
	background-image: linear-gradient(bottom, #f6f6f6 5%, #f6f6f6 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0);

}



.suggestedlistsview:active	{

	cursor: pointer;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #dddddd;
	background-image: -moz-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dddddd), color-stop(95%, #dddddd));
	background-image: -webkit-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -o-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -ms-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0);

}



.suggestedlistsview.normal	{

	cursor: pointer;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #dddddd;
	background-image: -moz-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dddddd), color-stop(95%, #dddddd));
	background-image: -webkit-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -o-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -ms-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0);
}



.suggestedlistsview.hover	{

	cursor: pointer;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #dddddd;
	background-image: -moz-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dddddd), color-stop(95%, #dddddd));
	background-image: -webkit-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -o-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -ms-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0);

}



.suggestedlistsview.active	{

	cursor: pointer;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #dddddd;
	background-image: -moz-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dddddd), color-stop(95%, #dddddd));
	background-image: -webkit-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -o-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: -ms-linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	background-image: linear-gradient(bottom, #dddddd 5%, #dddddd 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0);

}

.suggestedlistslistsview {

	display: block;

	float: left;

	width: 32px;

	height: 32px;

	margin-left: 2px;

	background-image: url(../assets/sprites/icons_index.png);

	background-position: -88px -96px;

}

.suggestedlistsgridview {

	display: block;

	float: left;

	width: 32px;

	height: 32px;

	margin-left: 2px;

	background-image: url(../assets/sprites/icons_index.png);



	background-position: -88px 0;

}





.listsfeedfallbackimage{

	display:block;

	float:left;

	width:120px;

	height:120px;

}

.listsfeedfallbackimagegrid{

	display:block;

	float:left;

	margin-top:5px;

	width:160px;

	height:160px;

	margin-bottom: 7px;

}

.listsfeedimageone{

	display:block;

	float:left;

	width:120px;

	height:120px;

}

.listsfeedimageonegrid{

	display:block;

	float:left;

	margin-top:5px;

	margin-bottom: 5px;

	width:160px;

	height:160px;

}

.listsfeedimagelong	{

	position:relative;

	display:block;

	float:left;

	overflow: hidden;

	width:60px;

}

.listsfeedimagelonggrid	{

	position:relative;

	display:block;

	float:left;

	margin-bottom: 3px;

	overflow: hidden;

	width:80px;

}

.listsfeedimagelongright	{

	position:relative;

	display:block;

	float:left;

	overflow: hidden;

	width:60px;

}

.listsfeedimagelongrightgrid	{

	position:relative;

	display:block;

	float:left;

	margin-bottom: 3px;

	overflow: hidden;

	width:80px;

}



.listsfeedimagerightrow	{

	position:relative;

	display:inline-grid;

	text-align: center;

}

.listsfeedlistlongimage{

	height:120px;

	width:120px;

	margin-left: -30px;



}

.listsfeedlistlongimagegrid{

	height:160px;

	width:160px;

	margin-left: -27px;

}

.listsfeaturedicongrid {

	display: block;

	float: left;

	position: relative;

	width: 38px;

	height: 38px;

	margin-left: 114px;

	margin-top: 5px;

	background-image: url(../assets/nav/featuredlistgridlightred.png);

	background-size: 38px 38px;

	background-position: top left;

	background-repeat: no-repeat;

	text-overflow: ellipsis;

	z-index: 20;

}

.featuredicongrid{

	display: block;

	position: absolute;

	z-index: 20;

	margin-left: 15px;

	margin-top: 59px;

}

.listsfeaturedicon {

	position: absolute;
	z-index: 11;
	margin-top: -56px;
	margin-left: 122px;
	width: 16px;
	height: 16px;
	background-image: url(../assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 2px -58px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	border: 1px solid #ffffff;
	padding-top: 1px;
	float: right;
	margin-right: 5px;

}

.featuredicon{

	display: block;

	position: absolute;

	z-index: 20;

	margin-left: 15px;

	margin-top: 59px;

}

.channelforsearchonindexpage	{

	position:relative;

	display:block;

	height:130px;

	margin-bottom: 8px;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;

}

.channelforsearch	{

	float: left;
	display: block;
	width: 100%;
	height: 124px;
	white-space: nowrap;
	background-color: #f6f6f6;
	position: absolute;
	margin-top: 6px;
	border-radius: 5px;

}




.channelforsearch:hover	{

	cursor:pointer;
	background-color:#FFFFFF; /* Old browsers */
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;

}



.channelforsearch:active	{

	background-color:#FFFFFF; /* Old browsers */
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}



.channelforsearch.normal	{

	cursor:pointer;

	white-space:nowrap;

	background-color:#FFFFFF; /* Old browsers */

	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}



.channelforsearch.hover	{

	cursor:pointer;

	background-color:#FFFFFF; /* Old browsers */

	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}



.channelforsearch.active	{

	background-color:#F6F6F6; /* Old browsers */
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}


.channelfeedimage {
	position: relative;
	display: block;
	float: left;
	margin-right: 8px;
}

.channelimage {
	display: block;
	float: left;
	margin-left: 2px;
	width: 117px;
	height: 117px;
	border-radius: 50%;
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
	border: 3px solid #ffffff;
}

.channellists{

	position:relative;

	display:block;

	float:left;

	width:calc(100% - 170px);

	margin-left: 5px;

}

.totallisttext	{

	position:relative;

	display:block;

	float:left;

	margin-top:7px;

	margin-left:5px;

	margin-right:2px;

	text-decoration:none;

	text-align:right;

	font-family:'Roboto', sans-serif;

	font-size:12px;

	color:#444444;





}

.channeltotallists	{

	position:relative;

	display:block;

	float:left;

	margin-top:7px;

	margin-left:1px;

	margin-right:1px;

	text-decoration:none;

	font-family:'Roboto', sans-serif;

	font-size:12px;

	color:#444444;

}

.channeldescription	{

	position:relative;

	display:block;

	float:left;

	overflow:hidden;

	text-overflow: ellipsis;

	font-family:'Roboto', sans-serif;

	font-size:10px;

	color:#666666;

	width:calc(100% - 152px);

	margin-top:9px;

	margin-left:5px;

	min-height: 10px;

}


#searchsubscribebuttonholder	{

	float:right;

	display:none;

	width:84px;

	height:21px;

	border:1px solid #000000;

	position:relative;

	-moz-border-radius:0.40em;

	border-top-left-radius: .40em;

	border-bottom-left-radius: .40em;

	z-index: 1;

	margin-top: 88px;

	margin-right: 336px;

}

.itischannel	{

	position:relative;

	display:none;

	float:left;

	width:54px;

	margin-top: 18px;

	margin-left: 5px;

}

.channel{

	display: block;

	position: relative;

	height: 14px;

	width:54px ;

	background-color: cornflowerblue;

	text-align: center;

	padding-top: 3px;

	font-size:12px;

	font-family:'Roboto', sans-serif;

	text-decoration:none;

	color:white;

}

.channelsubscriber{

	display: none;

	position: relative;

	float: left;

	width: 30px;

	height: 21px;

	margin-top: 15px;

	margin-left: 110px;

	border-top:1px solid #000000;

	border-right:1px solid #000000;

	border-bottom:1px solid #000000;

	border-top-right-radius: .40em;

	border-bottom-right-radius: .40em;

	background-color:#E88B00 ;



}

.subscribedchannelsubscriber{

	display: none;

	position: relative;

	float: left;

	width: 30px;

	height: 21px;

	margin-top: 15px;

	margin-left: 110px;

	border-top:1px solid #000000;

	border-right:1px solid #000000;

	border-bottom:1px solid #000000;

	border-top-right-radius: .40em;

	border-bottom-right-radius: .40em;

	background-color:#CCCCCC;




}

.channeltotalsubscribers{

	display: block;

	position: relative;

	height: 21px;

	width:30px ;

	text-align: center;

	font-size:12px;

	font-weight:bold;

	font-family:'Roboto', sans-serif;

	text-decoration:none;

	color:#FFF1DD;

	margin-top: 5px;



}

.channelusername{

	margin-left: 1px;

	text-decoration: none;

	text-align: right;

	font-family:'Roboto', sans-serif;

	font-weight: bold;

	font-size: 19px;

	color: #438BC5;

}

.channelusername:hover{

	margin-left: 1px;

	text-align: right;

	font-family:'Roboto', sans-serif;

	font-weight: bold;

	font-size: 19px;

	color: #438BC5;

	text-decoration: underline;

}

.subscribedchanneltotalsubscribers{

	display: block;

	position: relative;

	height: 21px;

	width:30px ;

	text-align: center;

	font-size:12px;

	font-weight:bold;

	font-family:'Roboto', sans-serif;

	text-decoration:none;

	color:#444444;

	margin-top: 5px;



}

.trendinglistsicon{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: -88px -192px;
	margin-left: 5px;
	margin-top: 2px;
}
.channelicon{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/nav/icons.png);
	background-size: 96px 288px;
	background-position: 0px -256px;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 1px;
}
.suggestedlistsicon{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: -88px -288px;
	margin-left: 5px;
}

.suggestedlistsiconfortopics{
	display: inline-block;
	margin-top:7px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: 0px -504px;
	background-size: 56px 644px;
	float: left;
}
.suggestedlistsiconfortopicsbar{
	display: inline-block;
	margin-top:3px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: -28px -504px;
	background-size: 56px 644px;
	float: left;
}
.selectedsuggestedlistsiconfortopics{
	display: inline-block;
	margin-top:5px;
	margin-left:10px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: 0px -504px;
	background-size: 56px 644px;
	float: left;
}


.listtopicimageicon0	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 0;
	margin-left: 5px;

}
.listtopicimageicon1	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -32px;
	margin-left: 5px;
}
.listtopicimageicon2	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -64px;
	margin-left: 5px;
}
.listtopicimageicon3	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -96px;
	margin-left: 5px;
}
.listtopicimageicon4	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -128px;
	margin-left: 5px;
}
.listtopicimageicon5	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -160px;
	margin-left: 5px;
}
.listtopicimageicon6	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -192px;
	margin-left: 5px;
}
.listtopicimageicon7	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -224px;
	margin-left: 5px;
}
.listtopicimageicon8	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -258px;
	margin-left: 5px;
}
.listtopicimageicon9	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -290px;
	margin-left: 5px;
	margin-top: 2px;
}
.listtopicimageicon10	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -322px;
	margin-left: 5px;
}
.listtopicimageicon11	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -354px;
	margin-left: 5px;
	margin-top: 2px;
}
.listtopicimageicon12	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -386px;
	margin-left: 5px;
	margin-top: 2px;
}
.listtopicimageicon13	{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background-image: url(../assets/sprites/icons_index.png);
	background-position: 0 -418px;
	margin-left: 5px;
	margin-top: 2px;
}
.latestlistsidebaricon	{
	display: inline-block;
	margin-top:7px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: 0px -392px;
	background-size: 56px 644px;
}
.latestlistsidebariconbar	{
	display: inline-block;
	margin-top:5px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: -28px -392px;
	background-size: 56px 644px;
	float:left;
}

.popularlistsidebaricon	{
	display: inline-block;
	margin-top:7px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: 0px -420px;
	background-size: 56px 644px;
}
.popularlistsidebariconbar	{
	display: inline-block;
	margin-top:5px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: -28px -420px;
	background-size: 56px 644px;
	float:left;
}

.featuredlistsidebaricon	{
	display: inline-block;
	margin-top:7px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: 0px -448px;
	background-size: 56px 644px;
}
.featuredlistsidebariconbar	{
	display: inline-block;
	margin-top:5px;
	margin-left:5px;
	width:28px;
	height:28px;
	background-image: url(../assets/nav/sidebaricon_v3.png);
	background-position: -28px -448px;
	background-size: 56px 644px;
	float:left;
}
.indexloadinggif{
	cursor: pointer;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 320px;
	height: 50px;;
	text-align: center;
	display:none;
}
.indexloadinginner{
	margin-left: auto;
	margin-right: auto;
}


.scrolltotop{
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background-color: #222222;
	text-align: center;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})";
	filter: "alpha(opacity=${opperc})";
	z-index: 999999;
	background-image: url(../assets/nav/backtotopbutton.png);
	background-size: 50px 160px;
	background-repeat: no-repeat;
	display: none;
	background-position: 0px 0px;
	border-radius: 20%;
	box-shadow: 0 0 2px #ffffff;
}
.scrolltotop:hover{
	opacity: 0.8;
	background-position: 0px -50px;
}
.scrolltotop:active{
	opacity: 0.8;
	background-position: 0px -50px;
}

.newgifloading{
	position: relative;
	display: none;
	width: 20%;
	height: 20%;
	margin-left: 40%;
	top: 150px;
}


.gridviewinner{
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	height: 284px;
	border-radius: 3px;
	background-color: #fbfbfb;
	box-shadow: 0 0 20px -10px #0000004d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.gridviewinner:hover {
	background-color: #ffffff;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}

.listviewright{
	padding-left: 13px;
	width:calc(100% - 175px);
	height:194px;
	float:left;
	position: relative;
}

.gridviewright{
	float: left;
	position: absolute;
	top: 10px;
	width: 170px;
}

/*gridtolist*/
.thelistviewinner{
	width: 100%;
	height: 192px;
	background-color: #f9f9f9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}

.thelistviewinner:hover {
	background-color: #ffffff;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}
.thelistoutertitle{
	width: 100%;
	position: relative;
	z-index: 111;
	word-wrap: break-word;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #555555;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.thelistusername{
	max-width: 154px;
	float: left;
	position: absolute;
	z-index: 1111;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #54afcc;
	line-height: 10px;
}

.thelistnameinner{
	width: 100%;
	display: block;
	float: left;
	height: 13px;
}


.thelistview {
	height: 191px;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #f9f9f9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}


.thelisttransparent{
	position: absolute;
	height: 160px;
	width: 158px;
	z-index: 111;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.thelistitemimageholder{
	position: absolute;
	z-index: 111;
	margin-top: -28px;
	width: 158px;
}

.listsviewtext {
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 5px;
	margin-right: 2px;
	text-decoration: none;
	text-align: right;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
.listviewtimeago {
	position: relative;
	display: block;
	float: left;
	margin-top: 13px;
	margin-left: 3px;
	margin-right: 1px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}


.noofitemlists {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	float: left;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 4px rgba(238, 238, 238, 0.6);
	text-shadow: 0 0 2px black;
	margin-top: 6px;
	margin-left: 7px;
}





.uppershadowdiv{
	display: none;
	height: 80px;
	width: 100%;
	z-index: 9999;
	position: absolute;
	margin-top: -82px;
	left: 0px;
	box-shadow: rgba(0, 0, 0, 0.63) 0px 0px 40px 16px;

}


/*slideshow*/

.slideshowholder{
	height:244px;
	width: 100%;
	display: block;
	position: relative;
}


.sliderimagetag{
	width: 100%;
	height: 244px;
}
.slider_image{
	float: left;
	width: 100%;
	height: 244px;
	position:relative;
	overflow: hidden
}


.slideimgsubmitlink {
	height: 38px;
	width: 108px;
	position: absolute;
	display: block;
	background-color: #2C638F4a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 150px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 99;
	clear: left;
	line-height: 35px;
	right: 10px;
	bottom: 10px;
}
.slideimgsubmitlink:hover{
	background-color: #2C638F;
	cursor: pointer;
}
.transparentslider{
	position: absolute;
	height: 120px;
	width: 100%;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	color: #ffffff;
	bottom: 0;
}

.sliderdots{
	position: absolute;
	width: 100%;
	z-index: 1;
	bottom: 1px;
}
.dot {
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin: 0 2px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.sliderimgdescription{
	width: 100%;
	height: 46px;
	position: absolute;
	bottom: 49px;
	left: 0px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 99;
}
.item-1,
.item-2,
.item-3 {
	position: absolute;
	display: block;
	color: #FFFFFF;
	width: 100%;
	font-size: 19px;
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	text-align: center;
	text-shadow: 0 0 16px black;
	background-color: #c5c5c52f;
	line-height: 40px;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
	8.3%,25% { left: 0%; opacity: 1; }
	33.33%, 100% { left: 100%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
	41.63%, 58.29% { left: 0%; opacity: 1; }
	66.66%, 100% { left: 100%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
	74.96%, 91.62% { left: 0%; opacity: 1; }
	100% { left: 100%; opacity: 0; }
}

.slider_lists{
	float: left;
	width: 100%;
	height: 244px;
	position:relative;
	overflow: hidden;
	background-color: #8398b900;
	text-align: center;
	box-shadow: inset 0px 0px 45px 0px #bbbdbf;
}
.slider_include{
	float: left;
	width: 100%;
	height: 244px;
	position:relative;
	overflow: hidden;
	background-color: #8398b900;
	text-align: center;
	box-shadow: inset 0px 0px 45px 0px #bbbdbf;
}
.transparentsliderlist {
	position: absolute;
	height: 62px;
	width: 100%;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) -9%, rgba(0, 0, 0, 0.65) 100%);
	color: #ffffff;
	bottom: 0;
}

.slideshowlists{
	width: 170px;
	height: 170px;
	border: 1px solid #FFFFFF;
	text-align: center;
	display: inline-block;
	position: absolute;
	z-index: 2;
	margin-left: -90px;
	margin-top: 9px;
	overflow: hidden;
}
.slidelistsimage{
	width: 170px;
	height: 170px;
}
.slidelistsimage:hover{
	transform: scale(1.20, 1.20);
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, .73, .31, 1.67);
}

.slidelistsimage:not(:hover){

	transition-duration: .4s;
}
.slideshowlistsouter{
	width: 240px;
	height: 244px;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	margin-left: 10px;
	margin-right: 10px;
}
.slideshowlistsouter:hover{
	cursor: pointer;
}
.slideshowlistsfull{
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: -244px;
}

.slidelistsimagefull{
	width: 100%;
	margin-top: calc( 133px - 50%);
	filter: blur(7px) grayscale(55%);
	-webkit-animation-name: MOVE-return;
	-webkit-animation-duration: 85s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes MOVE-BG {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(35%);
	}
}
@keyframes MOVE-return {
	from {
		-webkit-transform: translateY(calc( 133px - 50%));
	}
	to {
		-webkit-transform:translateY(calc( 50% - 133px));
	}


}
.slidelisttitle{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 30px;
	width: 172px;
	height: 37px;
	position: absolute;
	bottom: 25px;
	z-index: 2;
	color: #FFFFFF;
	line-height: 18px;
	text-shadow: 0 0 6px black;
}
.sliderrightbutton{
	height: 34px;
	width: 34px;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	top: calc(50% - 17px);
	right: 8px;
	background-image: url(../assets/sprites/nextandpreviousindicator.png);
	background-position: 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-box-shadow: 0 1px 17px -5px #ffffff;
	-moz-box-shadow: 0 1px 17px -5px #ffffff;
	box-shadow: 0 1px 17px -5px #ffffff;
}
.sliderrightbutton:hover {
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}
.sliderleftbutton{
	height: 34px;
	width: 34px;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	top: calc(50% - 17px);
	left: 8px;
	background-image: url(../assets/sprites/nextandpreviousindicator.png);
	background-position: 0 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-box-shadow: 0 1px 17px -5px #ffffff;
	-moz-box-shadow: 0 1px 17px -5px #ffffff;
	box-shadow: 0 1px 17px -5px #ffffff;
}

.sliderleftbutton:hover {
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}


/*new*/
.listviewul{
	margin: 5px;
}
.gridviewul{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.thegridviewouter {
	display: block;
	position: relative;
	float: left;
	margin: 0 15px 30px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.thegridviewouter:hover  .itemimagethumbnailsholder{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.thegridviewouter:hover  .bottomgridimageholder {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypeList::before {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypeSwiper::before {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypePoll::before {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypeVote::before {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypeRating::before {
	opacity: 0;
}
.thegridviewouter:hover  .gridviewcontenttypeBracket::before {
	opacity: 0;
}
.gridviewleft {
	float: left;
	position: relative;
	width: calc(100% - 20px);
	margin: 10px;
	height: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}
.gridviewcontenttypeList::before {
	content: 'List';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;

}
.gridviewcontenttypeSwiper::before {
	content:'Swiper';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;
}
.gridviewcontenttypePoll::before {
	content:'Poll';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;

}
.gridviewcontenttypeRating::before {
	content:'Rating';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;

}
.gridviewcontenttypeVote::before {
	content:'Vote';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;

}
.gridviewcontenttypeBracket::before {
	content:'Bracket';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	right: 5px;

}
.gridviewimageholder {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.gridviewimage {
	opacity: 0;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.bottomgridimageholder {
	position: absolute;
	z-index: 200;
	height: 76px;
	overflow: hidden;
	bottom: 78px;
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
	width: 100%;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.numberofitems{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
}
.gridviewranked {
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
}
.gridallouter{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.gridlikeicon {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	margin-top: -8px;
	background-image: url(https://www.ranx.com/assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 3px;
	padding-right: 0px;
}
.gridlikenumber {
	height: 20px;
	display: inline;
	float: left;
	padding-right: 10px;
	text-shadow: 0 0 2px black;
	margin-top: 2px;
}
.griddislikeicon {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	margin-top: -8px;
	background-image: url(https://www.ranx.com/assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 0px -12px;
	padding-left: 3px;
	padding-right: 0px;
}
.griddislikenumber {
	height: 20px;
	display: inline;
	float: left;
	padding-right: 10px;
	text-shadow: 0 0 2px black;
	margin-top: 2px;
}
.gridviewsicon {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	margin-left: 2px;
	margin-top: -8px;
	background-image: url(https://www.ranx.com/assets/nav/whiteiconset.png);
	background-size: 12px 72px;
	background-repeat: no-repeat;
	background-position: 0px -49px;
	padding-left: 3px;
	padding-right: 0px;
}
.gridviewsnumber {
	height: 20px;
	display: inline;
	float: left;
	padding-right: 3px;
	text-shadow: 0 0 2px black;
	margin-top: 2px;
}
.itemimagethumbnailsholder{
	display: block;
	position: absolute;
	width: calc(100% - 20px);
	padding: 0px 10px 0px 10px;
	height: calc(100% - 78px);
	top: 0px;
	left: 0px;
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	-ms-transition: -ms-transform .4s;
	-o-transition: -o-transform .4s;
	transition: transform .4s;
	-webkit-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-moz-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-ms-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-o-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	background-color: rgba(0, 0, 0, .6);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.itemimagethumbnail{
	position: relative;
	float: left;
	width: calc(50% - 20px);
	background-color: #FFFFFF;
	margin: 20px 10px 20px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	display: block;
}
.remainingitems{
	width: 80px;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 130%;
	text-align: center;
	color: #FFFFFF;
	height: 34px;
	margin-left: calc(50% - 40px);
}
.remainingitemswithitemimg{
	margin-top: 0;
}
.remainingitemswoitemimg{
	margin-top: 50%;
}
.gridinnertitle {
	display: -webkit-box;
	margin-bottom: 25px;
	position: relative;
	float: left;
	max-width: 100%;
	height: 48px;
	overflow: hidden;
	font-size: 16px;
	line-height: 150%;
	color: #666666;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	margin-top: 2px;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-box-pack: center;
	margin-bottom: 25px;
}
.titleimageholder {
	position: absolute;
	float: left;
	height: 35px;
	width: 100%;
	margin-left: 10px;
	overflow: hidden;
	word-wrap: break-word;
	display: block;
	bottom:0;
}
.gridviewchannelimage{
	position: relative;
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	overflow: hidden;
}
.listsfeedlistchannelnamegrid {
	padding: 7px 0px;
	margin-left: 10px;
	float: left;
	position: relative;
	display: block;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #999999;
}
.thelistviewouterdiv {
	height: 200px;
	width:100%;
	display: block;
	position: relative;
	clear: both;
	float: left;
	margin-bottom:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.thelistviewouterdiv:hover{
	background-color: #ffffff;
	-moz-box-shadow: 0 0 20px -10px #000000;
	-webkit-box-shadow: 0 0 20px -10px #000000;
	box-shadow: 0 0 20px -10px #000000;
}
.thelistviewouterdiv:hover .listviewitemimagethumbnailsholder {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.thelistviewouterdiv:hover .listviewcontenttypeList::before {
	opacity: 0;
}
.thelistviewouterdiv:hover .listviewcontenttypeSwiper::before {
	opacity: 0;
}
.thelistviewouterdiv:hover .listviewcontenttypeVote::before {
	opacity: 0;
}
.thelistviewouterdiv:hover .listviewcontenttypeRating::before {
	opacity: 0;
}
.thelistviewouterdiv:hover .listviewcontenttypePoll::before {
	opacity: 0;
}
.thelistviewouterdiv:hover .listviewcontenttypeBracket::before {
	opacity: 0;
}
.listviewleft{
	float: left;
	position: relative;
	width: calc(100% - 20px);
	height: 180px;
	margin: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}
.listviewcontenttypeList::before {
	content: 'List';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 140px;
}
.listviewcontenttypePoll::before {
	content: 'Poll';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 140px;
}
.listviewcontenttypeVote::before {
	content: 'Vote';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 135px;
}
.listviewcontenttypeSwiper::before {
	content: 'Swiper';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 122px;
}
.listviewcontenttypeRating::before {
	content: 'Rating';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 122px;
}
.listviewcontenttypeBracket::before {
	content: 'Bracket';
	display: block;
	position: absolute;
	z-index: 99;
	padding: 5px 8px;
	transform: skew(-8deg);
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	top: 5px;
	left: 122px;
}
.thelistviewimageholder{
	width: 180px;
	height:180px;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.listviewranked {
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	position: absolute;
	top: 135px;
	left: 190px;
	color: #444444;
	width: fit-content;
	clear: both;
}
.thelistallouter{
	position: absolute;
	float: left;
	top: 100px;
	left: 190px;
	width: fit-content;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	height: 20px;
}
.trendinglistsfeedlistlikeicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px 0px;
	background-size: 30px 252px ;
}
.trendinglistsfeedlistlikenumber	{
	float: left;
	margin-top: 5px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
	margin-left: 5px;
}
.trendinglistsfeedlistdislikeicon	{
	cursor: pointer;
	display: block;
	float: left;
	width: 17px;
	height: 18px;
	margin-top: 3px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -72px;
	margin-left: 5px;
	background-size: 30px 252px ;
}
.trendinglistsfeedlistdislikenumber	{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
.trendinglistsfeedlistviewicon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -198px;
	background-size: 30px 252px;
}
.trendinglistsfeedlistviewsnumber	{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
.trendinglistsfeedlistcommentsicon{
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	background-image: url(../assets/sprites/likedislikecommentviewicons.png);
	background-position: 0px -144px;
	background-size: 30px 252px ;
}
.trendinglistsfeedlistcommentsnumber{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
}
.listviewitemimagethumbnailsholder{
	display: block;
	position: absolute;
	width: 160px;
	height: 180px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0px 10px 0px 10px;
	top: 0px;
	left: 0px;
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	-ms-transition: -ms-transform .4s;
	-o-transition: -o-transform .4s;
	transition: transform .4s;
	-webkit-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-moz-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-ms-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	-o-transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	transition-timing-function: cubic-bezier(0.76, 0.01, 0.65, 1);
	background-color: rgba(0, 0, 0, .6);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.listinnertitle{
	position: absolute;
	float: left;
	top: 0;
	left: 190px;
	width: calc(100% - 190px);
	overflow: hidden;
	display: block;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	max-height: 46px;
	word-wrap: break-word;
	color: #555555;
	line-height: 26px;
	font-size: 24px;
	white-space: nowrap;
}
.listscreatedholder {
	display: none;
	float: left;
	text-decoration: none;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #444444;
	position: absolute;
	top: 75px;
	left: 190px;
	width: calc(100% - 180px);
}
.listviewdescription {
	display: none;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #666666;
	margin-top: 16px;
	line-height: 15px;
	height: 15px;
	white-space: nowrap;
	position: absolute;
	top: 148px;
	left: 190px;
	width: calc(100% - 190px);
}
.listtitleimageholder{
	position: absolute;
	float: left;
	top: 45px;
	left: 197px;
}
.thelistsfeedlistchannelnamelist{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #438BC5;
	margin-top: 4px;
	margin-left: 4px;
	display: block;
	float: left;
}
.thelistsfeedlistchannelnamelist:hover{
	text-decoration: underline;
}

/* Recover password Form */
#profilenotificationswrapper{
	display:block;
	position:relative;
	width:100%;
	z-index:10;
	margin-left:auto;
	margin-right:auto;
	background-color:#F2F2F2;
	clear: both;
}
.profilenotifications	{
	float:left;
	display:block;
	width:640px;
	height:65px;
	clear:both;
	white-space:nowrap;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#FFFFFF;
	-moz-box-shadow: 0 0 3px #666666;
	-webkit-box-shadow: 0 0 3px #666666;
	box-shadow: 0 0 3px #666666;
	border-radius: 3px;
	-webkit-border-radius:3px ;
	-moz-border-radius: 3px;
}
.profilenotifications:hover	{
	cursor:pointer;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #BBBBBB;
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #BBBBBB;
	background-color:#EFEFEF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E5E5E5), color-stop(95%, #FFFFFF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #FFFFFF 5%, #E5E5E5 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#FFFFFF', GradientType=0); /* IE 6-9 */
}
.profilenotifications:active	{
	border-left:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
	background-color:#CFCFCF; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CFCFCF), color-stop(95%, #CFCFCF)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #CFCFCF 5%, #CFCFCF 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#CFCFCF', GradientType=0); /* IE 6-9 */
}
.profilenotifications.normal	{
	cursor:pointer;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	white-space:nowrap;
	background-color:#DDDDDD; /* Old browsers */
	background-image: -moz-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Firefox 3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #DDDDDD), color-stop(95%, #DDDDDD)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Chrome 10+, Safari 5.1+ */
	background-image: -o-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* IE 10+ */
	background-image: linear-gradient(bottom, #DDDDDD 5%, #DDDDDD 50%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0)"; /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#DDDDDD', GradientType=0); /* IE 6-9 */
}
.profilenotificationslink{
	position:relative;
	display: block;
	height: 65px;
	float: left;
}
#profilepastactivitytitle	{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666666;
	margin-top:40px;
	margin-left:13px;
	height:26px;
	width:153px;
}
#profilenotificationscontent {
	display:block;
	position:relative;
	float:left;
	clear:both;
	width:100%;
}
#profilepastactivityoptionsholder	{
	display:block;
	position:relative;
	float:left;
	height:60px;
	margin-top:10px;
	width:103px;
}
.profilepastactivityoption	{
	display:block;
	position:relative;
	float:right;
	text-align:left;
	clear:both;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#438BC5;
	height:14px;
	width:80px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
}
.profilepastactivityoption:hover	{
	cursor:pointer;
	background-color:#D6E6F3;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px solid #72A8D3;
	border-bottom:1px solid #72A8D3;
	color:#438BC5;
}
.profilepastactivityoption:active	{
	cursor:pointer;
	background-color:#BDD7EC;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px solid #72A8D3;
	border-bottom:1px solid #72A8D3;
	color:#438BC5;
}
.profilepastactivityoptiontext {
	display: block;
	position: relative;
	float: left;
	margin-top: -2px;
}
.profilepastactivityoptionimage {
	display: block;
	position: relative;
	float: left;
	margin-top: -2px;
	margin-right: 8px;
}
.profilepastactivityfeednavup	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	top:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavup.png);
}
.profilepastactivityfeednavup:hover	{
	background: url(../assets/nav/listnavhoverup.png);
}
.profilepastactivityfeednavup:active	{
	background: url(../assets/nav/listnavactiveup.png);
}
.profilepastactivityfeednavdown	{
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:1;
	bottom:2px;
	left:280px;
	height:10px;
	width:11px;
	background: url(../assets/nav/listnavdown.png);
}
.profilepastactivityfeednavdown:hover	{
	background: url(../assets/nav/listnavhoverdown.png);
}
.profilepastactivityfeednavdown:active	{
	background: url(../assets/nav/listnavactivedown.png);
}
#profilenotificationsboxholder	{
	margin-left:10px;
	margin-top:10px;
	position:relative;
	float:left;
	border-top:1px solid #BBBBBB;
}
#profilenotificationsbox	{
	width:100%;
	overflow:hidden;
}
.profilerelatedprofilenotifications, .profilerecentlylikedlist, .profilerecentlylikedlistitem, .profilerecentlylikedlistsuggestion, .listrelatedprofilenotifications	{
	display: block;
	position: relative;
	float: left;
	width:640px;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #BBBBBB;
}

.profilerecentlyrankedtext, .profilerecentlylikedlisttext, .profilerecentlylikedlistitemtext, .profilerecentlylikedlistsuggestiontext, .profilerecentlynotificationstext {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #444444;
}
.profilerecentlyrankedtext span, .profilerecentlylikedlisttext span, .profilerecentlylikedlistitemtext span, .profilerecentlylikedlistsuggestiontext span, .profilerecentlynotificationstext span {
	color: #999;
}

.notificationsprofilechannelname{
	position: absolute;
	z-index: 1;
	right: 78px;
}


.profilenotificationschannelname{
	position:relative;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:5px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#438BC5;
}

#profilepastactivitychannelnamescroll	{
	position:relative;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:5px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#438BC5;
	max-width: 130px;
}

.profilenotificationsimagetoprow	{
	position:relative;
	display:block;
	float:left;
}
.profilenotificationsimagebottomrow	{
	position:relative;
	display:block;
	float:left;
	clear:both;
}
.profilenoticationslistimage1	{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:28px;
	height:28px;
}
.profilenotificationslistimage2	{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:0px;
	width:28px;
	height:28px;
}
.profilenotificationslistimage3	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:5px;
	width:28px;
	height:28px;
}
.profilenotificationslistimage4	{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:0px;
	width:28px;
	height:28px;
}

.profilepastactivitylistimage{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:60px;
	height:55px;
}
.profilenotificationslistsfeedimagelong	{
	position: relative;
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	overflow: hidden;
	width: 28px;
}
.profilenotificationslistsfeedimagelongright	{
	position: relative;
	display: block;
	float: left;
	margin-top: 5px;
	overflow: hidden;
	width: 28px;
}

.profilenotificationslistsfeedlistlongimage {
	height: 56px;
	width: 56px;
	margin-left: -16px;
}

.profilenotificationslistsfeedlistrightimage2 {
	height:28px;
	width:28px;
}
.profilenotificationslistsfeedlistrightimage3 {
	height:28px;
	width:28px;
}
.profilenotificationslistsfeedimagerightrow	{
	position:relative;
	display:inline-grid;
	text-align: center;
	margin-top: 5px;
}
.profilenotificationslisttoprow	{
	position:relative;
	display:block;
	float:left;
	width:570px;
}
.profilepastactivitylisttoprowsubscribes	{
	position:relative;
	display:block;
	float:left;
	width:550px;
}

.profilepastactivitylisttitletext	{
	position:relative;
	display:block;
	float:left;
	margin-top:6px;
	margin-left:5px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	height:14px;
	color:#666666;
	overflow:hidden;
	text-overflow: ellipsis;
}
.profilepastactivitylistchannelnameforsubscribes{
	position:relative;
	display:block;
	float:left;
	margin-top:6px;
	margin-left:10px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #438BC5;
}

.profilenotificationslisttimeago {
	position:relative;
	display:block;
	float:right;
	margin-top:7px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilenotificationstimeagoseparator	{
	float:right;
	margin-top:5px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}
.profilepastactivitylistchannelname	{
	position:relative;
	display:block;
	float:right;
	margin-top:7px;
	margin-left:1px;
	margin-right:2px;
	text-decoration:none;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#438BC5;
}
.profilepastactivitylistchannelname:hover	{
	text-decoration:underline;
}
.profilepastactivitylistchannelname:active	{
	text-decoration:underline;
}
.profilenotificationslistinfo	{
	position:relative;
	display:block;
	float:left;
	width:552px;
	margin-top:6px;
	margin-left:5px;
}
.profilenotificationslistlikeandislike	{
	display:block;
	float:left;
}
.profilenotificationsseparator	{
	float:left;
	margin-top:2px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666666;
}
.profilenotificationslistlikeicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-left:2px;
	margin-top:0px;
	background-image:url(../assets/nav/thumbsup.png);
	background-size: 12px 12px;
	background-position:top left;
	background-repeat:no-repeat;
}
.profilenotificationslistlikenumber	{
	float:left;
	margin-top:2px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilenotificationslistdislikeicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-left:3px;
	margin-top:2px;
	background-image:url(../assets/nav/thumbsdown.png);
	background-size: 12px 12px;
	background-position:top left;
	background-repeat:no-repeat;
}
.profilenotificationslistdislikenumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilenotificationslistviews	{
	display:block;
	float:left;
}
.profilenotificationslistviewsnumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilenotificationslistcommentsnumber	{
	float:left;
	margin-top:2px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilenotificationslistcommentsicon	{
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin-left:2px;
	margin-right:1px;
	margin-top:0px;
	background-image:url(../assets/nav/comment.png);
	background-size: 12px 12px;
	background-position:top left;
	background-repeat:no-repeat;
}
.profilenotificationslistnumberofpeopleranked	{
	display:block;
	float:left;
	margin-left:1px;
	margin-top:2px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilepastactivitysubscribedpeoplerank	{
	display:block;
	float:left;
	margin-left:6px;
	margin-top:8px;
	margin-right:1px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666666;
}
.profilepastactivitytext{
	color: #A24242;
}
.profilepastactivitytext:hover{
	text-decoration: underline;
}
.profilenotificationslistdescription	{
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	text-overflow: ellipsis;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	color:#666666;
	width:569px;
	margin-top:9px;
	margin-left:5px;
}
.notificationuserthumbnail{
	height: 30px;
	width: 30px;
	float: left;
}
.notificationtextcontainer{
	float: left;
	display: table;
	position: relative;
	height: 30px;
	width: 600px;
}
.notificationtext{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	line-height: 16px;
	height: auto;
	padding-left: 5px;
	width: 600px;
	max-width:600px;
	text-align: justify;
}
.inline-word-wrap{
	word-break: break-all;
}
#profilenotificationsloadmoreholder	{
	position:relative;
	display:block;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:260px;
	width:142px;
	height:24px;
	border:1px solid #666666;
	-moz-border-radius:0.35em;
	-webkit-border-radius:0.35em;
	border-radius:0.35em;
}
.newnNotificationslist{
	position: relative;
	float: left;
	width: calc(100% - 10px);
	margin: 0px 5px;
	margin-bottom: 200px;
}
.newnNotificationslist_item{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.newnNotificationslist_itemsingle{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.newnNotificationslist_iteminner{
	display: -webkit-box;
	position: relative;
	float: left;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	font-weight: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newnNotificationslist_iteminner a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.newnNotificationslist_iteminner a:hover{
	text-decoration: underline;
}
.newnNotificationslist_item_timeago{
	position: relative;
	float: right;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
.newMiniContentCard{
	cursor: pointer;
	position: relative;
	float: left;
	padding: 5px;
	width: calc(100% - 10px);
	max-width: 340px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.newMiniContentCard_image{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.newMiniContentCard_content{
	position: relative;
	float: left;
	width: calc(100% - 85px);
	margin-left: 5px;
}
.newMiniContentCard_contentName{
	display: -webkit-box;
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newMiniContentCard_date, .newMiniContentCard_views{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #999999;
	font-size: 12px;
	margin-top: 5px;
}
.newMiniChannelCard{
	cursor: pointer;
	position: relative;
	float: left;
	padding: 5px;
	width: calc(100% - 10px);
	max-width: 340px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.newMiniChannelCard_image{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.newMiniChannelCard_content{
	position: relative;
	float: left;
	width: calc(100% - 85px);
	margin-left: 5px;
}
.newMiniChannelCard_contentName{
	display: -webkit-box;
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newMiniChannelCard_Subscribed{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #999999;
	font-size: 12px;
	margin-top: 5px;
}
.newMiniChannelCard_description{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #999999;
	font-size: 12px;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newMiniContentCard_likedislikeview{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5px;
}
.newMiniContentCard_likeholder{
	position: relative;
	float: left;
	margin-left: 17px;
}
.newMiniContentCard_dislikeholder{
	position: relative;
	float: left;
	margin-left: 20px;
}
.nnewMiniContentCard_viewholder{
	position: relative;
	float: left;
	margin-left: 20px;
}
.newMiniContentCard_likenumber, .newMiniContentCard_dislikenumber, .newMiniContentCard_viewnumber{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}
.newMiniContentCard_likenumber:before{
	content: '';
	position: absolute;
	top: 0px;
	left: -17px;
	width: 12px;
	height: 12px;
	background-image: url(../assets/sprites/newlikedislikeviewiconsdark.png);
	background-size: 12px 36px;
	background-position: 0px 0px;
}
.newMiniContentCard_dislikenumber:before{
	content: '';
	position: absolute;
	top: 0px;
	left: -17px;
	width: 12px;
	height: 12px;
	background-image: url(../assets/sprites/newlikedislikeviewiconsdark.png);
	background-size: 12px 36px;
	background-position: 0px -12px;
}
.newMiniContentCard_viewnumber:before{
	content: '';
	position: absolute;
	top: 0px;
	left: -17px;
	width: 12px;
	height: 12px;
	background-image: url(../assets/sprites/newlikedislikeviewiconsdark.png);
	background-size: 12px 36px;
	background-position: 0px -24px;
}

.hyphenopoly-profile-tab-notification{
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

li{
	list-style: none;
}
.newprofilecontentholder{
	position: relative;
	float: left;
	width: calc(100% - 341px);
	padding: 0 10px;
}
.newprofilecontentholderrelated{
	position: relative;
	float: left;
	top: 0;
	right: 0;
	width: 300px;
	padding: 0 10px;
	border-left: 1px solid #dddddd;
	overflow: hidden;
	background: #F6F6F6;

}
.newprofilenavtabholder{
	position: relative;
	float: left;
	width: 100%;
	height: 44px;
	overflow: hidden;
}
.newprofilenavtab{
	display: none;
	cursor: pointer;
	position: relative;
	width: 115px;
	float: left;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 14px;
	color: #444444;
	font-weight: bold;
	padding: 10px 0;
	margin: 5px;
	background-color: var(--light_btn_color);
	transition: var(--btn_bgcolor_animation);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.newprofilenavtab:hover{
	background-color: var(--light_btn_hover_color);
}
.newprofilenavtab:active{
	background-color: var(--light_btn_active_color);
}


.newprofiletabcontentholder{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.newprofiletabcontentContent,.newprofiletabcontentActivity, .newprofiletabcontentDiscussion, .newprofiletabcontentSubscribers, .newprofiletabcontentSubscriptions, .newprofiletabcontentNotification, .newprofiletabcontentMessage, .newprofiletabcontentAbout{
	display: none;
	position: relative;
	float: left;
	width: 100%;
}
.newprofiletabcontentheader{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	padding-bottom: 2px;
	border-bottom: 1px solid #DDDDDD;
}
.newprofiletabcontentheadertext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 12px 0px;
	color: #444444;
}
.newprofiletabcontentheadericons{
	position: relative;
	float: right;
	border-radius: 3px;
	overflow: hidden;
}
.newprofiletabcontentheaderswitchbutton{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url(../assets/spritesv2/index.png); background-size: 320px 800px;
	transition: var(--btn_bgcolor_animation);
	border-radius: 5px;
}
.newprofiletabcontentheaderswitchbutton:hover{
	background-color: var(--light_btn_hover_color);
}
.newprofiletabcontentheaderswitchbutton:active{
	background-color: var(--light_btn_active_color);
}

.newprofiletabcontentheaderlatesttview{
	background-position: -40px -200px;
}
.newprofiletabcontentheaderpopulartview{
	background-position: -40px -240px
}
.newprofiletabcontentheaderprivateview{
	background-position: -40px -280px
}
.newprofiletabcontentheaderpubliceview{
	background-position: -40px -320px
}
.newprofiletabcontentheaderlistview{
	background-position: -40px -160px
}
.newprofiletabcontentheadergridview{
	background-position: -40px -120px
}
.newprofiletabcontentbody{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 100%;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}
.profilelistsfeedboxholder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.newprofileloadinggif{
	display: none;
	position: relative;
	margin: 0px auto;
	width: 200px;
	height: 200px;
	background-image: url(../assets/sprites/loader.gif);
	background-position: 0 0;
}
.discussions_loading_gif{
	display: none;
	position: relative;
	margin: 0px auto;
	width: 200px;
	height: 200px;
	background-image: url(../assets/sprites/loader.gif);
	background-position: 0 0;
}
.newprofilenavtabmore{
	position: relative;
	float: left;
	width: 37px;
	height: 37px;
	cursor: pointer;
	margin: 5px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -400px;
	background-color: var(--light_btn_color);
	transition: var(--btn_bgcolor_animation);
	border-radius: 3px;
}
newprofilenavtabmore:hover{
	background-color: var(--light_btn_hover_color);
}
newprofilenavtabmore:active{
	background-color: var(--light_btn_active_color);
}

.profilerecentpublicactivity, #public_activity{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0;
}

.profileTabDropdown{
	display: none;
	position: relative;
	float: right;
	width: 115px;
	margin-top: 15px;
	z-index: 2;
	background-color: #e5e5e5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.profileTabDropdown .newprofilenavtab{
	margin: unset;
}
.newprofilenavtabSelected{
	color: #FFFFFF;
	background-color: #A24242;
}
.newprofilenavtabSelected:hover{
	color: #FFFFFF;
	background-color: #A24242;
}
#newprofilenavtabholderforMobile .newprofilenavtab{
	opacity: 1;
	display: inline-block;
	float: none;
	min-width: 115px;
}
#newprofilenavtabholderforMobile{
	display: flex;
	white-space: nowrap;
	overflow-x: auto;

}
#newprofilenavtabholderforMobile .newprofilenavtabmore{
	display: none;
}
#newprofilenavtabholderforMobile::-webkit-scrollbar {
	display: none;
}
.newprofilenavleftarrow{
	display: none;
	position: absolute;
	width: 40px;
	height: 34px;
	top: 6px;
	left: -5px;
	background-image: -moz-linear-gradient(0deg, #bbbbbb 0%, #ffffff00 100%);
	background-image: -webkit-linear-gradient(0deg, #bbbbbb 0%, #ffffff00 100%);
	background-image: -ms-linear-gradient(0deg, #bbbbbb 0%, #ffffff00 100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.newprofilenavrightarrow{
	position: absolute;
	width: 40px;
	height: 34px;
	top: 6px;
	right: -5px;
	background-image: -moz-linear-gradient(0deg, #ffffff00 0%, #bbbbbb 100%);
	background-image: -webkit-linear-gradient(0deg, #ffffff00 0%, #bbbbbb 100%);
	background-image: -ms-linear-gradient(0deg, #ffffff00 0%, #bbbbbb 100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.newprofilecontentchannelcontainer{
	position: relative;
	float: left;
	width: 100%;
}
.newprofilecontentchanneltitle{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	margin: 18px 0px;
}
.newprofilecontentchannelholder{
	position: relative;
	float: left;
	width: 100%;
}
.newprofilecontentchannelbox{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: 80px;
	padding: 10px;
	display: flex;
	gap: 10px;
	background-color: #FFF;
	border-radius: 10px;
	margin-top: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	transition: box-shadow .3s;
}
.newprofilecontentchannelbox:hover{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.newprofilecontentchannelbox:nth-child(1){
	margin-top: 0px;
}
.newprofilecontentchannelimage{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.newprofilecontentchannelnameandbuttonholder{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;

}
#channelnametextscrollid{
	position: relative;
	float: left;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
	width: calc(100% - 10px);
	max-width: 188px;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
.newprofilecontentchannelname{
	position: relative;
	float: left;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
	width: 100%;
	max-width: 188px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.followunfollowbtntxtholder{

}
.newprofilecontentchannelsubscribe{
	position: relative;
	float: left;
	margin-top: 10px;
}

.newprofilecontentholderrelatedFixed{
	position: fixed!important;
	top: unset!important;
	bottom: 0px !important;
	right: 15px;
}
.newprofilecontentholderrelatedFixedopen{
	position: fixed!important;
	top: unset!important;
	bottom: 0px !important;
	right: 15px;
}

#profilemessage_headerimage{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#blockicon{
	position: relative;
	float: right;
}

#searched_users{
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	overflow: hidden;
}

#users_list{
	width: 100%;
	height: auto;
}

#users{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding: 0 10px;
	padding-right: 40px;
	background-color: #ffffff;
	color: #444444;
	margin-top: 5px;
}
#users::placeholder{
	color: #999;
}
.searchuserlist{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: 50px;
	padding: 0 10px;
	display: grid;
	gap: 10px;
	grid-template-columns: 30px 1fr;
	align-items: center;
	transition: .3s;
	cursor: pointer;
}
.searchuserlist:hover{
	background-color: #F6F6F6;
}

.searchuserimage{
	position: relative;
	width: 100%;
	height: 30px;
	border-radius: 50%;
	float: left;

}

.searchusernamebox{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.searchusername{
	position: relative;
	float: left;
	max-width: 100%;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#profilemessage_container{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30% 1fr;
	gap: 10px;
	border-radius: 10px;
	overflow: hidden;
}

#conversationcontainer{
	position: relative;
	float: left;
	width: 100%;
	height: 550px;
	/* border-radius: 5px; */
	overflow: hidden;
	background-color: #FFF;
	/* border-radius: 10px; */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-right: 1px solid #e5e5e5;
}
.conversationcontainerexpande{
	z-index: 2;
	background-color: #FFF;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.singleconversation{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	background-color: #dddddd;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color .3s;
}


.singleconversation:hover{
	background-color: #cfcfcf;
}

.active_conversation{
	background-color: #A24242;
	color: #FFFFFF!important;
}
.active_conversation:hover{
	background-color: #A24242;
}


.conversationlistholder{
	position: relative;
	float: left;
	height: 490px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 1px solid #E5E5E5;
}
#conversationlist{
	position: relative;
	float: left;
	width: calc(100% - 10px);
	display: flex !important;
	flex-direction: column;
	gap: 5px;
	padding: 5px;
}
.singleconversationcontainer{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: 50px;
	padding: 0 10px;
	display: grid;
	gap: 10px;
	grid-template-columns: 30px 1fr;
	align-items: center;
}

.converserprofileimage{
	position: relative;
	width: 100%;
	height: 30px;
	border-radius: 50%;
	float: left;
}


.conversationcontent{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
}

.conversationhead{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}

.conversername{
	position: relative;
	float: left;
	max-width: calc(100% - 35px);
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.conversertimeago{
	position: relative;
	float: right;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.conversationmessage{
	display: -webkit-box;
	position: relative;
	float: left;
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 12px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.loadmoreholder{
	cursor: pointer;
}

.loadmore{
	cursor: pointer;
	position: absolute;
	top: 25px;
	z-index: 99;
	left: calc(50% - 13px);
	display: block;
	width: 26px;
	height: 26px;
	font-weight: bold;
	border-radius: 50%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #444444;
	background-color: #ffffff;
	padding: 2px;
	box-shadow: 0 3px 10px -6px black;
}
.loadmore:hover{
	box-shadow: 0 3px 10px -5px black;
}
.loadmore:active{
	box-shadow: none;
}

#loadconversationholder{
	margin-left: 40px;
}

.messageflagicon{
	position: relative;
	float: left;
	width: 14px;
	height: 14px;
	background-image: url("../assets/sprites/usermessageflaganddeleteicons.png");
	background-size: 14px 28px;
	background-position: 0 0;
}
.receiver_message_delete_icon, .usermessage_delete_icon{
	position: relative;
	float: left;
	width: 14px;
	height: 14px;
	background-image: url("../assets/sprites/usermessageflaganddeleteicons.png");
	background-size: 14px 28px;
	background-position: 0 -14px;
}

.heading_container{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 0 10px;
	height: 50px;
	box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 10px;
}
.profilemessage_headerimageholder{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.heading_holder h2{
	padding-top: 3px;
	text-align: center;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
	color: #888888;
	font-size: 20px;
}

#receiver_heading{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
}

#messageSection{
	position: relative;
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	height: 550px;
	border-radius: 5px;
	overflow: hidden;
}

#loadmessagesholder{
	z-index: 100;
}
.conversation_body{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: calc(100% - 61px);
	padding: 10px;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;
}
.nomessage{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 50px;
}
.profilemessagelist_containerbox_outer{
	width: 100%;
	margin-top: -5px;
}

.jScrollPaneConversationOuter{
	width: 100%;
	height: 405px;
}


#messageContainer{
	position: relative;
	width: 100%;
	height: 350px;
	clear: both;
}



#messageListContainer{
	position: relative;
	height: calc(100% - 10px);
	width: 100%;
	overflow: auto;

}
.messagesSectionLoadingDiv{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #f6f6f6;
	z-index: 10;
}
.messagesSectionLoadingGIF{
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	margin-left:calc(50% - 100px);
	margin-top: calc(50% - 100px);
	background-image: url("../assets/sprites/loadagain.gif");
	background-position: 0 0;
}

.usermessageholder{
	position: relative;
	float: left;
	width: 100%;
}


.declined_request{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	text-align: center;
	margin: 10px 0;
}

.usermessagehead{
	position: absolute;
	left: 45px;
	bottom: 11px;
}
.popup-box, .mute-popup-box{
	position: absolute;
	z-index: 2;
	top: 61px;
	left: 0;
	width: 100%;
	height: calc(100% - 61px);
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;
}
.popup-box-inner, .mute-popup-box-inner{
	position: relative;
	float: left;
	padding: 20px;
	background: #000000b3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 13px -9px black;
	-webkit-box-shadow: 0 2px 13px -9px black;
	-moz-box-shadow: 0 2px 13px -9px black;
}
.popup-msg p, .mute-popup-msg p{
	position: relative;
	float: left;
	width: 100%;
	max-width: 250px;
	min-width: 230px;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
}
.popup-btns, .mute-popup-btns{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 12px;
	text-align: center;
}
.bloackedmessgae{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	text-align: center;
	margin: 10px 0;
}
.messageunblockbtn{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 120px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	background-color: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.msgblockbtn1, .msgmute-btn1{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 100px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	background-color: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.msgblockbtn2, .msgmute-btn2{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 100px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	background-color: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.usermessagehead .options {
	display: none;
	position: absolute;
	left: 20px;
	width: 80px;
	background-color: #FFFFFF;
	border: 1px solid #cfcfcf;
	top: -12px;
	border-radius: 5px;
	box-shadow: 0px 2px 10px -5px #000000;
	overflow: hidden;
	z-index: 9;
}

.cancel_request{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 120px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	background-color: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.conversation_body_inner{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.request_again{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 120px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
	background-color: #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.usermessagetailtext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	text-align: center;
	margin: 10px 0;
}

.accept_request{
	min-width: 130px;
	cursor: pointer;
	display: flex;
	width: 80px;
	height: 40px;
	color: #FFFFFF;
	background-color: var(--dark_btn_color);
	border-radius: 5px;
	transition: var(--btn_bgcolor_animation);
	align-items: center;
	justify-content: center;
}
.accept_request:hover{
	background-color: var(--dark_btn_hover_color);
}
.decline_request{
	min-width: 130px;
	cursor: pointer;
	display: flex;
	width: 80px;
	height: 40px;
	color: #FFFFFF;
	background-color: var(--dark_btn_color);
	border-radius: 5px;
	transition: var(--btn_bgcolor_animation);
	align-items: center;
	justify-content: center;
}
.decline_request:hover{
	background-color: var(--dark_btn_hover_color);
}

.usermessagetimeago{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #666666;
}

.usermessagedelete{
	float: right;
	padding-right: 10px;
	cursor: pointer;
}

.usermessagecontent{
	position: relative;
	float: left;
	max-width: calc(100% - 40px);
	display: flex;
	gap: 5px;
	align-items: flex-start;
	flex-direction: row;
}

.usersmessage{
	position: relative;
	float: left;
	min-width: 115px;
	font-size: 14px;
	color: #444444;
	font-family: 'Roboto', sans-serif;
	line-height: 120%;
	white-space: pre-line;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	background-color: #f9f9f9;
	box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;
	border-radius: 5px;
}

.toggle_message_list{
	border-radius: 50%;
	display: none;
	background-image: url(../assets/nav/backbutton.png);
	background-repeat: no-repeat;
	background-position: -5px -2px;
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 20px;
}

.usermessageprofileimage{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


.receivermessageholder{
	position: relative;
	float: left;
	width: 100%;
}

.receivermessagehead{
	position: absolute;
	right: 45px;
	bottom: 11px;
	float: left;
}



.message_customization_optioin{
	position: relative;
	float: left;
	width: 12px;
	height: 9px;
	background-image: url("../assets/sprites/moreoption.png");
	background-position: 0 0;
	cursor: pointer;
}

.receivermessagehead .options{
	display: none;
	position: absolute;
	right: 20px;
	width: 150px;
	background-color: #FFFFFF;
	border: 1px solid #eeeeee;
	top: -12px;
	border-radius: 5px;
	box-shadow: 0px 2px 10px -7px #000000;
	/*overflow: hidden;*/
	z-index: 9;
}


.flag_pointer {
	display: none;
	position: absolute;
	margin: 30px 0px 0px -31px;
}

.receivermessagetimeago{
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #666666;
}

.receiver_message_tail{
	position: relative;
	float: right;
	margin-right: 60px;
	margin-top: 5px;
}

.delete_pointer {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: #191616;
	box-shadow: 0px 8px 9px -8px #000000;
	margin: 17px 0px 0px 8px;
	font-size: 8px;
}

.usermessage_delete{
	color: #444444;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}
.usermessage_delete:hover{
	text-decoration: underline;
}

@-moz-document url-prefix() {
	.delete_pointer	{
		box-shadow: 0px 8px 5px -8px #000000;
	}
}

.messageseenwraper{
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	flex-direction: row-reverse;
}

.online_status{
	display: none;
	margin-left: -5px;
	margin-top: -1px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: green;
	color: #ffffff;
	border: 2px solid #f6f6f6;
	z-index: 8;
	text-align: center;
}

.online{
	display: block;
	margin-left: -5px;
	margin-top: -1px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: green;
	color: #ffffff;
	border: 2px solid #f6f6f6;
	z-index: 8;
	text-align: center;
}

.offline{
	display: none;
	margin-left: -5px;
	margin-top: -1px;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: green;
	color: #ffffff;
	border: 2px solid #f6f6f6;
	z-index: 8;
	text-align: center;
}



.unseen_icon{
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-color: #888;
	border-radius: 50%;
	background-position: -80px -280px;
}

.seen_icon{
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-color: #2bc48b;
	border-radius: 50%;
	background-position: -80px -280px;
}

.failed_icon{
	position: relative;
	float: left;
	width: 10px;
	height: 10px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-color: #cb2028;
	border-radius: 50%;
	background-position: -80px -290px;
}

.receivermessagecontent{
	position: relative;
	float: left;
	max-width: calc(100% - 100px);
	display: flex;
	gap: 5px;
	align-items: flex-start;
	flex-direction: row-reverse;
}

.receivermessageprofileimage{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.receiveermessagetail{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	margin-top: 20px;
	justify-content: space-evenly;
}


.receiversmessage{
	position: relative;
	text-align: right;
	float: left;
	min-width: 115px;
	font-size: 14px;
	color: #444444;
	line-height: 120%;
	font-family: 'Roboto', sans-serif;
	white-space: pre-line;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-top: 5px;
	background-color: #E5E5E5;
	box-shadow: rgb(0 0 0 / 20%) 0px 1px 2px 0px;
	border-radius: 5px;
}

#search{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row-reverse;
}
.conversationlistsearchicon{
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 1;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/common.png);
	background-size: 360px 800px;
	background-position: 0 -240px;
	cursor: pointer;
}

#sendmessageholder{
	position: relative;
	float: left;
	width: 100%;
	box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px;
}

.sendconversationrequestholder{

}
.sendmessagehead{
	display: none;
	float: left;
	width: 100%;
	height: 12px;
	margin-bottom: 3px;
}

.sendmessageusername{
	float: left;
	font-size: 12px;
	color: #990000;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.sendmessagecontent{
	float: left;
	width: 100%;
	min-height: 30px;
}

.sendmessageprofileimage{
	display: none;
	float: left;
	height: 34px;
	width: 34px;
	border-radius: 50%;
}
form.sendmessage{
	position: relative;
	float: left;
	width: 100%;
}

.sendmessagetextholder{
	position: relative;
	float: left;
	width: 100%;
}

.sendmessagefeedback{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 0 10px;
	height: 50px;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 10px;
	justify-content: space-between;
}
#profilemessageheading_containeroptionholder{
	position: relative;
	float: left;
	margin-left: auto;
	cursor: pointer;
}

.profilemessageheading_containeroption{
	cursor: pointer;
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background-image: url("../assets/spritesv2/index.png");
	background-size: 320px 800px;
	background-position: -20px -520px;
}
.messagelist{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.profilemessageheading_containeroptionlist{
	position: absolute;
	display: none;
	right: 10px;
	top: 40px;
	width: 180px;
	background-color: #ffffff;
	border-radius: 5px;
	z-index: 101;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.profilemessageheading_containeroptionlisttopic{
	cursor: pointer;
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}
.profilemessageheading_containeroptionlisttopic:hover{
	background-color: #eeeeee;
}

.sendmessagetext{
	position: relative;
	float: left;
	width: calc(100% - 30px);
	height: 50px;
	margin: 0 5px;
	padding: 10px!important;
	margin-top: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #bbbbbb;
	line-height: 25px;
	overflow: auto;
	white-space: pre-wrap;
	background-color: #f1f1f1;
	box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px -4px inset;
	border-radius: 10px;
	transition: box-shadow .3s;
}
.sendmessagetext:focus{
	box-shadow: rgb(0 0 0 / 15%) 0px 1px 12px -6px inset;
}

#messageSection .editor{
	position: absolute;
	bottom: -30px;
	right: 60px;
	top: unset;
	width: 135px;
	height: 30px;
}
#messageSection .editor-icons-container{
	background-color: transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#messageSection .editor-icons .boldbtn, #messageSection .editor-icons .italicbtn, #messageSection .editor-icons .underlinebtn, #messageSection .editor-icons .dropdown-for-emoji{
	border-radius: 50%;
	transition: background-color .5s;
}
#messageSection .editor-icons .boldbtn:hover, #messageSection .editor-icons .italicbtn:hover, #messageSection .editor-icons .underlinebtn:hover, #messageSection .editor-icons .dropdown-for-emoji:hover{
	background-color: #E5E5E5;
}



.profilemessagesenderprofileimage{
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: 2px 0 0 2px;
}

.sendmessagecharactersremaining{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #666666;
}

.sendmessagebuttonholder{
	position: relative;
	float: left;
}

.sendmessagebutton{
	position: relative;
	float: left;
	width: 80px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	background-color: #A24242;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
}
.sendmessagebutton:hover{
	background-color: #a84646;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

#invite_conversation{
	height: 45px;
	padding: 10px;
	border: 1px solid lightgray;
	border-radius: 10px;
	background-color: lightsteelblue;
	cursor: pointer;
	font-size: 18px;
	margin-top: 22px;
	margin-left: 80px;
}

#sendconversationrequest{
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 184px;
	margin: 0 20px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px 0;
	background-color: #a24242;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.receivermessagebox{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

#sentconversationrequest span{
	font-size: 18px;
}


.messageflagwraper, .receiver_message_delete, .usermessage_delete	{
	position: relative;
	float: left;
	width: 65px;
	padding: 8px 5px;
	cursor:pointer;
}
.messageflagwraper:hover, .receiver_message_delete:hover, .usermessage_delete:hover	{
	background-color: #EEEEEE;
}
.messageflagtext, .receiver_message_delete_text, .usermessage_delete_Text	{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
	margin-left: 5px;
}

.messageflag	{
	display:block;
	float:left;
	margin-top:-1px;
	margin-right:2px;
	width:12px;
	height:12px;
	background-image:url(../assets/nav/flag.png);
	background-size: 12px 12px;
	background-position:top left;
	background-repeat:no-repeat;
}

.messageflag.normal	{
	display:block;
	float:left;
	margin-top:-1px;
	margin-right:2px;
	width:12px;
	height:12px;
	background-image:url(../assets/nav/flag.png);
	background-size: 12px 12px;
	background-position:top left;
	background-repeat:no-repeat;
}

.messageflag.hover	{
	background-image:url(../assets/nav/flaghover.png);
}

.messageflag.active	{
	background-image:url(../assets/nav/flagactive.png);
}


.messageflags{
	display: none;
	position: absolute;
	float: left;
	z-index: 9999;
	margin-top: 28px;
	margin-left: -100px;
	border: 1px solid #888888;
	background-color: #ffffff;
	-moz-border-radius: 0.40em;
	-webkit-border-radius: 0.40em;
	border-radius: 0.40em;
	-moz-border-radius: 0.40em;
	-webkit-border-radius: 0.40em;
	border-radius: 0.40em;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .45);
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .45);
	white-space: nowrap;
	/*overflow: hidden;*/
}

.message_flagasoptionswrapper{
	display:block;
	position:relative;
	clear:both;
	height:14px;
	overflow:hidden;
	margin:5px 5px 5px 10px;
}

#messageflag_report{
	margin-top: -1px;
	margin-right: 15px;
	background-color: #5dabf9;
	padding: 4px;
	border-radius: 1.25em;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	color: #ffffff;
}

#messageflag_report:hover{
	background-color: #7abafa;
}

.messageflagdescription	{
	display:block;
	position:relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#222222;
	margin:10px 5px 5px 10px;
}
.usermessageuserexpand{
	display: none;
}
.usermessagetail{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}




.rotationerrormsgpointer {
	margin-left: 97px;
	margin-bottom: -1px;
	display: block;
}
.rotationerrormsg {
	padding: 5px;
	background-color: #FFFFFF;
	text-align: center;
	width: 108px;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #CC0000;
	border: 1px solid #111111;
	-moz-border-radius: 0.30em;
	-webkit-border-radius: 0.30em;
	border-radius: 0.30em;
}

.rotationerrorholder {
	white-space: normal;
	z-index: 100;
	position: absolute;
	right: 111px;
	top: 22px;
	display: none;
}

#coverimageuploadpopupuprotateimage:hover .rotationerrorholder {
	display: block;
}

.usermessagebox{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

/*Scrollbar*/

/* width */
#profilemessage_container ::-webkit-scrollbar {
	scrollbar-width: thin;
	width: 8px;
	height: 8px;
}
/* Track */
#profilemessage_container ::-webkit-scrollbar-track {
	background: #c4c4c4;
}
/* Handle */
#profilemessage_container ::-webkit-scrollbar-thumb {
	background: #888;
}
#profilemessage_container ::-webkit-scrollbar-corner {
	background-color: #c4c4c4;
}
/* Handle on hover */
#profilemessage_container ::-webkit-scrollbar-thumb:hover {
	background: #555;
}







#sendmessagetextholder .editoricons .documentexec-selected{
	background-color: #bbbbbb;
	font-weight: bold;
	border-radius: 50%;
}







.msgloader{
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background-image: url("/assets/spritesv2/gif/loadermini.gif");
	background-position: 0 0;
}

/*[contentEditable=true]:empty:not(:focus):before{*/
/*    content:attr(data-ph)*/
/*}*/


.profilesubscribeunsubscribesboxholder{
	width: 100%;
	position: relative;
	float: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.subscribeunsubscribecahnnelholder{
	position: relative;
	float: left;
	width: calc(100% - 10px);
	padding: 5px;
}
.subscribeunsubscribecahnnelview{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 3px;
}
.subscribeunsubscribecahnnelimage{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.subscribeunsubscribecahnnelnameholder{
	position: relative;
	float: left;
	width: calc(100% - 110px);
	margin-left: 10px;
}
.channelnameverifiediconholder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.subscribeunsubscribecahnnelname{
	position: relative;
	float: left;
	max-width: calc(100% - 24px);
	margin-top: 16px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.subscribeunsubscribecahnnelname:hover{
	text-decoration: underline;
	text-overflow: unset;
}
.subscribeunsubscribecahnneldescription{
	display: -webkit-box;
	position: relative;
	float: left;
	margin-top: 50px;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-size: 11px;
	color: #999999;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	width: 100%;
}
.subscriptionsbuttonholder{
	position: absolute;
	left: 125px;
	top: calc(50% - 10px);
}
.emptyresultsholder{
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 90px;
	/*display: block;*/
	/*margin-left: auto;*/
	position: relative;
	/*margin-right: auto;*/
	text-align: center;
	/*margin-top: 150px;*/
	font-size: 13px;
	font-family: Roboto, sans-serif;
	color: #666666;
}
/*Extra*/
.profiletabfollowunfollwbuttonstyle {
	position: relative;
	float: left;
	padding: 0 10px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: var(--red_btn_color);
	transition: var(--btn_bgcolor_animation);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	cursor: pointer;
	gap: 5px;
}
.profiletabfollowunfollwbuttonstyle:hover{
	background-color: var(--red_btn_hover_color);
}
.profiletabfollowunfollwbuttonstyle:active{
	background-color: var(--red_btn_active_color);
}


.subscribeunsubscribebuttonholder{
	position: absolute;
	left: 125px;
	top: calc(50% - 14px);
}
.subscribersbuttonholder{
	position: absolute;
	left: 125px;
	top: calc(50% - 14px);
}
.subscriptionscahnnelview{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 3px;
}
.profileaboutcontentholder{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
}
.profileaboutcontent{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.profileaboutdescription{
	position: relative;
	float: left;
	width: calc(100% - 10px);
	margin: 0 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	white-space: pre-line;
	text-align: justify;
	line-height: 18px;
	color: #666666;
}
.profileaboutcontentgap{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
}
.profileaboutcontenticonname{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px 0;
}
.profileaboutcontenticondate{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -40px;
}
.profileaboutcontenticoncountry{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -80px;
}
.profileaboutcontenticonsubscribers{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -120px;
}
.profileaboutcontenticoncontent{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -160px;
}
.profileaboutcontenticonviews{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -200px;
}
.profileaboutcontenticonshares{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -120px -240px;
}
.profileaboutcontentrow{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30px 1fr;
	grid-template-rows: 30px;
	align-items: center;
	gap: 10px;
}
.profileaboutcontenttext{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666666;
}
.profilerightsidepaneltitlebar{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
}
.profilerightsidepaneltitlebartext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #444444;
}
.profilerightsidepaneltrendingchannelboxholder{
	position: relative;
	float: left;
	width: 100%;
	height: 210px;
}
.rightsidercbox{
	position: relative;
	float: left;
	width: calc(100% - 20px);
	height: 80px;
	padding: 10px;
	display: flex;
	gap: 10px;
	background-color: #FFF;
	border-radius: 10px;
	margin-top: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	transition: box-shadow .3s;
}
.rightsidercbox:nth-child(1) {
	margin-top: 0;
}

.rightsidercbox:hover{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.rightsidercboximg{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.rightsidercboxdetails{
	position: relative;
	float: left;
	width: calc(100% - 90px);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.rightsidercboxchannelnameholder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
}
.rightsidercboxchannelname{
	position: relative;
	float: left;
	max-width: calc(100% - 25px);
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.rightsidercboxchannelname:hover{
	text-decoration: underline;
	text-overflow: unset;
}
.rightsidercboxpublishcontent{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #666666;
}
.followunfollowbtntxtholder {
	position: relative;
	float: left;
}

/*New Profile Share*/


.allprofileshareboxholder{
	position: relative;
	margin-left: auto;
	float: left;
}
.newprofileshareicongroupouter{
	position: relative;
	float: left;
	display: flex;
	gap: 10px;
	align-items: center;
}
.allprofilesharebutton{
	position: relative;
	float: left;
	width: 50px;
	height: 30px;
	padding: 0 10px;
	background-color: #eee;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-direction: row;
	gap: 5px;
	transition: background-color .3s;
}
.allprofileshareicon{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	float: left;
	background-image: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	background-position: -80px -180px;
	cursor: pointer;
	flex: none;
}
.allprofilesharetitle{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.newprofilesharepopupholderwrapper{
	display: none;
	position: fixed;
	width: 100%;
	height: calc(100% - 50px);
	top: 50px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
}
.newprofilesharepopupholder{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.newprofilesharepopup{
	position: relative;
	width: calc(100% - 40px);
	max-width: 600px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.newprofilesharepopuptitlebar{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #EEE;
}
.newprofilesharepopuptitletext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.newprofilesharepopupclose{
	cursor: pointer;
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/common.png);
	background-size: 360px 800px;
	background-position: -40px -360px;
	border-radius: 50%;
	transition: background-color .3s;
}
.newprofilesharepopupclose:hover{
	background-color: #EEEEEE;
}
.newprofilesharepopupbody{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
}
.newprofilesharepopupbody>div{
	position: relative;
	float: left;
	width: calc(100% - 10px);
	padding: 10px;
	border-radius: 7px;
	transition: background-color .3s;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

/*newicons*/
.profileshareiconsnew{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	float: left;
	background: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	cursor: pointer;
}
.facebooksharenew{
	background-position: 0 -160px;
}
.instagramsharenew{
	background-position: 0 -180px;
}
.twittersharenew{
	background-position: 0 -200px;
}
.linkedinsharenew{
	background-position: 0 -220px;
}
.redditsharenew{
	background-position: 0 -240px;
}
.pinterestsharenew{
	background-position: 0 -260px;
}
.tiktoksharenew{
	background-position: 0 -280px;
}
.tumblrsharenew{
	background-position: -20px -160px;
}
.whatsappsharenew{
	background-position: 0 -320px;
}
.messengersharenew{
	background-position: 0 -340px;
}
.snapchatsharenew{
	background-position: 0 -360px;
}
.telegramsharenew{
	background-position: 0 -380px;
}
.vibersharenew{
	background-position: -20px -120px;
}
.vkontaktesharenew{
	background-position: -20px -180px;
}
.emailsharenew{
	background-position: -20px -140px;
}
.newprofilesharepopuppreview{
	position: relative;
	float: left;
	width: calc(100% - 40px);
	max-width: 600px;
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow: auto;
	overflow-x: hidden;
}
.newprofilesharepopuptitlebar{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #EEE;
}
.newprofilesharepopupbackword{
	cursor: pointer;
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/common.png);
	background-size: 360px 800px;
	background-position: -40px -400px;
	border-radius: 50%;
	transition: background-color .3s;
}
.newprofilesharepopuptitletext{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
.newprofilesharepopupclose{
	cursor: pointer;
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	background-image: url(../assets/spritesv2/common.png);
	background-size: 360px 800px;
	background-position: -40px -360px;
	border-radius: 50%;
	transition: background-color .3s;
}
.newprofilesharepopuppreviewbody{
	position: relative;
	float: left;
	width: 100%;
}
.newprofileshareimagepreviewbox{
	display: none;
	position: relative;
	float: left;
	width: 100%;
	gap: 10px;
}
.new_social_share_popup_preview_holder{
	position: relative;
	float: left;
	width: calc(100% - 240px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.new_social_share_popup_preview_image_loading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 240px;
	z-index: 1;
	-webkit-animation: imagebgcolorchange 2s;
	animation: imagebgcolorchange 2s;
	animation-iteration-count: infinite;
	animation-timing-function: easeInOutExpo;
	-webkit-animation-timing-function: easeInOutExpo;
}
.new_social_share_popup_preview_image_loading_gif {
	position: absolute;
	width: 80px;
	height: 80px;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	background-image: url(../assets/nav/rmlloadinglargedark.gif);
	background-position: 0 0;
}
.new_social_share_popup_preview_holder_inner {
	width: 360px;
	height: 240px;
	/* -ms-transform-origin: left; */
	/* -webkit-transform-origin: left; */
	/* transform-origin: left; */
}
.new_social_share_popup_option_holder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
}
.new_social_share_popup_share_url_holder {
	position: relative;
	float: left;
	width: calc(100% - 10px);
	height: 30px;
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 5px;
	gap: 5px;
}
.new_social_share_popup_share_url_text {
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.new_social_share_popup_gradient_ellipse {
	position: absolute;
	width: 80px;
	height: 30px;
	top: 0;
	right: 40px;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 100%);
	background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
}
.new_social_share_popup_share_url_copy_button {
	position: relative;
	float: left;
	width: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A24242;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new_social_share_popup_url_copied_confirmation {
	bottom: -15px;
	position: absolute;
	right: -155px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.new_social_share_popup_share_button_container {
	position: relative;
	float: left;
	margin-left: auto;
}
.new_social_share_popup_share_button_holder {
	position: relative;
	float: left;
	height: 30px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	border-radius: 5px;
}
.new_social_share_popup_share_button_icon {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	float: left;
	background: url(../assets/spritesv2/index.png);
	background-size: 320px 800px;
	cursor: pointer;
	flex: none;
}
.new_social_share_popup_share_button_text {
	position: relative;
	float: left;
	width: 100%;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.facebook_icon_holder {
	background-color: #1872EA;
}
.facebook_icon_css {
	background-position: -160px -160px;
}
.instagram_icon_holder{
	background: #d6249f;
	 background: radial-gradient(circle at -10% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.instagram_icon_css{
	background-position: -160px -180px;
}
.twitter_icon_holder{
	background-color: #000000;
}
.twitter_icon_css{
	background-position: -160px -200px;
}
.linkedin_icon_holder{
	background-color: #0077B4;
}
.linkedin_icon_css{
	background-position: -160px -220px;
}
.reddit_icon_holder{
	background-color: #ff4500;
}
.reddit_icon_css{
	background-position: -160px -240px;
}

.pinterest_icon_holder{
	background-color: #BD2026;
}
.pinterest_icon_css{
	background-position: -160px -260px;
}
.tiktok_icon_holder{
	background-color: #000000;
}
.tiktok_icon_css{
	background-position: -160px -280px;
}
.discord_icon_holder{
	background-color: #5765EC;
}
.discord_icon_css{
	background-position: -160px -300px;
}
.tumblr_icon_holder{
	background-color: #001834;
}
.tumblr_icon_css{
	background-position: -180px -160px;
}
.whatsapp_icon_holder{
	background-color: #28AD16;
}
.whatsapp_icon_css{
	background-position: -160px -320px;
}
.messenger_icon_holder{
	background: #d6249f;
	background: radial-gradient(circle at 100% 0%, #FF6968 0%, #A334FA 50%,#0695FF 100%);
}
.messenger_icon_css{
	background-position: -160px -340px;
}
.snapchat_icon_holder{
	background-color: #F6F400;
}
.snapchat_icon_css{
	background-position: -160px -360px;
}
.snapchat_icon_holder .new_social_share_popup_share_button_text{
	color: #000000;
}
.telegram_icon_holder{
	background-color: #239ED7;
}
.telegram_icon_css{
	background-position: -160px -380px;
}
.viber_icon_holder{
	background-color: #793BAA;
}
.viber_icon_css{
	background-position: -180px -120px;
}
.vkontakte_icon_holder{
	background-color: #0077FF;
}
.vkontakte_icon_css{
	background-position: -180px -180px;
}
.email_icon_holder{
	background-color: #3FA9F5;
}
.email_icon_css{
	background-position: -180px -140px;
}

.new_social_share_popup_preview_footer_backdrop .new_social_share_popup_preview_footer_user_name{
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #FFF;
}


.profileshare_img_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
.profileshare_bg_container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	font-size: 10px;
}
.profileshare_bg_img {
	position: relative;
	width: 100%;
	height: 100%;
	filter: blur(3px);
	z-index: 0;
}
.profileshare_gradient {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: linear-gradient(rgba(0,0,0,0.7) 0, rgba(0,0,0,0.2) 26%, rgba(0,0,0,0.4) 73%, rgba(0,0,0,0.7) 100%);
}
.profileshare_main_container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.profilefullnametext{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	margin-top: 5px;
}
.profilesharetitlename{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.profilesharetitleusername{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
}
.profileshareinfoholder{
	position: relative;
	float: left;
	width: 100%;
	height: calc(100% - 54px);
	display: flex;
}
.profilesharebasicinfo, .profilesharecontentinfo{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}
.profileshareuserinfo{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}
.channelviewsubscribeholder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.subscribersholder{

}
.profileshareimage{
	position: relative;
	width: 79px;
	height: 79px;
	border-radius: 50%;
}
.channeldescriptions{
	position: absolute;
	bottom: -18px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 8px;
	line-height: 9px;
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profileshareprofileimageholder{
	position: relative;
	float: left;
	width: 83px;
	height: 83px;
	background-color: #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.profilesharecontentholder{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	gap: 6px;
	flex-direction: column;
}
.profilesharecontentbox{
	position: relative;
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 30px auto;
	gap: 5px;
	align-items: center;
}
.profilesharecontentthumb{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	aspect-ratio: 1;
}
.profilesharermllogo{
	position: absolute;
	right: 3px;
	bottom: -20px;
	width: 80px;
}
.profilesharecontentthumb img, .profilesharermllogo img{
	width: 100%;
	height: auto;
}
.profilesharecontenttname{
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 7px;
	color: #ffffff;
}





@media only screen and (max-width: 768px){
	.forindicatorleft::before{
		content: '';
		position: absolute;
		top: 0;
		left: 254px;
		width: calc(100% - 553px);
		height: 100%;
		z-index: 1;
		-webkit-box-shadow: inset 20px 0 15px -17px black;
		-moz-box-shadow: inset 20px 0 15px -17px black;
		box-shadow: inset 20px 0 15px -17px black;
	}
	.forindicatorright::after{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 66px;
		height: 100%;
		-webkit-box-shadow: inset -20px 0 15px -17px black;
		-moz-box-shadow: inset -20px 0 15px -17px black;
		box-shadow: inset -20px 0 15px -17px black;
	}
	.newprofilecontentchannelcloseindicator{
		display: block;
		position: fixed;
		width: 34px;
		height: 34px;
		top: calc(50% - 17px);
		right: 0px;
		z-index: 1;
		cursor: pointer;
		background-image: url(../assets/sprites/expandandcloseicons.png);
		background-position: 0px 0px;
		-webkit-transform: rotate(-90deg) translateY(16px);
		-moz-transform: rotate(-90deg) translateY(16px);
		-ms-transform: rotate(-90deg) translateY(16px);
		-o-transform: rotate(-90deg) translateY(16px);
		transform: rotate(-90deg) translateY(16px);
		-webkit-animation: newProfileRightSidePanelIndicatorOpen 1.5s ease-in-out 0s infinite;
		animation: newProfileRightSidePanelIndicatorOpen 1.5s ease-in-out 0s infinite;
		-o-animation: newProfileRightSidePanelIndicatorOpen 1.5s ease-in-out 0s infinite;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.newprofilecontentchannelopenindicator{
		right: 295px;
		background-position: 0px -68px;
		-webkit-transform: rotate(90deg) translateY(21px);
		-moz-transform: rotate(90deg) translateY(21px);
		-ms-transform: rotate(90deg) translateY(21px);
		-o-transform: rotate(90deg) translateY(21px);
		transform: rotate(90deg) translateY(21px);
		-webkit-animation: newProfileRightSidePanelIndicatorClose 1.5s ease-in-out 0s infinite;
		animation: newProfileRightSidePanelIndicatorClose 1.5s ease-in-out 0s infinite;
		-o-animation: newProfileRightSidePanelIndicatorClose 1.5s ease-in-out 0s infinite;
	}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes newProfileRightSidePanelIndicatorOpen {
		from {
			-webkit-transform: rotate(-90deg) translateY(16px);
			-moz-transform: rotate(-90deg) translateY(16px);
			-ms-transform: rotate(-90deg) translateY(16px);
			-o-transform: rotate(-90deg) translateY(16px);
			transform: rotate(-90deg) translateY(16px);
		}
		to {
			-webkit-transform: rotate(-90deg) translateY(-10px);
			-moz-transform: rotate(-90deg) translateY(-10px);
			-ms-transform: rotate(-90deg) translateY(-10px);
			-o-transform: rotate(-90deg) translateY(-10px);
			transform: rotate(-90deg) translateY(-10px);
		}
	}

	/* Standard syntax */
	@keyframes newProfileRightSidePanelIndicatorOpen {
		from {
			-webkit-transform: rotate(-90deg) translateY(16px);
			-moz-transform: rotate(-90deg) translateY(16px);
			-ms-transform: rotate(-90deg) translateY(16px);
			-o-transform: rotate(-90deg) translateY(16px);
			transform: rotate(-90deg) translateY(16px);
		}
		to {
			-webkit-transform: rotate(-90deg) translateY(-10px);
			-moz-transform: rotate(-90deg) translateY(-10px);
			-ms-transform: rotate(-90deg) translateY(-10px);
			-o-transform: rotate(-90deg) translateY(-10px);
			transform: rotate(-90deg) translateY(-10px);
		}
	}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes newProfileRightSidePanelIndicatorClose {
		from {
			-webkit-transform: rotate(90deg) translateY(21px);
			-moz-transform: rotate(90deg) translateY(21px);
			-ms-transform: rotate(90deg) translateY(21px);
			-o-transform: rotate(90deg) translateY(21px);
			transform: rotate(90deg) translateY(21px);
		}
		to {
			-webkit-transform: rotate(90deg) translateY(-5px);
			-moz-transform: rotate(90deg) translateY(-5px);
			-ms-transform: rotate(90deg) translateY(-5px);
			-o-transform: rotate(90deg) translateY(-5px);
			transform: rotate(90deg) translateY(-5px);
		}
	}

	/* Standard syntax */
	@keyframes newProfileRightSidePanelIndicatorClose {
		from {
			-webkit-transform: rotate(90deg) translateY(21px);
			-moz-transform: rotate(90deg) translateY(21px);
			-ms-transform: rotate(90deg) translateY(21px);
			-o-transform: rotate(90deg) translateY(21px);
			transform: rotate(90deg) translateY(21px);
		}
		to {
			-webkit-transform: rotate(90deg) translateY(-5px);
			-moz-transform: rotate(90deg) translateY(-5px);
			-ms-transform: rotate(90deg) translateY(-5px);
			-o-transform: rotate(90deg) translateY(-5px);
			transform: rotate(90deg) translateY(-5px);
		}
	}
	.newprofilecontentholderrelatedbackground{
		display: none;
		position: fixed;
		top: 50px;
		left: 0px;
		width: 100%;
		height: calc(100% - 50px);
		background-color: rgba(17, 17, 17, 0.7);
		z-index: 1;
	}
}


@media only screen and (max-width: 618px){
	#profilemessage_container{
		grid-template-columns: 50px 1fr;
	}
	.conversationlistsearchicon{
		display: none;
	}
	#users{
		display: none;
	}
	.usermessageuserexpand{
		display: block;
		position: relative;
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 5px;
		background-image: url(../assets/spritesv2/index.png);
		background-size: 320px 800px;
		background-position: -80px -80px;
		cursor: pointer;
		transition: .5s;
		transform: scale(.8);
	}

	.usermessageuserclose{
		transform: scale(.8) rotate(180deg);
	}
	.profilediscussionpastactivitylistinfo{
		align-items: flex-start;
		margin-top: 0;
		flex-direction: column;
	}
	.profilepastactivitydiscussionseparator{
		display: none;
	}
	.newprofiletitleholder{
		width: 100%;
		padding: 0;
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
		flex-direction: column;
	}
	.newprofiledescriptionreadmoregradient{
		background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(238 238 238) 60%);
		background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(238 238 238) 60%);
		background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(238 238 238) 60%);
	}
	.newprofiletitletoprow{
		flex-direction: column;
	}
	.newprofiletitledetailscard{
		width: calc(100% - 20px);
		padding: 0 10px;
	}

	.userprofilebuttonsholder {

		justify-content: center;
	}
}



.newprofilecontentholderrelated .jspPane{
	width: 279px!important;
}
.newprofilecontentholderrelated:hover .jspPane{
	width: 279px!important;
}
.newprofilecontentholderrelated .jspVerticalBar{
	width: 5px;
}
.newprofilecontentholderrelated .jspTrack{
	background: transparent;
}
.newprofilecontentholderrelated .jspDrag{
	background-color: transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.newprofilecontentholderrelated:hover .jspDrag{
	background-color: #cfcfcf;
}
.profileaddsfollowunfollwbuttonstyle {
	position: relative;
	float: left;
	width: 120px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A24242;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	cursor: pointer;
	gap: 5px;
}




@media only screen and (min-width: 1062px) {
	#profilepastactivitybox	{
		width: 100%;
	}

}
@media only screen and (max-width: 1045px) {
	#profilecontentandprofileadsandrelatedlistsholder{
		width: calc(100% - 20px);
		padding: 0 10px 0 10px;
		float: left;
	}
}
@media only screen and (max-width: 768px){
	#profileads{
		display: none;
	}
	#profilecontentcontainer{
		width: 100%;
	}
	.newprofilebody {
		width: calc(100% + 249px);
		margin: 0 5px;
	}
	#profilecontent{
		overflow: hidden;
	}
}
@media only screen and (max-width: 720px){
	.newprofileshareimagepreviewbox{
		flex-direction: column;
		align-items: center;
	}
	.new_social_share_popup_preview_holder{
		width: 100%;
	}
}

@media only screen and (max-width: 580px){
	.newprofilesharepopup{
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border-radius: 0;
	}
	.newprofilesharepopuppreview{
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		border-radius: 0;
	}


}





@media only screen and (max-width: 425px) {
	.pastactivitysubscribesince{
		display: none;
	}
	.subscribesincemobile{
		position: relative;
		display: block;
		float: left;
		width: 127px;
		margin-top: -89px;
		margin-left: 93px;
		margin-bottom: 10px;
	}
	.profileactivitysubscribesbutton{
		width: 230px;
		margin-top: -62px;
	}
	.pastactivitysubscribesince_samepage{
		margin-top: 20px;
	}
	.subprofilepagechanneldescription_samepage{
		margin-top: 20px;
	}
	#profilecontentandprofileadsandrelatedlistsholder{
		width: 100%;
		min-width: 320px;
		padding: 0 10px 0 0px;
	}
	.profilecoverholder{
		height: 200px;
	}
	.profilecover{
		height: 200px;
	}

	.newprofiletitledetailscard{
		width: calc(100% - 20px);
		padding: 0 10px;

	}
	.newprofiletitletoprow{
		flex-direction: column-reverse;
	}
	.profilerecentactivitytext{
		margin-left: 1px;
		font-size: 12px;
	}
	.profilerecentlyrankedtext, .profilerecentlylikedlisttext, .profilerecentlylikedlistitemtext, .profilerecentlylikedlistsuggestiontext, .profilerecentlylikedlistcommenttext{
		margin-left: 1px;
	}
	.pastactivityprofilechannelname{
		margin-top: 18px;
	}
	.profilepastactivitychannelname {
		margin-top: -15px;
		margin-left: 0px;
	}
	.profilepastactivitytimeagoseparator{
		margin-top: 3px;
	}
	.profilenoticationslistsonlyoneimage{
		width:85px;
		height:85px;
	}
	.likedislikeviewholder{
		margin-left: 0px;
	}
	.activitylistsfeedimagelongright	{
		width: 43px;
	}
	.listinfo{
		margin-top: 2px;
	}


	.profilediscussionpastactivitylistinfosamepage{
		width: 250px;
		margin-top: 12px;
		margin-bottom: 11px;

	}
	.profileprivateactivityholder{
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 2px;
	}
	#profilepastactivitybox	{
		width: 100%;
		overflow: hidden;
	}
	.profileactivitychannelnameforsubscribes {
		position: relative;
		display: block;
		float: left;
		margin-top: 3px;
		margin-left: -84px;
		overflow: hidden;
	}
	.subprofilepagechanneldescription {
		width: calc(100% - 7px);
		height: 12px;
		float: left;
		text-align: left;
		clear: left;
		display: block;
		margin-top: 67px;
		margin-left: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		line-height: 17px;
		color: #666666;
	}
	.profilediscussionpastactivitylist {
		margin-left: 0px;
	}

	.profilepastactivitylistdescription {
		width: calc(100% - 7px);
		margin-top: 4px;
	}

	.profilepastactivitylisttimeago{
		margin-top: 5px;
	}
	.profilepastactivitylistinfo_second_row{
		position:relative;
		display:block;
		float:left;
		width:98%;
		margin-left:6px;
	}
	.profilepastactivitylistinfo{
		margin-top: 25px;
		gap: 2px;
	}
	.mbl_profilepastactivityseparator	{
		display: block;
		float: left;
		width: 5px;
		height: 5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 5px;
		background-image: url(../assets/sprites/icons_profile.png);
		background-position: -33px -931px;
	}
	.profilepastactivitylistcomments	{
		display:block;
		float:left;
		margin-left: 0px;
	}
	.mbl_profilepastactivitylistviews{
		position: relative;
		display: block;
		float: left;
	}
	.mbl_profilepastactivitylistnumberofpeopleranked	{
		display:block;
		float:left;
		margin-left:4px;
		margin-top:2px;
		margin-right:1px;
		text-decoration:none;
		font-family: 'Roboto', sans-serif;
		font-size:12px;
		color:#666666;
	}
	.rankedmynumber{
		margin-right: 4px;
	}
	.profilepastactivitylistviewsnumber{
		margin-left: 0px;
	}

	.profileactivitysubsinfotoprow {
		position: relative;
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 3px;
	}
	.activitysubscribesincetext {
		margin-left: 5px;

	}

	.profilpastactivity{
		margin-left: 2px;
		width: calc(100% - 2px);
	}

	.profileactivitysubsinfo {
		float: left;
		display: block;
		width: calc(100% - 110px);
		height: 110px;
	}
	.profileactivitysubscribesimage{
		display: block;
		float: left;
		margin-top: 25px;
		margin-bottom: 2px;
		margin-left: 2px;
		width: 86px;
		height: 83px;
	}

	.profilerecentlyrankedtext {
		line-height: 20px;
		padding-bottom: 6px;
	}
	.newprofilename{
		font-size: 16px;
	}
	.newprofiledescriptiontext{
		font-size: 12px;
	}
	.newprofiledescriptionreadmoretext{
		font-size: 12px;
		bottom: 1px;
	}
	.newprofiledescriptionreadmoregradient{
		height: 17px;
	}
}

.profileshareurlcopysuccessmsg{
	position: absolute;
	padding: 2px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	background-color: #333;
	color: #FFF;
	white-space: nowrap;
	bottom: 8px;
	display: none;
}
#shareurlinput{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.shareurlcopyicon{
	background-position: -20px -200px;
}
.contentshareicontitlehighlighted{
	 background-color: #222222;
	 color: #ffffff;
	 box-shadow: #222222 0 0 0 2px;
 }

.snapchat_icon_holder{
    background-color: #F6F400;
}
.snapchat_icon_css{
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../assets/spritesv2/list.png);
    background-size: 320px 800px;
    cursor: pointer;
    flex: none;
    background-position: -120px -320px;
}

.new_social_share_popup_share_button_holder_snapchat{
    display: none;
    position: relative;
    float: left;
    height: 30px;
    padding: 0 10px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.googleSlot1, .googleSlot2, .googleSlot3{
	position: relative;
	float: left;
	padding: 10px 0;
}
.editornavbar{
	display: block!important;
	top: 0!important;
}

@media (max-width: 425px) {

	.discussionholderleveltwo .discussionlikeanddislike, .discussionholderlevelthree .discussionlikeanddislike {
		gap: 0;
	}
	.discussionholderleveltwo .discussionfeedbackleft, .discussionholderlevelthree .discussionfeedbackleft {
		gap: 0;
	}
	.discussionholderlevelthreemarker {
		width: calc(100% - 70px);
		margin-left: 70px;
	}
}
@media (max-width: 375px) {
	.discussionholderleveltwomarker, .discussionholderlevelthreemarker {
		width: calc(100% - 25px);
		margin-left: 25px;
	}
	.showdiscussionreplyholdertwo {
		margin-left: 65px;
	}
}

@media (max-width: 320px) {
	.discussionlikeanddislike {
		gap: 0;
	}
	.discussionfeedbackleft {
		gap: 0;
	}
	.discussionfeedback {
		width: calc(100% - 30px);
		padding-left: 30px;
	}
	.discussionseparator {
		width: 5px;
	}
	.discussionholderleveltwomarker, .discussionholderlevelthreemarker {
		width: calc(100% - 5px);
		margin-left: 5px;
	}
	.showdiscussionreplyholder{
		margin-left: 30px;
		width: calc(100% - 60px);
	}

	.newprofiletabcontentheadertext{
		font-size: 14px;
	}
}