/* CSS Document */

iframe {display:none !important;}

body {
	font-family: droid-sans, sans-serif;
	background-color: #000;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: bebas-neue, sans-serif; */
	font-style:normal;
	font-weight:400;
	letter-spacing:0.05em;
}

a:hover {
	color:#FFF;
	text-decoration:none;
}

.aktiv {
	color:FFF !important;
}

.alpha-color {
	color:#090;
}
.inactive-color {
	color:#FC0;
}
.banned-color {
	color:#900;
}
.admin-color {
	color:#C09;
}

.white {color:#FFF;}

.red {color:#900;}
.red_founders {
	color: #FF9900;
	font-size: 30px;
}

.left {	float:left; }
.right { float:right; }
.half { width:49%; }

.label-email { display:inline-block; width: 160px; text-align:right; }
.office-info { font-size:12px; font-style:italic; }

.screenshots img {
	width:215px;
	border:#09C solid 1px;
	margin-right:8px;
	margin-bottom:8px;
	/* -moz-box-shadow: #b2b2b2 0 0 5px;
	-webkit-box-shadow: #B2B2B2 0 0 5px;
	box-shadow: #B2B2B2 0 0 5px; */
}

.key-no,
.key-product,
.key-key,
.key-redeemed {
	padding:3px 5px;
}

.key-no {
	width:60px;
}

.key-product {
	width:200px;
}

.key-key {
	width:200px;
}

.key-redeemed {
	width:100px;
}

.login-container ul,
.login-container li {
	margin:0;
	padding:0;
	list-style-type:none;
}

.login-container {
	width:400px;
	padding:0px;
	background-color:#fefefe;
	margin:0 auto;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	box-shadow:0 1px 1px #ccc;
	border-radius:5px;
	position:relative;
}
.login-container h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	background-color: #242424;
	border-bottom: 1px solid #dde0e7;
	box-shadow: 0 -1px 0 #fff inset;
	border-radius: 5px 5px 0 0; /* otherwise we get some uncut corners with container div */
	text-shadow: 1px 1px 0 #000;
}
.login-container form ul li {
	margin:10px 20px;
	color:#555;

}
.login-container form ul li:last-child {
	text-align:center;
	margin:20px 0 25px 0;
}

.login-container label {
	color:#555;
}

.redeem-container span, 
.login-container span {
	background-color:#f6f6f6;
	padding:3px 5px;
	display:block;
	border-radius:5px;
	margin-top:5px;
}
.redeem-container span {
	display:inline-block !important;
}

.redeem-container input, 
.login-container input {
	padding:10px 10px;
	border:1px solid #d5d9da;
	border-radius:5px;
	box-shadow: 0 0 5px #e8e9eb inset;
	width:328px; /* 400 (#container) - 40 (li margins) -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
	font-size:1em;
	outline:0; /* remove webkit focus styles */
	margin-bottom:0px !important;
}


.login-container button {
	background-color: #57a9eb; /* Old browsers */
	background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* IE10+ */
	background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb', endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */
	border:1px solid #326fa9;
	border-top-color:#3e80b1;
	border-bottom-color:#1e549d;
	color:#fff;
	text-shadow:0 1px 0 #1e3c5e;
	font-size:.875em;
	padding:8px 15px;
	width:150px;
	border-radius:20px;
	box-shadow:0 1px 0 #bbb, 0 1px 0 #9cccf3 inset;
}

.login-container button:active {
	background-color: #3a76c4; /* Old browsers */
	background: -moz-linear-gradient(top, #3a76c4 0%, #57a9eb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a76c4), color-stop(100%,#57a9eb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* IE10+ */
	background: linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76c4', endColorstr='#57a9eb',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	text-shadow:0 -1px 0 #1e3c5e;
}

.add-links {
	margin-top: 15px;
	font-size: 13px;
	text-align: center;
}

.account-nav {
	float:left;
	width:200px;
	padding: 10px 0;
	background-color:#1E1E1E;
	border:1px solid #000;
}

.account-content {
	margin-left: 210px;
	padding: 10px;
	background-color: #1E1E1E;
	border: 1px solid #000;
}

.account-container {
}

.wall-container {
	width:440px;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}

.wall-container img {
	width:215px;
	border:#09C solid 1px;
	float:left;
}

.wall-sizes {
	list-style:none;
	margin-left:230px;
	margin-top:10px;
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	width: 100%;
	min-width: 974px;
}
.background img { width: 100%; }

.header {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 34px;
}

.content {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/middle.png);
	background-repeat: x-repeat;
	width: 960px;
	min-height: 25px;
}

.logo {
	background: center top no-repeat url(../images/logo.png);
	width: 630px;
	height: 125px;
	margin: 30px auto 5px auto;
}

.footer {
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	width:960px;
	height:34px;
}

.copyright {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 1.5em;
	margin-top: 15px;
	margin-bottom: 30px;
}

.placeholder {
	color: #CCC;
}

.script {
	display: none;
}

.navigation {
	text-align: center;
	position: relative;
	top: 15px;
	margin-bottom:10px;
}

.navigation ul {
	list-style:none;
	margin:0; padding:0;
}

.navigation li {
	display: inline;
	padding: 5px 10px;
	font-family: bebas-neue, sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
}

.navigation a:hover {
	text-decoration:none;
	color:#FFF;
}
.clone h4 {
	font-size:20px;
}
.clone p {
	font-size:14px;
}

/* --- Account Creation --- */

.input-account {
	width:245px;
}

.input-note {
	background-color: #377184;
	color: #C4D2DB;
	position: relative;
}

.input-note .caption {
	font-weight: normal;
	color: white;
	font-size: 14px;
	letter-spacing: normal;
}

.input-note-left {
	width: 160px;
	padding: 12px 0 12px 16px;
	float: left;
}

.password-level li {
	line-height: 16px;
	margin: 0 0 2px 0;
	font-size: 11px;
}

.input-note-right {
	width: 400px;
	padding: 12px 16px;
	margin: 8px 8px 8px 0;
	float: right;
	background: #E6E6E6;
	color: #4A4A4A;
}

.clear {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.border-5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.border-10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.shadow {
	-moz-box-shadow: #888 0 0 10px;
	-webkit-box-shadow: #888 0 0 10px;
	box-shadow: #888 0 0 10px;
}

.shadow-half {
	-moz-box-shadow: #b2b2b2 0 0 5px;
	-webkit-box-shadow: #B2B2B2 0 0 5px;
	box-shadow: #B2B2B2 0 0 5px;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 9px 20px;
	background: -moz-linear-gradient(
		top,
		#45a9df 0%,
		#1f86c2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#45a9df),
		to(#1f86c2));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #00679e;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.small_info {
	font-size:12px;
}

.small_info,
.founder_notes {
	margin-top:15px;
}
.small_info li,
.founder_notes li {
	margin-bottom:8px;
}

.pagination {
	position:relative;
	z-index:10;
    float: right;
    list-style: none outside none;
    margin: 6px 0 0;
	margin-right:5px;
}
.pagination li {
    float: left;
    margin: 0 1px;
}
.pagination li a {
    background-image: url("/assets/images/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
.pagination li.current a, .pagination li.current a:hover {
    background-position: 0 -13px;
}
.pagination li a:hover {
    background-position: 0 -26px;
}

#slides .prev {
	position:relative;
	margin-left:5px;
	z-index:10;
    float: left;
    margin-right: 5px;
}
#slides .next {
	position:relative;
	z-index:10;
    float: left;
    margin-right: 5px;
}

#slides a:link, #slides a:visited {
	
}
#slides a:hover, #slides a:active {
 
}

.slide {
	width:900px;
	height:350px;
	z-index:0;
}

.slide .infobox {
	background-image: url(/img/60p.png);
	position: absolute;
	right: 40px;
	top: 112px;
	width: 380px;
	padding: 0px;
	color: #FFF;
	z-index: 30;
	height: 120px;
}

.slide .infobox .feature_title {
	font-family: bebas-neue;
	line-height: 0.9em;
	font-size: 46px;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 30px;
	left: 32px;
}

.slide .infobox .feature_subtitle {
	font-size:20px;
	position: absolute;
	left: 32px;
	top: 68px;
	color: #CCC;
	font-weight: normal;
}

.slide .infobox .feature_link {
	position: absolute;
	top: 22px;
	right: 20px;
}