@charset "utf-8";
/* CSS Document */

/* RESET STYLES
----------------------------------------------- */
/* GENERAL STYLES
----------------------------------------------- */
#smMainContent{
	position:relative;
	margin:0 auto; padding:25px 25px 15px 0;
}

.dnnFormMessage{-moz-border-radius:3px;border-radius:3px;padding:10px 10px 10px 40px;line-height:1.4;margin:0.5em 1em;}
.dnnFormSuccess{background:#ecffeb url(../../../images/success-icn.png) no-repeat 10px center;border:2px #64b657 solid;color:#358927}

/* ----- LINKS ----- */

.DnnModule-Messaging-Notifications a, .DnnModule-Messaging-Details a, .smListings li ul * {
	-webkit-transition: all .15s ease;
	   -moz-transition: all .15s ease;  
   	     -o-transition: all .15s ease;  
        	transition: all .15s ease; 
}

.DnnModule-Messaging-Notifications p a,
.DnnModule-Messaging-Details p a { border-bottom: 1px dashed #E5E5E5; }
.DnnModule-Messaging-Notifications p a:hover,
.DnnModule-Messaging-Details p a:hover {text-decoration:underline;}

/* BUTTONS */

	/*
	-  Messages / Notification Specific Button Styles
	------------------------------------------------------------------*/
	
	
		/* Select Drop Down with button style */
		.DnnModule-Messaging-Notifications .selectDrop {position:relative;z-index:1; width:auto;}
		.DnnModule-Messaging-Notifications .selectDrop  > a span{padding-right:5px;}
		
		/* Select Drop Down Arrow for regular, active, and disabled state */
		.selectDrop > a:after{
			display:none;
			content:'';
			position:relative;
			display:inline-block; width:7px; height:9px;
			background: url(images/icons.png) 0 3px no-repeat;	
			margin: 0 0 0 6px;
		}
		.selectDrop > a:hover:after{background: url(images/icons.png) -250px 3px no-repeat;}
		.selectDrop > a.disabled:hover:after{background: url(images/icons.png) 0 3px no-repeat;}
		
		.selectDrop > a:active span{color:#ddd;}
		.selectDrop > a:active:after{background: url(images/icons.png) -250px 3px no-repeat;}
		.active > a:after{background: url(images/icons.png) -250px 3px no-repeat!important;} 
		.selectDrop > a.disabled:active:after{background: url(images/icons.png) 0 3px no-repeat;}
		
		/* Styles for select drop*/
		.DnnModule .selectDrop ul{
			display:none;
			position:absolute; left:0; top:31px;
			padding:15px!important;
			min-width:150px;
			border:1px solid #ccc; background:#fff;
			
			/*CSS3*/
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft:	3px;
			-webkit-border-radius: 			0px 0px 3px 3px;
			border-radius: 					0px 0px 3px 3px; 
			
			-webkit-box-shadow: 	0px 2px 0px 0px rgba(0, 0, 0, .5);
			-moz-box-shadow: 		0px 2px 0px 0px rgba(0, 0, 0, .5);
			box-shadow: 			0px 2px 0px 0px rgba(0, 0, 0, .5); 
		}
		/* Styles for select button on active state*/
		.selectDrop.active {z-index:2; border:none;}
		.selectDrop.active .dnnTertiaryAction{
			position:relative; z-index:3;
			background:#666;
			color:#ddd;
			text-shadow:none;
			
			-webkit-box-shadow: 	inset 0px 0px 5px 0px #555;
			-moz-box-shadow: 		inset 0px 0px 5px 0px #555;
			box-shadow: 			inset 0px 0px 5px 0px #555; 
		}
		.selectDrop.active > a:after{background: url(../images/icons.png) -250px 3px no-repeat;}
		
		/* Prevent default .select dropdown hoverstate when dropdown is open*/
		.selectDrop.active > a:active:after{background: url(../images/icons.png) 0 3px no-repeat;}
		
		/* when select drop down button is clicked toggle active class to show*/
		.selectDrop.active ul{display:block;}
		.selectDrop ul li{margin-bottom:5px;}
		
		.dnnCoreMessagingContent  .messageControls a.ArchiveItems{			
			margin-left: 5px;
		}

		.clear{clear:both;}
		
		ul.token-input-list-facebook { width: 45% !important; margin-bottom: 18px !important; }


button, input[type="button"], input[type="reset"], input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span{ 
		min-width:55px;
	}	

/* MODULE STRUCTURE
----------------------------------------------- */
.DnnModule-Messaging-Notifications,
.DnnModule-Messaging-Details{position:relative;}

.dnnForm{min-width:inherit; width:100%;}
.dnnCoreMessagingContent, .dnnMessagingHeader, .dnnCoreMessagingFooter{position:relative;z-index:0;} /* z-index needs to be set for header controls */
.dnnCoreMessagingContent{z-index:1;}

/* HEADER */

#composeMsgButton, #composeMsgButtonDetails{position:absolute;right:0;bottom:15px;text-decoration:underline;}
.dnnAdminTabNav a span{
	display:inline;
	min-height:12px;
	padding: 0.3em 7px;
	margin-right:5px;
	background: rgb(31,152,241); /* Old browsers */
	font-weight:normal;
	font-size:11px;
	
	/*CSS3*/	
	background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
	
	-webkit-border-radius: 	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px; 
	
	-webkit-box-shadow: 0px 1px 0px 0px #222222;
	-moz-box-shadow: 0px 1px 0px 0px #222222;
	box-shadow: 0px 1px 0px 0px #222222; 
}

/* CONTENT */
.dnnCoreMessagingContent{padding-top:15px;}

	.messageControls{margin-bottom:15px; padding:15px 0; border-bottom:1px solid #ddd; }
	.messageControls ul, .messageControls li{list-style:none;padding:0;margin:0;}
	.messageControls a:hover{text-decoration:none;}
	.DnnModule .messageControls .buttonGroup {margin-right:7px; padding-left:0;}
	
	/* Float Control Groups */
	.messageControls div{position:relative;float:left;z-index:1;} /*fix z-indexing issue between controls*/
	.messageControls div:hover{z-index:2;}
	
	.messageControls .messageFolders{float:right;}
	.messageControls .messageSelect{margin-right:25px;}
	.messageControls div.clear{float:none;}
	
	/*Group Contents */
	.messageControls div > ul {float:left;}
	.messageControls div > ul > li{float:left; position:relative;}
	
			
	/* Message Folder Specific Styles*/
	.messageFolders p{float:left; display:inline-block; padding: 8px 15px; color:#666;}
	.messageFolders p strong{color:#444; font-weight:bold;}
	
	/* Message Group Selection Styles */
	/* .dnnTertiaryAction.ArchiveItems {padding: 8px 12px; overflow:hidden;}
	.dnnTertiaryAction.ArchiveItems span{
		display:inline-block; 
		overflow:hidden; 
		width:10px;
		background:url(images/icons.png) no-repeat -49px 2px;
		text-indent:-9999px;
	}
	.dnnTertiaryAction.ArchiveItems:active span{background-position:-99px 2px;} */
	/* Message Order Styles */
	.messageActions > a.dnnTertiaryAction{float:left;}
	.dnnTertiaryAction.ToggleOrder {padding: 9px 12px;}
	.dnnTertiaryAction.ToggleOrder span{
		display:inline-block; 
		overflow:hidden; 
		width:10px;
		background:url(images/icons.png) no-repeat -150px 3px;
		text-indent:-9999px; 
	}
	.dnnTertiaryAction.ToggleOrder:active span{background-position:-300px 3px;}
	.dnnTertiaryAction.ToggleOrder.ascend span{background-position: -200px 3px;}
	.dnnTertiaryAction.ToggleOrder.ascend:active span{background-position: -350px 3px;}
	.dnnPrimaryAction.ComposeMessage { margin-bottom: 0; }

	/* AJAX load styles */
	#loadingMessages, #loadingNotifications {
		text-align:center;
		color:#999;
		background:#f4f4f4;
		padding:15px;
	}
	#loadingMessages img, #loadingNotifications img{margin-right:5px;}

	/* Message Header (subject and back button) */
	.messageHeader{padding:12px 0 20px 0;}
	.messageHeader p{ font-size:18px; color:#444;float:left;}
	.messageHeader p strong{ font-weight:bold; color:#333;}
	.messageHeader .returnLink{float:right; font-weight:bold;}
	
	/* Message Header (subject and back button) */
	.morePrevMsgButton{
		padding:17px 15px 15px 15px; margin-bottom:15px;
		display:block;
		background:#F4F4F4 url(images/list-Icon.png) no-repeat 15px 18px;
		border-bottom:1px solid #ddd;
		text-align:center;
	}
	.morePrevMsgButton .replyView{
		display:block;
        font-weight:bold;
        margin:0 auto;
    }

	/* Listing Styles */
	.smListings{width:100%; clear:both; margin-bottom:15px;}
	
	.DnnModule .smListings ul{ padding-left:0!important;}
	.smListings > ul > li{overflow: auto; width:100%; background:#eee; border-bottom:1px solid #eee;  }
	.smListings > ul > li.active{background:none;}


	.ListCol-1 dd, .ListCol-2 dd, .ListCol-3 dd, .ListCol-4 dd,
	.ListCol-1 dt, .ListCol-2 dt, .ListCol-3 dt, .ListCol-4 dt,
	.ListCol-1 dl, .ListCol-2 dl, .ListCol-3 dl, .ListCol-4 dl{margin:0;padding:0;font-family:inherit;}
		
	
	.smListings [class^="ListCol-"]{
		display:block; float:left;
		padding:2% 2% 2% 0;
		overflow:hidden;
		word-wrap: break-word;
	}
	
	.DnnModule-Messaging-Notifications .previousMessages .smListings [class^="ListCol-"]{ height:auto; }
	
	.DnnModule-Messaging-Notifications .smListings .ListCol-1{width:1%; padding-left:2%; min-width:25px;}
	.DnnModule-Messaging-Notifications .smListings .ListCol-2{width:8%; min-width:65px;}
	.DnnModule-Messaging-Notifications .smListings .ListCol-3{width:56%;}
	.DnnModule-Messaging-Notifications .smListings .ListCol-4{width:25%; max-width:160px;float:right;}
	
	.DnnModule-Messaging-Details .smListings .ListCol-1{width:6%; padding-left:2%;}
	.DnnModule-Messaging-Details .smListings .ListCol-2{width:61%;}
	.DnnModule-Messaging-Details .smListings .ListCol-3{width:25%;}
	
	
	/*Column 1 Styles*/
	.DnnModule-Messaging-Notifications .smListings .ListCol-1 input[type="checkbox"]{float:left;}
	.DnnModule-Messaging-Notifications .smListings .ListCol-1 label{text-indent:-99999px;}

	.DnnModule-Messaging-Details .smListings .profileImg{
		display:block;
		width:40px; height:40px;
		background:#ddd;
		border:3px solid #ddd;
	}
	.DnnModule-Messaging-Details .smListings .profileImg span{display:inline-block; width:40px; height:40px; overflow:hidden; border: transparent; text-decoration: none;}
	.DnnModule-Messaging-Details .smListings .profileImg span em { display: table-cell; width: 40px; height: 40px; vertical-align: middle; } 
	.DnnModule-Messaging-Details .smListings .profileImg img{display: inline-block; border: none; width: 100%; -ms-interpolation-mode: bicubic;	}
	/*Column 2 Styles*/
	.DnnModule-Messaging-Notifications .smListings .profileImg{
		display:block;
		width:40px; height:40px;
		background:#ddd;
		border:3px solid #ddd;
	}
	.DnnModule-Messaging-Notifications .smListings .profileImg span{display:inline-block; width:40px; height:40px; overflow:hidden; border: transparent; text-decoration: none;}
	.DnnModule-Messaging-Notifications .smListings .profileImg span em { display: table-cell; width: 40px; height: 40px; vertical-align: middle; } 
	.DnnModule-Messaging-Notifications .smListings .profileImg img{display: inline-block; border: none; width: 100%; -ms-interpolation-mode: bicubic;	}
	.DnnModule-Messaging-Details .smListings .active .subject{font-weight:bold;}
	.DnnModule-Messaging-Details .smListings .meta{margin-bottom:10px;}
	.DnnModule-Messaging-Details .smListings .meta em{font-style:italic;}
	.DnnModule-Messaging-Details .smListings .meta a{font-weight:bold;}
	.DnnModule-Messaging-Details .smListings .message{color:#888; margin-bottom:15px;white-space: pre-wrap;}
	.DnnModule-Messaging-Details .smListings .attatchements{margin-bottom:15px;}
	.DnnModule-Messaging-Details .smListings .attatchements strong{
		display:block;
		margin-bottom:15px;
		font-weight:bold;
	}
	.DnnModule-Messaging-Details .smListings .attatchements li{
		background:url(images/page-Icon.png) no-repeat 0 2px; 
		padding:4px 20px;
	}

	/*Column 3 Styles*/
	.DnnModule-Messaging-Notifications .smListings .active .subject{font-weight:bold;}
	.DnnModule-Messaging-Notifications .smListings .meta{margin-bottom:10px;}
	.DnnModule-Messaging-Notifications .smListings .meta em{font-style:italic;}
	.DnnModule-Messaging-Notifications .smListings .meta a{}
	.DnnModule-Messaging-Notifications .smListings .meta a:hover{/*baby blue*/}
	.DnnModule-Messaging-Notifications .smListings .message{color:#888;white-space: pre-wrap;}

	.DnnModule-Messaging-Details .smListings .ListCol-3 ul{float:right;} 
	.DnnModule-Messaging-Details .smListings .ListCol-3 ul li{text-align:right; margin-bottom:8px; height:18px; list-style:none;}
	.DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child{color:#888;}
	.DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
		display:inline-block;
		width:16px; height:16px;
		margin-left:5px;
		background: rgb(31,152,241); /* Old browsers */
		overflow:hidden;
		text-indent:9999px;
		
		/*CSS3*/	
		background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
		background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
		
		-webkit-border-radius: 	3px;
		-moz-border-radius: 	3px;
		border-radius: 			3px; 
		
		-webkit-box-shadow: 0px 1px 0px 0px #222222;
		-moz-box-shadow: 0px 1px 0px 0px #222222;
		box-shadow: 0px 1px 0px 0px #222222; 
	}
	.DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
		display:inline-block;
		width:16px; height:16px;
		margin-left:5px;
		background: rgb(227,227,227); /* Old browsers */
		overflow:hidden;
		text-indent:9999px;
		
		/*CSS3*/
		
		background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(199,200,202,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(199,200,202,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* Opera 11.10+ */
		background: linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* W3C */
		
		-webkit-border-radius: 	3px;
		-moz-border-radius: 	3px;
		border-radius: 			3px; 
		
		-webkit-box-shadow: 0px 1px 0px 0px #222222;
		-moz-box-shadow: 0px 1px 0px 0px #222222;
		box-shadow: 0px 1px 0px 0px #222222; 
	}

	/*Column 4 Styles*/
	.DnnModule-Messaging-Notifications .smListings .ListCol-4 ul{float:right;} 
	.DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li{
		display:block;
		line-height:20px;
		margin-bottom:8px; 
		height:20px; 
		list-style:none;
		text-align:right;
	}
	.DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child{color:#888;}
	.DnnModule-Messaging-Notifications .smListings li ul .hoverControls div{display:none; padding-top:5px;}
	.DnnModule-Messaging-Notifications .smListings li:hover ul  > .hoverControls div{display:block; margin-top: 15px; }
	    
	.DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover {
		display:inline-block;
		width:16px; height:16px;
		margin-left:5px;
		background: rgb(31,152,241); /* Old browsers */
		overflow:hidden;
		text-indent:9999px;
		
		/*CSS3*/	
		background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
		background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
		
		-webkit-border-radius: 	3px;
		-moz-border-radius: 	3px;
		border-radius: 			3px; 
		
		-webkit-box-shadow: 0px 1px 0px 0px #222222;
		-moz-box-shadow: 0px 1px 0px 0px #222222;
		box-shadow: 0px 1px 0px 0px #222222; 
	}
	.DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle{
		display:inline-block;
		width:16px; height:16px;
		margin-left:5px;
		background: rgb(227,227,227); /* Old browsers */
		overflow:hidden;
		text-indent:9999px;
		
		/*CSS3*/
		
		background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(199,200,202,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(199,200,202,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* Opera 11.10+ */
		background: linear-gradient(top, rgba(227,227,227,1) 0%,rgba(199,200,202,1) 100%); /* W3C */
		
		-webkit-border-radius: 	3px;
		-moz-border-radius: 	3px;
		border-radius: 			3px; 
		
		-webkit-box-shadow: 0px 1px 0px 0px #222222;
		-moz-box-shadow: 0px 1px 0px 0px #222222;
		box-shadow: 0px 1px 0px 0px #222222; 
	}
	
	.DnnModule-Messaging-Notifications .notificationControls{margin-top:10px;}
	

/* FOOTER */
	.dnnCoreMessagingFooter{ width:100%; }
	.DnnModule-Messaging-Notifications .footer a.dnnPrimaryAction{float:right;}
	.DnnModule-Messaging-Details .footer a.dnnPrimaryAction{float:left; clear:left;}
	
	textarea#replyMessage{
		display:block;
		width:70%; height:75px;
		margin-bottom:15px;
		margin-right:15px;
		padding:15px;
		
		border:1px solid #BDB58E;
		font-family:Arial, Helvetica, sans-serif;
		color:#777;
		
		background:#F7F6E8;
		
		/*CSS3*/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; 
	}
	textarea#replyMessage:focus, textarea#replyMessage:active{
		background:#F9F8D2;
		color:#333;
	}
	.notificationControls .dnnPrimaryAction{margin-right:5px;} 
    .troubleshoot{border:1px solid red;}
    
    /*composeMessageDialog*/
    .composeMessageDialog.dnnForm{
        padding-top: 18px;
    }
	.composeMessageDialog .fileUploadArea{ display: inline-block;vertical-align: top;}
    .composeMessageDialog .dnnTertiaryAction{ margin: 0 10px 0 0;padding: 6px 6px;height: 32px;}
	/*Attachments*/
	.composeMessageDialog .messageAttachments{ margin-top: 5px;}
	/* File Upload */
	.composeMessageDialog .itemUpload{ clear: both;}
    .composeMessageDialog .itemUpload .progress_bar_wrapper{ width: 500px;overflow: hidden;}
    .composeMessageDialog .itemUpload .progress-bar div{ background-image: url('Images/progress.gif');position:relative;padding:0 !important;}
	
	/* Subscriptions Style*/
	.moduleContainer * {
  margin: 0;
  padding: 0;
}

/* module container */

.moduleContainer {
  width: 100%;
}

/* Module Title Container */

.moduleTitleContainer {
  background-color: #fff;
  padding: 18px;
}

.moduleTitleContainer > .activities-votes-indicator {
  float: left;
  margin-right: 20px;
  padding: 12px 10px 5px 8px;
}

.moduleTitleContainer > .activities-votes-indicator span {
  display: block;
}

.activities-votes-indicator span.activities-numberOfVotes {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.activities-votes-indicator span.dea-votes-span {
  font-size: 10px;
  text-align: center;
}

.activities-title-container {
  float: left;
  padding-top: 4px;
}

.activities-title-container > p.activities-title-status {
  float: left;
  font-family: "Titillium Web", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
  margin-right: 5px;
}

.activities-title-container > h3.activities-title {
  display: block;
  float: left;
  font-size: 20px;
  font-weight: bold;
}

.activities-title-container > p.activities-title-returnPrev {
  font-size: 12px;
  margin-top: 7px;
}

ul.activities-actions {
  list-style-type: none;
  margin-top: 20px;
}

  ul.activities-actions > li {
    border-right: 1px solid #dfdfdf;
    display: block;
    float: left;
    line-height: 1em;
    padding: 0 10px 0 10px;
  }

    ul.activities-actions > li > a {
      padding-left: 25px;
      padding-bottom: 10px;
    }

    ul.activities-actions > li:first-child {
    }

    ul.activities-actions > li:last-child {
      border-right: none;
    }

ul.activities-social-actions {
  float: right;
  list-style-type: none;
  margin-top: 8px;
}

  ul.activities-social-actions > li {
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
  }

    ul.activities-social-actions > li a {
      display: block;
      height: 20px;
      width: 20px;
    }

.moduleThreadContainer > .activities-info-panel {
  border-bottom: 1px solid #dfdfdf;
  padding: 25px 20px 20px 20px;
}

.moduleThreadContainer > .activities-comments-panel {
  padding: 15px 20px 10px 20px;
}

.activities-comments-panel > div.activities-avatar {
  margin-right: 20px;
}

.activities-comments-panel > a.activities-comment-button {
  margin: 2px 20px 0 0;
}

.activities-comments-panel > span {
  margin: 10px 15px 0 0;
}

ul.activities-pager-ul {
  list-style-type: none;
  margin: 10px 0 0 0;
}

  ul.activities-pager-ul > li {
    display: block;
    float: left;
    margin-right: 3px;
  }

    ul.activities-pager-ul > li > span:after,
    ul.activities-pager-ul > li > a:after {
      content: ",";
    }

    ul.activities-pager-ul > li:last-child > a:after {
      content: "";
    }

div.activities-pager-rightside {
  margin: 10px 0 0 0;
  width: 150px;
}

  div.activities-pager-rightside > span {
    float: left;
    margin-right: 15px;
  }

  div.activities-pager-rightside > a {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 1);
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #eee6e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee6e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#eee6e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%,#eee6e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%,#eee6e5 100%); /* IE10+ */
    background: linear-gradient(top, #fff 0%,#eee6e5 100%); /* W3C */
    border: 1px solid #ddd;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    color: #555;
    display: block;
    float: left;
    height: 25px;
    margin-top: -6px;
    text-shadow: 0px 1px 0px #ffffff;
    width: 25px;
  }

    div.activities-pager-rightside > a.activities-pager-prev {
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      background-image: url("images/left.png");
      background-position: center;
      background-repeat: no-repeat;
      border-bottom-left-radius: 3px;
      border-right: none;
      border-top-left-radius: 3px;
    }

    div.activities-pager-rightside > a.activities-pager-next {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      background-image: url("images/right.png");
      background-position: center;
      background-repeat: no-repeat;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
    }

      div.activities-pager-rightside > a.activities-pager-next.disabled {
        opacity: 0.65;
      }

    div.activities-pager-rightside > a.activities-pager-prev.disabled {
      opacity: 0.65;
    }

.activities-info-panel > a.activities-vote-button {
  float: left;
  margin-right: 20px;
}

  .activities-info-panel > a.activities-vote-button.disabled {
    opacity: 0.5;
  }

.activities-info-panel > .activities-vote-options {
  position: absolute;
  border: 1px solid #bbb;
  background-color: #eee;
  padding: 15px;
  display: none;
}

.activities-vote-options > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.activities-info-panel > ul {
  color: #bbb;
  list-style-type: none;
  margin-top: 12px;
}

  .activities-info-panel > ul > li {
    border-right: 1px solid #dfdfdf;
    display: block;
    float: left;
    line-height: 1em;
    padding: 0 8px 0 8px;
  }

    .activities-info-panel > ul > li:last-child {
      border-right: none;
    }

.activities-info-panel a.activities-like-button {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("images/LikeSelect.png");
  vertical-align: top;
  margin: -2px 4px 0 0;
}

.activities-main-container {
  background-color: #fff;
  padding: 25px 20px 20px 20px;
}

  .activities-main-container.activities-response {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 5px;
  }

  .activities-main-container.activities-comment {
    padding: 0 20px 0 20px;
  }

    .activities-main-container.activities-comment:first-child {
      padding-top: 5px;
    }

    .activities-main-container.activities-comment:last-child {
      padding-bottom: 20px;
    }

  .activities-main-container > h3 {
    font-family: arial;
    font-size: 20px;
    font-weight: normal;
  }

.activities-avatar {
  display: block;
  float: left;
  padding: 1px;
  margin-right: 20px;
  background-color: #bbb;
}

  .activities-avatar img {
    height: 40px;
    width: 40px;
  }

.activities-content > span {
}

span.activities-comments-author {
  color: #000;
  font-weight: bold;
  margin-right: 15px;
}

span.activities-comments-date {
  color: #bbb;
  display: block;
}

.activities-content > p,
.activities-response-content > p {
  margin-top: 20px;
}

ul.activities-comments-actions {
  list-style-type: none;
  margin-top: 20px;
}

  ul.activities-comments-actions > li {
    border-right: 1px solid #dfdfdf;
    display: block;
    float: left;
    line-height: 1em;
    padding: 0 10px 0 10px;
  }

    ul.activities-comments-actions > li a {
      display: block;
      height: 20px;
      width: 20px;
    }

    ul.activities-comments-actions > li:first-child {
      padding-left: 0;
    }

    ul.activities-comments-actions > li:last-child {
      border-right: none;
    }

p.activities-response-more {
  text-align: center;
}

  p.activities-response-more > a {
    font-weight: bold;
  }


/* activities list view
----------------------------------*/

.activities-list-container {
  margin-top: 25px;
}

.loading-container.loading {
  background-image: url('/Images/dnnanim.gif') !IMPORTANT;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.75;
}

.activities-reply {
  background: transparent url('Images/reply.png') no-repeat;
  background-position-y: -7px;
}

.activities-report {
  background: transparent url('Images/report.png') no-repeat;
  background-position-y: -7px;
}

.activities-like {
  background: transparent url('Images/Likes.png') no-repeat;
  background-position-y: -2px;
}

.activities-like-liked {
  background: transparent url('Images/LikeSelect.png') no-repeat;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

.loading-container .loading {
  background-image: url('/Images/dnnanim.gif');
  background-position: center center;
  background-repeat: no-repeat;
}

.activities-comments-panel textarea.message {
  height: 120px;
  width: 500px;
}

div.messageArea {
  margin-top: 16px;
}

.fixed {
    table-layout: fixed;
}

.dnnTableDisplay {
    width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.number-cell {
    text-align: right;
}

::-webkit-input-placeholder {
    color: #777;
}

:-moz-placeholder { /* Firefox 18- */
    color: #777;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #777;
}

:-ms-input-placeholder {
    color: #777;
}

#dnnActivities .dnnFilterSet {
    position: relative;
}

#dnnActivities .dnnFilterSet ul li {
    margin: 6px 3px;
}

/* Badges */
.badgeContainer {   
    padding: 12px;
    width: 184px;
    margin-right: 18px;
    margin-bottom: 18px;
    border: 1px solid #CCCCCC;
	border-radius:4px;
}

div.dnnBadgeList {
    list-style-type: none;
    margin: 0;
    width: 720px;
}

img.badgeImage {
    padding-right: 10px;
    width: 36px;
    height: 36px;
}

span.badgeName {
    font-weight: bold;
}
/* End Subscriptions Style*/

/* ISSUE DNN-5754 */
ul.messages dd.message img {
    max-width: 100% !important;
    height: auto !important;
}