*{
	margin:0;
	padding:0;
}

body{
	font-family:'Myriad Pro','Trebuchet MS',Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #fff; 
	background: black; 
	overflow:visible; 
}

a{
	text-decoration:none;
	color:transparent;
}


#pauseplay { 
	display: none; 
	position:fixed;
	width:100%;
	height:100%; 
	background: transparent; 
}
	#pauseplay img {  
		left: 50%;
		top: 50%; 
		margin-left: -50px;
		margin-top: -50px;
		position: absolute;
	}
	
	
#loading {
	display: none; 
	position:fixed;
	width:100%;
	height:100%; 
	background: rgba(0,0,0,.6);
}

	#loadingimg { 
   		/* animation: rotateThis linear 2s 0s infinite normal none; */
   		
		/* background: url(https://www.youtube.com/s/tv/leanback/1a389e9d/img/carousel-loading-indicator.png) no-repeat center center;
		*/ 

		height: 250px;
		width: 250px;
		background-size: 250px 250px;
		/*	margin: 0 auto; */
		left: 50%;
		top: 50%; 
		margin-left: -125px;
		margin-top: -125px;
		position: absolute;
	}
	
/*
	@keyframes rotateThis {
	    from {
	        transform: scale(.7) rotate(0deg);
	    }

	    to {
	        transform: scale(.7) rotate(360deg);
	    }
	}   	 */


 
#full-notification { 
	display:none;

	height: 100px;
	width: 600px;
	left: 50%;
	top: 50%; 
	margin-left: -300px;
	margin-top: -50px;
	position: fixed;
	text-align:center;
	
	color: white;
	font-size: 42px;
	line-height: 100%;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-weight: bold;
	overflow: hidden; 
	text-overflow: ellipsis;	
	
	 
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MjgyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+?v=1357156796');
	background: -moz-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#28282A),color-stop(100%,#1E1E1F));
	background: -webkit-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -o-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -ms-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: linear-gradient(to bottom,#28282A 0,#1E1E1F 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#28282a',endColorstr='#1e1e1f',GradientType=0);
 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 6px 16px rgba(0,0,0,1);
	-webkit-box-shadow: 1px 6px 16px rgba(0,0,0,1);
	-box-shadow: 1px 6px 16px rgba(0,0,0,1);
	opacity: 0.8; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.8; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 8); /* Opacity for Internet Explorer. */
}


#premium { 
	display:none;  
	position:fixed;
	width:100%;
	height:100%; 
	background: rgba(0,0,0,.6);
}

	#premiumdiv {  

		background: url(../img/prem_back.jpg) no-repeat center center;
		border: #8d90aa solid 2px;	

		height: 80%;
		width: 95%;
		background-size: 100% 100%;
		left: 50%;
		top: 50%; 

		/* 
		margin-left: -47.5%; 
		margin-top: -40%;
		margin-left: -47.5%;
		margin-top: -20%;
				*/ 

		position: absolute;
		/* opacity:.9; */
		overflow: hidden;
	}

	.login, .close-premium {
		background-color: black;
		border: #8d90aa solid 2px;
		float: right;
		font: 15px Verdana;
		margin: 10px 10px 0;
		opacity: 0.7;
		padding: 8px;
		text-align: center;
		width: 240px;
	}

	.close-premium {
		float:left;
	}

	.login a {
		color: #EE50A2;
		font-weight: bold;
		text-decoration: underline;
	} 

	#logindiv, #passworddiv { 
		display:none;
		font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
		
		background: rgba(137,26,103,.7);
		width: 100%;
	
		height: 100%;
}


	.close-premium a {
		color: #fff; 
	} 	

	.signup {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-color: black; 
		float: right;
		font: 15px Verdana;
		opacity: 0.9;
		padding: 10px 20px 10px 10px;
		text-align: center;
		/* width:98%; */  
		/* height:98%; */   
		width: 25%;
		height: 80%;
		border-top: #8d90aa solid 2px;
		border-left: #8d90aa solid 2px;
	}

	.signup iframe { 
		width: 100%;
		height: 100%;
	}

 
	.signup-top, .signup-bottom {
		width:100%;
		height:50%;
	}

	.signup-bottom { 
		margin-top: -40px; 		
	}

	.signup_button, .upgrade_button {
		/* background-position: 0 -130px; */ 
		border: medium none;
		cursor: pointer;
		height: 65px;
		width: 213px;
		margin-top: -10px; 
		margin-left: 10px;
		background: url(../img/prem_button_pink.png) no-repeat;
	}
	
	.upgrade_button {
		background: url(../img/prem_upgrade_button_silver.png) no-repeat;
	}

	.signup_button:hover {
		background: url(../img/prem_button_silver.png) no-repeat;
	}

	.signup_button:focus {
		background: url(../img/prem_button_silver.png) no-repeat;
	}
	
	.upgrade_button:hover { 
		background: url(../img/prem_upgrade_button_pink.png) no-repeat;		
	}

	.upgrade_button:focus { 
		background: url(../img/prem_upgrade_button_pink.png) no-repeat;		
	}

	.signup-top .info {
		width: 100%;
		margin: 0 auto;
	}

	.signup-bottom .info {
		width: 100%;
		margin: 0 auto;
		height: 33.3%;
	}

	.info input {
		width: 100%;
		background-color: #B3D2E9;
		border: none;
		border-radius: 6px;
		line-height: 24px;
		height: 24px;
		padding: 3px;
		box-shadow: 0 0 7px rgba(0, 0, 0, 0.5) inset;
		color: black; 
		font-size: 22px;
	}

	.info input.placeholder {
		color: #3D7AA6;
		font-weight: bold;
		text-align: center;
	}

	/* 

	.info input.placeholder:focus{
		text-align:left;
	}

	*/ 

	.info h4 {
		margin-bottom: 20px;
	}
	 

	.cascade {
		/* margin-top: 10px; */
		text-align: center;
		font-size: 12px;
	}


	ul {
		list-style: none outside none;
	}


	label.graphical-radio {
		font-family: "Arial",Helvetica,sans-serif;
		display: block;
		width: 100%;
		height: 38px;
		background: url(../img/account_type_radio.png) no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	img.radios {
		margin: 5px 0 0 15px;
		display: none;
	
		float: left;
	}

	label.graphical-radio span.container {
		position: absolute;
		left: 52px;
		top: 5px;
	
		text-align: left;
	}

	label.graphical-radio span.container span.upper-text {
		color: white;
		font-size: 15px;
		font-style: normal;
		font-weight: bold;
	}
	label.graphical-radio span.container span {
		display: block;
		color: #EF4EAC;
		font-style: italic;
		font-size: 10px;
	}
	label.graphical-radio span.price {
		font-family: "Arial",Helvetica,sans-serif;
		padding-left: 15px;
		position: absolute;
		width: 80px;
		height: 32px;
		right: -8px;
	}
	label.graphical-radio span.price .currency, label.graphical-radio span.price .units {
		font-weight: bold;
		margin-top: 7px;
		display: inline-block;
	}
	label.graphical-radio span.price .decimals {
		display: inline-block;
		font-size: 14px;
		vertical-align: top;
		margin-top: 3px;
	}
	label.graphical-radio span.price .period {
		display: block;
		font-size: 10px;
		text-align: right;
		padding-right: 20px;
		margin-top: -2px;
	}
	label.graphical-radio input {
		display: none;
	}

 

.currency {
	font-weight: bold;
	margin-top: 7px;
	display: inline-block;
	font-size: 16px;
}
.units {
	font-weight: bold;
	margin-top: 7px;
	margin-left: -3px;
	display: inline-block;
	font-size: 20px;
}
.decimals {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-top: 11px;
	margin-left: -4px;
} 


.menu {
	display: none;
	position: fixed;
	width:8%;
	max-width: 200px;
	height:100%;
	overflow: hidden;
	background: rgba(0,0,0,.7);
}

	/* 
	#videomenu {
		background: transparent;
	}
	#videomenu:hover {
		background: rgba(0,0,0,.7);
	}
    */ 

	#topmenu  {
	    height: 50px;	
	    width: 600px;
	    margin-left: -350px;
	    display: inline-block;
	    list-style-type: none;
	    float: right;
	}

		.topmenudrop-ul { 
			display:none;
			position: relative;
		}
			.menu-add div { 
				border-right: 1px solid #CFA467;	
			}
		
		#backmenu {
    		float: left; 
			height: 50px;
    		width: 72px;
    		display: inline-block;
	    	list-style-type: none;
		
		}

		.topmenubox { 
			width: 50px;
			height: 100%;  
		}  

			.tmitem {
				width: 20%;
				height: 100%;
				text-align: center; 
				display: inline;
				float: left; 
			}

			#backmenu .tmitem {
				width: 100%;
			}
 
			.tmitem-hover {  
				background: rgba(255, 255, 255, .6);
				color: black; 
				text-shadow: 1px 1px 1px black; 
				box-shadow: 0 -2px 10px black inset;
			} 

			.tmitem-hover a, .tmitem-hover p {  
					color: black; 
					text-shadow: 1px 1px 1px black; 
			} 
		 
			.topmenubox.tmitem:hover, .topmenudrop:hover {
				background: rgba(255, 255, 255, .6);
				color: black; 
				text-shadow: 1px 1px 1px black; 
				box-shadow: 0 -2px 10px black inset;
			}  
			
			.fullscreen-return { 
				 background: rgba(0, 0, 0, .6);
			}
			 
				.topmenuitem {
					position: relative;
					width: 100%;
					height: 100%;
					text-align: center;
					color: #A0A0A0; 
					/*text-shadow: 1px 1px 1px black;*/
					text-shadow:-2px 2px 3px black;
				}


				.topmenuitem p {
					position: absolute; 
					bottom: 0px; 
					width: 100%;
					font-size: 18px;
					/* font-weight: bold;
					 line-height: 50px; */ 
					/* color: #A0A0A0; 
					text-shadow: 1px 1px 1px black; */ 
				}

				.topmenuitem a {
					text-align: center;
					color: #A0A0A0; 		 
				}

				.topmenuitem a:hover, .topmenudrop p:hover  { 
					color: black; 
					text-shadow: 1px 1px 1px black; 
				}

				.topmenuitem.selected { 
					background: url(../img/selected.png) no-repeat bottom center; 
				} 
  				.topmenudrop p {
  					 
					bottom: 0px;
					width: 100%;
					font-size: 18px;
					color: #A0A0A0; 	
					text-shadow:-2px 2px 3px black;
  				}
 
	.leftmenubox {

		width:100%;
		height: 14.2%;  
	}
		.mitem {
			position: relative;
			width: 100%;
			height: 14.2%;
			text-align: center;
		}

			.leftmenuitem {
				position: relative;
				width: 100%;
				height: 100%;
				text-align: center;
				color: #A0A0A0; 
				text-shadow: 1px 1px 1px black;
			}

			.leftmenuitem:hover {
				background: rgba(255,255,255,.6);
				color: black; 
				text-shadow: 1px 1px 1px black;
			} 

			.leftmenuitem p {
				position: absolute; 
				bottom: 0px; 
				width: 100%;
				font-size: 14px;
				/* font-weight: bold;
				 line-height: 50px; */ 
				/* color: #A0A0A0; 
				text-shadow: 1px 1px 1px black; */ 
			}

.content {
	position: absolute;
	width: 100%;
	height: 100%;
    overflow: hidden; 
}

 
#dashboard { 
	position: absolute;  
	margin : 0 auto; 
	padding: 0;
	display: none;
}


.box{
	display: block; 
	position: relative; 
	background-size: 100% 100%; 
	/* opacity: 1; */ 
	/* transition: transform .2s; is causing everything to move a pixel or so */ 
	/* overflow: hidden; */
}

	
	.box:hover { 
		transform: scale(1.2,1.2);
		box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .8); 
		/* background-size: 150% 150%; */ 
		/* opacity: .6;  */ 
	}


	#music-box, #inner-music-box {
		background-image : url('../images/menu/music.jpg');
		background-size : 100% 100%;
	}

	#images-box, #inner-images-box {
		background-image : url('../images/menu/image_galleries.jpg');
		background-size : 100% 100%; 
	}


	#poondrive-box { 
	    background: url('../images/menu/poondrive3.jpg') no-repeat;
	    background-size: 100% 100%; 
	}

	#blog-box { 
	    background: url('../images/menu/blog.jpg') no-repeat;
	    background-size: 100% 100%; 
	}


	#gif-box, #inner-gif-box { 
		background: url('../images/menu/gifs_background.jpg') no-repeat;
	    background-size: 100% 100%; 
		/*
		background-image: url('../images/gif1.gif'), url('../images/gif2.gif'), url('../images/gif3.gif'), url('../images/gif4.gif');
		background-position: left top, right top, left bottom, right bottom;
		background-size: 50% 50%,50% 50%,50% 50%,50% 50%; 
		background-repeat: no-repeat;
		*/
	}
	 



#videos-box { 
    overflow:hidden;
}

	#videos_box {
	    position: absolute;
	    width: 100%;
	    height: 100%; 

	    background-image : url('../images/menu/videos_background2.jpg');
		background-size : 100% 100%;
	}


.innerbox, .innerbox1, .innerbox2 {
	position: absolute;
	/* background: pink; */ 
    width: 100%;      
    height: 100%;     
}


.box_overlay {
    position: absolute;
    width: 100%;      
    height: 100%;      
    /* background: transparent url('../img/overlay.png') repeat top left; */
}



.wrapper_title_section {
	position:fixed;
	width: 100%;
	height: 40px; 
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #343537;
	opacity: .75;
	background:black; 
	/* 
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MjgyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+?v=1357156796');
	background: -moz-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#28282A),color-stop(100%,#1E1E1F));
	background: -webkit-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -o-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: -ms-linear-gradient(top,#28282A 0,#1E1E1F 100%);
	background: linear-gradient(to bottom,#28282A 0,#1E1E1F 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#28282a',endColorstr='#1e1e1f',GradientType=0);
	*/ 
}


.title_div {
	height: 44px;
	margin-left: 73px;
	margin-top: 52px;
	/* margin-top: -50px; */ 
	position: fixed; 
	max-width: 650px;
	/* 
	opacity: .95;
	filter: alpha(opacity=95); 
	background: #00ccff; */ 
	color: white;
	font-size: 42px;
	line-height: 100%;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
  
.gcontent {
	/* position: fixed; */
	/* height: 100%; */
	overflow: visible;  
}
  
	.grid, .ugrid, .vgrid {  
		display:none; 
		/* height:80% */
		position: absolute;  
		margin : 0 auto; 
		padding: 0;   
		overflow:inherit;
	}

		.gcontainer, .ucontainer, .vcontainer { 
			height: 100%;
			margin: 0;
			position: relative;
			left: 30px; 
			overflow: inherit;
		}
		
			.grid_message { 
				margin-top: 100px;
				margin-left: 30px;
				font-size: 28px;
			}
		/* 
		.ucontainer { 
			left: 300px;
		}
		*/ 
		
			.g_cont_big {  
				position: relative; 
				margin:0; 
				width:300px;
				height:100%; 
			}

				.gbig {
					top:18%;
					width:inherit;
					height:65%;	  
				} 

			.g_cont_small {  

				position: relative; 
				margin:0; 
				width:300px;
				height:100%; 	 
				opacity: 1;
			}

				.gsmallbig {
					width:100%;
					height:50%;	 
					background-size: 100% 100%; 
					/* opacity: .6; */
					overflow: hidden;
				}

				.foursquare { 
					background-size: 100% 100%; 
					background-color:grey;
					/*background-image: url(img/blank0.gif), url(img/blank0.gif), url(img/blank0.gif), url(img/blank0.gif);
					*/ 
					background-position: left top, right top, left bottom, right bottom;
					
					background-size: 50% 50%, 50% 50%, 50% 50%, 50% 50%;   
					/* background-image: url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/01-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/1-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/10-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/11-thumb-120.jpg);	
					*/ 
					  background-repeat: no-repeat;					
				}
				
				/* 
				.gsmallbig:hover {
					opacity: 1; 
				}
				*/

				.vcat_overlay .gsmallbig { 
					opacity: .3;
				}

				.vcat_overlay .gsmallbig:hover { 
					opacity: 1;
				}


				.gsmallwide {
					width:100%;
					height:32%;	 
					background-size: 315px 480px; 
					/*	animation: gridAnim infinite; 
					animation: gridAnim linear 2s 0s infinite normal none; */  
				}

				.gsmall {
					width:48.3%;
					height:32%;	 
				}

				/* 
				@keyframes gridAnim {
				    from {
				        background-position: top center;
				    }

				    to {
				        background-position: bottom center;
				    }
				}   		 */ 





			.gridtitle {
				/* font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; */ 			 
				width:100%;
				background:rgba(0,0,0,.6);
				text-shadow: 0px 2px 3px #000; 
				font-weight: normal;
				text-align: left;
				color: #FFFFFA;
				 
			} 
			/* display:none;*/ 
			/* .box:hover .gridtitle {display:block} */
			
			
				.gt_big {
					height:25%;
					font-size: 28px;
					line-height: 150%;
				}

				.gt_small {  
	 				height: 15; /* 25%; */
					font-size: 18px;
					font-style:oblique;
					line-height: 175%;    
					white-space: nowrap;
	    			text-overflow: ellipsis;
	    			overflow: hidden;
				}

				.gt_bottom {
					position:absolute;
					bottom:0px;
				}		

				.gt_top {
					position:absolute;
					top:0px;
				}	
					.box:hover 	.gt_top {   /* MARKER fixes a silly chrome display bug */ 
						top:-1px;
					}	
 
				#dashboard .gridtitle {
					white-space: nowrap;
					overflow: visible;
				} 

			.bubble {
				float: right;
				color: white;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				font-size: 11px;
				padding: 2px 10px;
				cursor: pointer;
				margin: 5px 0;
				border: none;
				font-family: Verdana,Arial,sans-serif;
				white-space: nowrap;
				margin-right: 2px; 
			}

				.new {
					background-color: #00FF00;
				}

				.prem  {
					background-color: #ff7b18;
				}

					.abs { 
						position: absolute;
						right:0px;
						top:30px;
					}

					.p-abs { 
						position: absolute;
						left:0px;
						margin-left:2px;
						top:30px;
					}


			.hd-icon-div {
				position: absolute;
				bottom: 0px;
				right: 0px;
				opacity: 0.85;
				background:url('../img/logo-hd-small.png');
				background-size: 100% 100%;
				width: 50px;
				height: 30px;
			}

			.flip-img {
				position: absolute;
				width:100%;
				height:100%;
			}


.leftadjust {
	margin-left: 10px;
}

.leftadjust2 {
	left: 10px;
}


.topadjust {
	margin-top: 10px;
}



.containerlefttop {  
	position: absolute;
	left: 0px; 
	margin:0; 
	width:80%;
	height:65%;
}

.containerlefttop {  
	position: absolute;
	left: 0px; 
	margin:0; 
	width:80%;
	height:65%;
}

.containerleftbottom {  
	position: absolute; 
	left: 0px; 
	bottom:0px;
	margin:0; 
	width:80%;
	height:35%;
}

.containerright {  
	position: absolute;
	right: 0px; 
	margin:0; 
	width: 20%;
	height: 100%;
} 

.containerrighttop { 
	position: absolute;
	right: 0px; 
	margin:0; 
	width: 100%;
	height: 65%;
} 


.small {  	
	left:10px;
	width:100%;
	height:48.7%; 
	/*		
	background: url(http://lorempixel.com/186/116/nature/1);
	background-size: 100% 100%;	
	*/ 			
}
 

.big{    	
	width:100%;
	height:100%;	
	/* background: url(http://lorempixel.com/186/116/nature/2);
	background-size: 100% 100%; */ 
} 

	.big:hover {
		transform: scale(1.1,1.1);
	}


.long {    
	top:10px; 
	width:49.4%;
	height:100%;	 
	 /*	
	background: url(http://lorempixel.com/186/116/nature/3); 
	background-size: 100% 100%;		 
	*/	
}




#all, #inner_all 			   { background-image : url('../images/cats/all.jpg'); background-size : 100% 100%; }
#anal, #inner_anal 	 		   { background-image : url('../images/cats/anal.jpg'); background-size : 100% 100%; }
#asian, #inner_asian 		   { background-image : url('../images/cats/asian.jpg'); background-size : 100% 100%; }
#bigass, #inner_bigass 		   { background-image : url('../images/cats/bigass.jpg'); background-size : 100% 100%; }
#blonde, #inner_blonde 		   { background-image : url('../images/cats/blonde.jpg'); background-size : 100% 100%; }
#blowjob, #inner_blowjob 	   { background-image : url('../images/cats/blowjob.jpg'); background-size : 100% 100%; }
#brunnette, #inner_brunnette   { background-image : url('../images/cats/brunnette.jpg'); background-size : 100% 100%; }
#cumshot, #inner_cumshot 	   { background-image : url('../images/cats/cumshot.jpg'); background-size : 100% 100%; }
#ebony, #inner_ebony 		   { background-image : url('../images/cats/ebony.jpg'); background-size : 100% 100%; }
#latina, #inner_latina 		   { background-image : url('../images/cats/latina.jpg'); background-size : 100% 100%; }
#littletits, #inner_littletits { background-image : url('../images/cats/littletits.jpg'); background-size : 100% 100%; }
#lesbian, #inner_lesbian 	   { background-image : url('../images/cats/lesbian.jpg'); background-size : 100% 100%; }
#mature, #inner_mature 		   { background-image : url('../images/cats/mature.jpg'); background-size : 100% 100%; } 
#redhead, #inner_redhead 	   { background-image : url('../images/cats/redhead.jpg'); background-size : 100% 100%; }
#teen, #inner_teen 			   { background-image : url('../images/cats/teen.jpg'); background-size : 100% 100%; }
 

#logo { 
	position: fixed;
	top:-4px; /* top: 20px; below menu */
	/* width:457px;   width:450px; 
	height:100px;    height:190px;   */
	width:  257px;
	height: 56px; 
}

.box_logo {

	position: absolute;
	left: 0;
	

	top: 0;

	width:457px; /*  width:450px; */
	height:100px;   /*  height:190px;   */
 
	background-size: 100% 100%; 
	z-index: 20;

}

/*  MARKER I THINK CAN REMOVE
.gridhref {
	display:inline-block;
	width:99%;
	height:99%;
}
*/ 




#category_sorting { 

	display:inline;
}

#gallery_manage {
    position: relative;
 

    float: right;
    display: inline;
    padding-top: 2px;
    padding-right: 10px;
}




.legend {
	font-family: 'roboto-condensed-regular',arial,sans-serif;
	bottom: 6%;
	color: #F1F1F1;
	position: absolute;
	right: 5%;
	text-shadow: 2px 2px 4px black;
	line-height: 20px;
}

.legend > div {
	display: inline-block;
	margin: 0 0 0 16px;
}

.legend .icon {
	display: block;
	height: 2em;
	width: 2em;
}

.legend .nav .icon {
	background-image: url(../img/icons/keys/desktop-dpad.png);
	width: 5.5em;
}

.legend .nav-scroll .icon {
	background-image: url(../img/icons/keys/mousewheel2.png);
	width: 6em;
	height: 2.5em;
}

.legend .select .icon {
	background-image: url(../img/icons/keys/space3.png);
	width: 8em;
	height: 2.1em;  
}

.legend .back .icon {
	background-image: url(../img/icons/keys/icon-desktop-esc.png);
	height: 3.5em;  
	width: 3.5em;
} 


.legend .icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.legend span {
	display: inline-block;
	vertical-align: middle;
}

.legend .title {
	display: block;
	text-align: center;
}






.xlegend {
	font-family: 'roboto-condensed-regular',arial,sans-serif;
	bottom: 6%;
	color: #F1F1F1;
	position: absolute;
	right: 5%;
	text-shadow: 2px 2px 4px black;
	line-height: 30px;
	height: 100%;
	height: 100%;
	height: 100%;
}

.xlegend > div {
	display: inline-block;
	margin: 2px 0 0 0px;
	padding: 0 0 0 66px;
}

.xlegend .icon {
	display: block;
	height: 2em;
	width: 2em;
}

.xlegend .nav .icon.dpad {
	background-image: url(../img/icons/xbox/dpad.png);
	width: 5.5em;
	height: 5em;
}

.xlegend .nav .icon.joy {
	background-image: url(../img/icons/xbox/left_stick2.png);
	width: 5.5em;
	height: 5em;
}


.xlegend .select .icon.start {
	background-image: url(../img/icons/xbox/start.png);
	width: 5.5em;
	height: 4.5em;  
}

.xlegend .select .icon.a-button {
	background-image: url(../img/icons/xbox/a.png);
	width: 5.5em;
	height: 4.5em;  
}

.xlegend .back .icon.select-button {
	background-image: url(../img/icons/xbox/back.png);
	height: 5.5em;  
	width: 4.5em;
} 

.xlegend .back .icon.b-button {
	background-image: url(../img/icons/xbox/b.png);
	width: 5.5em;  
	height: 4.5em;
} 


.xlegend .icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.xlegend span {
	display: inline-block;
	vertical-align: middle;
}

.xlegend .title {
	display: inline-block;
	text-align: center;
	font-size: 16px;
}



/* IMAGE SLIDER STYLE */ 

.header, .footer{
	width:100%;

	/* 
	purple  background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fd45a9), color-stop(0.1, #cf069d), color-stop(0.8, #000101));
	red  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #bb0205), color-stop(0.1, #790204), color-stop(0.8, #000000)); 
	blue background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #0202bb), color-stop(0.1, #020a79), color-stop(0.8, #000000));
	black	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #95938f), color-stop(0.1, #6a6865), color-stop(0.8, #030200));
	clear  none
	*/ 
	
	height:50px;
	position:relative;
	line-height:50px; 
	box-shadow:0px -2px 10px #000 inset;
}
.header{
	position: fixed; /* MARKER ADDED */ 
	border-bottom: 2px solid #CFA467;
	margin-bottom:30px;
}
.footer{
	border-top:1px solid #CFA467;
}

.header.dim, .footer.dim{
	opacity: 0.75;  
	-moz-opacity: 0.75;  
	filter: alpha(opacity = 75);  
			
}

.left{
	float:left;
}
.right{
	float:right;
}


.header h1{
	float:left;
	font-weight:normal;
	margin:0px 10px;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.header a.reference{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	color:#a0a0a0;
	padding-right:15px;
	/* float:right; */
	text-shadow:1px 1px 1px #000;
}
.header a.reference:hover{
	color:#fff;
}

 
#img_galleries { 
	position:absolute;	
}

	.img_galleries_msg {  
			position: absolute;
			top: 100px;
			width: 1000px;
			font-size: 24px;
			margin-left: 30px;	
	}

.wall{
	-webkit-perspective: 350;
	-webkit-transform-style:flat;
}
.turnLeft {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(20deg);
}
.turnRight {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(-20deg);
}
.flat {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY( 0deg );
}


.user_container { 
	
	left: 10px;
	margin-top:10px;  
	width: 220px;
	height:400px;
	background: #eee url(../plugins/reveal/modal-gloss.png) no-repeat -200px -80px;
	position: fixed;
	/* z-index: 101; */ 
	/* padding: 30px 40px 34px; */
	padding:6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	opacity: 0.8; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.8; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 8); /* Opacity for Internet Explorer. */
		
	color: rgb(85, 66, 66);  
	font-size: 2em;	
	
	

}

.user_container_contents {
	
	margin-left:10px;
}


#box_ad { 
	position: fixed;	 
	z-index: 1000;
 	width: 200px;
	height: 140px; 
	/* top: 75%;  */ 
	margin-top: -141px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	background-image: url(img/blank0.gif); 
	opacity: 0.5;  
	-moz-opacity: 0.5;  
	filter: alpha(opacity = 50);  
	cursor: pointer; 
	background-size: 100% 100%;
}


#box_ad:hover {  
	opacity: 1;  
	-moz-opacity: 1; 
	filter: alpha(opacity = 100);    
}



.video_box_image_array {   
	display:none;
	position: absolute;	 
	width: 150px; 
	height:	150px; 
	left: 20px;
	margin-top: -75px;  
	top: 50%; 
	 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	
	background-image: url(img/blank0.gif), url(img/blank0.gif), url(img/blank0.gif), url(img/blank0.gif);
	background-position: left top, right top, left bottom, right bottom;
	background-size: 49% 49%, 49% 49%, 49% 49%, 49% 49%;   
	background-image: url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/01-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/1-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/10-thumb-120.jpg), 
					  url(http://m.pocketpoon.com/galleries/photos/errotica/victoria_nikky/e_victorianikky/resized/11-thumb-120.jpg);	
	background-repeat: no-repeat; 
	
	opacity: 0.5; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
}
 
 	
	.video_box_image_array:hover { 
		/* CRUSH */ 
	}
	 


.pg_container{
	width:100%;
	position:relative;
	height:412px;
}
ul.pg_photos{
	position:absolute;
	top:0; 
	/* margin-left:300px; */
	margin-top:120px;
	height:412px;
	width:12188px; /*This is set dynamically*/
	list-style-type:none;
} 
ul.pg_photos li{
	float:left;
	position:relative;
	margin-right:7px;
}
ul.pg_photos li a{
	display:block;
	border:6px solid #fff;
	position:relative;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
ul.pg_photos li a span{
	background:#423B30;
	opacity:0.6;
	position:absolute;
	padding:20px;
	font-size:12px;
	text-shadow:1px 1px 1px #000;
	top:20px;
	right:0px;
	color:#fff;
	-moz-box-shadow:1px 0px 2px #000 inset;
	-webkit-box-shadow:1px 0px 2px #000 inset;
	box-shadow:1px 0px 2px #000 inset;
}
ul.pg_photos li img{
	display:block;
	border:none;
}
.footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	-moz-box-shadow:0px 2px 10px #000 inset;
	-webkit-box-shadow:0px 2px 10px #000 inset;
	box-shadow:0px 2px 10px #000 inset;
}
.pg_scrollWrapper{
	position:absolute;
	top:12px;
	left:50%;
	width:300px;
	margin-left:-175px;
	padding:10px 15px;
	height:4px;
	background:#111;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-widget-header
.ui-state-default {
	background:#a0a0a0;
	cursor:pointer;
    border:1px solid #000;
    color: #1C94C4;
    font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top:-4px;
}
.ui-slider-horizontal {
	height:2px;
	background:#555;
	border:1px solid #000;
}


 
ul.ts_container{
	list-style:none;
	margin:0;
	padding:0;
	width: 100%;
	/* position:absolute;   marker */ 
	height:17px;
	top:20px;	
	left: 0px;
	margin-left:0px;/*  -238px; */ 
}


ul.ts_container li{
	float:left;
}
ul.ts_container li a{

	color: transparent;
	outline: none;
	/*
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	padding:0px 3px;
	background:transparent url(../images/sliderIcons/dot.png) no-repeat top center; 
	*/ 
}
ul.ts_container li a:hover,
ul.ts_container li.selected a{
	background-position:50% -11px;
}
ul.ts_container li.ts_thumbnails{
	display:none;
	position:absolute; 
}
ul.ts_container li.ts_thumbnails span{
	background:transparent url(../images/sliderIcons/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute; 
}
ul.ts_container li.bthumb  {
	/* background: black; */ 
}

ul.ts_container li.bthumb img {
	width: 75px;  /* MARKER ADDED */ 
	height: 75px; /* MARKER ADDED */ 
	opacity: .5; 
	filter: alpha(opacity = 50); 
	border: 2px solid black;
}
 

.ts_preview_wrapper{
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
ul.ts_preview{
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.ts_preview li{
	float:left;
}
ul.ts_preview li img{
	width:150px;  /* @MARKER ADDED */ 
	height:150px; /* @MARKER ADDED */ 
	display:block;
}


#fullscreen { 
	margin: 0 auto;
	text-align:	center;
    position:absolute;
    top:0;
    left:0; 
    width:100%; 
    background:black;
    /* overflow: hidden; */
}

	#fullscreencontent { 
		width:100%;
		height:100%; 
		text-align:center;
	}
	
	img.fullcenter {    
		/* display: block;  */
		visibility:hidden;
		margin-left: auto;   
		margin-right: auto;   
		cursor: -webkit-grab; 
		cursor: -moz-grab;		

	}

	img.fullcenter:active {  
		cursor: -webkit-grabbing; cursor: -moz-grabbing;	
	}	 
	
	.fullscreen-return { 
		position:fixed;	
	}
	
	.fullscreen-trigger { 
		position:fixed;
	}
	
	
	.image-title { 
		display:none;
		position:fixed;
		transition: all 0.5s;
		background: rgba(0, 0, 0, 0.5);
		/* height: 18%; */  
		height: 40px;
		width: 100%;
		/* top: 0; */ 
		font-size: 180%;	
		padding: 0px 10px 10px 0px;
		border-bottom: 1px solid #343537;  
		
		/* border-bottom: 1px solid #CFA467; */
 
	}
	
	.image-title, .image-title-bottom  { 
		
		background: rgba(0, 0, 0, 0.5); 
		/*background: rgba(255, 255, 255, 0.35); 
		position:absolute; 
		width:80%;
		left:10%; */
	}
	
	.image-title-bottom { 
		width:80%;
		left: 10%; 	
	}
	
	.image-title { 
		top:50px; 
		font-family: 'roboto-condensed-regular',arial,sans-serif; 
	}
	
	.image-title-bottom { 
		display:none;
		transition: all 0.5s;
		height: 10%; 
		bottom: 0; 
		font-size: 180%;
	}
	
	#image-title-title, #image-title-details {  
		/* width:100%; */
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;	
	}
 
 	#image-title-source { 
		font-size: 18px; 
		margin-top: -30px;
		right:0px;
		/* right:10px; */ 
		position:absolute; 	
		background: rgba(0, 0, 0, 0.5);
		padding-right: 10px;
		padding-left: 10px;	
		padding-bottom: 5px; 
		padding-top: 5px;
		-moz-border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
 	}
 	
 	#image-title-aff-banner {  
 		width: 200px;
		height: 140px;
		background-size: 200px 140px;
		opacity: 0.6;  
		-moz-opacity: 0.6; 
		filter: alpha(opacity = 60);   
		margin-top: -140px;
		left:0px; 
		position:absolute; 	  
		border-top-right-radius: 20px;
		cursor: pointer; 
 	}
 	
		#image-title-aff-banner:hover {  
			opacity: 1;  
			-moz-opacity: 1; 
			filter: alpha(opacity = 100);    
	 	}
 	
 	.modal-image {
		font: 20pt bold 'Vollkorn';
		color: #bbb;
		text-align: center; 		
 	}
 		.modal-image.upload { 
 			border: 2px dashed #bbb;
 		}
 		 	
	 	.modal-image img {
	 		width:170px;
	 		height:170px;
	 	}
	 	
	 	#modal_image_upload_txt {
	 		display:none;
	 		padding-top:18px;
	 	}
			#modal_image_upload_txt p {
	 			padding-top:8px;
	 		} 	
	 		
	 		.modal-image.upload #modal_image_upload_txt { 
	 			display:block; 
	 		}


	#upload_file_div {
		position:absolute; 
		top: 200px;
		left:0px;  
		text-align: center; 
	}

		#item-upload {
			padding: 0;
			font-size: 12px;
			margin-left: 25px;
			margin-top: 20px;
			width: 200px;
		}
		
		#item-upload-url { 
			padding: 0;
			padding-left: 5px;
			font-size: 15px;
			margin-left: 21px;
			margin-top: 4px;
			width: 197px;
			height: 20px;
		}

	/* Invisible left hotspot */
	div.scrollingHotSpotLeft {
		/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
	    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
		min-width: 75px;
		width: 10%;
		height: 100%;
		/* There is a big background image and it's used to solve some problems I experienced
	    in Internet Explorer 6. */
		background-image: url(img/big_transparent.gif);
		background-repeat: repeat;
		background-position: center center;
		position: fixed;
		/* z-index: 200; */
		left: 0;
		/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
		cursor: url(img/cursors/cursor_arrow_left.png), url(img/cursors/cursor_arrow_left.cur),w-resize;
	}

	/* Visible left hotspot */
	div.scrollingHotSpotLeftVisible {
		background-image: url(img/arrow_left.gif);				
		background-color: #fff;
		background-repeat: no-repeat;
		opacity: 0.35; /* Standard CSS3 opacity setting */
		-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
		filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
		zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ 
	}

	/* Invisible right hotspot */
	div.scrollingHotSpotRight {
		min-width: 75px;
		width: 10%;
		height: 100%;
		background-image: url(img/big_transparent.gif);
		background-repeat: repeat;
		background-position: center center;
		position: fixed;
		/* z-index: 200; */
		right: 0;
		cursor: url(img/cursors/cursor_arrow_right.png), url(img/cursors/cursor_arrow_right.cur),e-resize;
	}

	/* Visible right hotspot */
	div.scrollingHotSpotRightVisible {
		background-image: url(img/arrow_right.gif);
		background-color: #fff;
		background-repeat: no-repeat;
		opacity: 0.35;
		filter: alpha(opacity = 35);
		-moz-opacity: 0.35; 
	}

	div.scrollingHotSpotLeftVisible:hover,div.scrollingHotSpotRightVisible:hover {
 		opacity: 1;
		background-color: rgba(255, 255, 255, .6); 
		box-shadow: 0 -2px 10px black inset; 
	} 



/* 
 
 THEMES 

 */ 

.topmenudrop { 
	border-left: 1px solid #CFA467;
	border-bottom: 1px solid #CFA467;
	background: #6a6865; 	
}

.footer.theme1, .header.theme1 {  /* Gray */ 
	background: #6a6865; 
}
.footer.theme2, .header.theme2 {  /* Blue */ 
	background: #020a79; 
}
.footer.theme3, .header.theme3 {  /* Red */ 
	background: #790204; 
}
.footer.theme4, .header.theme4 {  /* Purple */
	background: #cf069d; 
}


.mitem.theme1:hover {
	background: rgba(255,255,255,.6);
}
.mitem.theme2:hover {
	background: rgba(2,10,121,.6);
}
.mitem.theme3:hover {
	background: rgba(121,2,4,.6);
}
.mitem.theme4:hover {
	background: rgba(207,6,157,.6); 
}


.leftmenuitem.theme1 {
	color: #6a6865;
}
.leftmenuitem.theme2 {
	color: #020a79;
}
.leftmenuitem.theme3 {
	color: #790204;
}
.leftmenuitem.theme4 {
	color: #cf069d;
}

 
.leftmenuitem:hover {
	color: black;
}


	 /*

	purple  background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fd45a9), color-stop(0.1, #cf069d), color-stop(0.8, #000101));
	red  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #bb0205), color-stop(0.1, #790204), color-stop(0.8, #000000)); 
	blue background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #0202bb), color-stop(0.1, #020a79), color-stop(0.8, #000000));
	black	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #95938f), color-stop(0.1, #6a6865), color-stop(0.8, #030200));
	clear  none
	*/
 











/*  VIDEO CSS   */ 


body  {
	font-size: 57%;
}


.close-videos-overlay {
		background-color: black;
		border: #8d90aa solid 2px;
		float: right;
		font: 15px Verdana;
		margin: 10px 10px 0;
		opacity: 0.7;
		padding: 8px;
		text-align: center;
		width: 240px;

		display: none;
		position: fixed;
		cursor: pointer; 
		right: 10px;
		top: 10px;
		opacity: .5;
}


.video-logo {
    float: right;
    position: relative;
    top: -3.5em;
}

.video-logo img {
	height: 7em;
	width: 15.5em;
}

.video-title  {
	display:none;
	transition: all 0.5s;
	background: rgba(0, 0, 0, 0.5);
	height: 18%; 
	position: absolute;
	width: 100%;
	top: 0;
	font-size: 180%;
}




.player-meta {
	font-family: 'roboto-condensed-regular',arial,sans-serif;
	font-size: 49%;
	color: #F1F1F1;
	left: 5%;
	overflow: visible;
	position: absolute;
	top: 24%;
	white-space: nowrap;
	width: 95%;
}

.player-video-avatar {
	float: left;
	height: 3.5em;
}

.player-video-avatar img {
	height: 5.5em;
	width: 5.5em;
}

.player-video-title {
	font-size: 2.4em;
	letter-spacing: -.03em;
	margin: -.1em 0 0 2.9em;
	overflow: hidden;
	text-overflow: ellipsis;
}


.player-meta .player-video-details {
	font-size: 150%;
}

.player-meta .player-video-details > div {
	float: left;
	margin: .2em 1em 0 1.1em;
}
 
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
 
#big-video-control-container{

	/* 
	position:absolute; 
	bottom:20px;
	*/

	display:none;
  	bottom: 50px; /* 0px; */ 
	height: 137px; 
	position: fixed; 
	padding: 0;  /* 0 20px; */
	width:100%; 
	/* transition-duration:0.6s; */ 
}


#big-video-control{

	width:100%;
	height:16px;
	position:relative;
	

	top: 44px;

/* 
	transform: scale(.6); 
	transition: all 0.5s;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 387px; */
}

#big-video-control-middle{
	position: fixed;
	left:0;
	width:100%;
	margin: 0; /* margin: 0 56px 0 24px; */  
  	bottom: 50px; /* 0px; */ 
}

#big-video-control-bar{
	width: 100%;
	height: 112px;  /* 16px; */ 
	position:relative;
	cursor:pointer;
}
#big-video-control-progress{
	position:absolute;
	top:0px;  /* 7px */ 
	height:112px; /* 3px */ 
	width:0%; 
	/* background:#fff; */ 
	background: transparent url(../img/player-background-red.png) 0 0 no-repeat;
	/*background-size: 100% 112px; */
}
#big-video-control-track{
	position: absolute;
	top:0px; /*  8px  */ 
	height:112px;  /* 1px */ 
	width:100%; 
	background: transparent url(../img/player-background.png) 0 0 no-repeat;
	background-size: 100% 112px; 
	/* background:#fff; */ 
}

/* #big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px} */ 
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play-wrapper{
	position: absolute;
	top: -71px;
	left:50%;
	margin-left:-50px;
	height:61px;
	width:100px;
	background: transparent url(../img/player-background.png) 0 0 no-repeat;
	background-size: 100% 112px; 
	/* https://www.youtube.com/s/tv/leanback/54b0c61d/img/player-controls.png */ 
	display: none;
}

#big-video-control-play{
	position:absolute;
	top:0;
	left:0;
	height:16px;
	width:16px;
	background-image:url('img/bigvideo.png');

	/* https://www.youtube.com/s/tv/leanback/54b0c61d/img/player-controls.png */ 
}

#big-video-control-timer-left{
	position:absolute;
	left:10px; /* 0px */ }
#big-video-control-timer-right{
	position:absolute;
	right:10px; /* 0px */
}
.timer {
	top: -20px;
	position: absolute;
	padding: 10px;    
    right:10px;
	text-overflow: ellipsis;
	overflow: hidden;                
	font-size: 18px;       
	font-style:oblique;                                       
	color: hsl(0, 100%, 100%);
}

#big-video-control-playhead,
#big-video-control-bound-left,
#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{
	border-left:solid 1px #fff; 
	width:16px;
	height:16px;
	position:absolute;
	top:-8px;
}
/*
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
*/
.vjs-big-play-button{display:none !important;}


/* overwriting jquiry UI */ 

.ui-slider-horizontal { 
	border:none;
	background: none; 
}



.ui-slider-vertical {
width: .8em;
height: 100px;
} 
.ui-slider {
position: relative;
text-align: left;
} 
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} 
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}

#volume-slider { 
	display:none;
	position: absolute;
	top: 50%; /*  130% - 8px  */ 
	right:0px;
	height: 250px;  /* 1px */ 
	margin-top: -125px; 
	width:100px; 
	background: transparent url(../img/player-background-small-vertical-light.png) 0 0 no-repeat;
	background-size: 100% 100%;
	opacity: .7; 
	border: none;
}

#volume-slider .ui-widget-header { 
	background: transparent url(../img/player-background-small-vertical-blue.png) 0 0 no-repeat;
	background-size: 100% 100%; 
	font-weight: bold;
}


#volume-slider .ui-slider-handle {
	display:none;
}

#volume-slider #volume-icon {
	background: transparent url(../img/volume.png) 0 0 no-repeat;
	background-size: 100% 100%; 
	width: 100px;
	height: 75px;
	bottom: -75px;
	position: absolute;
}
 
 
 
 
 
 
/*-------------------------
	Dropbox Element
--------------------------*/

#dropbox{
	background:url('img/background_tile_3.jpg');

	border-radius:3px;
	position: relative;
	margin:80px auto 90px;
	min-height: 290px;
	overflow: hidden;
	padding-bottom: 40px;
    width: 366px;; /* 990px; */
	box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
}

#dropbox .message{
	font-size: 22px;
    text-align: center;
    padding-top:160px;
    display: block;
    color: rgb(192, 194, 177);
}

#dropbox .message i{
	color:#ccc;
	font-size:10px;
}

#dropbox:before{
	border-radius:3px 3px 0 0;
}

/*-------------------------
	Image Previews
--------------------------*/

#dropbox .preview{
	width:245px;
	height: 215px;
	float:left;
	margin: 55px 0 0 60px;
	position: relative;
	text-align: center;
}

#dropbox .preview img{
	max-width: 240px;
	max-height:180px;
	border:3px solid #fff;
	display: block;

	box-shadow:0 0 2px #000;
}

#dropbox .imageHolder{
	display: inline-block;
	position:relative;
}

#dropbox .uploaded{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url('../img/account_type_check.png') no-repeat center center rgba(255,255,255,0.5);
	display: none;
}

#dropbox .preview.done .uploaded{
	display: block;
}

/*-------------------------
	Progress Bars
--------------------------*/

#dropbox .progressHolder{
	position: absolute;
	background-color:#252f38;
	height:12px;
	width:100%;
	left:0;
	bottom: 0;

	box-shadow:0 0 2px #000;
}

#dropbox .progress{
	background-color:#2586d0;
	position: absolute;
	height:100%;
	left:0;
	width:0;

	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;

	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

#dropbox .preview.done .progress{
	width:100% !important;
} 
 

 
 
 
 
 
#drop_zone {
	border: 2px dashed #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 25px;
	text-align: center;
	font: 20pt bold 'Vollkorn';
	color: #bbb;
}
 
#items-upload-list ul {
	font-size: 14px;
	line-height: 1.6;
	list-style: square;
	margin-left: 1.75em;
	padding-left: 0;
} 
 
#items-upload-list img {
	width: 36px;
	height: 36px;
	padding-right: 10px;
	top: 13px;
	margin-top: 5px;
	position: relative;
}
 
 /*  from pink-button (signup) */
.fullscreen-button { 
	font-size: 14px;
	color: #891a68;
	padding: 5px 10px;
	position: relative;
	top: 3px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1); 
		
	background-repeat:no-repeat;
}

.signed-out {
	opacity: .3; 
}
 
.signed-in { 
	opacity: 1; 
}

.like-button { 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
 	background-repeat: no-repeat;
 	background-position: 3px 4px;
}

.liked-button, .like-button.signed-in:hover { 
	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
  	background-repeat: no-repeat;
 	background-position: 3px 4px; 
}
  


/* overrides */ 
.ui-widget-content {
border: none;
background: none; /* #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; */

}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 1; /* Standard CSS3 opacity setting */
	-moz-opacity: 1; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 1); /* Opacity for Internet Explorer. */
}


/*

 Z-INDEXES

*/ 


#videos_box    { }
.box_overlay   { z-index:   11;  }
.box 	       { z-index:   100; }
.box:hover     { z-index:   110; }
.gridtitle	   { z-index:   120; }
.dest		   { z-index:   130; }
#leftmenu	   { z-index:   900; }
/* #videomenu	   { z-index:   900; } */ 

#big-video-wrap { z-index:  955; }
#pauseplay     { z-index:   960; }
#big-video-control-container { z-index:   990; }	
.video_box_image_array { z-index:   991; }
#volume-slider { z-index: 995; }
/* .header        { z-index:  1000; } */

#grid,
#vgrid,
#ugrid 	   { z-index: 970; }
.close-videos-overlay  { z-index: 975; }
.user_container { z-index: 995; }
.footer	       { z-index:  1000; } 
#fullscreen    { z-index:  2000; }
img.fullcenter { z-index:  2100; }
.fullscreen-nav{ z-index:  2200; }
.video-title   { z-index:  2300; }
.image-title   { z-index:  2300; }
.image-title-bottom   { z-index:  2300; }
.fullscreen-return { z-index:  2350; }
.header        { z-index:  2500; } 
.wrapper_title_section { z-index:  2510; }
.title_div     {  z-index: 2520; }
/* .pink-button   {  z-index: 2522; } */ 
#topmenu 	   { z-index:  2525; }
.topmenudrop-ul  { z-index:  2525; }

/* .ui-menu	   { z-index:  2525; }   dropdown menu */ 

#full-notification { z-index: 2900; }
#logo          { z-index:  3000; }
#premium       { z-index:  3010; }
.reveal-modal-bg { z-index:  3500;  }
.reveal-modal  { z-index:  3510; }
#loading       { z-index:  4000; }



