﻿
/* ---- .objectlist_placeholder > .object_container --------------------------------------- ---*/

/* must change the values of Winz.Content.resize() in winz.005.000.content.min.js */
	
.object_container {   	
	/*min-width:226px;
	max-width:476px;
	min-height: 127px;
	max-height:269px;*/
	width: 226px;
	height: 226px;

	background-color:#FFFFFF;
	line-height:16px;
	position:relative;
	display:inline-block;
	text-align:left; 
	
	float:left;
	border-radius:3px;
			
	margin: 11px;
	border:1px Solid #cacaca;	
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .05);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
}
.object_container[viewpoint=seven] { }

.object_container[viewpoint=eight] {   	
	width: 476px;
	height: 113px;
}

.object_container:hover {   
	border: 1px Solid #0096FF;
	box-shadow: 0px 0px 6px 0px rgba(0, 155, 255, .5);
}

	.objectlist_placeholder > .object_container > .object_content, 
	.objectlist_placeholder > .object_container > .objecttitle_content,
	.objectlist_placeholder > .object_container > .objectinfo_content,
	.objectlist_placeholder > .object_container > .objectsocial_content {
		display:inline-block;
		float: left;
		position:relative;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:hidden;							
	}
	.object_container > .object_content {
		height:113px;
		width: 113px;	
		border-radius:inherit;
		
		/*min-width:113px;
		max-width:476px;
		min-height:127px;
		max-height:269px;*/


		/*background-color:#211B29;
		background: -moz-linear-gradient(center top, #635E68 0%, #211B29 100% );
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#635E68), to(#211B29));*/	
	}
	.object_container[viewpoint=seven] > .object_content,
	.object_container[viewpoint=nine] > .object_content  {
		border-radius: 0px;
	}
	.object_container[viewpoint=eight] > .object_content {
		display: block;
		float: none;
		position: absolute;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
	}

	
		.object_container > .object_content > .object {
			width: 100%;
			height: 100%;	
			display:block;
			position: relative;							
			z-index:20;					
			overflow:hidden;
			cursor:pointer;  
		
			border-radius: inherit;
			
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% auto;				
			-moz-background-size: 100% auto;	
			-webkit-background-origin:content-box;
			background-origin:content-box;
			background-clip:content-box;		
		}
		.object_container > .object_content > .object:hover {
			opacity:.7;
		}
			.object_container > .object_content >  .objectcover {
				display:none;
				position:absolute;
				top:0px;
				left:0px;
				bottom:0px;
				right:0px;
				z-index:21;
				background-color:rgba(0,0,0,.2);
				
				border-radius: inherit;
				cursor:pointer;
			}
			.object_content:hover > .objectcover, 
			.object_content:hover > .objectcover:hover {
				display:block; color: #999; text-shadow: 0px 1px 0px rgba(0, 0, 0, .2);
			}
			.object_content > .objectcover > .covertext {
				position: absolute;
				bottom: 0px;
				padding: 4px;
			}
					
	/*	.object_container[viewpoint=seven] > .objectsocial_content*/				
	.objectlist_placeholder > .object_container > .objectsocial_content {			
		width: 110px;
		height:113px;
		padding: 0px;
		line-height:20px;
					
		float:right;
		border-radius: 0px;
	}
		.object_container > .objectsocial_content > .objectsocial {			
			position:absolute;
			width:100%;
			bottom:0px;
			
			border-radius: inherit;

			/*border-left: 1px dotted #CFCFCF;*/
			text-transform:uppercase;
			overflow-x:hidden;
			overflow-y:hidden;
		}
			/*.object_container > .objectsocial_content > .objectsocial > .objectfollowers,
			.object_container > .objectsocial_content > .objectsocial > .objectviews,
			.object_container > .objectsocial_content > .objectsocial > .objectcomments,
			.object_container > .objectsocial_content > .objectsocial > .objectlikes*/ 
			.object_container > .objectsocial_content > .objectsocial > div {
				border-bottom: 1px dotted #CFCFCF;
				padding:4px;
				position:relative;
			}
			/*.object_container > .objectsocial_content > .objectsocial > .objectfollowers > img, 
			.object_container > .objectsocial_content > .objectsocial > .objectfollowers > div,
			.object_container > .objectsocial_content > .objectsocial > .objectviews > img, 
			.object_container > .objectsocial_content > .objectsocial > .objectviews > div,
			.object_container > .objectsocial_content > .objectsocial > .objectcomments > img, 
			.object_container > .objectsocial_content > .objectsocial > .objectcomments > div,
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > img, 
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > div */ 
			.object_container > .objectsocial_content > .objectsocial > div > img, 
			.object_container > .objectsocial_content > .objectsocial > div > div {
				display:inline-block;
				margin-right:6px;
				vertical-align:middle;
				position:relative;
			}
			/*.object_container > .objectsocial_content > .objectsocial > .objectfollowers > img,
			.object_container > .objectsocial_content > .objectsocial > .objectviews > img,
			.object_container > .objectsocial_content > .objectsocial > .objectcomments > img,
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > img */
			.object_container > .objectsocial_content > .objectsocial > div > img   {
				opacity:0.7;
			}
			/*.object_container > .objectsocial_content > .objectsocial > .objectfollowers > div,
			.object_container > .objectsocial_content > .objectsocial > .objectviews > div,
			.object_container > .objectsocial_content > .objectsocial > .objectcomments > div,
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > div*/
			.object_container > .objectsocial_content > .objectsocial > div > div {
				padding-top:2px;
				float:right;
			}

			.object_container > .objectsocial_content > .objectsocial > .objectlikes {
				border-bottom-width:0px;
			}
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > img {
				cursor:pointer;
			}
			.object_container > .objectsocial_content > .objectsocial > .objectlikes > img[tag=active]:hover {
				opacity:1;
			}

	
		
	.object_container > .objecttitle_content {
		/*min-width:113px;
		max-width:476px;
		min-height:127px;
		max-height:269px;*/
		
		height:56px;
		width: 226px;		
		border-radius: inherit;	
		
		line-height:20px;
		text-transform:uppercase;	
	}
	.object_container[viewpoint=seven] > .objecttitle_content {
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;	
	}
	.object_container[viewpoint=eight] > .objecttitle_content {
		border-radius:0px;
		position: absolute;
		left: 113px;
	}

		.object_container > .objecttitle_content > .objecttitle {
			width: 100%;
			height: 100%;	
			display:block;
			position: relative;
			
			color:#637;
			background-color:rgba(0,0,0,.05);
									
			overflow:hidden;
			border-radius: inherit;		
		}
			.object_container > .objecttitle_content > .objecttitle > .title {			
				padding:4px;
				 line-height:18px;						
			}
			.object_container > .objecttitle_content > .objecttitle > .title >.titleimages {
				margin-right:8px;
				display:inline-block;
				width:16px;
							}
			.object_container > .objecttitle_content > .objecttitle > .title >.titleimages > .titleuseractive {
				opacity:0.7;
			
			}
			.object_container > .objecttitle_content > .objecttitle > .title >.titleimages > .share_sociallinks {
				opacity:0.7;
				cursor:pointer;
			}
			.object_container > .objecttitle_content > .objecttitle > .title >.titleimages > .share_sociallinks:hover {
				opacity:1;
			}

			.object_container > .objecttitle_content > .objecttitle > .title > .titletext {
				position:absolute;
				font-size:11px;
			}
				.object_container > .objecttitle_content > .objecttitle > .title > .titletext > .name {
					 text-transform:uppercase;
					 font-weight:bold;
					 display:block;
					 overflow:hidden;
					 font-size:14px;
				}
				.object_container > .objecttitle_content > .objecttitle > .title > .titletext > .caption {
					max-height: 16px;
					display: block;
					overflow: hidden;
					margin-top: 7px;
				}



			.object_container > .objecttitle_content > .objecttitle > .titleicons {			
				width:20%;
				height:100%;
				float:right;
				text-align:center;
				/*border-left:1px dotted #cacaca;*/							
			}
			.object_container > .objecttitle_content > .objecttitle > .titleicons > img {
				padding:4px;
				opacity:0.7;
			}

		
		

	.object_container > .objectinfo_content {
		/*min-width:113px;
		max-width:476px;
		min-height:127px;
		max-height:269px;*/
		
		height:57px;
		width: 226px;
		
		position: absolute;
		bottom: 0px;
		left: 0px;
				
		font-size:11px;	
		text-transform:uppercase;	
		border-radius: inherit;	
		
		border-top:1px dotted #cfcfcf;	
	}
	.object_container[viewpoint=seven] > .objectinfo_content {
		border-top-left-radius:0px;
		border-top-right-radius:0px;	
	}
	.object_container[viewpoint=eight] > .objectinfo_content {
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		top: 55px;
		left:113px;
		background-color:#F9F9F9;	
	}

		.object_container > .objectinfo_content > .objectinfo {
			width: 100%;
			height: 100%;	
			display:block;
			position: relative;
														
			overflow:hidden;
			overflow-x:hidden;
			overflow-y:hidden;

			border-radius: inherit;
			
			line-height:17px;
			
		
			/*background-color:rgba(0, 0, 0, .05);*/
		}
		.object_container > .objectinfo_content > .objectinfo > .objectsport,
		.object_container > .objectinfo_content > .objectinfo > .objectlocation {
			width:50%;
			height:100%;
			overflow:hidden;
			overflow-x:hidden;
			overflow-y:hidden;
			padding:0px;

		}
		.object_container > .objectinfo_content > .objectinfo > .objectsport {
			float:left;
		}
		.object_container[viewpoint=eight] > .objectinfo_content > .objectinfo > .objectsport {
			float:right;
		}
			.object_container > .objectinfo_content > .objectinfo > .objectsport > .sport,
			.object_container > .objectinfo_content > .objectinfo > .objectsport > .skills {
				display:inline-block;
				padding:0px 2px 0px 4px;
				position:relative;
			}

			.object_container > .objectinfo_content > .objectinfo > .objectsport > .sport {
				color:#0096ff;
				padding-top:4px;
			}
			
			.object_container > .objectinfo_content > .objectinfo > .objectsport > .skills {
				word-wrap: break-word; word-break: break-all;
			}
	
		.object_container > .objectinfo_content > .objectinfo > .objectlocation {
			float:right;
		}
	
			.object_container > .objectinfo_content > .objectinfo > .objectlocation > img, 
			.object_container > .objectinfo_content > .objectinfo > .objectlocation > div {
				display:inline-block;
				padding:4px;
				position:relative;			
			}

			.object_container > .objectinfo_content > .objectinfo > .objectlocation > div {
				margin-left:-2px;
			}

			.object_container > .objectinfo_content > .objectinfo > .objectlocation > img {
				opacity:0.8;
				margin-left:2px;
			}
			.object_container > .objectinfo_content > .objectinfo > .objectlocation > div {
			 	position:absolute;
			}
		
