@charset "utf-8";
/* Login Items */

#intro_block{
	position:absolute;
	
	background-color:#FFF;
	
    /*top:100%;*/
	top:50%;
    left:50%;
	
    margin-left:-225px;
    margin-top:-185px;/*0px*/

    width:450px;
    height:255px;
	
	overflow:hidden;
	
	opacity:1.0;

    display:block;
    visibility:visible;
	
	border-radius: 20px;
}

#login{
	position:absolute;
	
	top:0px;
    left:0px;
	
	margin:0px;
	
	width:450px;
    height:255px;

    background: url('../images/intro_login_update.png') no-repeat #FFF;
    background-size:100% 100%;

    background-position: center center;
}

#login_tab{
    position:relative;

    top:135px;
	left:50%;
	
	margin-left:-77px;

    display:block;
    visibility:visible;
}

#inbutton{
    background-color: transparent;
	background-image:url('../images/signin_tab.png');
	background-position: center top;
	background-size:215px 80px;
	
	width:215px;
	height:40px;
	
    border: none;
	
    color: transparent;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
	cursor:pointer;
}

@media (hover:hover) {
	#inbutton:hover{
		background-position: center bottom;
	}
}

#legal{
	position:absolute;
	
	top:50%;
    left:50%;
	
	width:50%;
	
	margin-left:-25%;
    margin-top:100px;
	
	opacity:0;
	
	font-size:12px;
	
	visibility:hidden;
}

#privacy{
	position:relative;
	
	text-align:center;
	
	cursor:pointer;
}

#privacy_link, a#privacy_link, a#privacy_link:link, a#privacy_link:hover, a#privacy_link:active, a#privacy_link:visited{
	color:#DBDBDB;
	
	opacity:1;/*0.9*/
	
	text-align:center;
	text-decoration:underline;
	letter-spacing:1px;
	
	font-size:inherit;
}

#user_welcome{
	position:absolute;
	
	top:100%;
    left:0px;
	
	margin:0px;
}

#user_photo{
	position:absolute;
	
	width:150px;
	height:150px;
	
	top:52px;
    left:40px;
	
	background: url('../images/default_profile_image.png') no-repeat;
    background-size: 150px 150px;
	
	background-color:#058e8f;
}

#user_corner_photo_container{
	position: absolute;
	
	left:0px;
	top:0px;
}

#user_corner_photo{
	position:relative;
	
	width:75px;
	height:75px;
	
	top:15px;
    left:35px;
	
	background: url('../images/default_profile_image.png') no-repeat;
    background-size: 100% 100%;
	
	border-radius: 50%;
	/*border: solid #82c6c7 3px;*/
	
	cursor: pointer;
}

#user_display{
	position:absolute;
	
	top:0px;
    left:0px;
	
	margin:0px;
	
	padding-top:0px;
	padding-left:0px;
	
	width:450px;
    height:255px;

    background: url('../images/user_info_cover.png') no-repeat;
    background-size:100% 100%;

    background-position: center center;
}

#user_name{
	position:absolute;
	
	top:102px;
    left:213px;
	
	margin:0px;
}