@charset "utf-8";

body
{
	background-repeat:no-repeat;
	background-image:url(/static/ss/img/main_web_background.jpg);
	background-position:center;
	width: 100%;
	height:1000px;
	margin-top:-8px;
}

#header
{
	position:relative;
	top: 10px;
	margin: 0 auto;
	width: 750px;
	height: 95px;
	float:left;
	left:50%;
	margin-left:-375px;
	clear:both;
}

#header_social
{
	position:relative;
	background-repeat:no-repeat;
	top: -4px;
	left: -2px;
	background-image:url(/static/ss/img/upper_bar_base.png);
	width: 290px;
	height: 100px;
}

#header_logos
{
	position:relative;
	background-repeat:no-repeat;
	top: 44px;
	left: 8px;
	width: 290px;
	height: 50px;
}

#header_login
{
	position:relative;
	background-repeat:no-repeat;
	float:right;
	top: -99px;
	left: -5px;
	background-image:url(/static/ss/img/upper_bar_login_base.png);
	width: 400px;
	height: 100px;
}

#header_logged
{
	position:relative;
	background-repeat:no-repeat;
	float:right;
	top: -108px;
	width: 235px;
	height: 105px;
}

#header_logged_picture {
	width: 68px;
	height: 69px;
	position: absolute;
	left: 19px;
	top: 22px;
	display: block;
}

.fb_header_logged {
	background-image:url(/static/ss/img/upper_bar_logged_base_b.png);
	left:-3px;
}

.fb_header_logged #header_logged_sn {
    position:absolute;left:110px;top:40px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #0161FF;
    font-size: 14px;
    font-weight:bold;
}

.fb_header_logged #btn_logout
{
    background-repeat:no-repeat;
    position:absolute;
    left: 106px;
    top: 60px;
    width: 116px;
    height: 38px;
    cursor:pointer;
}

.sgn_header_logged {
	background-image:url(/static/ss/img/upper_bar_logged_base_c.png);
	left: 85px;
}

.sgn_header_logged #header_logged_sn {
    position:absolute;left:23px;top:40px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #0161FF;
    font-size: 14px;
    font-weight:bold;
}

.sgn_header_logged #btn_logout
{
    background-repeat:no-repeat;
    position:absolute;
    left: 20px;
    top: 60px;
    width: 116px;
    height: 38px;
    cursor:pointer;
}

#content
{
	position:relative;
	top: 13px;
	left: -14px;
	margin: 0 auto;
	background-image:url(/static/ss/img/main_web_base.png);
	background-repeat:no-repeat;
	width: 830px;
	height: 830px;
	float:left;
	left:50%;
	margin-left:-430px;
	clear:both;
}

#fl
{
    position:relative;
    top: 25px;
    margin: 0 auto;
    width: 100%;
    height: 600px;
    display:none;
    float:left;
    clear:both;
    margin-left:-8px;
}

#footer
{
	position:relative;
	top:7px;
	margin: 0 auto;
	width: 760px;
	height: 27px;
	background-image:url(/static/ss/img/footer/footer.png);
	padding-top:44px;
	float:left;
	left:50%;
	margin-left:-380px;
	clear:both;
}

.footer-link {
    position: relative;
    width: 145px;
    float: left;
    left: 29px;
    top: -22px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #0161FF;
    font-size: 14px;
    font-weight:bold;
    height:32px;
    overflow:hidden;
    text-indent:-999px;
}

#customer-support-btn {
	background-image:url(/static/ss/img/footer/footer_customer1.png);
}
#customer-support-btn:active {
    background-image:url(/static/ss/img/footer/footer_customer2.png);
}
#privacy-policy-btn {
	background-image:url(/static/ss/img/footer/footer_privacy1.png);
}
#privacy-policy-btn:active {
    background-image:url(/static/ss/img/footer/footer_privacy2.png);
}
#user-agreement-btn {
    background-image:url(/static/ss/img/footer/footer_user1.png);
}
#user-agreement-btn:active {
    background-image:url(/static/ss/img/footer/footer_user2.png);
}

#input_user
{
	position: absolute;
	left: 32px;
	top: 35px;
	width: 90px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
}

#input_email
{
	position: absolute;
	left: 370px;
	top: 185px;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_password
{
	position: absolute;
	left: 162px;
	top: 35px;
	width: 90px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
}

#input_signup_username
{
	position: absolute;
	left: 400px;
	top: 234px;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_signup_email
{
	position: absolute;
	left: 400px;
	top: 302px;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_signup_password
{
	position: absolute;
	left: 400px;
	top: 370px;
	width: 220px;;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_signup_confirm_password
{
	position: absolute;
	left: 400px;
	top: 438px;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_sgnlogin_username
{
	position: absolute;
	left: 380px;
	top: 273px;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_sgnlogin_password
{
	position: absolute;
	left: 380px;
	top: 340px;
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_reset_password
{
	position: absolute;
	left: 380px;
	top: 182px;
	width: 290px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#input_reset_confirm
{
	position: absolute;
	left: 380px;
	top: 256px;
	width: 290px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
}

#screenshot
{
	position: absolute;
	left: 432px;
	top: 525px;
	width: 90px;
}

#screenshot_container
{
	position: absolute;
	width: 200px;
	height: 150px;
	left: 510px;
	top: 613px;
}

#trailer
{
	position: absolute;
	left: 74px;
	top: 523px;
	width: 90px;
}


/* others */

input
{
	background-color:transparent;
	width: 90px;
	border:0;
}

ul, li
{
	position:absolute;
	left: -1px;
	top: -1px;
	margin: 0 0 0 0;
	list-style:none;
}

.video_container
{
	position: relative;
	margin-top: 199px;
	margin-left: 217px;
}

#likeButton {
	position:absolute;
	z-index:10;
	top:24px;
	left:15px;
}
#twitterButton {
	position:absolute;
	z-index:10;
	top:24px;
	left:108px;
}
#googleButton {
    position:absolute;
    z-index:10;
    top:60px;
    left:15px;
}

#terms {
	position: absolute;
	left: 344px;
	top: 508px;
	cursor: pointer;
	background-repeat: no-repeat;
	width: 164px;
	height: 22px;
	text-indent: -999px;
}

#policy {
    position: absolute;
    left: 545px;
    top: 508px;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 164px;
    height: 22px;
    text-indent: -999px;
}

#forgot_password_note {
	position: absolute;
	left: 165px;
	top: 240px;
	width: 125px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color: #0161FF;
}

#flashUpgradeAlert {
    display:none; 
    text-align:center; 
    background-color:#ffc;
    border: 1px solid #fc0 ; 
    color: red; padding: 5px; 
    width:300px;
    left:10px;
    top:0px;
    position:absolute;
    z-index:999;
    font-family: Tahoma, Geneva, sans-serif;
}

#browserUpgradeAlert {
    display:none; 
    text-align:center; 
    background-color:#ffc;
    border: 1px solid #fc0 ; 
    color: red; padding: 5px; 
    width:300px;
    left:10px;
    top:0px;
    position:absolute;
    z-index:999;
    font-family: Tahoma, Geneva, sans-serif;
}