/*  THREAD BIT ICONS */


.lastPostIcon {
		width:14px;
		height:14px;
		border-radius:50%;
		position:relative;
		background:rgba(0,0,0,0.35);
		display:inline-block;
}

.lastPostIcon::before {
		position: absolute;
		content: "";
		top: 3px;
		left: 6px;
		width: 0em;
		height: 0em;
		border-top: 4px solid rgba(44, 44, 44, 0);
		border-bottom: 4px solid transparent;
		border-left: 4px solid #fff;
}



		.thread_new, .thread, .thread_hot, .thread_hot_new
		{
			width: 3px;
			height: 40px;
			margin: -6px;
			/*background: #e4e4e4;	*/
			position:relative;
			left:-1px;		
		}

								
/*				
		.thread_hot_new
		{
			width: 6px;
			height: 42px;
			margin: -6px;

			background: rgb(49,130,214);
			background: -moz-linear-gradient(left,  rgba(49,130,214,1) 0%, rgba(41,137,216,1) 50%, rgba(255,115,38,1) 50%, rgba(255,115,38,1) 100%); 
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,130,214,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(50%,rgba(255,115,38,1)), color-stop(100%,rgba(255,115,38,1))); 
			background: -webkit-linear-gradient(left,  rgba(49,130,214,1) 0%,rgba(41,137,216,1) 50%,rgba(255,115,38,1) 50%,rgba(255,115,38,1) 100%); 
			background: -o-linear-gradient(left,  rgba(49,130,214,1) 0%,rgba(41,137,216,1) 50%,rgba(255,115,38,1) 50%,rgba(255,115,38,1) 100%); 
			background: -ms-linear-gradient(left,  rgba(49,130,214,1) 0%,rgba(41,137,216,1) 50%,rgba(255,115,38,1) 50%,rgba(255,115,38,1) 100%); 
			background: linear-gradient(to right,  rgba(49,130,214,1) 0%,rgba(41,137,216,1) 50%,rgba(255,115,38,1) 50%,rgba(255,115,38,1) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3182d6', endColorstr='#ff7326',GradientType=1 ); 

			position:relative;
			left:-2px;				
		}		
*/

		
			.thread_dot, .thread_dot_hot, .thread_dot_new
				{
					width: 3px;
					height: 40px;
					margin: -6px;
					background: #3182d6;	
					position:relative;
					left:-1px;
				}
				

			.thread_lock, .thread_dot_lock
				{
					margin-top: 0.8em;
					box-shadow: inset 0.9em 0.8em 0 0 #2C2C2C,inset -0.9em 0.8em 0 0 #2C2C2C,inset 0em -0.4em 0 0 #2C2C2C;
					font-size: 7px;
					width: 2em;
					height: 1.8em;
					position: relative;

				}
				
			.thread_lock:before, .thread_dot_lock:before {
					left: 0.32em;
					border-radius: 1em 1em 0 0;
					top: -0.8em;
					position: absolute;
					width: 0.8em;
					content: "";
					height: 1.8em;
					border: 0.3em solid #2C2C2C;
					border-bottom: none;
			
			}
							
				

/* Small icons on right hand side of thread */

.tagsIcon
	{
		width:19px;
		height:19px;
		background: url(threadbitSprite.png);
		background-position:0px 0px; 
		background-size:88px 19px;
		margin:0px 0px 0px 4px;
		float:left;
	}	
	
	
.trashedIcon
	{
		width:19px;
		height:19px;
		background: url(threadbitSprite.png);
		background-position:65px 0px; 
		background-size:88px 19px;
		margin:0px 0px 0px 4px;
		float:left;
	}				
				
.paperclipIcon
	{
		width:17px;
		height:17px;
		background: url(threadbitSprite.png);
		background-position:38px 0px; 
		background-size:79px 17px;
		margin:0px 0px 0px 4px;
	}	
	
.subscribedIcon
	{
		width:17px;
		height:17px;
		background: url(threadbitSprite.png);
		background-position:96px 0px; 
		background-size:79px 17px;
		margin:0px 0px 0px 4px;
	}	
	

.downArrowIcon
	{
		  width: 0; 
		  height: 0; 
		  border-left: 20px solid transparent;
		  border-right: 20px solid transparent;
		  
		  border-top: 20px solid #f00;		
	}
	
/*  POST ICONS */

.postIconPost { 
  position: relative; 
  width:14px;
  height:18px;
  box-shadow:1px 1px 0px rgba(0,0,0,0.35);
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */		
  }
  
				.postIconPost:before {
					width:10px;
					height:4px;
					border-top:1px solid #666;
					border-bottom:1px solid #666;
					position: absolute;
					content: '';
					top: 4px;
					left:2px;
				}
				
				.postIconPost:after {
					width:7px;
					height:4px;
					border-top:1px solid #666;
					border-bottom:1px solid #666;
					position: absolute;
					content: '';
					top: 6px;
					left:2px;
				}


/**** POST BIT ACTIONS ****/

.postSpacer
	{
		height:10px;
	}
	
.postBitActionFrame
	{		
		float:left;
		margin:0 5px 0 0;	
	}
	
.postBitActionFrame a
	{
			text-decoration:none;
			color:rgba(0,0,0,0.6);
			text-transform:uppercase;
			letter-spacing:-0.01em;
			font-size:10px;
			font-family:Helvetica;	
			
		display:block;

		border-radius:3px;
		padding:3px 7px;
		
		background: #fafafa; /* Old browsers */
		background: -moz-linear-gradient(top,  #fafafa 0%, #e8e8e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fafafa 0%,#e8e8e8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
		
		box-shadow:inset 0 0 3px #fff;
		border:1px solid rgba(0,0,0,0.15);			
	}
	
.pbaSPACED.postBitActionFrame a
	{
		padding:3px 14px;
	}

.pbaHighlight.postBitActionFrame a
	{
		color: rgb(210, 0, 0);
		font-weight:700;
	}


		.pencil-icon{
		  display:inline-block;
		  position:relative;
		  width:6px;
		  height:11px;
		  background:#000;
		  transform:rotate(45deg) scale(0.5,0.5);
		  -moz-transform:rotate(45deg) scale(0.5,0.5);
		  -webkit-transform:rotate(45deg) scale(0.5,0.5);
		}
		.pencil-icon:after{
		  content:'';
		  position: absolute;
		  border:3px solid rgba(0,0,0,0);
		  border-top-color: #000;
		  top:105%;
		  left:0;
		}
		.pencil-icon:before{
		  content:'';
		  position: absolute;
		  width:6px;
		  height:5px;
		  background:#000;
		  top:-7px;
		  left:0
		}

				
/*** POST BIT ***/
				
		.isOnline
			{
		width: 15px;
		height: 15px;
		margin: 3px 8px 0 0;
		background: rgba(51, 182, 36, 0.2);
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 2px;
		box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.45);
		float: left;		
			}
		
		.isOffline
			{
		width: 15px;
		height: 15px;
		margin: 3px 8px 0 0;
		background: rgba(0, 0, 0, 0.04);
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 2px;
		box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.45);
		float: left;
			}
		
		.isInvisible
			{
		width: 15px;
		height: 15px;
		margin: 3px 8px 0 0;
		background: rgba(255,255,255,1);
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 2px;
		box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.45);
		float: left;
			}


		.reportPost{
			position:relative;
			width:0;
			height:0;
			margin:-5px 6px 0 0;
			font-size:8px;
			border:solid 1.2em black;
			border-top-color:transparent;
			border-left-color:transparent;
			border-right-color:transparent;
			border-bottom:solid 2em rgba(0,0,0,0.2);
			float:right;
		}
		
		.reportPost:hover{
			border-bottom-color:#eec831;
			box-shadow: 0px 1px 0px rgba(0,0,0,0.7);
			transition: all 0.2s ease-in-out; 
		
		}
		
		.reportPost:after{
			display:block;
			content:"";
			position:absolute;
			left:-0.1em;
			top:0.6em;
			width:0.2em;
			height:0.8em;
			background:white;
			border-radius:0.05em;
		}
		
		.reportPost:before{
			display:block;
			content:"";
			position:absolute;
			left:-0.1em;
			top:1.55em;
			width:0.2em;
			height:0.2em;
			background:white;
			border-radius:0.05em;
		}
		
		
		.ip {
		    border-radius: .25em;
		    box-shadow: inset 0 0 0 .25em rgba(0,0,0,0.2),
		                inset 0 -.25em 0 .25em rgba(0,0,0,0.2);
		    height: 2.25em;
		position:relative;
		margin-top:0.65em;
		    width: 3em;
		    font-size:5px;
		    margin-right:4px;
		}
		.ip:after {
		    background-color: rgba(0,0,0,0.2);
		    content: '';
		    height: .25em;
		    left: 1em;
		    position: absolute;
		    top: 100%;
		    width: 1em;
		}
		.ip:before {
		    background-color: rgba(0,0,0,0.2);
		    bottom: -.5em;
		    content: '';
		    height: .25em;
		    left: .75em;
		    position: absolute;
		    width: 1.5em;
		}
		

		#leftControls
		{
			width: calc(100% - 220px);
			float: left;
			overflow: hidden;
			height: 40px;			
		}

		.postBotBarItem, .postBotBarItemNoBorder
		{
			float: left;
			/*border-right: 1px solid rgba(0,0,0,0.06);*/
			padding: 8px 10px;
			margin-left:10px;
		}

		.postBotBarItemNoBorder
		{
			border:0;
		}
		
		.postBotBarItemBorder
		{
			border-right: 1px solid rgba(0,0,0,0.06);
		}
		
		
		.multiQuoteOn
			{
				background: rgb(239, 24, 33) !important;
				box-shadow: none !important;
			}

.flagStyle2
	{
		float:left;
		margin-top:12px;
		margin-right: -12px;
		margin-left: 1px;
		position:relative;		
	}

.avatarImage
	{
		margin: 7px 0 0 1px;
	}

	
.repScoreBox
	{
	padding: 1px 0;
	font-weight: 400;
	float: left;
	margin: 6px 4px 0 0;
	font-size: 13px;
	font-family: helvetica;
	color: rgba(0,0,0,0.7);
	}

.repScoreBox.positive
	{
		color: rgba(0,0,0,0.7);
	}


.postBitScoreItem
	{
		font-weight: 700;
		float: left;
		margin: 9px 0 0 1px;
		font-size: 10px;
		line-height: 11px;
		font-family: helvetica;
		background:rgba(0,0,0,0.06);
		padding: 4px 16px 2px;
		
		color: rgba(0,0,0,0.8);
		text-align:center;
	}


.postBitScoreItem div
	{
		color: rgba(0,0,0,0.35);
		font-size: 8px;
		text-transform: uppercase;
	}	

.postBitScoreGraphContainer
	{
		height:12px;
	}
		
.postBitScoreGraph
	{
		margin: 2px 0 0 0;
		width: 128px;
		height: 1px;
		background: rgba(0, 0, 0, 0.1);
		/*border-radius: 20px;
		box-shadow: inset 1px 1px 4px rgba(0,0,0,0.06);*/
		overflow:hidden;
		position:relative;
	}

.postBitScoreGraphGray
	{
		background: rgba(0, 0, 0, 0.45);
		height:100%;
	}

.postBitScoreGraphBlue
	{
		background: rgb(119, 172, 234);
		height:100%;
	}


.postBitScoreGraphBlue2StdDev, .postBitScoreGraphBlue3StdDev
	{
		background:rgb(21, 101, 207);
		height:100%;
	}
		
		.postBitScoreGraphBlue2StdDev:before, .postBitScoreGraphBlue3StdDev:before
			{
				background: rgb(119, 172, 234);
				content:'';
				width:50%;
				height:1px;
				position:absolute;
				left:0;
			}
			

		.postBitScoreGraphBlue3StdDev:after
			{
				background: rgb(255, 0, 77);
				content:'';
				width:20%;
				height:1px;
				position:absolute;
				right:0;
			}
			
.postBitScoreGraphWayAbove
	{
    background: #c8c8c8;
    height: 1px;
    margin-top: 1px;
	}