@charset "UTF-8";

/* session block in vip area */
.Inside0{ width:720px;  float:left; float:right; margin-left:10px;  }
.Inside1{ width:820px;  display:inline-block; float:left;  position:absolute;  }
.linea1{ display:inline; float:left; width:200px; }
.addvideos{ padding:25px; position:inherit; display:inline;}
.title1{ width:192px; padding:2px; }
.gold
{
font-family:'news', Verdana, Geneva, sans-serif;
display:block;
background: #333333;
width:180px;
padding:10px;
border:none;
color:#929999; 
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; 

}
.gold:hover
{
	cursor:pointer;
color:#000;
background: -webkit-linear-gradient( #e8cf8e, #b09165);
border-color:#e2cf9f;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;
}




/* CSS Document */
.V1{ width:500px;  display:inline-block; float:left; }
.V2{ width:900px;  display:inline-block; float:left; padding:46px; position:absolute; }
.V3{ width:369px;  float:left; float:right; margin-left:10px; }
.M1{ width:348px;  display:inline-block; float:left; }
.M2{ width:720px;  display:inline-block; float:left;  position:absolute; }
.M3{ width:450px;  float:right; margin-left:10px;  }

.Pw1{ width:1500px;  display:inline-block; float:left; margin-left:50px }

.publicity{background:#333; height:300px; margin-top:20px; width:300px; position:absolute}
.publicity2{background:#000; height:100px; margin-top:20px; width:1400px; position:absolute}
.addvideos{ padding:25px; position:inherit; display:inline; }

.linea{ display:inline; float:left; width:280px; }
.caption{ width:320px;  margin:3px 0; display:block;
background: #000;
padding:2px;
border:none;  
font-size:0.8em;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; }

.content{
height:450px;
} 
.x01{
height:800px;
} 
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 1500px;
			height: 1500%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 50%;
			left: 30%;
			width: 800px;
			height: 700px;
			padding: 16px;
			border: 4px solid #666;
			background-color:#000;
			z-index:1002;
		}
.exit
{
display:block;
margin:0% 95%;
border-radius:5px;
background: -webkit-linear-gradient( #e8cf8e, #b09165);
width: 50px;
padding:12px 20px 12px 10px;
border:none;
color:#000;     
font-size:0.8em;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; 
}

.exit:hover
{
color:#FFF;
background: -webkit-linear-gradient( #6c0129, #b10a0e);
border-color:#e2cf9f;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;
}

*
{
margin:0px;
padding:0px;
}
  
textarea
{
display:block;
margin:0px auto 15px;
border-radius:5px;
background: #333333;
width:85%;
padding:12px 20px 12px 10px;
border:none;
color:#929999;                       
box-shadow:inset 0px 1px 5px #272727;
font-size:0.8em;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; 
}

textarea:focus
{
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;  
box-shadow: 0px 0px 5px 1px #161718;
}
                                
#loginform
{
width:550px;
height:auto;
margin:0px 50px;
}

input
{
display:block;
margin:0px auto 15px;
border-radius:5px;
background: #333333;
width:85%;
padding:12px 20px 12px 10px;
border:none;
color:#929999;                       
box-shadow:inset 0px 1px 5px #272727;
font-size:0.8em;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; 
}

input:focus
{
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;  
box-shadow: 0px 0px 5px 1px #161718;
}
button
{
display:block;
margin:0px auto 15px;
border-radius:5px;
background: #333333;
width:30%;
padding:12px 20px 12px 10px;
border:none;
color:#929999;                       

font-size:0.8em;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease; 
}

button:hover
{
	color:#000;
background: -webkit-linear-gradient( #e8cf8e, #b09165);
border-color:#e2cf9f;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;
}

button i
{
font-size:20px;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;
}

button:hover i
{
color:#ff5f32;
-webkit-transition:0.5s ease;
-moz-transition:0.5s ease;
-o-transition:0.5s ease;
-ms-transition:0.5s ease;
transition:0.5s ease;
}
  
*:focus{outline:none;}
::-webkit-input-placeholder {
color:#929999;
}

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

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

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



#note
{
color:#88887a;
font-size: 0.8em;
text-align:left;
padding-left:5px;
}




#mainlogin
{
float:left;
width:750px;
height:170px;
padding:10px 15px;
position:relative;
border-radius:3px;
}

#connect
{
font-weight: bold;
color: #fff;
font-size: 13px;
text-align: left;
font-family: verdana;
padding-top:10px;
}

#or
{
position:absolute;
left: -25px;
top: 10px;
background:#222222;
text-shadow:0 2px 0px #121212;
color:#999999;
width:40px;
height:40px;
text-align:center;
border-radius:50%;
font-weight:bold;
line-height:38px;
font-size: 13px;
}

/* animated jhon*/


.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}