#Content {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#ContentInner {
	margin: 0 auto;
	overflow: hidden;
	width: 990px;
}

/* LEFT SIDE */ 

#ContentLeft {
	position: relative;
	width: 678px;
	float: left;
	margin-right: 12px;
	margin-bottom: 25px;
}

#ContentContainer {
	float: left;
	width: 520px;
	margin-left: 130px;	
}

#ContentContainerWithSubmenu {
	float: left;
	width: 520px;
	margin-left: 130px;	
	margin-top: 5px;
}
	
h1 {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px; 
	font-size: 24px;
	font-weight: normal;
}

/* custom title profile, community online users */
#CustomTitleDiv {
	padding-top: 2px;
	float: left;
	display: inline;
}

#OnlineUserDiv {
	float: left;
	margin-left: 10px;
	display: inline;
}

#CustomH1 {
	height: 35px;
	clear: both;
}

#CustomH1 a {
	color: #1E1E1E;
	font-weight: normal;
}

#HeaderRight {
	float: left;
	padding-top: 6px;
	padding-left: 10px;
}
/* end */

#H1Link {
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #1E1E1E;
}

h2 {
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;	
	width: 100%;
	display: inline-block;
	margin-bottom: 10px; 
	margin-top: 10px;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active {
	color: #1E1E1E;
	font-size: 16px;
}

h2 a.IndexH2 {
	font-size: 24px;
	font-weight:normal;
}

p {
	padding-bottom: 10px;
}

a.UserName {
	color: #57ad68;
	font-size: 11px;
}
/* sort */

#SortByContainer {
	margin-top: 10px;
	margin-bottom: 14px;
	margin-right: 33px;
	font-size: 13px;
	max-width: 650px;
}

#SortByContainer a {
	display: inline-block;
}

.Separator {
	display: inline-block;
	width: 10px; 
	text-align: center;
	padding-right: 2px;	
	color: #aaa;
}

#SortByTime {
	display: none;
	position: absolute;
	top: 13;
	left: 0;
	width: 63px;
	padding: 13px;
	padding-top: 1px;
	margin-top: 0px;
	background-color: white;
	z-index: 10;
}

#SortByContainer #SortByTimeContainer {
		float: right;
}
#SortByContainer #SortByOuter {
	display: inline;
	float: none;
	position: relative;
	padding-left: 13px;
}
#SortByContainer .SortByTimeContainerNoLeft {
	float: none;
}

#SortByTimeArrow {
	background-image: url("/static/sys/img/sort-by-time.png");
	display: inline-block;
	width: 9px;
	height: 8px;
}

.Rounded, .RoundedLightBlue, .RoundedLightSilver, .RoundedDarkBlue {
	  border-radius: 3px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -o-border-radius: 3px;
	  position: relative;
	  padding-top: 4px;
	  padding-bottom: 5px;
	  padding-left: 10px;
	  padding-right: 10px;
 }
		
.RoundedDarkBlue {
	float: left;
	font-weight: 600;
	margin-right: 5px;
	margin-top: -4px;
	background-color: #153d6e;
	color: white;	
}

.RoundedDarkBlue h4 {
	color: white;
}

#CategoriesContainer {
  width: 130px;
  padding: 0;
  position: absolute;
  top: 43px;
}

#CategoriesContainerWithSubmenu {
  width: 130px;
  padding: 0;
  position: absolute;
  top: 89px;
}

#CategoriesContainer a, #CategoriesContainerWithSubmenu a {
	font-size: 13px;
}
#CategoriesContainer ul, #CategoriesContainerWithSubmenu ul {
	list-style-type: disc;
	margin-left: 25px;
	padding-top: 27px;
	padding-bottom: 6px;
	font-size: 12px;
}

#SearchContainer {
	width: 100%;
	float: left;
	max-width: 650px;
}

#SortByTimeContainer label {
	font-size: 13px;
	display: inline-block;	
	vertical-align: top;
}

#SortByTimeContainer input {
	width: initial;
	height: 21px;

}

#SubMenu {
	margin-bottom: 20px;
}

#SubMenu a {
	font-size: 14px;
}

#SubMenu a.Selected strong {
  font-weight: 600;
}

#SubMenu a strong {
  color: black;
  font-weight: normal;
}

/* news */

.NewsItem {
	float: left;
	overflow: hidden;
	margin-right: 29px;
	margin-bottom: 10px;
	width: 300px;
}

.NewsImage {
	height: 168px;
	width: 298px; 
	border: 1px solid #DCDCDC;
}

.NewsImage img {
	float: left;
	position: absolute;
	width:298px;
    clip:rect(0px,298px,168px,0px);
}

.NewsData {
	width: 295px;
	padding-right: 5px;
	margin-top: 10px;
	min-height: 81px;
}

.NewsContent {
	font-size: 13px;
	padding-top: 5px;
}
	
.NewsData a.NewsTitle {
	font-weight: 600;
	font-size: 17px;
}

/* add news */

#AddNews {
	margin-top: 10px;
}

.FormRow {
	margin-bottom: 15px;
	width: 100%;
}

.FormExample {
	margin-top: 3px;
	font-size: 11px;
	color: #b7b7b7;
}

#NewsInstructions {
	width: 100%;
	margin-top: 20px;
}	

#NewsInstructions ul {
	margin-top: 15px;
	list-style-type: disc;
}	

#NewsInstructions li {
	margin-left: 30px;
	margin-bottom: 10px;
}

#fImage { padding-left: 0px; }

/* blogs */

.Blog a.BlogTitle {
	font-weight: 600;
	font-size: 17px;
	display: block;
	line-height: 22px;
}

.Blog p {
	margin-top: 5px;
	padding-right: 5px;
	padding-bottom: 11px;

}

.Blog {
	padding-top: 15px;
	padding-bottom: 20px;
	float: left;
	width: 300px;
	height: 165px;
	border-bottom: 0;
	margin-right: 24px;
	padding-right: 5px;
	overflow: hidden;	
}

.Blog:nth-child(18) {
	margin-bottom: 20px;
}

.Blog:nth-child(2) {
	padding-top: 15px;	
}

.Blog .Avatar {
	float: left;
}

.BlogAuthorData {
	width: 100%;
	height: 61px;
	padding-left: 56px;
	padding-top: 2px;
	font-size: 11px;
}

.BlogAuthor img {
	border-radius: 3px;
}

.BlogAuthorData	span {
	display: block;
}

a.BlogTitle:first-letter {
	text-transform: uppercase;
}

#BlogDescription {
	margin-bottom: 10px;
}

#BlogDate {
	margin-bottom: 15px;
	margin-top: 5px;
}

.BlogImage img {
	border: 1px solid #DCDCDC;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.BlogVideo, .TopVideoYoutubeVideoWrapper, .BlogSlideshow {
	margin-top: 5px;
	margin-bottom: 5px;
}

#BlogContent {
	overflow: hidden;
}

/* album */

#AlbumDate {
	margin-bottom: 15px;
	margin-top: 5px;
}

/* slideshow */

#SlideShowContainer embed, #SlideShowContainer object {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* images */

.Image img {
	  display: block;
	  margin-bottom: 3px;
}

.ImageThumb {
	  border: 1px solid #DCDCDC;
	  width: 82px;
	  height: 82px;
}

.Image {
	margin-top: 15px;
	position: relative;
	float: left;
	width: 88px;
	height: 104px;
	margin-bottom: 35px;
    font-size: 11px;
	margin-right: 20px;
}

#ContentContainer .Image:nth-child(5n+5) {
	margin-right: 0px;
}

#ContentContainer .Image:nth-child(46),
#ContentContainer .Image:nth-child(47),
#ContentContainer .Image:nth-child(48) {
	display: none;
}

#SearchContainer .Image:nth-child(6n+6) {
	margin-right: 0px;
}

.Image .UserName {
	display: block;
	background-color: white;
}

.ImageAdult a {
  background-color: #000;
  display: block;
}

.ImageAdult a img {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/* image */

#ImageControls, #ImageLinks {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	max-width: 665px;
	height: 25px;
}

#ImageControls div {
	float: right;
}

#ImageLinks iframe, #ImageLinks #DummyIframe {
	float: left;
	border: none;
	overflow: hidden;
	width: 125px;
	height: 21px;
	margin-top: 5px;
}
#ImageLinks #ImageCenterLinks {
	float: left;
	width: 125px;
	text-align: left;
}
#ImageLinks div {
	float: right;
	text-align: right;
	width: 285px;
}
#ImageLinks span {
	display: inline-block;
	margin-top: 4px;
}
#ImageLinks #NoFbTwitterIframes {
	float: left;
	width: 145px;
}

#txtTitle {
	width: 300px;
	display: block;
	margin-bottom: 5px;
}

#ContentIsPrivate {
	color: red;
}

#ImageTitle {
	margin-top: 5px;
	margin-bottom: 15px;
}

img#AlbumImage {
	border: 1px solid #DCDCDC;
}
/* videos */

.Video, .PlayListVideo {
	float: left;
	width: 142px;
	height: 160px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 47px;
	font-size: 11px;
	padding-bottom: 4px;  
	overflow: visible;
}

.VideoTitle {
	display: block;
	width: 142px;
	overflow: hidden;
	max-height: 34px;
 }
 
.VideoTitle h3 {
	line-height: 17px;
	display: block;
	margin-bottom: 3px;  
	font-size: 14px;
	font-weight: 600;
}

.VideoTitle h3:first-letter {
    text-transform: uppercase;
}
 
.Video div, .PlayListVideo div {
  position: relative;
  height: 82px;
  margin-bottom: 6px; 
}

#ContentContainer .Video:nth-child(3n+3), #ContentContainer .PlayListVideo:nth-child(3n+3) {
	margin-right: 0px;
}

#SearchContainer .Video:nth-child(4n+4), #SearchContainer .PlayListVideo:nth-child(4n+4) {
	margin-right: 0px;
}

#SearchContainer .Video, #SearchContainer .PlayListVideo {
	margin-right: 27px;
}

.Video span, .PlayListVideo span {
	display: block;
	margin-top: 2px;
	height: 15px;
}

.RecordMeta {
	color: #1E1E1E;
	letter-spacing: 0px;
	font-size: 11px;
}

.RecordMeta span {
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	color: #aaa;
	font-size: 10px;
}

.ViewsMeta {
	display: inline-block;
}

.ViewsMeta span {
	padding-left: 1px;
	padding-right: 1px;
	display: inline-block;
	color: #aaa;
	font-size: 10px;
}
a.CategoryTag {
	font-size: 11px;
	/* color: #1E1E1E; */
	font-weight: normal;
}

/*.RecordMeta a:hover {
	color: #0093cc;
}*/

.NoRecords { 
	margin-top: 25px; 
	display: block;
}

.VideoThumb {
	border: 1px solid #DCDCDC;
	width: 140px;
	height: 80px;
}

span.Duration {
	display: inline-block;
	line-height: 15px;
	  position: absolute;
	  right: 1px;
	  bottom: 1px;
	  height: 14px;
	  padding-top: 5px;
	  padding-right: 2px;
	  padding-left: 8px;
	  padding-bottom: 2px;
	  color: white;
	  text-decoration: none;
	  background-image: url("/static/sys/design/sprites.png?v=13");
	  _background-image: url("/static/sys/design/sprites.gif?v=13");
	  _background-repeat: no-repeat;
	  _overflow: hidden;
	  background-position: -44px -17px;
	  _bottom: 5px;
}

a.PlayList {
  position: absolute;
  left: 1px;
  bottom: 1px;
  width: 18px;
  height: 16px;
  padding-left: 3px;
  padding-top: 3px;
  background-image: url("/static/sys/design/icons/svg/plus-minus.svg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 42px 19px; 
  color: white;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  _bottom: 5px;
  margin-bottom: 0;
}

a.PlayListAdded {
  background-position: -21px 0px;
}

span.PlayListMsg {
  position: absolute;
  width: 140px;
  left: 1px;
  top: 1px;
  margin-top: 0;
  padding-bottom: 3px;
  background-color: black;
  color: white;
  text-align: center;
}

span.DurationTop {
  position: absolute;
  right: 1px;
  bottom: 18px;
  width: 4px;
  height: 4px;
  background-image: url("/static/sys/design/sprites.png?v=13");
  _background-image: url("/static/sys/design/sprites.gif?v=13");
  _background-repeat: no-repeat;
  _overflow: hidden;
  background-position: -106px -9px;
  _bottom: 22px;
}

.VideoSortByContainer { margin-left: 130px; }

span.Adult {
  background-image: url("/static/sys/design/icons/svg/18.svg");
  position: absolute;
  left: 1px;
  top: 1px;
  margin-top: 0;
  width: 30px;
  height: 21px;
 }
 
div.VideoAdult {
  background-color: black;
}

div.VideoAdult img {
	filter:alpha(opacity=20);
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/* video */
/* see separate css */

/* pager */

#Pager {
	font-size: 18px;
	clear: both;
	text-align: center;
	margin-top: 15px;
	color: #DCDCDC;
	width: 100%; 
}

#Pager a {
	font-size: 18px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 30px;
}

#Pager .PagerSelected {
	color: #1E1E1E;
}

/* users list */

#UsersList {
	margin-bottom: 120px;
}

#UsersList .User {
	float: left;
	margin-top: 20px;
	width: 109px;
	height: 96px;
}

#UsersList .User .Avatar {
	border-radius: 3px;
}

.OwnerControls {
	font-size: 11px;
	color: #aaa;
}

#UsersList .UserWEmotion {
	float: left;
	margin-top: 20px;
	width: 280px;
	height: 150px;
	overflow: hidden;
	margin-right: 20px;
}

#UsersList .UserWEmotion:last-child {
	margin-bottom: 40px;
}

.Bullet {
	color: #aaa;
	padding-left: 5px;
	padding-right: 5px;
}

#PmCount .Bullet, #NotificationsCount .Bullet {
	padding-left: 0px;
	padding-right: 4px;
	font-size: 12px;
}

/* dialogs */

.DialogContainer {
	border-radius: 5px;
	display: none;
	position: absolute;
	z-index: 10001;
	top: 10%;
	left: 50%;
	background-color: white;
	color: black;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 300px;
}

.DialogHeader {
  overflow: hidden;
  background-color: #d7d7d7;
  height: 26px;
  margin-bottom: 10px;
  margin-right: -5px;
  border-top-right-radius: 5px;
}

.DialogHeader h1 {
  float: left;
  height: 22px;
  margin: 0;
  padding: 0 0 4px;
  width: auto;
  background-color: white;
  font-size: 18px;
  line-height: 22px;
}

.DialogContainer p {
  margin-bottom: 5px;
}

.DialogContainer input[type='button'] {
  width: initial;
  background: #153d6e;
  color: #FFF;
  border: 0;
  border-radius: 3px;
  padding: 7px 0;
  font-weight: 600;
  -webkit-appearance: none;
}

#btnIgnoreFriendNo, #btnRemoveFriendNo, #btnUnBlockNo, #btnConfirmFriendNo, #btnAddAsFriendYes, #btnAddAsFriendNo, #btnDeleteYes, #btnDeleteNo, #btnNo, #btnYes, #btnRemoveVideoNo, #btnDeleteMessageYes, #btnDeleteMessageNo, #btnDeleteAllMessagesYes, #btnDeleteAllMessagesNo {
	width: 60px;
}

.DialogHeader .CloseDialogIcon {
  float: right;
  display: inline-block;
  background-image: url("/static/sys/design/sprites.png?v=13");
  background-position: -226px -83px;
  width: 18px;
  height: 17px;
  margin-top: 4px;
  margin-right: 5px;
}

.DialogHeader .HelpIcon {
	float: right;
	margin-right: 5px;
	margin-top: 4px;
}

.DialogHeader b {
  background-image: url("/static/sys/design/sprites.png?v=13");
  background-position: -271px 0;
  float: left;
  width: 12px;
  height: 26px;
}

#DialogOverlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	background-color: #000;
	cursor: wait;
	opacity: 0.6;
	filter: Alpha(Opacity = 60);
	_position: absolute;
}

.DeleteDialogContainer {
	min-width: 200px;
	_width: 200px;
	}

.DialogTabs {
	margin-bottom: 15px;
}

#CommentDeleteDialog input {
	width: 50px;
}

/* publish */

#PublishFacebookLink {
	background-position: -284px 0;
}
#PublishFacebookLink, #PublishTwitterLink {
	background-image: url("/static/sys/design/sprites.png?v=13");
	width: 30px;
	height: 30px;
	display: inline-block;
}
#PublishTwitterLink {
	background-position: -315px 0;
}

/* error and confirm */

.Growl {
	display: none;
	position: fixed;
	left: 40%;
	top: 40px;
	z-index: 99999;
	color: white;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
}
	
#GrowlError { background: #990000; }
#GrowlMessage { background-color: #669933; }

/* community */

.TopUsersColumn {
	margin-top: 20px;
	float: left;
	width: 280px;
}

.TopUsersColumn ul { margin-top: 10px; }

.ForumThread {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.ForumThread a strong {
	font-size: 16px;
	font-weight: 600;
}

#ForumThreadFirstPost {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 665px;
}

.CommunityLastVideosCommentsPage {
	margin-top: 5px;
}

div.LastVideoComment:nth-last-child(3), div.LastBlogComment:nth-last-child(3), div.LastImageComment:nth-last-child(3), div.LastProfileComment:nth-last-child(3) {
	border-bottom: 0px;
}

.CommunityLastBlogsCommentsPage {
	margin-top: 10px;
}

.CommunityLastImagesCommentsPage {
	margin-top: 5px;
}

.CommunityLastProfilesCommentsPage {
	margin-top: 8px;
}

/** overwrites for community last comments page **/

.CommunityLastVideosCommentsPage .LastVideoComment .LastVideoCommentContent {
	width: 100%;
	max-width: 369px;
}

.CommunityLastImagesCommentsPage .LastImageComment .LastImageCommentContent {
	width: 100%;
	max-width: 386px;
}

/* share */

#ShareContainer {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 11px;
	width: 100%;
	max-width: 400px;
	height: 30px;
}

#ShareContainer span {
	float: left;
	margin-top: 4px;
	margin-right: 3px;
}

#ShareContainer a {
	font-size: 13px;
	float: left;
	margin-top: 4px;
	margin-right: 3px;
}

#ShareContainer a#FacebookShare {
	width: 101px;
	height: 20px;
}	

/* COMMENTS */

/* comments in general */
.CommentsContainer {
	width: 100%;
	max-width: 645px;
}

.CommentsContainer #Pager {
	margin-top: 30px;
}

.Comment {
	width: 100%;
	margin-top: 10px;
	min-height: 65px;
}

.Comment .Avatar, .AddCommentForm .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;	
}

.Comment .CommentData {
	margin-left: 55px;
}

.CommentsContainer .Comment {
	overflow: hidden;
}

div.CommentTop span.OwnerControls {
	display: inline;
	visibility: hidden;
	float: right;
}

.CommentsContainer .CommentTop span.TimeAgo {
	visibility: visible;
}

.CommentsContainer .CommentBottom {
	position: relative;
}

.CommentsContainer .CommentBottom p {
	width: 95%;
	padding-bottom: 10px;
}

.CommentsContainer .CommentBottom p img {
	margin: 0 2px;
	position: relative;
	top: 2px;
}

.CommentsContainer	.CommentBottom 	.Voting {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
}

.CommentsContainer	.CommentBottom 	span {
	float: right;
	width: 17px;
	padding-top: 5px;
	margin-right: 3px;
	text-align: right;
	color: #006600;
}

.CommentsContainer .CommentBottom a.CommentVoteLink {
	float: right;
	background-image: url("/static/sys/design/sprites.png?v=13");
	background-position: -252px -99px;
	width: 21px;
	height: 20px;
	margin-top: 1px;
}

.CommentsContainer	.CommentBottom a.CantVote {
	background-position: -274px -99px;
}

#CantComment {
	margin-bottom: 10px;
}
	
/* sub comments */

.SubCommentsContainer {
	border-bottom: 1px dotted #d7d7d7;
}

.SubCommentsContainer .Comment {
	margin-left: 35px;
	width: 100%;
	max-width: 630px;
}

.SubCommentsContainer form {
	display: none;
	width: 100%;
	max-width: 630px;
	padding-left: 35px;
}

.AddCommentFormSub .emojis {
	top: 13px;
    right: -27px;
}

@media (max-width: 728px) {
	.AddCommentFormSub .emojis {
		right: 6%;
	}
}

.opened {
	display: inline-block !important;
}

/* add comment */

.AddCommentForm {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	max-width: 665px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.AddCommentForm input {
	float: left;
	margin-top: 4px;
}

#AddCommentForm textarea {
	width: 75%;
}
.SubCommentsContainer textarea {
	width: 77%;
}

.txtComment {
	float: left;
	height: 48px;
	padding: 5px;
	margin-top: 4px;
	border: 1px solid #aaa;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 60px;
	border-radius: 2px;
}

/* items in comments */
.MediaItem {
	clear: both;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
.MediaItem img {
	float: left;
	width: 140px;
	height: 80px;
	border: 1px solid #DCDCDC
}

.MediaItemImage img, .MediaItemAlbum img {
	width: 82px;
	height: 82px;
}

.MediaData {
	float: left;
	margin-left: 10px;
	width: 100%;
	max-width: 300px;
}

.MediaData a.MediaTitle {
	display: block;
	margin-bottom: 1px;
}

.MediaItemBlog .MediaData {
	margin-left: 0;
}

/* RIGHT SIDE */
#ContentRight {
	width: 300px;
	float: left;
	z-index: 10;
	overflow: hidden;
	margin-top: 5px;
}

.SidebarBox {
	margin-bottom: 20px;
}

.SidebarBoxTitleDiv {
	margin-bottom: 15px;
}

.SidebarBoxTitle {
	width: 300px;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	padding-bottom: 8px;
	border-bottom: 1px solid #DCDCDC;
}

.SidebarBoxTitle a {
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #1E1E1E;
}

/* last blog comments - blogs browser page */
.LastBlogComment {
	overflow: hidden;
	margin-bottom: 8px;
	border-bottom: 1px dotted #d7d7d7;
	font-size: 12px;
 }


.LastBlogComment:nth-last-child(1) {
	border-bottom: 0;
}

.LastBlogCommentContent a.UserName {
	font-size: 11px;
	color: #57ad68;
}
 
.LastBlogComment .LastBlogCommentContent {
	float: left;
	width: 242px;
	padding-left: 10px;
}

.LastBlogComment .LastBlogCommentContent div {
	  word-break: break-word;
	  width: 244px;
	  margin-top: 2px;
}

.LastBlogComment .Avatar {
	float: left;
	border-radius: 3px;	  
	margin-top: 4px;
}

.LastBlogComment .BlogTitle {
	display: block;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	font-size: 12px;
}

/* last video comments */

.LastVideoComment {
	overflow: hidden;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d7d7d7;
}
 
.LastVideoComment .LastVideoCommentContent {
	float: left;
	width: 149px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
}

.LastVideoComment .LastVideoCommentContent > div {
	word-wrap: break-word;
}

.LastVideoComment .LastVideoCommentVideo a {
	width: 89px;
}
.LastVideoComment .LastVideoCommentVideo {
	float: left;
	width: 89px;
}

.LastVideoComment .LastVideoCommentVideo div {
	position: relative;
}

LastVideoComment .LastVideoCommentContent div {
	width: 147px;
	margin-top: 2px;
}

.LastVideoComment .VideoThumb {
	margin-top: 4px;
	width: 87px;
	height: 50px;
	border: 1px solid #DCDCDC;
}

.LastVideoComment .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;	
}

.LastVideoComment .VideoTitle {
	display: block;
	overflow: hidden;
	height: 13px;
	font-size: 11px;
	line-height: 12px;
}

.LastVideoComment:nth-last-child(1) {
	border-bottom: 0px;
}

/* last image comments */

.LastImageComment {
	overflow: hidden;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d7d7d7;
}
 
.LastImageComment .LastImageCommentContent {
	float: left;
	width: 166px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
}

.LastImageComment .LastImageCommentImage {
	margin-top: 4px;
	float: left;
	width: 72px;
	height: 72px;
}

.LastImageComment .LastImageCommentContent div {
	width: 147px;
	margin-top: 2px;
}

.LastImageComment .ImageThumb {
	width: 70px;
	height: 70px;
	border: 1px solid #DCDCDC;
}

.LastImageComment .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;
}

.LastImageComment .ImageTitle {
	display: block;
	overflow: hidden;
	height: 12px;
	font-size: 11px;
	line-height: 12px;
}

.LastImageComment:nth-last-child(1) {
	border-bottom: 0px;
}

.LastImageCommentImage {
	position: relative;
	background: black;
}
	
.NaughtyImageContent img {	
	opacity: 0.25;
    filter: alpha(opacity=25); /* For IE8 and earlier */	
}
	
div.NaughtyImage {
	position: absolute;
	display: inline-block;
	font-size: 9px;
	padding-left: 4px;
	padding-top: 0px;
	top: 1px;
	width: 17px;
	height: 17px;
	color: white;
	background-color: black;
	border-bottom-right-radius:3px;
	font-weight: 600;
}

/* last profile comments */

.LastProfileComment {
	overflow: hidden;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-bottom: 10px;	
}

div.LastProfileComment {
	border-bottom: 1px dotted #d7d7d7;
}
 
.LastProfileComment .LastProfileCommentContent {
	float: left;
	width: 149px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
}

.LastProfileComment .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;	
}

.LastProfileComment .UserMeta {
	margin-left: 54px;
}

/* last profile comments on community */

#LastProfileCommentsBox .User {
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d7d7d7;
}
 
/*#LastProfileCommentsBox .User .LastProfileCommentContent {
	float: left;
	width: 149px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
}*/

#LastProfileCommentsBox .User .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;	
}

#LastProfileCommentsBox .User .UserMeta {
	margin-left: 54px;
	font-size: 12px;
}

#LastProfileCommentsBox .User:nth-last-child(1) {
	border-bottom: 0px;
}


/* last emotions on community */

#EmotionsBox .User {
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d7d7d7;
}
 
#EmotionsBox .User .Avatar {
	float: left;
	border-radius: 3px;
	margin-top: 4px;	
}

#EmotionsBox .User .UserMeta {
	margin-left: 54px;
	font-size: 12px;	
}

#EmotionsBox .User:nth-last-child(1) {
	border-bottom: 0px;
}

.TimeAgo { font-size: 11px; 
}


/* user box */
.BoxUser img {
	border-radius: 3px;
}

.BoxUser {
	float: left;
	width: 46px;
	text-align: left;
	margin-right: 38px;
	line-height: 15px;
	margin-bottom: 20px;	
	min-height: 79px;
}

.BoxUser:nth-child(4n+5) {
	margin-right: 0px;
}

/* AVATAR */

.Avatar {
	width: 46px;
	height: 46px;
}

/* STATIC CONTENT */

/* help */
.Answer {
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 20px;
}

/* contact */
#txtEmail {
	width: 170px;
}

#txtMessage {
	width: 95%;
	height: 60px;
	}

#ddMessage {
	height: 60px;
}

#txtCaptcha, #txtUserName {
	width: 80px;
	}

#txtCaptcha {
	float: left;
	margin-right: 5px;
	}
	

/* small forms - contact page */
dt,
.dt { 
	width: 95%;
	margin-bottom: 8px;
}

dd,
.dd {
	width: 95%;
	margin-bottom: 25px;
	clear: both;
}

/* about page */

#AboutImages div {
	float: left;
	width: 90px; 
	margin-right: 10px;
	margin-bottom: 20px;
}
#AboutImages a {
	display: block;
}
#AboutImages img {
	border: 1px solid #DCDCDC;
}

.TextUl {
	list-style-type: disc;
	margin-left: 30px;
	margin-bottom: 10px;
}

.ErrorText {
	color: red;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* register page */

#FacebookRegister {
	float: left;
	width: 255px;
	border-right: 1px solid #aaa;
	height: 360px;
	margin-top: 20px;
	margin-right: 30px;	
}

#NormalRegister {
	float: left;
	width: 260px;
	margin-top: 20px;
}

#NormalRegister p, #FacebookRegister p { 
	font-weight: 600; 
	margin-bottom: 15px;
	font-size: 16px;
}

#NormalRegister label {
	float: none;
	font-size: 12px;
	font-weight: normal;
	color: #1E1E1E;	
}

#NormalRegister dl dt {
	float: none;
	text-align: left;
	height: 30px;
}

#EmailSuggestionDd {
	display: none;
	height: 20px;
}

#NormalRegister #txtUserName, #NormalRegister #txtEmail, #NormalRegister #txtPassword1, #FacebookRegisterForm #txtUserName, #txtForgotPasswordEmail, #txtPassword {
	width: 210px;
	margin: 0;
}

dd.BirthDate {
	margin-top: 10px;
	height: 55px;
}

#NormalRegister dd.Terms {
	margin-top: 15px;
	margin-bottom: 15px;
}

#cbTerms, #cbTransferImage, #cbAutoLogin, #cbSelectAll, input[type="checkbox"] {
	width: 16px;
}

#cbAutoLogin {
	margin-right: 6px;
}

#sbBirthDateDay, #sbBirthDateMonth, #sbBirthDateYear, #sbSex {
	font-size: 14px;
	padding: 3px;
	color: #1E1E1E;	
	margin-top: 3px;
}

#NormalRegister dl dd,
#NormalRegister .dl .dd {
	margin-bottom: 8px;
}

.ConfirmEmail {
	color: #57ad68;
}

#FacebookRegisterForm dd,
#FacebookRegisterForm .dd { 
	margin-top: 20px;
	margin-bottom: 0px;
}

.LoginForm #FacebookRegister { 
height: 240px; 
}

#LoginDialog #FacebookRegister { height: 75px; border-right: 0px; margin-top: 10px; }
#LoginDialog #NormalRegister { margin-left: 0px; margin-top: 10px; }
#LoginDialog #NormalRegister p, #FacebookRegister p { margin-bottom: 0px; }
#LoginDialog .LoginForm #FacebookRegister { height: 75px; }
#LoginDialog .password-box { width: 300px; }
#LoginDialog .show-password { right: 8px; }

.DialogContainer #NormalRegister { width: 300px; }
.DialogContainer #NormalRegister #txtUserName { width: 286px; }
.DialogContainer .password-box input#txtPassword { width: 234px;  }

.password-box { position: relative; }
.password-box input#txtPassword { padding-right: 58px; width: 158px; }
.show-password { position: absolute; right: 32px; top: 6px; display: none; }
.show-password.input-has-value { display: block; }

input[type="checkbox"] {
	border: 1px solid #aaa;
}

/* overwrites */

/*.Video a.UserName, .Image a.UserName {
	font-size: 11px;
}*/

h2:hover a.IndexH2, .SidebarBoxTitle a:hover {
	color: #0093cc;
}

a.UserName:hover {
	color: #1E1E1E;
}

/* rounded form boxes */

input[type="text"], #AddNews #txtTitle, #AddNews #txtUrl, #AddNews #txtContent, #txtEmail, #txtMessage, #txtCaptcha,#NormalRegister #txtUserName, #NormalRegister #txtEmail, #EditPlayListForm #txtTitle, #txtAddRecipients, #NormalRegister #txtPassword1, #FacebookRegisterForm #txtUserName, #txtForgotPasswordEmail, #txtPassword, #txtEmotion,#txtRecipient, #txtSubject, #txtComposeMessage {
	border-radius: 3px;
	display: inline-block;
	padding: 6px;
	outline: 0;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
}

/* responsive embedded content - slideshow on blog post, slideshow on image page, youtube on blog post + youtube on profile page  */

.BlogSlideshow, .TopVideoYoutubeVideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width: 655px;
}
.BlogSlideshow object, .BlogSlideshow embed, #SlideShowContainer object, #SlideShowContainer embed, .TopVideoYoutubeVideoWrapper iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 
/* responsive embedded content - mojvideo video on profile */
/* responsive embedded content - mojvideo video on viewvideo */
/* responsive embedded content - mojvideo video on blog post */


/* BEEPER - side notification */

#Beeper {
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 10000;
	width: 230px;
}
	
.BeeperItem {
	border-radius: 5px;
	display: block;
	overflow: hidden;
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #DCDCDC;
	background-color: #B8D8EC;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.BeeperItem:hover {
	text-decoration: none;
	}
	
.BeeperItem	span {
	float: left;
	width: 193px;
	margin-left: 5px;
}
.BeeperItem	.NotificationIcon {
	margin: 0;
	width: 20px;
}

.BeeperItem-topcontent_video, .BeeperItem-announcement	span {
	width: 191px;
}

.BeeperItem-topcontent_video, .BeeperItem-announcement	.NotificationIcon {
	width: 22px;
}

.BeeperItem-topcontent_image span {
	width: 188px;
}

.BeeperItem-topcontent_image .NotificationIcon {
	width: 25px;
}

.BeeperItem-FriendHasBirthDay, .BeeperItem-FriendRequest, .BeeperItem-FriendRequestAccepted	span {
	width: 190px;
}
.BeeperItem-FriendHasBirthDay, .BeeperItem-FriendRequest, .BeeperItem-FriendRequestAccepted	.NotificationIcon {
	width: 23px;
}

/* notifications */

.NotificationIcon {
	background-image: url("/static/sys/design/sprites.png?v=13");
	margin-top: 5px;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 8px;
}

.NotificationIcon-topcontent_blog {
	background-position: -408px -0px;
}

.NotificationIcon-topcontent_video {
	background-position: -346px -31px;
	width: 22px;
	height: 19px;
}

.NotificationIcon-topcontent_image {
	background-position: -369px -31px;
	width: 25px;
}

.NotificationIcon-announcement {
	background-position: -396px -31px;
	width: 22px;
}

.NotificationIcon-FriendHasBirthDay, .NotificationIcon-FriendRequest, .NotificationIcon-FriendRequestAccepted {
	background-position: -418px -31px;
	width: 23px;
	height: 19px;
}

.NotificationIcon-AlbumsComment,
.NotificationIcon-AlbumsCommentMention,
.NotificationIcon-AlbumsCommentReply,
.NotificationIcon-BlogsComment,
.NotificationIcon-BlogsCommentMention,
.NotificationIcon-BlogsCommentReply,
.NotificationIcon-BoardsCommentMention,
.NotificationIcon-BoardsCommentReply,
.NotificationIcon-CommunityCommentMention,
.NotificationIcon-CommunityCommentReply,
.NotificationIcon-ImagesComment,
.NotificationIcon-ImagesCommentMention,
.NotificationIcon-ImagesCommentReply,
.NotificationIcon-UsersComment,
.NotificationIcon-UsersCommentMention,
.NotificationIcon-UsersCommentReply,
.NotificationIcon-VideosComment,
.NotificationIcon-VideosCommentMention,
.NotificationIcon-VideosCommentReply,
.NotificationIcon-NewPm {
	background-position: -359px -52px;
}

.Notification a.UserName {
	font-size: 13px;
}


/* responsive embed - global */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.clearafter:after {
  content: "";
  display: table;
  clear: both;
}

#SlideShowContainer { position: relative; }
#SlideShowContainer.isFullScreen {height: 100%;background: #fff;}
.bxslider { height: 1px; overflow: hidden; }
.bx-wrapper .bxslider { height: auto; }
.bxslider li { text-align: center; display: inline-block; height: 100%; margin: 0; padding: 0; float:none !important; vertical-align:middle; }
.bxslider.autoHeight li { display: block; float: left !important; }
.bx-wrapper img { margin: 0 auto; max-width: 100%; height: auto; }
.bx-wrapper .bx-viewport { border: 0; box-shadow: none; border-top: 25px solid #0093cc !important;  }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { top: 7px; bottom: auto; color: #fff; }
.bx-wrapper .bx-controls-auto { top: 5px; }
.bx-wrapper .bx-pager { padding-top: 0px;}
#FullScreenSlideshow { position: absolute; right: 40px; top: 7px;z-index: 2; display: block; width: 11px; height: 11px; outline: 0;text-indent: -10000px; background: url(/static/sys/img/bxslider/controls.png) -104px 0px no-repeat;}
#FullScreenSlideshow:hover { background-position: -104px -11px; }

.HomeTabletBanner { display: none; }

/*EMOJI*/
.AddCommentForm { position: relative; }
.emojis { position: absolute; right: 0; margin-right: 96px; top: -24px; }
.emojis.active .emojis-box { display: block; }
.emojis-box { display: none; border: 1px solid #DCDCDC; position: absolute; left: 50%; margin-left: -93px; top: -175px; width: 161px; background: #FFF; padding: 12px 12px 10px; border-radius: 2px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.emojis-box  .emoji { display: inline-block; width: 16px; margin: 4px; text-align: center; }
.emojis-box  img { max-width: 100%; height: auto; }

@media (min-width: 729px) {
  .emojis-box:after, .emojis-box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .emojis-box:after { border-color: rgba(213, 213, 213, 0); border-top-color: #FFFFFF; border-width: 6px; margin-left: -6px; }
  .emojis-box:before { border-color: rgba(220, 220, 220, 0); border-top-color: #DCDCDC; border-width: 7px; margin-left: -7px; }

  .emojis.bottom .emojis-box  { top: 27px; }
  .emojis.bottom .emojis-box:after, .emojis.bottom .emojis-box:before { bottom: 100%; top: initial; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .emojis.bottom .emojis-box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 6px; margin-left: -6px; }
  .emojis.bottom .emojis-box:before { border-color: rgba(220, 220, 220, 0); border-bottom-color: #DCDCDC; border-width: 7px; margin-left: -7px; }
}
@media (max-width: 728px) {
  .emojis { margin-right: 6%; }

  .emojis-box  { margin-left: -143px; top: -90px; width: 94px; }
  .emojis-box:after, .emojis-box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .emojis-box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFFFFF; border-width: 6px; margin-top: -6px; }
  .emojis-box:before { border-color: rgba(220, 220, 220, 0); border-left-color: #DCDCDC; border-width: 7px; margin-top: -7px; }
  
  .emojis.bottom .emojis-box { top: -13px; }
  .emojis.bottom .emojis-box:after, .emojis.bottom .emojis-box:before { top: 20px; }
}

.FooterMobleAd {
  display: none;
}

@media (max-width: 728px) {
  .FooterMobleAd {
    display: block;
	text-align: center;
	padding: 20px 0;
  }
}

/* MISC */
#OutsideLink {
	padding: 0px 0 20px 0;
	text-align: center;
	width: 100%;
	display: inline-block;
}

/*HOROSKOP CSS*/

.horoskopItem {float: left; width: 33%; padding: 0 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.horoskopItemImg {width: 100%; text-align: center; margin: 20px 0;}
.horoskopItemImg img {width: 107px;}
.horoskopItem h3 {font-size: 18px; color: #0093d6; font-weight: bold; text-align: center; margin-bottom: 3px;}
.horoskopItem h4 {font-size: 14px; color: #264b78; font-weight: 600; text-align: center; margin-bottom: 15px;}
.horoskopItem p {height: 172px;}

@media (max-width: 768px) {
	.horoskopItem {width: 50%;}
	.horoskopItem:nth-child(2n+1) {padding-left: 0;}
	.horoskopItem:nth-child(2n+2) {padding-right: 0;}
	.horoskopItem p {height: 210px;}
}

@media (max-width: 340px) {
	.horoskopItem {width: 100%; padding: 0; margin-bottom: 20px;}
	.horoskopItem p {height: auto;}
}