@charset "UTF-8";
/* CSS Document for login and register pages */

#signin-loginlinks {
	margin: 0;
	padding: 0;
	}

#home-login #signin-loginlinks {
	margin-top: 5px;
}
	
#signin-loginlinks li {
	width: 24px;
	height: 24px;
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
}

#signin-loginlinks li a {
	border: none;
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
}

#header {
	background: none;
	height: 120px;
	position: relative;
	margin: 15px 0 0 0;
	float: left;
	width: 100%;
}

#header #home-login {
	background:url("../main/bg-home-login.png") top left no-repeat transparent;
	width: 278px;
	height: 95px;
	padding: 15px 20px;
	position: absolute;
	top: 0;
	right: 50px;
}

#header #home-login .fields {
	width: 200px;
	float: left;
	padding-bottom: 4px;
}

#header #home-login .fields input {
	width: 195px;
	float: left;
	margin: 4px 0;
}

#header #home-login #login-openid .fields input {
	margin-top: 20px;
}

#header #home-login #login-openid, #header #home-login #login-iyobo {
	position: relative;
	float: left;
	width: 278px;
	height: 95px;
}

#header #home-login #login-openid { display: none; }

#header #home-login .fields-options {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#header #home-login input.checkbox {
	margin-top: -3px;
	float: left;
	margin-right: 8px;
	width: auto;
}

#header #home-login .fields-button {
	float: left;
	width: auto;
	margin-top: 20px;
	padding-left: 10px;
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 0;
}

#container #header h1 a {
	background:url("../main/logo-large.png") top left no-repeat;
	width: 194px;
	padding-top: 86px;
	margin-left: 45px;
}

#signin-container, #oauth-container {
	background:url("../main/login-darkbox-mid.jpg") top left repeat-y;
	position: relative;
	margin: 5px 45px 45px 45px;
}

#signin-container {
	width: 870px;
	padding: 15px 20px;
}

#oauth-container {
	width: 830px;
	padding: 40px;
}

#denied { display: none; }

#oauth-container h2 { width: 700px; padding-bottom: 20px;}
#oauth-container .full_6 h2 { width: 500px; }

#oauth-container .large_8 p { font-size: 1.2em; }

#oauth-container label { font-size: 1.1em; }
#oauth-container p.subtext { 
	font-size: 1.0em; 
	color: #555;
	float: left;
	margin-top: 8px;
	padding-bottom: 5px;
	width: 300px;
	 }

#oauth-container .full_2 {
	padding: 10px 0 0 20px;
	border-left: 1px solid #ccc;
}

#oauth-container .form-row {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0;
}


#oauth-container label, #oauth-container .label-fake {
	float: left;
	width: 150px;
	padding-right: 20px;
}

#oauth-container .input-container label {
	width: auto;
	float: left;
	font-size: 1.0em;
	padding: 0 0 0 8px;
}

#oauth-container #appicon { margin-bottom: 5px;}

#oauth-container .input-container {
	float: left;
	width: 400px;
}

#oauth-container input, #oauth-container textarea { 
	width: 320px; 
	float: left; 
	margin-right: 10px; 
}

/* reset */
#oauth-container .input-container input.checkbox, #oauth-container .input-container input.radio, #oauth-container .input-container label {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	}

#oauth-container .input-container input.checkbox, #oauth-container .input-container input.radio { margin-right: 5px; }
#oauth-container .input-container label { margin-right: 20px; }

#oauth-container #register-apps li {
	display: block;
	width: 100%;
	float: left;
}

#oauth-container #connect-apps img, #oauth-container #register-apps img {
	padding: 10px 20px 10px 0;
	float: left;
	}
#oauth-container #connect-apps p {
	float: left;
	padding: 10px 20px 10px 0;
	line-height: 170%;
	font-size: 1.2em;
	width: 400px;
}

#oauth-container #access-buttons {
	margin-top: 10px;
}

#oauth-container #access-buttons a.white_button_medium { 
	margin: 0 15px 0 0;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #777;
	}

#oauth-container a.white_button_small { 
	color: #777; 
	display: block;
	line-height: 30px;
	}

#oauth-container #access-buttons a { 
	font-weight: bold; 
	font-size: 1.2em; 
	}

#oauth-container #app-formbuttons { float: left; width: 400px; padding-left: 200px; }
#app-formbuttons input { width: 50px; }
#signin-container #bgtop, #oauth-container #bgtop {
	background:url("../main/login-darkbox-top.jpg") top left no-repeat;
	height: 9px;
	width: 910px;
	position: absolute;
	top: 0;
	left: 0;
}

#oauth-container h4 { font-size: 1.5em; float: left; width: 100%; }
#signin-container #bgbottom, #oauth-container #bgbottom {
	background:url("../main/login-darkbox-bottom.jpg") top left no-repeat;
	height: 15px;
	width: 910px;
	position: absolute;
	bottom: 0;
	left: 0;	
}

.signin-form {
	background:url("../main/login-lightbox-mid.jpg") top left repeat-y;
	width: 365px;
	margin: 15px;
	float: left;
	position: relative;
	padding: 20px 20px 40px 20px;
	z-index: 30;
}

.signin-form .top {
	position: absolute;
	top: 0;
	left: 0;
	background:url("../main/login-lightbox-top.jpg") top left no-repeat;
	height: 10px;
	width: 405px;	
}

.signin-form .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	background:url("../main/login-lightbox-bottom.jpg") top left no-repeat;
	height: 9px;
	width: 405px;
	display: block;
	z-index: 50;
}

.signin-form h2 {
	width: auto;
	float: left;
	font-size: 2.1em;
	padding-right: 15px;
}

.signin-form p {
	font-size: 1.05em;
	line-height: 180%;
}

.signin-form a:link, .signin-form a:visited, .signin-form a:active {
	color: #0088bc;
	text-decoration: underline;
}

.signin-form a:hover {
	text-decoration: none;
	}

.signin-form .form-row {
	width: 100%;
	clear: both;
	padding-bottom: 20px;
	float: left;
}

.signin-form .form-row a.headlink {
	margin-top: 8px;
	float: left;
	font-size: 1.1em;
}

.signin-form .form-row-indented {
	width: 200px;
	float: left;
	padding: 10px 0 20px 145px;
	clear: both;
}

.signin-form .form-row label {
	width: 130px;
	padding: 5px 15px 0 0;
	float: left;
	font-size: 1.2em;
}
.signin-form .form-row input {
	width: 200px;
	float: left;
}

.signin-form .form-row-indented input {
	float: left;
	
}

.signin-form .form-error {
	float: left;
	padding: 5px 0 0 145px;
	color: #f00;
	display:none;
}

.signin-form .form-row-indented label {
	float: left;
	font-size: 1.2em;
	width: 150px;
	margin: 0;
	padding: 2px 0 0 10px;
}

.signin-form .checkbox {
	margin-top: -10px;
}

.signin-form .checkbox input {
	padding: 0;
	margin: 0;
}

.signin-form  a.white-button:link, .signin-form  a.white-button:visited, .signin-form .white-button a:active {
	color: #666;  /* alternate link color? */
	font-size: 1.1em;
	padding: 5px 5px 10px 10px;
	text-decoration: none;
}
.signin-form a.white-button:hover { text-decoration: underline; color: #454545; }

#infotabs {
	float: left;
	width: 495px;
	margin-top: 20px;
	padding: 0 15px 0 10px;
}

#infotabs-nav {
	width: 495px;
	float: left;
	clear: both;
}

#infotabs-content {
	float: left;
	width: 473px;
	background-color: #eefafd;
	padding: 20px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#infotabs-content li {
	padding: 10px 0 5px 20px;
	font-size: 1.4em;
	letter-spacing: 1px;
}

#infotabs-content li span {
	font-size: 1.7em;
	letter-spacing: normal;
	font-weight: bold;
}

#infotabs-content .screenshot {
	background:url("../main/home-screenshot.jpg") top left no-repeat transparent;
	width: 381px;
	height: 290px;
	float: left;
	margin: 15px 0 0 30px;
}

#infotabs-content #content-what, #infotabs-content #content-why { display: none; }

#home-recentuploads {
	margin-top: 20px;
	padding-left: 10px;
	width: 335px;
	float: left;
}

#home-recentuploads h5 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 15px 0;
}

#home-recentuploads ul li {
	float: left;
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 5px 15px 0;
	padding-right: 10px;
}

#home-recentuploads .videothumb_play_medium {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.openid {
	width: 16px;
	height: 0;
	padding-top: 16px;
	padding-right: 7px;
	display: inline;
	overflow: hidden;
	background:url("../icons/openid.png") top left no-repeat;
	float: left;
}

.upgrade {
	margin-top: 15px;
	float: left;
	width: 100%;
}

#footer {
	margin: 0 auto;
	background:url("../main/footer-topborder.png") top center no-repeat #fff;
	padding-bottom: 80px;
	width: 910px;
}