/*
The contents of this file are subject to the Mozilla Public License Version 1.1
(the "License"); you may not use this file except in compliance with the
License. You may obtain a copy of the License at http://www.mozilla.org/MPL/

Software distributed under the License is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
the specific language governing rights and limitations under the License.

The Original Code is comprised of the pt_social_media directory

The Initial Developer of the Original Code is
PaperThin, Inc. Copyright(C) 2011-2020.
All Rights Reserved.

By downloading, modifying, distributing, using and/or accessing any files 
in this directory, you agree to the terms and conditions of the applicable 
end user license agreement.
*/

    /*  Wrapper Div for all posts */
	#smPosts {
		width: 480px;
		/*border: 1px #000 solid;*/
	}
    
	#smPosts .smRemovePost {
		margin: 0 0 4px;
		/*margin: 10px 25px 4px 0;*/
		/*padding: 2px 0pt 2px 4px;*/
		padding: 0 8px 2px;
		/*font-size: 105%;*/
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
		background-color: silver;
		border: 2px #3f3f3f solid;
		/*background-color: #C00;
		border: 2px #700 solid;*/
		letter-spacing: 1px;
	}
	
	#smPosts .smToolsInit {
		display: none;
	}
	
	#smPosts .smRemovePostOver {
		background-color: #7c7c7c !important;
	}
	
   #smPosts .smRemovePost span {
   	float: right;
   }
   
   /* Wrapper DIV for each post */
   .smPost {
		/* width: 450px;*/
		vertical-align: top;
		min-height: 60px;
		padding-left: 6px;
		padding-bottom: 12px;
		padding-top: 8px;
		border-bottom: #999999 solid 1px;
		/* border: 1px #000 solid; */
    }
   
   #smSourceLinksTop {
    	width: 500px;
    	border-bottom: #999999 solid 1px;
    	padding-bottom: 8px;
    	margin-bottom: 18px;
		/* Comment out the width, border, padding and margin lines above and uncomment the
		float and width below to align the source links to the right of the posts */
		/* float: right;
		width: 180px; */
		/* border: 1px #000 solid; */
    }
    #smSourceLinksBottom {
    	width: 450px;
    	border-bottom: #999999 solid 1px;
    	/*	border: 1px #000 solid; */
    }
	
   .smToolLinkMenu {
   	text-align: right;
   }
	.smToolLink {
   	cursor: pointer; 
   	padding: 4px; 
   	margin-top: 8px; 
   	text-decoration: none; 
   }
     
	.smFeedInfo {
		float: left;
		width: 85%
		/*width: 414px;*/
		/* border: 1px #000 solid; */

	}
	.smFeedInfoWide {
		float: left;
		width: 95%
		/*width: 474px;*/
		/* border: 1px #000 solid; */
	}
	
	.smContentPanel {
		width: 80%;
		/*width: 400px;*/ 
		/* Remove Padding if BG color is removed */
		padding: 6px; 
		background: #ECEFF5;
		/* margin-left: 60px; */
		margin-top: 3px;
		margin-bottom: 6px;
		/* float: left; */
		/* border: 1px #000 solid;  */
	}
	
	.smSourceInfo {
		float: left;
		width: 80%;  
		/* margin-left: 6px;  */
		/*width: 330px; */
		text-align: justify;
		/* border: 1px #000 solid;  */
	}
	.smSourceInfoWide {
		float: left;
		width: 94%;  
		/* margin-left: 6px;  */
		/*width: 330px; */
		text-align: justify;
		/* border: 1px #000 solid;  */
	}

	
	.smContentImagePanel {
		margin-top: 6px;
		/* width: 121px; 
		display: block;*/
		/* border: 1px #000 solid;  */
	}
	/*.smContentImagePanel a {
		 margin: 2px;
	} */
	.smContentInfo {
		float: left;
		width: 80%;
		/*width: 220px;*/
		text-align: justify;
		padding-bottom: 4px;
		/* border: 1px #000 solid; */
	}
	/* Used when there wider Content Image Thumbnails (YouTube) */ 
	.smContentInfoNarrow {
		float: left;
		width: 70%;
		text-align: justify;
		padding-bottom: 4px;
	}
	
	.smServicePanel {
		margin-bottom: 6px;
		/* border: 1px #000 solid; */
	}
	
	
	/* BEGIN - smName */
	.smName {
		font-size: 14px;
		color: #333;
		text-align: left;
		padding-left: 9px;
	}
	.smName a {
		color: #3B5998;
		font-size: 11px;
		margin: 3px 3px 3px 0;
	}
	.smName b {
		font-size: 14px;
		color: #3B5998;
		cursor: pointer;
	}
	.smName em {
		color: #333;
		font-style: normal;
		width: 110px;
		font-size: 11px;
	}
	.smName span {
		color: #777777;
		font-size: 11px;
	}
	/* END - smName */

	img.smFeedImage {
		float: left;
		width: 50px;
		border: 0 none;
	}
	img.smSourceImage {
		float: left;
		width: 50px;
		border: 0 none;
		padding: 5px;
	}
	img.smContentImage {
		/* max-width: 120px; */
		max-height: 90px;
		max-width: 90px;
		padding: 3px;
		border: 1px solid #CCC;
		float: left;
		display: block;
		/* width: 50px; */
	}
	img.smServiceImage {
		width: 32px;
		vertical-align: middle;
		margin-right: 10px;
		border: 0 none;
	}
	img.smServiceImageSmall {
		width: 26px;
		vertical-align: middle;
		margin-right: 10px;
		border: 0 none;
	}
	
	span.smDTstampBox {
		/* border: 1px #000 solid; */
	} 
	/* .smServiceImageBox {
		float: left;
		border: 1px #000 solid;
	} */ 
	/* .smDTstampBox {
		float: left; 
		vertical-align: middle;
		border: 1px #000 solid;
	} */
	span.smDTnormal {
		
	}
	span.smDTsmall {
		color:#666666; 
		font-size: 11px;
	}
	
	.smLikeButton, .smTweetButton {
		float: left;
		margin-right: 10px;
		/* border: 1px #000 solid; */
	}
	
	.smSourceLinksHeader {
		font-weight: bold;
	}
	.smSourceLink {
		margin-top: 4px;
	}
	
	#smYouTubeMediaPlayerBox {
		
	}
	.smLBcloseBox {
		margin-top: 15px;
		text-align: center;
	}
	
	.smClear {
		clear: both;
	}
	/*.smClearAlt {
		clear: both;
	}*/
	.smClearfix {
		display: block;
	}