/*Defaults*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	min-width: 980px;
	position: relative;
	background-image: url('/img/gm_bg_img.png'), -webkit-linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));
	background-image: url('/img/gm_bg_img.png'), linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top center;
	background-color: #20383e;
}

table {
	width: 100%;
	border-collapse: collapse;
}

ul {
	margin: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

a {
	color: #645D40;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*Site-level styles*/

#site {
	width: 980px;
	margin: 7px auto 13px;
	padding-top: 5px;
	position: relative;
	background-color: #202020;
	border-bottom:2px solid #303030;
	box-shadow:0 0 55px #090909;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

#site .warningbar {
	text-align: center;
	padding: 10px;
	margin: 0 5px 5px;
	background-color: rgb(239, 236, 46);
	color: black;
	font-size: 18px;
}

#site .warningbar.nocicookie {
	font-size: 16px;
}

br.clear {
	clear: both;
}

.error {
	color: #FF0000 !important;
	font-weight: bold;
}

.info {
	color: #FFFFFF;
}

.button {
	width: 50px;
	border: 1px #222721 solid;
	color: #222721;
	font-size: 11px;
	height: 19px;
	float: left;
}
.searchbutton {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
}
.searchbutton img {
	width: 38px;
	color: #222721;
	font-size: 11px;
	height: 30px;
	float: left;
}
.arrow {
	background-image: url('/img/header-dropdown.png');
	background-repeat: no-repeat;
	background-position: 130px 12px;
}

.contentholder {
	float: left;
}

/*Main header section*/
/*Header for full document*/

body > header {
	text-align: right;
	background-color: #454545;
	background-image: -webkit-linear-gradient(transparent, rgba(20, 20, 20, 0.5));
	background-image: linear-gradient(transparent, rgba(20, 20, 20, 0.5));
	border: 2px solid #333;
	border-top: none;
	max-width: 980px;
	margin: 0 auto;
	margin-bottom: 10px;
	box-shadow:0 0 55px #090909;
}

body > header > * {
	vertical-align: middle;
	text-align: left;
	line-height: normal;
}

body > header .logo {
	margin-left: 15px;
	float: left;
}

body > header .logo a {
	display: inline-block;
}

body > header .logo img {
	vertical-align: middle;
	margin-top: 4px;
}

body > header .gamelist {
	display: inline-block;
	overflow: hidden;
	max-width: 656px;
	border-radius:5px;
	background-color:#202020;
	border:1px solid #303030;
	margin:2px;
	margin-right: 3px;
	font-size: 14px;
}

body > header .gamelist .gameitem {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	border: 1px solid #333;
	background-color: #151515;
	opacity: 0.7;
	border-radius:5px;
	margin: 2px 3px 2px 2px;
}

body > header .gamelist .gameitem:hover {
	opacity: 1.0;
}

body > header .gamelist .gameitem a {
	display: block;
}

body > header .gamelist .gameitem img {
	max-width: 100%;
	max-height: 100%;
	border-radius:5px;
	display: block;
}

body > header .gamelist .gameitem.add {
	height: 35px;
	background-color: #334352;
}

body > header .gamelist .gameitem.add a {
	text-align: center;
	line-height: 35px;
	font-size: 34px;
	color: #ccc;
	text-decoration: none;
}

body > header .gamelist .gameitem.games {
	height: 45px;
	width:  auto;
	background-color: #334352;
}

body > header .gamelist .gameitem.games a {
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	padding: 0 30px;
	color: white;
	text-decoration: none;
}

body > header .loginarea {
	display: inline-block;
	overflow: hidden;

	border-radius:5px;
	background-color:#202020;
	border:1px solid #303030;
	margin:5px;
	font-size: 14px;
	position: relative;
	padding: 8px 18px;
}

body > header .loginarea .loginform {
}

body > header .loginarea .username,
body > header .loginarea .password {
	display: inline-block;
	width: 71px;
	border: none;
	padding: 3px 5px;
	background-color: #444;
	font-size: 11px;
	color: #ccc;
	margin-right: 3px;
}

body > header .loginarea .login {
	border: none;
	padding: 3px 9px;
	background-color: #555;
	font-size: 11px;
	font-weight: bold;
	color: #cccdcf;
}

body > header .loginarea .forgotlink {
	font-size: 10px;
	color: #999a8a;
}

body > header .userinfo {
	display: inline-block;
	overflow: hidden;
	width: 250px;
	border-radius:5px;
	background-color:#202020;
	border:1px solid #303030;
	margin:5px;
	font-size: 14px;
	position: relative;
}

body > header .userinfo .avatar {
	display: inline-block;
	float: left;
	border: 1px solid #333;
	background-color: #151515;
	border-radius:5px;
	margin: 4px;
	margin-right: 12px;
}

body > header .userinfo .avatar a {
	display: block;
}

body > header .userinfo .avatar img {
	max-width: 45px;
	border-radius:5px;
	display: block;
}

body > header .userinfo .username {
	color: #6d97c3;
	margin: 7px 0 5px;
}

body > header .userinfo .username .user-prefix {
	color: #ccc;
}

body > header .userinfo .logout {
	position: absolute;
	top:  5px;
	right:  5px;
	font-size: 18px;
	line-height: 12px;
	font-weight: bold;
	color: #9c4545;
	text-decoration: none;
}

body > header .userinfo .logout:hover {
	color: #EC5151;
}

body > header .userinfo .account {
	color: white;
}

.notifications {
	background-color: #e61a1a;
	padding: 0 3px;
	font-size: 14px;
	color: white;
	border-radius: 3px;
}

body > header .userinfo .account .accountlink {
	color: #aaa;
	text-decoration: none;
	margin-left: 4px;
}

body > header .userinfo .account .accountlink:first-child {
	margin-left: 0;
}

body > header .userinfo .account .accountlink:after {
	content: "|";
	margin-left: 8px;
}

body > header .userinfo .account .accountlink:last-child:after {
	display: none;
}

body > header .userinfo .account .accountlink a:hover {
	color: #ccc;
}

body > .header-bar {
	margin: 3px auto;
	max-width: 980px;
	overflow: hidden;
}

body .header-segments {
	max-width: 980px;
	overflow: hidden;
	opacity: .6;
	display: inline-block;
}

body #site .header-segments {
	margin: 0 5px;
	display: block;
}

body .header-segments .segment {
	display: inline-block;
	color: #ccc;
	text-decoration: none;
	background-color: #333;
	border: 1px solid #555;
	border-left: none;
	border-right: none;
	height: 24px;
	line-height: 24px;
	position: relative;
	margin: 0 15px;
	float: left;
}

body .header-segments .segment span {
	display: block;
	color:#eee;
	padding: 0 10px;
}

body .header-segments .segment:first-child {
	border-left: 1px solid #555;
	margin-left: 0;
}

body .header-segments .segment:first-child span {
	padding-left: 10px;
}

body .header-segments .segment:first-child:hover {
	border-left: 1px solid #666;

}

body .header-segments .segment:first-child:before {
	display: none;
}

body .header-segments .segment:first-child span:before {
	display: none;
}

body .header-segments .segment:hover {
	background-color: #444;
	border: 1px solid #666;
	border-left: none;
	border-right: none;
}

body .header-segments .segment:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -15px;
	display: inline-block;
	width: 1px;
	height: 0;
	border: 13px solid #555;
	border-left: 14px solid transparent;
	border-right: 0px solid transparent;
}

body .header-segments .segment:hover:before {
	border: 13px solid #666;
	border-left: 14px solid transparent;
	border-right: 0px solid transparent;
}

body .header-segments .segment:after {
	content: "";
	position: absolute;
	top: 0;
	right: -13px;
	display: inline-block;
	width: 1px;
	height: 0;
	border: 12px solid transparent;
	border-left: 13px solid #333;
	border-right: 0px solid transparent;
}

body .header-segments .segment:hover:after {
	border-left: 13px solid #444;
}

body .header-segments .segment span:before {
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 12px solid #333;
	border-left: 13px solid transparent;
	border-right: 0px solid transparent;
}

body .header-segments .segment:hover span:before {
	border: 12px solid #444;
	border-left: 13px solid transparent;
	border-right: 0px solid transparent;
}

body .header-segments .segment span:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -14px;
	display: inline-block;
	width: 0px;
	height: 0;
	border: 13px solid transparent;
	border-left: 14px solid #555;
	border-right: 0px solid transparent;
}

body .header-segments .segment:hover span:after {
	border-left: 14px solid #666;
}

body > .header-bar > .header-bar-buttons {
	display: inline-block;
	float: right;
	margin-bottom: 5px;
}

body > .header-bar > .header-bar-buttons a {
	display: inline-block;
	line-height: 24px;
	background-color: #292929;
	padding: 0 15px;
	border-radius: 5px;
	margin: 0 3px;
	color: #e2e2e2;
	text-decoration: none;
	position: relative;
}

body > .header-bar > .header-bar-buttons a:hover {
	color: #ffffff;
}

body > .header-bar > .header-bar-buttons a.avatar {
	max-height: 24px;
	max-width: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	padding: 2px;
	background-color: transparent;
}

body > .header-bar > .header-bar-buttons a.avatar img {
	display: block;
	width: 100%;
}

body > .header-bar > .header-bar-buttons a.userrow {
	color: #6d97c3;
}

body > .header-bar > .header-bar-buttons a.userrow img {
	margin-right: 3px;
}

body > .header-bar > .header-bar-buttons a.creditslink {
	color: #ccc;
	padding-left: 12px;
}

body > .header-bar > .header-bar-buttons a.creditslink img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -4px;
}

body > .header-bar > .header-bar-buttons a.accountlink {
	color: #ccc;
}

body > .header-bar > .header-bar-buttons a.achievements {
	color: #ccc;
	padding-left: 12px;
}

body > .header-bar > .header-bar-buttons a.achievements .icon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -4px;
	height: 19px;
	width: 19px;
}

body > .header-bar > .header-bar-buttons a.achievements .icon img {
	position: absolute;
	left: 0;
}

body > .header-bar > .header-bar-buttons a.achievements:not(.blink) .icon img.blinkimg {
	display: none;
}

@-webkit-keyframes blink {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

body > .header-bar > .header-bar-buttons a.achievements.blink .icon img.blinkimg {
	-webkit-animation: blink 1s infinite alternate;
	animation: blink 1s infinite alternate;
}

body > .header-bar > .header-bar-buttons a.logout {
	color: #e54c44;
}

body > .header-bar > .feed-link {
	float: right;
	margin-right: 10px;
}

body > .header-bar > .logo {
	margin: 5px 5px 0;
	height: 10px;
}

body > .header-bar > .logo a {
	display: block;
}

body > .header-bar > .logo a img {
	display: block;
	position: absolute;
	opacity:.8;
}
body > .header-bar > .logo a img:hover {
	opacity: 1;
}
/* header ad */

#site > .headerad-box {
	padding: 1px 1px 1px 1px;
	margin: 5px 5px;
	min-height: 90px;
	background-color: #171717;
}

#site > .headerad-box .leftbox {
	float: left;
	height: 90px;
	width: 235px;
	box-sizing: border-box;
	padding: 0;
	position: relative;
	background-image: -webkit-linear-gradient(left, rgba(21, 21, 21, 0.5), #202020);
	background-image: linear-gradient(to right, rgba(21, 21, 21, 0.5), #202020);
}

#site > .headerad-box .leftbox .reg-ad {
	padding: 15px 17px;
	height: 100%;
	box-sizing: border-box;
}

#site > .headerad-box .leftbox .reg-ad p {
	color: #afafaf;
}

#site > .headerad-box .leftbox .reg-ad p.hilight {
	color: #f2e556;
	font-size:14px;
	padding-bottom: 6px;
}

#site > .headerad-box .leftbox .reg-ad p.small {
	color: #6b6b6b;
	font-size: 10px;
	margin-top: 12px;
}

#site > .headerad-box .headerad {
	float: right;
	height: 90px;
}

#site > .headerad-box + .adseparator {
	height: 3px;
	margin: 5px 5px 6px 5px;
	border: none;
	border-top: 2px solid #333;
}

/*Promote Bar*/

#promotebar > * {
	margin: 25px auto;
	width: 970px;
	line-height: 0;
	border-radius:5px;
}

.ad90 {
	float: left;
		margin-top: -2px;
		opacity:.8;

	margin-right: 7px;
}
.ad90:hover {
	float: left;
		margin-top: -2px;
		opacity:1;

}

.pageheader.bigheader {
	margin: 5px;
	margin-top: 0;
	border-bottom: 2px solid #303030;
	height: 85px;
	box-shadow:0px 0px 15px #151515;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.pageheader.bigheader .searchbar {
	display: inline-block;
	float: right;
	margin-right: 5px;
	margin-top:10px;
}

.pageheader.bigheader .searchbar input {
	width: 170px;
	border:1px solid #333;
	font-size:14px;
	color:#ccc;
	background: #252525;
	height: 25px;
	padding-left: 5px;
	margin-right: 5px;
	float: left;
	border-radius:5px;
}

.pageheader.bigheader .memberslink {
	position: absolute;
	right: 80px;
	bottom: 27px;
	color: #777;
	font-size:11px;
	padding-left:10px;
	border-left:1px solid #404040;
}
.pageheader.bigheader .gameslink {
	position: absolute;
	right: 192px;
	bottom: 27px;
	color: #777;
	font-size:11px;
}
.pageheader.bigheader .typebuttons {;
	font-size: 14px;
	overflow: hidden;
	margin-top: 10px;}

.pageheader.bigheader .typebuttons a {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.25);
	color: #ccc;
	padding: 3px 10px;
	margin-right: 10px;
	border-radius:5px;
	text-decoration: none;
}

.pageheader.bigheader .typebuttons a:hover {
	color: white;
}

.pageheader.bigheader .typebuttons a.feed-link {
	background-color: transparent;
	padding: 0;
	vertical-align: text-bottom;
	margin: 0 0 0 10px;
	opacity: 0.5;
	font-size:11px;
}

.pageheader.bigheader .typebuttons a.feed-link:hover {
	opacity: 0.8;
}

.pageheader.bigheader .typebuttons a.feed-link img {
	display: block;
}

/*Body Stuff*/
/*Unsorted*/

#main {
	width: 100%;
	display: table;
	color: #767676;
	padding-bottom: 10px;
	min-height: 600px;
}

#maincontent {
	padding-left: 5px;
}

#maincontent .noaddons {
	padding: 10px;
}

#maincontent .noaddons .label {
	margin: 10px 0 2px;
	font-size: 14px;
}

#maincontent .noaddons .add {
	font-size: 12px;
}

#maincontent div.page-status > span {
	display: block;
	padding: 10px;
	font-size: 11px;
	margin-bottom: 5px;
	overflow: hidden;
}

#maincontent div.page-status .error {
	color: #D05F4F;
	background-color: #280D0D;
}

#maincontent div.page-status .success {
	color: #5FD04F;
	background-color: #0D280D;
}

#mainleft {
	width: 660px;
	min-height: 1px;
}

body.togglesides #mainleft {
	float: right;
	margin-right: 5px;
}

#mainleft .contentinfo {
	background: #171717;
	padding: 5px;
	margin-bottom: 5px;
}

#mainleft .contentinfo span {
	margin-right: 10px;
	font-size: 11px;
	color: #888;
}

#mainleft .contentinfo span a {
	color: #998855;
}

/*#mainleft .content {
	background-image: url('/img/cont_fade.jpg');
	background-position: top right;
}*/

#mainleft .content.null,
#memberright .content.null {
	padding: 10px;
	font-style: italic;
	color: #888888;
}

#mainleft .content.directory {
	background: #282828;
}

#mainleft .content .search-container-background {
	background: #282828;
	padding: 10px;
}

#mainleft .content .search-container-background .search-container{
	background: #222222;
	margin: 0;
	padding: 20px;
}

#mainleft .content .search-container-background .search-container input.search-box {
	height: 24px;
	line-height: 24px;
	font-size: 22px;
}

#mainleft .content .search-container-background .search-container input.search {
	height: 30px;
	position: relative;
	top: 1px;
	font-size: 22px;
}

#mainleft .content span.results-message {
	display: block;
	background: #222;
	width: 712px;
	margin: 0 auto;
	padding: 5px;
}

.content .member-table {
	background: #282828;
	border-collapse: separate;
	border-spacing: 8px;
}

.content .member-table td {
	position: relative;
	width: 100px;
	height: 100px;
	background: #222222;
	padding: 0;
	padding-top: 5px;
}

.content .member-table a.member-listing {
	display: block;
	width: 100%;
	height: 100%;
}

.content .member-table a.member-listing{
	text-decoration: none;
}

.content .member-table img.member-avatar {
	display: block;
	margin: 0 auto;
	width: 75px;
}

.content .member-table span.member-name {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	bottom: 2px;
}

#mainleft .content.avatar, #mainleft .content.screens{
	background-image: url('/img/cont_fade.jpg');
	background-position: top right;
}

#mainleft.contentholder .topcontent {
	position: relative;
}

#mainleft.contentholder .topcontent .tabsholder {
	overflow: auto;
	margin-bottom: 1px;
	position: relative;
}

#mainleft.contentholder .topcontent .tabsholder .tabsbg {
	margin-top:5px;
	height: 50px;
	padding: 15px;
	background-color: #26323d;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2));

	font-size: 20px;
	font-weight: bold;
	color: #eee;
}

#mainleft.contentholder .topcontent .tabsholder .tabsbg .spinner {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
}

#mainleft.contentholder .topcontent .tabsholder .tabs {
	position: absolute;
	bottom: 0;
}

#mainleft.contentholder .topcontent .tabsholder .tabbutton {
	display: block;
	float: left;
	background: #26323d;
	color: #ccc;
	padding: 5px 15px;
	margin-right: 4px;
	cursor: pointer;
	font-size: 14px;
}

#mainleft.contentholder .topcontent .tabsholder .tabbutton:not(.selected):not(:hover) {
	background: #444 !important;
}

#mainleft.contentholder .topcontent .toplist-ad {
	position: absolute;
	right: 20px;
	margin: 10px 0 10px 15px;
}

#mainleft.contentholder .topcontent .items {
	padding-bottom: 0;
}

#mainleft.contentholder .topcontent .items .item {
	height: auto;
	min-height: 300px;
	overflow: auto;
	margin: 0;
	border: none;
	background-color: #303030;
}

#mainleft.contentholder .topcontent .items .item .infopane {
	width: 215px;
	float: left;
	margin: 0 5px 0 0;
}

#mainleft.contentholder .topcontent .items .item .infopane .imageholder {
	background: #222;
	margin-bottom: 10px;
	padding: 10px;
}

#mainleft.contentholder .topcontent .items .item .infopane .imageholder .thumbnail {
	width: 100%;
}

#mainleft.contentholder .topcontent .items .item .infopane .infoholder {
	background: #222;
	padding: 10px;
}

#mainleft.contentholder .topcontent .items .item .infopane .infoholder .info {
	color: #7e7e7e;
	font-size: 11px;
}

#mainleft.contentholder .topcontent .items .item .toplist {
	float: left;
	width: 650px;
	margin-top:5px;
}

#mainleft.contentholder .topcontent .items .item .toplist .number {
	float: left;
	font-size: 14px;
	margin: 0px 5px 0 0px;
	width: 25px;
	text-align: right;
	color: #777;
	text-align:right;
	padding:3px;
	background-color:#252525;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem {
	background: #282828;
	overflow: auto;
	margin-bottom: 7px;
	padding: 5px;
	position: relative;
	height: 44px;
	white-space: nowrap;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem:hover {
	background: #232323;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .icon {
	width: 42px;
	height: 42px;
	float: left;
	border-radius:5px;
	border:1px solid #333;
	opacity: .7;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .filetitle {
	float: left;
	margin: 6px 10px;
	max-width: calc(100% - 60px - 44px - 30px);
	overflow: hidden;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .filetitle a:last-child:hover {
	text-decoration: none;
	color: #fff;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .title {
	display: block;
	font-size: 16px;
	margin-top:7px;
	color: #a9a770;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .type {
	font-size: 11px;
	color: #4D4D4D;
}

#mainleft.contentholder .topcontent .items .item .toplist .topitem .rating {
	position: absolute;
	right: 0px;
	margin: 16px 10px;
}

.disclaimer {
	display: block;
	text-align: right;
	font-size: 11px;
	color: #606060;
	padding-top:10px;
}
#mainleft .games {
	padding-top: 5px;
	overflow: auto;
	background-color: #282828
}

.game-container {
	float: left;
	position: relative;
	text-shadow:0 0 5px #202020;
	border:1px solid #292929;
	width: 305px;
	height: 42px;
	background: #353535;
	border-radius: 5px;
	padding: 6px;
	margin: 5px;
	/*	box-shadow:0 0 15px #000000, inset 0 0 25px #505050 inset; */

}

.game-container:hover {
	background: #404040;
	box-shadow:0 0 15px #191919, 0 0 20px #505050 inset;
}

.game-container.selected {
	background: #175217;
	box-shadow: 0 0 15px #191919, 0 0 20px #133A13 inset;
}

.game-container.selected:hover {
	background: #175f17;
	box-shadow: 0 0 15px #191919, 0 0 20px #0e3c0e inset;
}

.member-games .game-container {
	cursor: pointer;
}

.game-container.expand,
.games .game-container.expand {
	width: calc(196px*3 + 1px*2*2 + 6px*2*2 + 5px*2*2);
	text-align: center;
	vertical-align: middle;
	line-height: 42px;
	cursor: pointer;
}

.game-container.expand .label,
.games .game-container.expand .label {
	color: #B9B9A2;
	font-size: 16px;
}

.game-container.expand .label:after,
.games .game-container.expand .label:after {
	content: "";
	display: inline-block;
	border-top: 9px solid rgb(119, 135, 179);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin: 0 10px;
}

.game-container .game-icon {
	float: left;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	margin-right: 10px;
	opacity: .7;
}
.game-container:hover .game-icon {
	float: left;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	margin-right: 10px;
		opacity: 1;

}

.game-container .star {
	background-image: url("/img/star_silver.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:  10px;
	height: 10px;
	position: absolute;
	top:  5px;
	right: 5px;
	opacity: 0.2;
	cursor: pointer;
}

.game-container .star:hover {
	opacity: 0.7;
}

.game-container .star.selected {
	background-image: url("/img/star_gold.png");
	opacity: 0.8;
}

.game-container .star.selected:hover {
	opacity: 1.0;
}

.game-container .game-name {
	float: left;
	color: #b5b194 !important;
	font-size: 14px;
	overflow: hidden;
	width: 245px;
	height: 24px;
	line-height: 24px;
}
.game-container:hover .game-name {
	color: #fff !important;
}

#memberright .game-container .game-name {
	height: 48px;
	line-height: 20px;
}

#memberleft {
	width: 235px;
	margin-right: 5px;
}

#mainright {
	width: 305px;
	margin-left: 5px;
	
}

body.togglesides #mainright {
	margin-left: 0;
}

#memberright {
	width: 730px;
	margin-left: 0px;
}

#memberleft .notifications {
	float: right;
}

#memberleft .livetime-label {
	display: block;
	text-align: center;
}

#memberleft .livetime {
	display: block;
	text-align: center;
}

#memberleft .livetime-link {
	display: block;
	text-align: center;
	background-image: none;
	padding: 0;
	margin: 0;
	font-size: 10px;
	height: auto;
}

#memberleft .livetime-link:hover {
	font-weight: normal;
	text-decoration: underline;
}

#memberleft ul, #mainright ul {
	list-style: none;
	padding: 0px;
}

#memberleft li > a, #mainright .group li > a:first-child {
	border:1px solid #363636;
	background-color:#2e2e2e;
	display: block;
	padding: 7px 7px 7px 10px;
	color: #999A8A;
	margin-bottom: 2px;
	font-size: 14px;
	height: 16px;
}

#memberleft a.dash, #mainright .group li > a:first-child.dash {
	border:1px solid #363636;
	background-color:#2e2e2e;
	
	padding-left: 25px;
	position: relative;
}

#memberleft a.dash.subtag, #mainright .group li > a:first-child.dash.subtag {
	color:#888888;
}

#memberleft a.dash.subtag.hilight:after, #mainright .group li > a:first-child.dash.subtag.hilight:after {
	content: "";
	position: absolute;
	background-color: green;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	right: 10px;
	top: 10px;
}

#memberleft a:hover.dash.subtag, #mainright .group li > a:first-child:hover.dash.subtag {
	color: white;
}

#memberleft a.dash:before, #mainright .group li > a:first-child.dash:before {
	content: "";
	display: inline-block;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	width: 6px;
	height: 7px;
	position: absolute;
	left: 10px;
	top: 7px;
}

#memberleft a.dash.subtag:before, #mainright .group li > a:first-child.dash.subtag:before {
	left: 10px;
}

#memberleft a.dash, #mainright .group.gamepage li.mode > a:first-child.dash {
	border:1px solid #363636;
	background-color:#2e2e2e;
	position: relative;
}

#memberleft a:hover.dash, #mainright .group.gamepage li.mode > a:first-child:hover.dash {
	border:1px solid #3e3e3e;
	background-color:#333333;
}

#memberleft a.dash:before, #mainright .group.gamepage li.mode > a:first-child.dash:before {
	content: "";
	display: inline-block;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	width: 6px;
	height: 7px;
	position: absolute;
	top: 7px;
}

#memberleft a.dash:hover,
#mainright .group li > a:first-child.dash:hover,
#mainright .group li > a:first-child.dash.current-page,
#mainright .group li > a:first-child.dash.active {
	border:1px solid #3e3e3e;
	background-color:#333333;

}



#mainright .group.gamepage {
	position: relative;
}

#mainright .group.gamepage #sidebar-toggle {
	position: absolute;
	top: 6px;
	right: 8px;
	z-index: 10;
	cursor: pointer;
	opacity: 0.5;
}

#mainright .group.gamepage #sidebar-toggle:hover {
	opacity: 1;
}

#mainright .group.gamepage #sidebar-toggle img {
	display: block;
}

#mainright .group.games li > a:first-child.dash,
#mainright .group.gamepage li > a:first-child.dash.pageitem {
	font-size: 16px;
	padding-left: 46px;
	padding-top: 12px;
	color:#aaa;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
}
#mainright .group.games li > a:first-child.dash .icon,
#mainright .group.gamepage li > a:first-child.dash.pageitem .icon {
	position: absolute;
	top: 5px;
	left: 7px;
	height: 30px;
	width: 30px;
	border-radius:6px;
	opacity: .7;
}

.subtree.dash {
	color:#ccc;
	margin-left:10px;
}

#mainright .group li a:first-child.subtree.dash.themecolor {
	background-image: -webkit-linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
	background-image: linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
	border: 1px solid rgba(95, 95, 95, 0.3);
	color:#aaa;
}

#mainright .group li a:first-child.subtree.dash.themecolor:hover {
	color: white;
}

#mainright .group li a:first-child.subtree.dash.themecolor.hilight:after {
	content: "";
	position: absolute;
	background-color: green;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	right: 10px;
	top: 10px;
}

#mainright .group li a:first-child.subtree.dash.themecolor:hover,
#mainright .group li a:first-child.subtree.dash.themecolor.active {
	background-image: -webkit-linear-gradient(rgba(65, 65, 65, 0.65), rgba(65, 65, 65, 0.65));
	background-image: linear-gradient(rgba(65, 65, 65, 0.65), rgba(65, 65, 65, 0.65));
	border: 1px solid rgba(111, 111, 111, 0.3);
}

.subtree.dash.subtag {
	margin-left: 25px;
}

#memberleft .img, #mainright .group li a.img {
	height: auto;
	display: block;
	background-image: none;
	font-size: 11px;
	font-weight: bold;
	background-color: #151515;
	border: 1px solid #2E2E2E;
	padding: 7px;
	padding-bottom: 5px;
	position: relative;
}

#memberleft .img, #mainright .group li a.img .thumb {
	width: 220px;
	height: 124px;
}

#mainright .group li a.img .game {
	position: absolute;
	bottom: 12px;
	right: 12px;
	height: 24px;
	width: 24px;
	border-radius:5px;
	opacity:.6;
}


#memberleft .img:hover, #mainright .img:hover {
	background-image: none;
}

#memberleft a:hover, #mainright .group li > a:first-child:hover, #mainright .group li > a:first-child.current-page {
	text-decoration: none;
	color: #FFFFFF;
}

#mainright .group.popauths li a.img .thumb {
	width: inherit;
}

#mainright .group.forumthreads .thread {
	position: relative;
}

#mainright .group.forumthreads .thread .gameicon {
	position: absolute;
	top: 2px;
	left: 3px;
	height: 24px;
	width: 24px;
	border-radius: 5px;
	opacity: 0.7;
}

#mainright .newcontent {
	margin-top: 25px;
}

#memberright .content .member-activity .rating .ratingcount {
	display: none;
}

#memberright .content .message-container {
	background: #2a2a2a;
	border:1px solid #555;
	margin: 10px;
	padding: 10px;
	font-size: 14px;
}

#memberright .content .message-container a {
	cursor: pointer;
}

#memberright .content .message-container .message-from {
}

#memberright .content .message-container .message-subject {
	font-weight: bold;
}

#memberright .content .message-container .message-subject.read {
	font-weight: normal;
}

#memberright .content .message-container .message-colon {
	color: #777777;
}

#memberright .content .message-container .spacer {
	margin: 0 5px;
	color: #777777;
}

#memberright .content .message-container .message-date {
	font-style: italic;
	color: #777777;
}

#memberright .content .message-container a.delete-button {
	color: red;
}

#memberright .content .message-container div.message-content {
	display: none;
}

#memberright .content .message-container div.message-content span.message {
	display: block;
	padding: 10px;
	margin: 10px 0;
	background: #1B1B1B;
	border: #333 1px solid;
}

#memberright .content .message-container div.message-content a.message-reply {
	color: #a8c640;
	font-weight: bold;
	border-radius:7px;
	display: block;
	padding: 5px;
	width: 50px;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	background: #252525;
	border:1px #363636 solid;
	font-size:16px;
}

#memberright.messages.contentholder {
	margin-top: 10px;
}

#memberright.messages.contentholder.first {
	margin-top: 0;
}

#memberright a#refresh-button {
	cursor: pointer;
}

#memberright #compose-message .form-content {
	position: relative;
}

#memberright #compose-message .form-content .form-content-field {
	margin: 10px 129px 0 0;
	text-align: right;
}

#memberright #compose-message .form-content .form-content-field label {
	vertical-align: top;
	font-weight: bold;
}

#memberright #compose-message .form-content .form-content-field input, #memberright #compose-message .form-content .form-content-field textarea {
	width: 500px;
}

#memberright #compose-message .form-content .form-content-field textarea {
	height: 120px;
	margin-right: -1px;
}

#memberright #compose-message .form-content .submission {
	margin: 5px 0 5px 107px;
}

#memberright #compose-message .form-content .submission a.clear-form {
	cursor: pointer;
}

.bigheader {
	overflow: hidden;
	background-color: #26323d;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	font-size: 12px;
	height: 70px;
	position: relative;
}

.bigheader + .content {
	padding: 0;
}

.content + .bigheader {
	margin-top: 15px;
}

.bigheader .game-icon {
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 5px;
	margin: 6px;
	border:1px solid #191919;
	opacity:.7;
}
.bigheader .game-icon:hover {
	opacity: 1;
}
.bigheader .titleblock {
	display: inline-block;
	margin: 15px 0px 0px 10px;
}

.bigheader .titleblock:first-child {
	margin-left: 20px;
}

.bigheader .titleblock .title {
	font-size: 20px;
	font-weight:bold;
	color: #eee;
}

.bigheader .titleblock .subtitle {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

.bigheader .buttons {
	position: absolute;
	right: 10px;
	top: 8px;
}

.bigheader .buttons div {
	border: 1px #363636 solid;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	float: right;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
	
	margin-left: 10px;
}

.bigheader .buttons div:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

.bigheader .buttons div.active,
.bigheader .buttons div.active:hover {
	background-image: -webkit-linear-gradient(top, #622000, #1e1e1e);
	background-image: linear-gradient(to bottom, #622000, #1e1e1e);
}

.bigheader .buttons a {
	display: block;
	color: #bebebe;
	text-decoration: none;
	text-align: center;
	height: 100%;

	padding: 0 10px;
	padding-top: 4px;
}

.bigheader .buttons div.disabled:hover {
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
}

.bigheader .buttons .disabled a {
	color: #454545;
}

.gameheader.bigheader {
	overflow: hidden;
	margin-bottom: 5px;
	background-color: #26323d;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	font-size: 12px;
	border-bottom: 1px solid #292929;
}

.gameheader.bigheader .game-icon {
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	margin: 8px;
}

.gameheader.bigheader .titleblock {
	display: inline-block;
	margin: 15px 10px;
}

.gameheader.bigheader .titleblock .title {
	font-size: 20px;
	font-weight: bold;
	color: #eee;
	margin-top: 5px;
}

.gameheader.bigheader .titleblock .game-title {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

.gameheader.bigheader .titleblock .game-title,
.gameheader.bigheader .type-link {
	color: rgba(255, 255, 255, 0.4);
}

.gameheader.bigheader .titleblock .game-title > span a:hover,
.gameheader.bigheader .type-link:hover {
	color: rgba(255, 255, 255, 0.75);
}


.gameheader.bigheader .right-links {
	float: right;
	display: inline-block;
}

.gameheader.bigheader .type-link {
	margin: 10px 15px;
	display: inline-block;
}

.gameheader.bigheader .feed-link {
	margin: 10px 10px 0;
	display: block;
	text-align: right;
}

.gameheader.bigheader .feed-link + .type-link {
	margin: 13px 10px;
}

.gameheader.bigheader .titleblock .game-title > span:after {
	content: ">";
	margin: 0 3px 0 8px;
}

.gameheader.bigheader .titleblock .game-title > span:last-child:after {
	display: none;
}

.gameheader.bigheader .titleblock .game-title > span a {
	color: inherit;
}

/* Member Files */

#memberright .bigheader {
	overflow: hidden;
	background-color: #26323d;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	font-size: 12px;
	height: 79px;
	position: relative;
}

#memberright .bigheader + .content {
	padding: 0;
}

#memberright .bigheader .game-icon {
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	margin: 8px;
}

#memberright .bigheader .titleblock {
	display: inline-block;
	margin: 15px 10px;
}

#memberright .bigheader .titleblock .title {
	font-size: 20px;
	font-weight: bold;
	color: #eee;
	margin-bottom: 5px;
}

#memberright .bigheader .titleblock .subtitle {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

#memberright .bigheader .buttons {
	position: absolute;
	right: 10px;
	top: 8px;
}

#memberright .bigheader .buttons div {
	border: 1px #363636 solid;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	float: right;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
}

#memberright .bigheader .buttons div:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

#memberright .bigheader .buttons div.active,
#memberright .bigheader .buttons div.active:hover {
	background-image: -webkit-linear-gradient(top, #622000, #1e1e1e);
	background-image: linear-gradient(to bottom, #622000, #1e1e1e);
}

#memberright .bigheader .buttons a {
	display: block;
	color: #bebebe;
	text-decoration: none;
	text-align: center;
	height: 100%;

	padding: 0 10px;
	padding-top: 4px;
}

#memberright .bigheader .buttons div.disabled:hover {
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
}

#memberright .bigheader .buttons .disabled a {
	color: #454545;
}

#memberright .game-banner {
	background: #111;
	margin: -2px 0;
	overflow: hidden;
	cursor: pointer;
	border-top:1px solid #252525;
}
#memberright .game-banner:hover {
	background: #181818;
	margin: -2px 0;
	overflow: hidden;
	cursor: pointer;
	border-top:1px solid #252525;
}

#memberright .game-banner + .items {
	display: none;
}

#memberright .game-banner.show + .items {
	display: inherit;
}

#memberright .game-banner .game-icon {
	margin: 15px;
	float: left;
	width:50px;
	border-radius:10px;
	border:2px solid #292929;
	
}

#memberright .game-banner .game-title {
	color: #b5b194;
	font-size: 24px;
	float: left;
	line-height: 79px;
}

#memberright .game-banner .released, #memberright .game-banner .coming-soon {
	color: grey;
	font-size: 18px;
	float: right;
	line-height: 72px;
	margin-right: 20px;
}

/* Member Files */

#memberright.myfiles .items {
	padding: 10px;
	overflow: hidden;
}
#memberright.myfiles .items .item {
	margin: 0 auto 5px;
}

#memberright.myfiles .items .item.abandoned {
	background-color: #4e1111;
}

#memberright.myfiles .items .item .customtext select {
	font-size: 11px;
}

#memberright.myfiles .nofiles,
#memberright.watchlist .nofiles {
	padding: 10px;
	font-style: italic;
	color: #999;
}

/* End Member Files*/

/* Member content creation */

#maincontent .headlinebutton.cancel-create a {
	color: #f99;
}

#memberright .content.member-create-content {
	/* padding-top: 20px; */
}

#memberright .content.member-create-content section {
	margin: 0 10px;
	padding: 0 5px 10px;
	border-bottom: 1px solid #555;
	overflow: hidden;
}

#memberright .content.member-create-content section:first-child {
	border: none;
	padding-bottom: 0;
}

#memberright .content.member-create-content section h1 {
	margin: 0;
	display: inline-block;
}

#memberright .content.member-create-content section h1 + h2 {
	display: inline-block;
	font-weight: lighter;
	margin: 0;
}

#memberright .content.member-create-content section h1 + h2:before {
	content: ":";
	font-weight: normal;
	margin-right: 5px;
}

#memberright .content.member-create-content section.create-content-listing {
	margin: 0;
}

#memberright .content.member-create-content section.create-content-info {}

#memberright .content.member-create-content section.create-content-info dl {
	margin: 20px 0;
}

#memberright .content.member-create-content section.create-content-info dl dt {
	float: left;
	width: 20%;
	text-align: right;
	font-size: 18px;
	margin-right: 15px;
	margin-top: 6px;
	color: white;
}

#memberright .content.member-create-content section.create-content-info dl dt:after {
	content: ":";
}

#memberright .content.member-create-content section.create-content-info dl dt:empty {
	height: 1px;
}

#memberright .content.member-create-content section.create-content-info dl dt:empty:after {
	content: "";
}

#memberright .content.member-create-content section.create-content-info dl dd {
	margin: 10px 0 10px auto ;
	width: calc(80% - 15px);
}

#memberright .content.member-create-content section.create-content-info.edit-featured dl dd {
	display: block;
	width: inherit;
}

#memberright .content.member-create-content section.create-content-info dl dd select {
	background-color: #999;
	border: none;
	padding: 4px;
	font-size: 18px;
	box-sizing: border-box;
	width: 60%;
}

#memberright .content.member-create-content section.create-content-info dl dd input {
	background-color: #999;
	border: none;
	padding: 5px;
	font-size: 18px;
	box-sizing: border-box;
	width: 60%;
}

#memberright .content.member-create-content section.create-content-info dl dd textarea {
	background-color: #999;
	border: none;
	padding: 5px;
	font-size: 18px;
	box-sizing: border-box;
	width: 90%;
	height: 200px;
}

#memberright .content.member-create-content section.create-content-info dl dd .charlimit {
	display: block;
}

#memberright .content.member-create-content section.create-content-info dl dd .available-selector {
	white-space: nowrap;
	font-size: 15px;
}

#memberright .content.member-create-content section.create-content-info dl dd .available-selector select {
	width: 60px;
}

#memberright .content.member-create-content section.create-content-info dl dd .version-selector {
	white-space: nowrap;
	font-size: 15px;
}

#memberright .content.member-create-content section.create-content-info dl dd .version-selector .input.version {
	width: 190px;
	margin-right: 8px;
}

#memberright .content.member-create-content section.create-content-info dl dd .version-selector select {
	width: 120px;
	margin: 0;
}

#memberright .content.member-create-content section.create-content-info dl dd .thumbnail-box {
	border: 2px solid #3e3e3e;
	box-shadow:0px 2px 1px #151515;
	border-radius: 5px;
	width: 320px;
	height: 180px;
	display: inline-block;
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: center;
}

#memberright .content.member-create-content section.create-content-info dl dd .thumbnail-box.mod:after {
	content: "";
	position: absolute;
	width:  100%;
	height: 100%;
	top:  0;
	border-radius: 3px;
	background-image: url("../img/thumb_mod.png");
	background-repeat: no-repeat;
	z-index: -1;
	cursor:  pointer;
}

#memberright .content.member-create-content section.create-content-info dl dd .thumbnail-box input.file {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

#memberright .content.member-create-content section.create-content-info dl dd .thumbnail-box .placeholder {
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 180px;
	font-size: 18px;
	color: #999;
	z-index: -1;
}

#memberright .content.member-create-content section.create-content-info dl dd.mode-box label,
#memberright .content.member-create-content section.create-content-info dl dd.envi-box label {
	display: inline-block;
	width: 200px;
	font-size: 13px;
	color: #999;
}

#memberright .content.member-create-content section.create-content-info dl dd.mode-box label:first-child,
#memberright .content.member-create-content section.create-content-info dl dd.envi-box label:first-child {
	margin-top: 10px;
}

#memberright .content.member-create-content section.create-content-info dl dd.mode-box label input,
#memberright .content.member-create-content section.create-content-info dl dd.envi-box label input {
	padding: 0;
	width: auto;
	vertical-align: middle;
}

#memberright .content.member-create-content section.create-content-info #cropbox {
	margin: 30px;
	display: inline-block;
	border: 1px solid black;
}

#memberright .content.member-create-content section.create-content-info #cropbox img {
	background-repeat: no-repeat;
}

#memberright .content.member-create-content section.create-content-info dl dt.desc {
	margin-top: 20px;
}

#memberright .content.member-create-content section.create-content-info dl dt.desc + dd {
	margin-top: 30px;
	margin-bottom: 30px;
}

#memberright .content.member-create-content section.create-content-info dl dd:last-child {
}

#memberright .content.member-create-content section.create-content-info .game-block {
	background-color: #353535;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 5px 0px #333;
	width: 210px;
	text-shadow: 1px 1px rgba(80, 80, 80, 0.5);
}
/*
#memberright .content.member-create-content section.create-content-info .game-block img {
	float: left;
	margin-right: 5px;
}

#memberright .content.member-create-content section.create-content-info .game-block .title {
	font-size: 18px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	color: #949375;
}

#memberright .content.member-create-content section.create-content-info .game-block .desc {}
*/
#memberright .content.member-create-content section.create-content-tags {
	border: 0;
	margin-top: 10px;
}

#memberright .content.member-create-content section.create-content-tags h1 {
	margin: 15px 0;
	font-weight: lighter;
	color: white;
}

#memberright .content.member-create-content section.create-content-custom-tags {
}

#memberright .content.member-create-content section.create-content-tags .tree {
	display: block;
}

#memberright .content.member-create-content section.create-content-custom-tags .tree {
	display: inline-block;
	vertical-align: top;
	margin: 50px;
	margin-top: 20px;
}

.tree-list {
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}

.tree-list .item {
	width: 200px;
	height: 27px;
	line-height: 27px;
	position: relative;
}

.tree-list .item input {
	position: absolute;
	top: 0;
	right: 0;
	height: 13px;
	margin: calc((27px - 13px)/2);
	cursor: inherit;
}

.tree-list .item.head {
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid rgba(119, 119, 119, 0.3);
	background-color: #26323d;
}

.tree-list .item.head + .item.sub {
	border-top: none;
}

.tree-list .item.sub {
	padding-left: 27px;
	width: calc(100% - 27px - 2px);
	border: 1px solid rgba(119, 119, 119, 0.3);
	margin-bottom: 2px;
	background-color: #2c2c2c;
	cursor: pointer;
}

.tree-list .item.sub:before {
	content: "";
	width: 6px;
	height: 7px;
	position: absolute;
	top: 6px;
	left: 14px;
	border-left: 2px solid #3c3c3c;
	border-bottom: 2px solid #3c3c3c;
}

.tree-list .item.nondefault {
	background-color: rgba(34, 68, 34, 0.5);
}

.tree-list .item label {
	display: block;
	padding-left: 5px;
	cursor: inherit;
}

#memberright .content.member-create-content section.create-content-custom-tags .add-tag {
	display: inline-block;
	overflow: hidden;
	margin: 20px 25px 50px 20px;
}

#memberright .content.member-create-content section.create-content-custom-tags .add-tag label {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	display: block;
}

#memberright .content.member-create-content section.create-content-custom-tags .add-tag input {
	font-size: 18px;
	border: 0;
	padding: 5px;
	background-color: #888;
	margin: 5px 10px 10px 0;
}

#memberright .content.member-create-content section.create-content-custom-tags .add-tag button {
	font-size: 16px;
}

#memberright .content.member-create-content section.create-content-custom-tags .add-tag .content-desc {}


#memberright .content.member-create-content section.create-content-next {
	overflow: hidden;
}

#memberright .content.member-create-content section.create-content-next button {
	float: right;
	margin: 14px;
	font-size: 16px;
	font-weight: bold;
}

#memberright .content.member-create-content section.create-content-next:last-child {
	border-bottom: none;
}

#memberright .content.member-create-content section.create-content-screenshot-upload {
	padding: 20px 0;
	padding-top: 10px;
	margin: 0;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box {
	position: relative;
	margin: 0 0 15px;
	width: 728px;
	min-height: 410px;
	z-index: 0;
	border: 1px solid #3a3a3a;
}

#memberright .content.member-create-content section.create-content-screenshot-upload.edit .screenshot-box {
	display: none;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box img {
	width: 100%;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box .placeholder + img {
	display: none;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box input.screenshot {
	display: block;
	width: 728px;
	height: 410px;
	cursor: pointer;
	opacity: 0;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box input.screenshot.small {
	width: 0;
	height: 0;
	opacity: 1;
	visibility: hidden;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box input.screenshot.small:before {
	content: "X";
	position: absolute;
	top:  5px;
	right: 8px;
	visibility: visible;
	z-index: 10000;
	background-color: red;
	font-weight: bold;
	color: white;
	padding: 2px;
	border-radius: 4px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-box .placeholder {
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 410px;
	font-size: 18px;
	color: #999;
	background-color: #3a3a3a;
	z-index: -1;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-edit-preview {
	display: none;
	position: relative;
	margin: 0 0 15px;
	width: 728px;
	min-height: 410px;
	border: 1px solid #3a3a3a;
	left: -2px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload.edit .screenshot-edit-preview {
	display: block;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-edit-preview img {
	width: 100%;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-comment {
	font-size: 18px;
	margin: 0 15px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-comment .label {
	margin-right: 5px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-comment .input.comment {
	font-size: inherit;
	width: 380px;
	background-color: #888;
	border: none;
	padding: 5px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-comment button {
	font-size: inherit;
	float: right;
	margin: 5px;
}

#memberright .content.member-create-content section.create-content-screenshot-upload .screenshot-comment button.delete {
	display: none;
}

#memberright .content.member-create-content section.create-content-screenshot-upload.edit .screenshot-comment button.delete {
	display: inline-block;
}

#memberright .content.member-create-content section.create-content-screenshots {
	margin: 25px 15px 10px;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumbs {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	margin-bottom: 5px;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumb {
	display: inline-block;
	width: 128px;
	height: 72px;
	background-color: #3a3a3a;
	margin: 4px;
	overflow: hidden;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumb img {
	width: 100%;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumb img:not([src=""]) {
	cursor: move;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumb.dragging {
	opacity: 0.2;
}

#memberright .content.member-create-content section.create-content-screenshots .small-thumb.dragtarget {
	outline: 1px dashed;
}

#memberright .content.member-create-content section.create-content-screenshots .edit-label {
	font-size: 13px;
	margin: 5px;
}

#memberright .content.member-create-content.changelog .current-changelog .changelog-holder {
	border: 1px solid #111;
	padding: 5px;
	min-height: 100px;
	max-height: 450px;
	overflow-x: auto;
	overflow-y: auto;
	white-space: pre-line;
}

#memberright .content.member-create-content.changelog .edit-changelog {
	overflow: hidden;
	position: relative;
}

#memberright .content.member-create-content.changelog .edit-changelog .changes {
	margin-top: 10px;
	min-height: 400px;
	background-color: #ccc;
	width: 100%;
	font-size: 11px;
	box-sizing: border-box;
	white-space: pre-line;
}

#memberright .content.member-create-content.abandon .abandon-reason .reason {
	margin-top: 10px;
	height: 100px;
	background-color: #ccc;
	width: 100%;
	box-sizing: border-box;
}

#memberright .content.member-create-content.videos .linked-videos {
	margin-top: 8px;
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem .title {
	font-size: 14px;
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem input:checked + .title {
	color: #6be;
	font-weight: bold;
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem .buttonlink {
	color: #a9a770;
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem .buttonlink:before,
#memberright .content.member-create-content.videos .linked-videos .linkeditem .buttonlink:after {
	color: #999a8a;
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem .buttonlink:before {
	content: "[";
}

#memberright .content.member-create-content.videos .linked-videos .linkeditem .buttonlink:after {
	content: "]";
}

#memberright .content.member-create-content.upload .file-upload-form #upload-drop-target {
	height: 80px;
	margin: 15px 0;
	padding: 7px;
	background-color: #333;
	border-radius: 5px;
	line-height: 73px;
	cursor: pointer;
}

#memberright .content.member-create-content.upload .file-upload-form #upload-drop-target span {
	border: 2px solid #555;
	border-radius: 5px;
	display: block;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	color: #555;
	font-size: 16px;
}

#memberright .content.member-create-content.upload .file-upload-form #start-upload {
	float: right;
}

#memberright .content.member-create-content.upload .file-upload-form .uploader-link {
	text-align: right;
	display: block;
	color: rgb(190, 190, 0);
	margin-top: 5px;
}

#memberright .content.member-create-content.upload .file-upload-status {
	display: none;
}

#memberright .content.member-create-content.upload .file-upload-status .progress {
	margin: 5px;
}

#memberright .content.member-create-content.upload .file-upload-status .progress progress {
	width: 100%;
	height: 20px;
	margin: 5px 0;
}

#memberright .content.member-create-content.upload .file-upload-status .progress .value {
	float: right;
}

#memberright .content.member-create-content.upload .file-upload-status #current-speed {
	text-align: right;
}

#memberright .content.member-create-content.upload .file-upload-status #speed-graph {
	height: 100px;
	border: 1px solid #333;
	margin: 10px 5px;
	padding: 1px 0;
	overflow: hidden;
	line-height: 100px;
	width: 680px;
}

#memberright .content.member-create-content.upload .file-upload-status #speed-graph > span {
	background-color: #555;
	width: 2px;
	margin: 0 1px;
	display: inline-block;
	min-height: 2px;
	vertical-align: bottom;
}

#memberright .content.member-create-content.upload-update section {
	border: none;
}

#memberright .content.member-create-content.upload-update section.box {
	border: 5px solid #333333;
	border-radius: 6px;
	margin: 15px;
	padding: 20px;
	background-color: #2d2d2d;
}

#memberright .content.member-create-content.upload-update section.box h1 {
	font-weight: normal;
	color: #c6c19c;
	font-size: 16px;
	margin-bottom: 15px;
}

#memberright .content.member-create-content.upload-update section.box ul {
	list-style: none;
	padding-left: 30px;
	font-size: 14px;
}

#memberright .content.member-create-content.upload-update section.box li {
	margin: 10px 0;
	color: #f6f6f6;
}

#memberright .content.member-create-content.upload-update section.box.version-info li .subtitle {
	color: #8b8b8b;
	font-size: 12px;
	margin: 10px 34px 20px;
}

#memberright .content.member-create-content.upload-update section.box.version-info .version-box {
	display: inline-block;
	float: right;
	background-color: #222;
	border-radius: 8px;
	color: #aba685;
	font-size: 16px;
	padding: 10px 10px 0;
	margin-top: 35px;
}

#memberright .content.member-create-content.upload-update section.box.version-info .version-box div {
	margin: 10px;
}

#memberright .content.member-create-content.upload-update section.box.version-info .version-box div span:first-child {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin-right: 5px;
}

#memberright .content.member-create-content.upload-update section.box.version-info .version-box input {
	width: 60px;
	background-color: #ccc;
	border: 1px inset;
	font-size: 16px;
}

#memberright .content.member-create-content.upload-update section.box.version-info .version-box .label {
	font-size: 11px;
	color: #7a7a7a;
	text-align: center;
}

#memberright .content.member-create-content.upload-update section.box.project-status li {
	color: #d3d3d3;
}

#memberright .content.member-create-content.upload-update section.box.project-status li .option-desc {
	color: #8b8b8b;
}

#memberright .content.member-create-content.upload-update section.box.project-status li .option-desc:before {
	content: "-";
	margin: 2px;
}

#memberright .content.member-create-content.upload-update section.box li input[type=radio] {
	margin-right: 10px;
}

#memberright .content.member-create-content.upload-update .file-changelog .changelog {
	width: 98%;
	min-height: 500px;
	margin-top: 20px;
}

#memberright .content.member-create-content.settings .controls button {
	margin-top: 12px;
}

#memberright .content.member-create-content.settings .edit-settings {
	margin: 10px;
	font-size: 14px;
	border-bottom: none;
}

#memberright .content.member-create-content.settings .edit-settings input {
	vertical-align: middle;
}

/* End member content creation */

/* Jcrop css */

.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("../img/Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

/* tinybox CSS */

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:5px; -moz-border-radius:5px; border-radius:5px; background:#eee url(../img/tinybox_preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../img/tinybox_close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

/* Member Videos */

#memberright .video-form {
	padding: 0 10px 10px 10px;
	overflow: hidden;
}

#memberright .video-form label {
	font-size: 16px;
	display: block;
	margin: 10px 0;
}

#memberright .video-form form {
	margin-bottom: 40px;
}

#memberright .video-form input[type="text"] {
	width: 225px;
}

#memberright .video-form .spinner {
	position: absolute;
	left: 565px;
	display: none;
}

#memberright .video-form .sublabel {
	display: block;
}

#memberright .video-form .step-one {
	float: left;
}

#memberright .video-form .step-two {
	float: left;
	margin-left: 180px;
}

#memberright .video-form .step-three {
	margin: 0;
	float: left;
	display: none;
}

#memberright .video-form .step-three input[type=submit] {
	display: block;
	margin-top: 20px;
	margin-left: 0;
}

#memberright .video-form .step-three .delete-video {
	display: block;
	color: red;
	font-weight: bold;
	margin-top: 10px;
}

#memberright .video-form .preview {
	float: right;
	display: none;
}

/* End Member Videos */

#memberright .newswarningpage .newswarning {
	margin: 30px;
	padding: 30px;
	border-radius: 8px;
	background-color: #2a2a2a;
	font-size: 12px;
}

#memberright .newswarningpage .newswarning h1 {
	margin: 0 0 2px;
	color: #eee;
	font-weight: normal;
	font-size: 15px;
}

#memberright .newswarningpage .newswarning p {
	margin: 0 0 40px;
}

#memberright .newswarningpage .newswarning p:last-child {
	margin: 0;
}

#memberright .newswarningpage .newswarning a {
	color: #dd9;
}

#memberright .newswarningpage .continuebutton {
	text-align: center;
	margin: 50px 0;
}

#memberright .newswarningpage .continuebutton button {
	padding: 3px 40px;
}

#memberright .newsadd dl dt {
	width: 20%;
	float: left;
	text-align: right;
	margin-right: 10px;
}

#memberright .newsadd dl dt:after {
	content: ":";
}

#memberright .newsadd dl dd {
	margin: 30px 0;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}

#memberright .newsadd dl dd input {
	display: block;
	width: 80%;
	line-height: 20px;
}

#memberright .newsadd dl dd textarea {
	display: block;
	width: 80%;
	line-height: 20px;
}

#memberright .newsadd .contentcontrols {
	text-align: center;
}

#memberright .newsadd .contentcontrols button {
	margin: 0 10px;
	padding: 5px 25px;
}

#memberright .newsadd .submit {
	margin-left: calc(20% + 10px);
}

#memberright .newsadd .submit button {
	padding: 3px 80px;
}

#memberright.member-reviews .comments .comment {
	margin-bottom: 25px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#memberright.achievements .overall {
	height: 120px;
	line-height: 120px;
	position: relative;
}

#memberright.achievements .overall > * {
	line-height: normal;
}

#memberright.achievements .overall .leftblock {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px
}

#memberright.achievements .overall .leftblock .title {
	color: white;
	font-size: 19px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 1px black;
}

#memberright.achievements .overall .progress {
	float: right;
	margin-top: 53px;
	margin-right: 25px;
	width: 250px;
}

#memberright.achievements .achievements {
}

#memberright.achievements .achievements > div {
	height: 100px;
	line-height: 100px;
	background-color: #333;
	margin-bottom: 2px;
	position: relative;
}

#memberright.achievements .achievements > div > * {
	line-height: normal;
}

#memberright.achievements .achievements > div .levels {
	display: inline-block;
	width: 170px;
	margin-left: 20px;
	vertical-align: middle;
	text-align: center;
}

#memberright.achievements .achievements > div .levels img {
	height: 30px;
}

#memberright.achievements .achievements > div .desc {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

#memberright.achievements .achievements > div .desc .title {
	color: white;
	font-size: 19px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 1px black;
}

#memberright.achievements .achievements > div .progress {
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	width: 180px;
}

#memberright.achievements .achievements > div .redeem {
	position: absolute;
	top: 60px;
	right: 25px;
	font-size: 11px;
	color: rgb(197, 179, 89);
}

#memberright.achievements .achievements > div .redeem .credits {
	display: inline-block;
	line-height: 24px;
	background-color: #292929;
	padding: 0 15px 0 12px;
	border-radius: 5px;
	margin: 0 10px;
	color: #ccc;
	text-decoration: none;
	position: relative;
	font-size: 12px;
}

#memberright.achievements .achievements > div .redeem .credits img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -4px;
}

#memberright.achievements .achievements > div .redeem form {
	display: inline-block;
}

#memberright.achievements .achievements > div .redeem form button {
	border: 1px solid #222;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: rgb(24, 79, 26);

	color: white;
	text-shadow: 1px 1px 1px black;
	box-shadow: 0 0 5px rgb(37, 100, 30) inset;
	cursor: pointer;
}

#memberright.contentholder.hwpromo {
	background-image: url("/img/gmhw.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 765px;
	box-sizing: border-box;
	background-color: rgb(15, 15, 15);
}

#memberright.contentholder.hwpromo .countdown-label {
	text-align: center;
	margin: 30px 0 0;
	color: rgb(224, 184, 25);
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}

#memberright.contentholder.hwpromo .countdown {
	text-align: center;
	margin: 0 0 60px;
	padding-left: 25px;
}

#memberright.contentholder.hwpromo .countdown .counter-block .counter .number {
	background-color: #0D0D0D;
	color: #ABABAB;
}

#memberright.contentholder.hwpromo .section {
	width: 60%;
	padding: 15px 30px;
	margin: 0 auto;
	background-color: rgba(6, 6, 6, 0.5);
}

#memberright.contentholder.hwpromo .section .header {
	font-size: 17px;
	font-weight: bold;
	color: #eee;
}

#memberright.contentholder.hwpromo .section li {
	background-color: rgba(6, 6, 6, 0.5);
	margin: 5px 0;
	font-size: 14px;
	padding: 8px 0;
	position: relative;
}

#memberright.contentholder.hwpromo .section li .count {
	float: right;
	margin-right: 15px;
}

#memberright.contentholder.hwpromo .section li .icons {
	position: absolute;
	right: 115px;
}

#memberright.contentholder.hwpromo .section li .icons img {
	opacity: 0.3;
	margin-left: 5px;
}

#memberright.contentholder.hwpromo .section li .icons img:hover {
	opacity: 1;
}

#memberright.contentholder.hwpromo .details {
	font-size: 12px;
	line-height: 22px;
	border-top:1px solid #222;
	padding-top:25px;
	margin: 1170px 30px 30px;
}

#memberright.contentholder.hwpromo .recentdl {
	background-color: #222222;
	padding-top: 10px;
	padding-bottom: 1px;
}

/* Ajax Status */

.ajax-status {
	font-size: 11px;
	padding: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	display: none;
}

.ajax-status ul {
	padding: 5px 25px;
}

.ajax-status.error, .ajax-status.warning {
	color: #FF0000;
	background-color: #280D0D;
}

.ajax-status.notice {
	color: #5FD04F;
	background-color: #0D280D;
}

/* End Ajax Status */

.headline {
	color: #fafafa;
	font-weight: bold;
	height: 27px;
	border: 1px solid rgba(119, 119, 119, 0.3);
	background-color: #26323d;
}

.headline:first-child:last-child {
	margin-bottom: 2px;
}

.headline.gray {
	border:1px solid #363636;
	background-color:#2e2e2e;
}

.headline > span {
	float: left;
	padding: 6px;
	font-size: 12px;
}

.headline.contentheadline > span {
	padding: 8px;
}

.headline .control {
	float: right;
	margin: 2px;
}

.headline.contentheadline .control {
	float: right;
	margin: 4px;
}

.headline .group {
	font-weight: bold;
	color: #b5a020;
}

.headline.contentheadline {
	margin-bottom: 0px;
	height: 31px;
}

.headline.contentheadline .right {
	float: right;
}

.headline.contentheadline.slanttitle {
	position: relative;
	padding-bottom: 8px;
	margin-top: 51px;
	border: none;
	height: 0px;
}

.headline.contentheadline.slanttitle:first-child {
	margin-top: 36px;
}

.headline.contentheadline.slanttitle:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: 0;
	background-image: -webkit-linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
	background-image: linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
}

.headline.contentheadline.slanttitle > span {
	display: block;
	font-size: 17px;
	font-weight: normal;
	position: absolute;
	bottom: 100%;
	background-color: inherit;
	background-image: -webkit-linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
	background-image: linear-gradient(rgba(46, 46, 46, 0.65), rgba(46, 46, 46, 0.65));
	padding: 12px 20px 4px;
}

.headline.contentheadline.slanttitle > span:after {
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: inherit;
	border-right: 36px solid #202020;
	border-bottom: 36px solid rgba(46, 46, 46, 0.65);
}

.headline.contentheadline.slanttitle > .headlinebutton {
	float: right;
	position: relative;
	top: -28px;
	display: inline-block;
	border: none;
	background: none;
	box-shadow: none;
	margin: 0;
	padding-right: 10px;
	height: 1px;
	overflow: visible;
}

.headline.contentheadline.slanttitle > .headlinebutton a,
.headline.contentheadline.slanttitle > .headlinebutton button {
	padding: 0;
	display: block;
	font-size: 12px;
	color: #ccc;
}

.headline .spinner {
	float: right;
	margin: 8px;
	font-size: 0;
	display: none;
}

.headline select {
	font-size: 11px;
}

.headlinebutton {
	border: 1px #363636 solid;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	margin-top: 2px;
	margin-right: 2px;
	float: right;
	font-size: 11px;
	height: 25px;
	box-shadow: 0 0 1px black inset;
	cursor:  pointer;
}

.headlinebutton.colored {
	border: 1px #363636 solid;
	background-image: -webkit-linear-gradient(top, #292929, #16330D);
	background-image: linear-gradient(to bottom, #292929, #16330D);
}

.headlinebutton:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

.headlinebutton.colored:hover {
	background-image: -webkit-linear-gradient(top, #333333, #382C07);
	background-image: linear-gradient(to bottom, #333333, #382C07);
}

.headlinebutton.disabled:hover {
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
}

.headlinebutton button {
	border: none;
	background-color: transparent;
	margin: 0;
	cursor: pointer;
}

.headlinebutton.colored button {
	color: #eac637;
	font-weight: bold;
}

.headlinebutton a,
.headlinebutton button {
	padding: 5px 20px;
	display: block;
	color: #bebebe;
	font-weight: normal;
	font-size: inherit;
}

.headlinebutton.disabled a,
.headlinebutton.disabled button {
	color: #454545
}

.headlinebutton.hidden {
	display: none;
}

.headlinebutton a:hover {
	text-decoration: none;
}

.contentholder > .content {
	border-top: 0px;
	background-color: #222222;
	line-height:18px;
	font-size: 14px;
	color: #aaaaaa;
	overflow: hidden;
}

.contentholder > .contentheadline + .content {
	margin-bottom: 5px;
}

.contentholder .headline:not(.slanttitle) + * {
	border-top: 2px solid #151515;
}

.contentholder > .content.nopadding {
	padding: 0;
}

.contentholder > .content.noborder {
	border: none;
}

.content a {
	color: #999A8A;
}

.content a:hover {
	color: #FFFFFF;
}

/* admin-featured */

.admin-featured #memberright .content form.homeslider {
	margin: 0 5px;
}

.admin-featured #memberright .content form.homeslider > span {
	margin-right: 5px;
}

.admin-featured #memberright .content form.homeslider .image input,
.admin-featured #memberright .content form.homeslider .url input {
	width: 8em;
}

.admin-featured #memberright .content form.homeslider .days input {
	width: 3em;
}

.security-notice {
	border: 1px solid #5a5a1a;
	padding: 17px;
	margin: 15px 5px;
	color: white;
	background-color: #352515;
	font-size: 13px;
	line-height: 1.6em;
}

.security-notice p {
	margin: 20px 0 0;
}

.security-notice .hilight {
	color: yellow;
}

/*Sliders*/

#sliderContainer {
	position: relative;
	height: 100%;
}

#sliderContainer .sliderContent {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

#sliderContainer .sliderContent > img {
	width: 100%;
	max-height: 100%;
	display: block;
}

#sliderContainer .sliderContent.transition {
	opacity: 0;
}

#sliderContainer > div {
	width: 100%;
	height: 100%;
}

#sliderContainer .sliderOverlay {
	position: absolute;
	top: 0px;
}

#sliderContainer .sliderOverlay .sliderLink {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0); /*Stupid workaround for IE not properly rendering the element without a background color set */
}

#sliderContainer .sliderOverlay .sliderLink > div {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#sliderContainer .sliderOverlay .sliderLink .linktitle {
	display: none;
	font-size: 30px;
	font-weight: bold;
	margin: 15px;
	color: white;
	text-shadow: 1px 1px #000;
}

#sliderContainer .sliderOverlay .sliderLink:hover .linktitle {
	display: inherit;
}

#sliderContainer .sliderOverlay .sliderArrow {
	top: 30%;
	font-size: 7em;
	color: rgba(128, 128, 128, 0);
	cursor: pointer;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

#sliderContainer .sliderOverlay:hover .sliderArrow {
	color: rgba(128, 128, 128, 0.6);
}

#sliderContainer .sliderOverlay .sliderArrow.previous {
	left: 3%;
}

#sliderContainer .sliderOverlay .sliderArrow.next {
	right: 3%;
}

#sliderContainer .sliderOverlay .descText {
	position: absolute;
	bottom: 60px;
	left: 7px;
	color: #bbb;
	font-size: 11px;
	font-style: italic;
	text-shadow: 0.2em 0.2em 0.2em black;
}

#sliderContainer .sliderOverlay .previewImages {
	position: relative;
	top: 5px;
	left: 5px;
	width: 100%;
}

#sliderContainer .sliderOverlay .previewImages .previewImg {
	float: left;
	margin-right: 3px;
	/* background: black; */
	border: 1px solid #050505;
	position: relative;
	width: 76px;
	cursor: pointer;
}

#sliderContainer .sliderOverlay .previewImages .previewImg img {
	width: 100%;
	opacity: 0.7;
	display: block;
}
#sliderContainer .sliderOverlay .previewImages .previewImg img:hover {
	opacity: 1;
}
#sliderContainer .sliderOverlay .previewImages .previewImg.selected {
	border: 1px solid #606060;
}

#sliderContainer .sliderOverlay .previewImages .previewImg.selected img {
	opacity: 1;
}

/*Profile*/

#main.profile #mainleft .bigheader .game-title > span {
	font-weight: normal;
	text-shadow: 1px 1px 0px black;
	color: lightgrey;
	margin-right: 10px;
}

#main.profile #mainleft .bigheader .game-title > span .value {
	color: #9a966d;
}

#main.profile #mainleft .bigheader .game-title > span .value a {
	color: inherit;
}

#main.profile .game-banner {
	background: #191919;
	margin: -2px 0;
	overflow: hidden;
	cursor: pointer;
	border-top:1px solid #252525;
}
#main.profile .game-banner:hover {
	background: #222;
	margin: -2px 0;
	overflow: hidden;
	cursor: pointer;
	border-top:1px solid #252525;
}

#main.profile .game-banner + .items {
	display: none;
}

#main.profile .game-banner.show + .items {
	display: inherit;
}

#main.profile .game-banner .game-icon {
	margin: 18px;
	float: left;
	width: 40px;
	border-radius:10px;
	border:2px solid #292929;
	
}

#main.profile .game-banner .game-title {
	color: #b5b194;
	font-size: 22px;
	float: left;
	line-height: 82px;
}

#main.profile .game-banner .game-title ~ * {
	color: grey;
	font-size: 18px;
	float: right;
	line-height: 82px;
	margin-right: 30px;
}

#main.profile .game-banner .downarrow img {
	vertical-align: middle;
	opacity: 0.7;
	transition: transform 0.25s;
}

#main.profile .game-banner.show .downarrow img {
	transform: rotate(180deg);
}

#main.profile #mainleft .contentheadline .headlinebutton.ban a {
	color: #d05c5c;
}

#main.profile #mainleft .content.profiledata {
	padding: 20px;
}

#main.profile #mainleft .content.profiledata .userinfo {
	margin: 0 15px;
	margin-left: 10px;
	overflow: hidden;
}

#main.profile #mainleft .content.profiledata .userinfo .avatar {
	width: 125px;
	height: 125px;
	float: left;
	margin-right: 10px;
}

#main.profile #mainleft .content.profiledata .userinfo .avatar img {
	display: block;
	max-width: 100%;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder {
	overflow: hidden;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .message {
	padding: 10px 15px;
	background-color: #333;
	color: #eee;
	border-radius: 6px;
	border-top-left-radius: 0;
	margin-left: 15px;
	position: relative;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .message:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #333;
	border-left: 15px solid transparent;
	right: 100%;
	top: 0;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .message.banned {
	color: #d05c5c;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .info {
	margin: 5px 15px;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .info > div {
	font-size: 11px;
	margin: 0 5px;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .info > div .label {
	color: #aaa;
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .info > div .label:after {
	content: ":";
}

#main.profile #mainleft .content.profiledata .userinfo .infoholder .info > div .value {
	color: #a6a387;
}

#main.profile #mainleft .content.profiledata .buttons {
	float: right;
	margin-left: 30px;
}

#main.profile #mainleft .content.profiledata .buttons > a {
	display: block;
	width: 150px;
	padding: 10px 15px;
	border-radius: 6px;
	background-color: #41593a;
	color: #eee;
	text-align: center;
	text-decoration: none;
	margin-bottom: 15px;
}

#main.profile #mainleft .content.profiledata .buttons > a:hover {
	background-color: #4B6B41;
}

#main.profile #mainleft .content .info.files {
	font-size: 11px;
	padding: 5px;
	background: #151515;
	color: #999;
	margin-bottom: 0;
}

#main.profile #mainleft .content .items {
	padding: 1px;
}

/*Details*/

.detailspage #sliderContainer .ratings {
	margin: 10px;
}

.detailspage #sliderContainer .ratings > div {
	float: left;
	width: 50px;
	height: 45px;
	margin-right: 10px;
	background: #030303;
	border: 2px solid #0c0c0c;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #999;
}

.detailspage #sliderContainer .ratings .label {
	color: #606060;
	font-size: 9px;
	text-transform: uppercase;
	margin: 3px;
	margin-bottom: 1px;
}

.detailspage #sliderContainer .leftbuttons {
	float: right;
	margin: 10px;
}

.detailspage #sliderContainer .leftbuttons > div {
	margin-bottom: 10px;
	width: 38px;
	height: 38px;

	cursor: pointer;

	background-image: url('/img/details_ico_buttons.png');
}

.detailspage #sliderContainer .leftbuttons .details {
	background-position: 0px 0px;
}

.detailspage #sliderContainer .leftbuttons .details:hover,
.detailspage #sliderContainer .leftbuttons .details.selected {
	background-position: 38px 0px;
}

.detailspage #sliderContainer .leftbuttons .upload {
	background-position: 0px 38px;
}

.detailspage #sliderContainer .leftbuttons .upload:hover,
.detailspage #sliderContainer .leftbuttons .upload.selected {
	background-position: 38px 38px;
}

.detailspage #sliderContainer .centerpanel {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 60px;
	height: 360px;
	overflow: auto;
	background: #030303;
	border: 2px solid #333;
	opacity: 0.95;
	display: none;
		padding: 10px;

}

.detailspage #sliderContainer .centerpanel.show {
	display: inherit;
}

.detailspage #sliderContainer .centerpanel > div {
	display: none;
}

.detailspage #sliderContainer .centerpanel > div.selected {
	display: inherit;
}

.detailspage.abandon {
	height:  120px;
	background-color: rgb(73, 17, 17);
	border: 1px solid #a22525;
	margin-bottom: 5px;
}

.detailspage.abandon .topbar {
	margin:  8px;
	height:  24px;
}

.detailspage.abandon .title {
	text-transform: uppercase;
	font-size: 24px;
	display: inline-block;
}

.detailspage.abandon .desc {
	float:  right;
	color: #ff0;
	margin: 5px;
	font-size: 14px;
	font-weight: normal;
}

.detailspage.abandon .reason {
	height: 40px;
	margin: 10px;
	padding: 15px;
	background-color: #160505;
	font-weight: normal;
	color: #989a68;
	font-size: 12px;
}

.titleline.fileheader {
	color: white;
	margin-bottom:  3px;
	border: 1px solid #333;
	background-color: #101010;
	overflow: hidden;
	line-height: 48px;
	white-space: nowrap;
}

.titleline.fileheader > * {
	line-height: normal;
}

.titleline.fileheader .titleblock {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 14px;
	max-width: 535px;
	overflow: hidden;
	color: #777777;
}

.titleline.fileheader .titleblock .title {
	font-weight: bold;
	color: #eee;
}

.titleline.fileheader .titleblock .author .content a {
	color: #9a966d;
}

.titleline.fileheader .buttons {
	float: right;
	display: inline-block;
	margin: 4px;
}

.titleline.fileheader .buttons div {
	border: 1px #303030 solid;

	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	float: right;
	margin-left: 5px;
	background-image: -webkit-linear-gradient(rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0.6));
	background-image: linear-gradient(rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0.6));
}

.titleline.fileheader .buttons div:hover {
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.titleline.fileheader .buttons a {
	display: block;
	color: #bebebe;
	text-decoration: none;
	text-align: center;
	padding: 11px 15px;
}

.titleline.fileheader .buttons div.disabled:hover:not(.watched) {
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
}

.detailspage.titleline.fileheader .buttons div.watched {
	background-image: -webkit-linear-gradient(top, #622000, #1e1e1e);
	background-image: linear-gradient(to bottom, #622000, #1e1e1e);
}

.detailspage.titleline.fileheader .buttons .disabled:not(.watched) a {
	color: #454545;
}

.detailspage.titleline.fileheader .buttons .downloadbutton.disabled a {
	color: #454545;
}

.detailspage.bigslider {
	border: 1px solid #333333;
	margin: 0 0 0 0px;
}

.bigslider .entry {
	width: 100%;
	position: relative;
}

.bigslider .entry img {
	max-width: 100%;
}

.bigslider .entry .enlargelabel {
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.bigslider .entry:hover .enlargelabel[data-large-image] {
	display: block;
}

.bigslider .entry .enlargelabel span {
	display: block;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	color:  #fafafa;
	font-size: 14px;
	width: 150px;
	padding: 5px 15px;
	text-align: center;
	margin: 0 auto;
	top: calc(50% - 13px);
	cursor: pointer;
}

.bigslider .entry .desc {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #bbb;
	font-size: 11px;
	font-style: italic;
	text-shadow: 0.2em 0.2em 0.2em black;
}

.slidernav {
	width: 600px;
	margin: 0 30px 0px;
}

.slidernav .entry {
	margin: 0 5px;
	border: 1px solid #333333;
	position: relative;
	padding: 2px;
	cursor: pointer;
}

.slidernav .entry:hover {
	border: 1px solid #555;
}

.slidernav .entry img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

#slider-fullscreen {
	width: 80vw;
}

#slider-fullscreen img {
	display: block;
	width: 100%;
}

.contentheadline.detailspage.detailsheader {
	margin-top: 5px;
}

.contentheadline.detailspage.detailsheader > span {
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #202020;
	color: #fefefe;
	white-space: nowrap;
}

.contentheadline.detailspage.detailsheader .file {
	max-width: 160px;
}

.contentheadline.detailspage.detailsheader .views,
.contentheadline.detailspage.detailsheader .downloads {
	float: right;
}

.contentheadline.detailspage.detailsheader .message {
	color: #9a966d;
}

.contentheadline.detailspage.detailsheader .content {
	color: #9a966d;
}

.contentheadline.detailspage.detailsheader .date .content {
	color: inherit;
	font-weight: bold;
}

.content.detailspage.details {
	padding: 0;
	padding-bottom: 10px;
	color:#808080;
	background-color:#101010;
	border-bottom:1px solid #333;
	overflow: auto;
	margin-bottom:10px;
	min-height:100px;
}

.content.detailspage.details > * {
	margin-left: 10px;
	margin-right: 10px;
}

.contentholder.detailspage .tabsholder {
	margin: 0;
	margin-bottom: 15px;
}

.contentholder.detailspage .tabsholder .tabswitcher {
	color: white;
	background-color: #202020;
	font-size: 14px;
	padding-top:15px;
	overflow: hidden;
}

.contentholder.detailspage .tabsholder .tabswitcher .tab {
	float: left;
	padding: 5px 15px;
	margin-right: 5px;
	background-color: #26323d;
	color: white;
	cursor: pointer;
}

.contentholder.detailspage .tabsholder .tabswitcher .tab:not(.selected) {
	opacity: 0.6;
}

.contentholder.detailspage .tabsholder .tabswitcher .tab:not(.selected):hover {
	opacity: 0.80;
}

.contentholder.detailspage .tabsholder .tabswitcher .tab.hidden {
	display: none;
}

.contentholder.detailspage .tabsholder:not(.feedback) .tabs .tab {
	margin: 10px 10px 0;
}

.contentholder.detailspage .tabsholder .tabs .tab {
	display: none;
}

.contentholder.detailspage .tabsholder .tabs .tab.selected {
	display: block;

}

.contentholder.detailspage .tabsholder .tabs .tab.about .description kbd {
	font-family: inherit;
	white-space: pre-line;
}

.contentholder.detailspage .tabsholder .tabs .tab.changelog kbd {
	white-space: pre-line;
	display: block;
	padding: 10px;
	background-color: #ccc;
	color: #050505;
	overflow: auto;
	max-height: 500px;
	min-height: 300px;
}

.contentholder.detailspage .tabsholder .tabs .tab.specs {
	position: relative;
	overflow: hidden;
}

.contentholder.detailspage .tabsholder .tabs .tab.specs .leftcolumn {
	float: left;
	margin:10px;
	line-height: 22px;
	max-width: 40%;
}
.contentholder.detailspage .tabsholder .tabs .tab.specs .leftcolumn a {
	color:#8b875b;
}
.contentholder.detailspage .tabsholder .tabs .tab.specs .rightcolumn {
	float: right;
	width: 50%;
	margin-top:10px;
	line-height: 22px;
}
.contentholder.detailspage .tabsholder .tabs .tab.specs .rightcolumn a {
	color:#8b875b;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews {
	margin: 0;
	overflow: hidden;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .comments .comment .buttons {
	display: none;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .slider {
	position: relative;
	text-shadow:0 0 5px #202020;
	border:1px solid #292929;
	background: #353535;
	border-radius: 5px;
	padding: 6px;
	margin: 10px;
	cursor: pointer;
	text-align: center;
	line-height: 42px;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .slider:hover {
	background: #404040;
	box-shadow:0 0 15px #191919, 0 0 20px #505050 inset;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .slider .slide {
	text-decoration: none;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .slider .label {
	color: #B9B9A2;
	font-size: 16px;
}

.contentholder.detailspage .tabsholder .tabs .tab.reviews .slider .label:after {
	content: "";
	display: inline-block;
	border-top: 9px solid rgb(119, 135, 179);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin: 0 10px;
}

.content.detailspage.details hr {
	border: 1px dashed #333;
}

.content.detailspage.details .bottominfo {
	overflow: hidden;
	position: relative;
}

.content.detailspage.details .taglineheader {
	color:#757575;
}

.content.detailspage.details .tag {
	color:#999;
}

.content.detailspage.details .tag:after {
	content: ", ";
}

.content.detailspage.details .tag:last-of-type:after {
	content: "";
}

.content.detailspage.details .bottominfo .tag {
	margin-right: 10px;
}

.content.detailspage.details .bottominfo .tagline {
	font-size: 12px;
	color:#222222;
	padding:5px;
}

.content.detailspage.details .bottominfo .tagline .tag,
.content.detailspage.details .bottominfo .tagline .tag a {
	color: #9a966d;
}

.content.detailspage.details .bottominfo .tagline .tag + .tag:before {
	color:#777777;
	content: ", ";
}

.content.detailspage.details .file-controls {
	font-size: 11px;
}

.content.detailspage.details .infobox {
	float: right;
	margin-left: 20px;
	border: 1px solid #333;
	background-color: #1e1e1e;
}

.content.detailspage.details .infobox .ratingbar {
	margin: 3px 2px;
	background-color: #292929;
	width: 188px;
	padding: 9px;
	text-align: right;
	position: relative;
}

.content.detailspage.details .infobox .ratingbar > span {
	padding-right: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #ddd;
	position: relative;
	top: -1px;
}

.content.detailspage.details .infobox .sharer {
	text-align: right;
	padding: 11px 8px 8px;
	opacity: 0.7;
}

.content.detailspage.details .infobox .sharer > div {
	height: 16px;
	display: inline-block;
}

.detailspage.linkeditems {
	margin: 15px 0;
}

.detailspage.linkeditems .linkeditem {
	height: 53px;
	margin: 8px 15px;
	overflow: visible;
	position: relative;
	background-image: linear-gradient(rgba(34, 10, 34, 0.2), rgba(34, 10, 34, 0.2));
	margin-left: 45px;
	opacity:.6;
	padding:2px;
	border-radius:5px;
}
.detailspage.linkeditems .linkeditem:hover {
	height: 53px;
	margin: 8px 15px;
	overflow: visible;
	position: relative;
	background-image: linear-gradient(rgba(34, 10, 34, 0.2), rgba(34, 10, 34, 0.2));
	margin-left: 45px;
	opacity:1;
	padding:2px;
	border-radius:5px;
}
.detailspage.linkeditems .linkeditem:before {
	content: "";
	border: 2px solid #333;
	border-top: none;
	border-right: none;
	position: absolute;
	left: -25px;
	top: -36px;
	height: 63px;
	width: 10px;
	display: block;
}

.detailspage.linkeditems .linkeditem:first-child:before {
	height: 43px;
	top: -15px;
}

.detailspage.linkeditems .linkeditem .thumbnail {
	height: 48px;
	float: left;
	margin: 2px;
	border-radius:5px;
}

.detailspage.linkeditems .linkeditem .info {
	overflow: hidden;
	padding-left: 2px;
}

.detailspage.linkeditems .linkeditem .title {
	font-size: 18px;
	margin: 15px 8px 0;
}

.detailspage.linkeditems .linkeditem .title a {
	color: #cca;
}

.detailspage.linkeditems .linkeditem .desc {
	color: #999;
	max-height: 1.2em;
}

.detailspage.linkeditems .linkeditem .type {
	position: absolute;
	top: 2px;
	right: 6px;
	color: #777;
}

.detailspage.linkeditems .linkeditem .unlink-button {
	position: absolute;
	right: 5px;
	bottom: 3px;
}

.embed {
	margin: 0 auto;
	width: 527px;
	padding-top: 10px;
}

.embed img {
	display: block;
}

.embed .embed-code {
	width: 519px;
	margin-top: 10px;
	background-color: #aaa;
	height: 92px;
	font-size: 10px;
}

.embed .embed-code.hidden {
	display: none;
}

.contentholder > .contentheadline.youtube + .content {
	border: none;
	padding: 6px 3px;
}

/* storeitems */

.storecard {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 225px;
	height: 225px;
	padding: 8px;
	margin: 15px 11px 15px 0;
	border-radius: 7px;
	box-shadow: 0 0 20px 4px black inset, 0 0 20px 7px rgba(255, 255, 255, 0.15) inset;
	background-image: -webkit-linear-gradient(rgba(160, 160, 160, 0.1), rgba(0, 0, 0, 0.4)), -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.1) 30%, transparent 50%);
	background-image: linear-gradient(rgba(160, 160, 160, 0.1), rgba(0, 0, 0, 0.4)), radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0.1) 30%, transparent 50%);
	font-size: 14px;
	color: white;

	background-color: rgb(17, 81, 145);
	border: 1px solid rgba(15, 81, 71, 1);
	vertical-align: top;
}

.storecard:nth-of-type(3n+1) {
	margin-left: 11px;
}

.storecard.blue {
	background-color: rgb(17, 81, 145);
	border: 1px solid rgba(15, 81, 71, 1);
}

.storecard.orange {
	background-color: rgb(152, 66, 22);
	border: 1px solid rgba(124, 23, 15, 1);
}

.storecard.green {
	background-color: rgb(82, 123, 23);
	border: 1px solid rgba(63, 107, 16, 1);
}

.storecard .header {
	margin: 5px 15px;
}

.storecard .header .title {
	font-weight: bold;
}

.storecard .header .subtitle {
	font-size: 12px;
}

.storecard .thumbnail {
	position: absolute;
	top: 45px;
	text-align: center;
	height: 100px;
	width: calc(100% - 8px * 2);
	line-height: 100px;
}

.storecard .thumbnail img {
	vertical-align: middle;
}

.storecard .footer {
	background-color: rgba(6, 6, 6, 0.5);
	border-radius: 6px;
	position: absolute;
	bottom: 0px;
	box-sizing: border-box;
	width: calc(100% - 16px);
	text-align: center;
	margin: 8px 0;
	padding: 8px;
	border: none;
	cursor: pointer;
	color: inherit;
}

.storecard .footer .pricelabel {}

.storecard .footer .pricelabel img {
	vertical-align: middle;
	margin-right: 3px;
}

.storecard .footer .pricelabel .price {}

.creditscard {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 225px;
	height: 225px;
	padding: 8px;
	margin: 15px 11px 15px 0;
	border-radius: 7px;
	box-shadow: 0 0 20px 4px black inset, 0 0 20px 7px rgba(255, 255, 255, 0.15) inset;
	background-image: url("/img/bg_spiral.png"), -webkit-linear-gradient(rgba(160, 160, 160, 0.1), rgba(0, 0, 0, 0.4));
	background-image: url("/img/bg_spiral.png"), linear-gradient(rgba(160, 160, 160, 0.1), rgba(0, 0, 0, 0.4)), radial-gradient(circle at top 60px left 70px, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.35) 35%, transparent 55%);
	font-size: 14px;
	color: white;

	background-color: rgb(17, 81, 145);
	border: 1px solid rgba(15, 81, 71, 1);
}

.creditscard:nth-of-type(3n+1) {
	margin-left: 11px;
}

.creditscard .header {
}

.creditscard:last-of-type .header:after {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	background-image: url("/img/best.png");
}

.creditscard .header .title {
	position: absolute;
	top: 135px;
	right: 25px;
	font-size: 30px;
}

.creditscard .header .subtitle {
	position: absolute;
	top: 13px;
	right: 15px;
	font-size: 24px;
	color: #b1ff23;
}

.creditscard .thumbnail {
	overflow: hidden;
	margin: 10px 5px;
}

.creditscard .thumbnail img {
}

.creditscard .footer {
	background-color: rgb(25, 93, 56);
	box-shadow: 0px 0px 8px 6px rgb(62, 103, 34) inset;
	border: none;
	cursor: pointer;
	color: inherit;
	border-radius: 6px;
	position: absolute;
	bottom: 0px;
	box-sizing: border-box;
	width: calc(100% - 16px);
	text-align: center;
	margin: 8px 0;
	padding: 8px;
}

.creditscard .footer .pricelabel {
    font-size: 15px;
}

.creditscard .footer .pricelabel .price {}

/*Comments*/

.contentheadline.comment-header {
	overflow: hidden;
	background-color: #26323d;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	font-size: 12px;
	height: 79px;
	position: relative;
}

.contentheadline.comment-header .titleblock {
	display: inline-block;
	margin: 9px 10px 15px;
}

.contentheadline.comment-header .titleblock .title {
	font-size: 20px;
	font-weight: bold;
	color: #eee;
	margin-bottom: 2px;
}

.contentheadline.comment-header .titleblock .title .rating .star {
	margin-right: 3px;
}

.contentheadline.comment-header .titleblock .subtitle {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

.contentheadline.comment-header .buttons {
	position: absolute;
	right: 10px;
	top: 8px;
}

.contentheadline.comment-header .buttons div {
	border: 1px #363636 solid;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #31525d, #1e1e1e);
	background-image: linear-gradient(to bottom, #31525d, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	float: right;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
	
	margin-left: 5px;
}

.contentheadline.comment-header .buttons div:hover {
	background-image: -webkit-linear-gradient(top, #31525d, #252525);
	background-image: linear-gradient(to bottom, #31525d, #252525);
}

.contentheadline.comment-header .buttons div.active,
.contentheadline.comment-header .buttons div.active:hover {
	background-image: -webkit-linear-gradient(top, #622000, #1e1e1e);
	background-image: linear-gradient(to bottom, #622000, #1e1e1e);
	display: none;
}

.contentheadline.comment-header .buttons a {
	display: block;
	color: #bebebe;
	text-decoration: none;
	text-align: center;
	height: 100%;

	padding: 0 10px;
	padding-top: 4px;
}

.contentheadline.comment-header .buttons div.disabled,
.contentheadline.comment-header .buttons div.disabled:hover {
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
}

.contentheadline.comment-header .buttons .disabled a {
	color: #454545;
}

.comments .commentgroup {
	position: relative;
	width: 100%;
}

.comments .commentgroup.child {
	width: 90%;
	margin-left: 10%;
}

.comments .comment {
	background-color: #2c2c2c;
	margin: 5px 0;
	padding: 5px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.comments .comment.review {
	border: 5px solid #2c3a25;
	color: #ccc;
	background-color:#2c3a25;
}

.comments .comment.bug:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(../img/bug.png);
	background-repeat: no-repeat;
	background-position: 99% 10px;
	background-size: 60px;
	opacity: 0.5;
	z-index: -1;
}

.comments .comment.hasrating.bug:after {
	background-position: 99% 20px;
}

.comments .comment .userinfo {
	float: left;
	width: 129px;
	margin-right: 10px;
	text-align: center;
}

.comments .child .comment .userinfo {
	width: 76px;
}

.comments .comment .userinfo .avatar {
	display: inline-block;
	border: 2px solid #393939;
	background-color: #202020;
	max-width: 125px;
}

.comments .child .comment .userinfo .avatar {
	max-width: 72px;
}

.comments .comment .userinfo .avatar img {
	width: 100%;
	display: block;
}

.comments .comment .userinfo .userlink {
	display: block;
	text-align: center;
	color: #59c;
	margin-top: 3px;
	text-decoration: none;
	font-weight: bold;
}

.comments .comment .userinfo .userlink.guest {
	color: #a7a077;
}

.comments .comment .right-side {
	overflow: hidden;
}

.comments .comment .post {
	white-space: pre-line;
	line-height:18px;
	margin-bottom: 25px;
	margin-right: 75px;
	font-size:14px;
	color:#777777;
	padding:5px;
}

.comments .comment.deleted .post {
	font-style: italic;
}

.comments .comment.review .post {
	white-space: normal;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-right: 0;
}

.comments .comment.review .pros,
.comments .comment.review .cons {
	display: inline-block;
	width: 75%;
}

.comments .comment.review .pros,
.comments .comment.review .cons,
.comments .comment.review .conclusion {
	white-space: pre-line;
	margin-top: 5px;
	margin-bottom: 25px;
	margin-right: 60px;
	margin-left:10px;
	line-height: 18px;
	color: #999;
}

.comments .comment.review .rating {
	position: absolute;
	top: 13px;
	right: 15px;
}

.comments .comment.review > div .label {
	white-space: normal;
	color: #707070;
	vertical-align: top;
	padding-top: 5px;
	display: inline-block;
}

.comments .comment.review .editreview {
	margin: 10px;

	margin-right: 0;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	border: 1px solid #333;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
	padding: 0 10px;
	line-height: 28px;
	text-decoration: none;

	color: #bebebe;
	position: absolute;
	top: 35px;
	right: 13px;
	width: 43px;
	text-align: center;
}

.comments .comment.review .editreview:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

.comments .comment .authorlabel {
	position: absolute;
	top: 5px;
	right: 8px;
	color: #5d8db3;
	font-size: 10px;
}

.comments .comment .info {
	overflow: hidden;
	height: 16px;
	position: absolute;
	bottom: 3px;
	border-radius:5px;
	padding:3px;
	opacity:.8;
}

.comments .comment .info .timelink {
	color:  #777;
	font-size: 10px;
	font-style:italic;
}

.comments .comment:not(.review) .rating {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0.6;
}

.comments .comment .buttons > * {
	position: absolute;
	bottom: 2px;
	font-size:  10px;
	padding-bottom: 6px;
	color: #999;
	cursor: pointer;
}

.comments .comment .buttons > *:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 18px;
	position: relative;
	top: 6px;
	margin-right: 3px;
}

.comments .comment .buttons .reply {
	right: 7px;
	color: #86B944;
	opacity:.6;
}

.comments .comment .buttons .reply:before {
	background-image: url("../img/comment_reply.png");
}

#bugs.comments .comment .buttons .reply {
	display: none;
}

.member-reviews .comments .comment .buttons .reply {
	display: none;
}

.comments .comment .buttons .delete {
	right: 60px;
}

#bugs.comments .comment .buttons .delete {
	right: 7px;
}

.member-reviews .comments .comment .buttons .delete {
	margin: 10px;

	margin-right: 0;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	border: 1px solid #333;
	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
	padding: 0 10px;
	line-height: 28px;
	text-decoration: none;

	color: #bebebe;
	position: absolute;
	top: 75px;
	right: 13px;
}

.member-reviews .comments .comment .buttons .delete:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

.member-reviews .comments .comment .buttons .delete:before {
	display: none;
}

.comments .comment .buttons .delete:before {
	content: "x";
	top: 1px;
	height: 0;
	margin-right: 0;
	right: -3px;
	font-weight: bold;
	font-size: 16px;
	color: #d03830;
}

.comments .comment .buttons .setbug,
.comments .comment .buttons .notbug {
	right: 113px;
}

#bugs.comments .comment .buttons .setbug,
#bugs.comments .comment .buttons .notbug {
	right: 60px;
}

.comments .comment .buttons .setbug:before,
.comments .comment .buttons .notbug:before {
	background-image: url("../img/bug.png");
	background-size: cover;
	margin-right: 5px;
	opacity: 0.75;
}

.comments .reply-template,
.comments .review-template {
	display: none;
}

.comments .reply-box {
	padding: 5px;
	overflow: hidden;
	border-bottom: 1px solid #303030;
	position: relative;
	background-color: rgba(34, 34, 34, 0.7);
}

.comments .reply-box .userinfo {
	float: left;
	margin-right: 5px;
}

.comments .reply-box .userinfo .avatar {
	display: block;
	border: 2px solid #454545;
	width:  125px;
	line-height:1px;
}

.comments .child .reply-box .userinfo .avatar {
	width: 72px;
}

.comments .reply-box .userinfo .avatar img {
	width: 100%;
}

.comments .reply-box .userinfo .username {
	display: block;
	text-align: center;
	color: #59c;
	font-size:12px;
	font-weight:bold;
	background-color: #202020;
	margin-top: 4px;
	height: 22px;
	line-height: 22px;
}

.comments .reply-box .userinfo .username.guest {
	color: #a7a077;
}

.comments .reply-box .side-text {
	white-space: pre-line;
	color:#ccc;
	font-size:12px;
	
}

.comments .reply-box .right-box {
	position: relative;
	overflow: hidden;
}

.comments .reply-box .reply-text,
.comments .reply-box textarea {
	width: 100%;
	height: 132px;
	border: 1px solid #333;
	background-color: #161616;
	box-sizing: border-box;
	color: gray;
	font-family: sans-serif;
}

.comments .child .reply-box .reply-text {
	height: 79px;
}

.comments .reply-box .halfbox {
	float: left;
	position: relative;
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.comments .reply-box label {
	font-size:14px;
	color: white;
	vertical-align: top;
	display: block;
	margin-bottom: 3px;
}

.comments .reply-box .conclusion-text {
	margin-bottom: 6px;
	width: calc(100% - 10px);
}

.comments .reply-box .label-text {
	margin-top:5px;
	margin-left: 10px;
	font-size:12px;
	color:#aaaaaa;
	display: inline-block;
}

.comments .reply-box .ratingbar {
	display: inline-block;
	margin-bottom: 3px;
	font-size:16px;
	color:#ccc;

	left: 175px;
	bottom: 15px;
	position: absolute;
	display: none;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .ratingbar {
	display: inline-block;
	display: none;
}

.comments .reply-box .ratingbar > span {
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	margin-right: 5px;
}

.comments .reply-box .ratingbar .rating {
	opacity: 0.8;
}

.comments .reply-box .ratingbar .rating .star,
.comments .reply-box .review-rating .rating .star {
	width: 17px;
	height: 17px;
}

.comments .reply-box .captcha {
	display: inline-block;
	position: absolute;
	right: 120px;
	bottom: 3px;
}

.comments .reply-box .captcha img {
	vertical-align: middle;
}

.comments .reply-box .captcha .captcha-value {
	vertical-align: middle;
	height: 19px;
	width: 80px;
}

.comments .reply-box .review-rating {
	display: inline-block;
	margin-bottom: 3px;
	font-size:16px;
	color:#ccc;
}

.comments .reply-box .review-rating .label {
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	margin-right: 5px;
}

.comments .reply-box .buttons .reply {
	position: absolute;
	bottom: 0px;
	right: 7px;
	font-size: 11px;
	background-color: #161616;
	border: 1px solid #333;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: #ccc;
	margin-bottom:3px;
}

.comments .review-template .reply-box .buttons .reply {
	bottom: 5px;
}

.comment-header + .tabsholder .comments .reply-template:first-child,
.comment-header + .tabsholder .comments .review-template:first-child {
	background-color: #26323d;
	background-image: -webkit-linear-gradient(rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7));
	background-image: linear-gradient(rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7));
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box {
	background-color: transparent;
	padding: 15px 25px 5px;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .userinfo,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box .userinfo {
	margin-right: 15px;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .userinfo .username,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box .userinfo .username,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box .userinfo .side-text {
	display: none;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box textarea,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box textarea {
	border: 3px solid #444;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .label-text {
	display: none;
}

.comment-header + .tabsholder .comments .review-template:first-child .reply-box .right-box label {
	display: none;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .captcha {
	left: 170px;
	bottom: 19px;
}

.comment-header + .tabsholder .comments .review-template:first-child .reply-box .review-rating {
	left: 170px;
	bottom: 19px;
	position: absolute;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .buttons .reply,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box .buttons .reply {
	margin: 10px;

	margin-right: 0;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #292929, #1e1e1e);
	background-image: linear-gradient(to bottom, #292929, #1e1e1e);
	box-shadow: 0 0 1px black inset;

	text-transform: lowercase;
	text-shadow: 1px 1px 2px black;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;

	height: 30px;
	font-size: 16px;
	padding: 0 10px;
	line-height: 28px;

	color: #bebebe;
	position: static;
	float: right;
}

.comment-header + .tabsholder .comments .reply-template:first-child .reply-box .buttons .reply:hover,
.comment-header + .tabsholder .comments .review-template:first-child .reply-box .buttons .reply:hover {
	background-image: -webkit-linear-gradient(top, #333333, #252525);
	background-image: linear-gradient(to bottom, #333333, #252525);
}

.comments-controls {
	overflow: hidden;
	margin: 0 10px 10px;
	font-size: 13px;
}

.comments-controls > * {
	background-color: #313f4c;
	color: #d8d8d8;
	padding: 10px;
	border-radius: 6px;
	margin: 5px 3px;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.comments-controls .load-comments {
	float: right;
}

.comments-controls .no-content {
	background-color: #333;
	color: #999;
	font-size: 14px;
	margin: 20px 3px;
	cursor: default;
}

.comments-controls > * .label {
	color: #fff;
}

/*Details Videos*/

.detailspage.no-videos {
	position: relative;
}

.detailspage.no-videos span {
	position: absolute;
	top: 35px;
	width:  100%;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.detailspage.no-videos img {
	width: 730px;
	height: 411px;

	margin-bottom: 10px;
}

/*Mirrors*/

.mirrorspage > .content {
	padding: 0 10px 10px;
	overflow: hidden;
}

.mirrorspage .content .leftbox {
	float: left;
	margin-top: 10px;
}

.mirrorspage .content .leftbox .message {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #1c1c1c;
	color: #cccccc;
	font-size: 11px;
}

.mirrorspage .content .leftbox .message a {
	color: #cccccc;
}

.mirrorspage .content .leftbox .message .warning {
	color: #e14e4e;
}

.mirrorspage .content .locations {
	overflow: hidden;
	width: 410px;
	margin-left:125px;
	margin-top:20px;
}

.mirrorspage .content .locations .listheader {
	padding: 10px 5px 15px;
	font-size: 14px;
}

.mirrorspage .content .locations .mirror {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	background-color:#292929;
}

.mirrorspage .content .locations .mirror > div {
	padding: 9px 4px;
	float: left;
	height: 38px;
}

.mirrorspage .content .locations .mirror:hover {
	background-color:#303030;
}

.mirrorspage .content .locations .mirror .sitebox {
	width: 90px;
	margin-left:7px;
}

.mirrorspage .content .locations .mirror .sitebox img {
	margin-top: 3px;
}

.mirrorspage .content .locations .mirror .locationbox {
	width: 150px;
	border-left: none;
	line-height: 38px;
}

.mirrorspage .content .locations .mirror .downloadbox {
	width: 138px;
	border-left: none;
}

.mirrorspage .content .locations .mirror .locationbox div {
	font-size: 14px;
	padding-left:5px;
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
}

.mirrorspage .content .locations .mirror .locationbox .location {
	color: #9a966d;
}

.mirrorspage .content .locations .mirror .locationbox .label {
	margin-top: 3px;
}

.mirrorspage .content .locations .mirror .downloadbutton {
	width: 136px;
	height: 37px;
	position: relative;
}

.mirrorspage .content .locations .mirror .downloadbutton.normal {
	background-image: url("../img/btn_download.png");
}

.mirrorspage .content .locations .mirror .downloadbutton.locked {
	background-image: url("../img/btn_download_d.png");
}

.mirrorspage .content .locations .mirror .downloadbutton a {
	display: block;
	height: 27px;
	width: 96px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 40px;
	padding-top: 10px;
	color: white;
}

.download.content .ad250g {
	float: left;
	margin: 10px;
}

.download.content .topbox {
	overflow: hidden;
	font-size: 16px;
	margin: 25px;
	padding:10px;
	background-color:#1b1b1b;
	border-radius:10px;
}

.download.content .topbox img {
	float: left;
	margin: 15px;
	margin-top: 0;
	height: 40px;
}

.download.content .topbox .title {
	color: #8a8;
	font-size: 16px;
}

.download.content .topbox a {
	font-size: 14px;
	margin-top:5px;
	color: #777;
}

.download.content .topbox .wait {
	font-size: 12px;
	color: gray;
}

.download.content .topbox.captcha form {
	margin: 5px;
	padding: 0 10px 20px;
	border: 1px solid #888;
	background-color: #343;
	box-shadow: 0 0 2px 2px #111;
}

.download.content .topbox.captcha span {
	display: block;
	margin: 20px 0;
	color: #ddb;
	font-weight: bold;
	font-size: 18px;
}

.download.content .topbox.captcha img {
	height: 30px;
	margin: 0;
	margin-right: 10px;
}

.download.content .topbox.captcha input {
	background-color: #999;
	margin: 0;
	border: 1px solid black;
	height: 22px;
	width: 100px;
}

.download.content .topbox.captcha button {
	height: 24px
;
	font-weight: bold;
	margin-left: 10px;
}

.download.content .bottombox {
	padding: 10px 10px 30px;
}

.download.content .bottombox .by-label {
	display: block;
	color: gray;
	font-size: 14px;
}

.download.content .bottombox a {
	margin: 10px;
	display: inline-block;
}

/*Items*/

.itemsheader.bigheader {
	overflow: hidden;
	border-bottom:1px solid #393939;
	margin-top: 10px;
	background-color: #26323d;
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.3));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size: 12px;
}

.itemsheader.bigheader .game-icon {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	margin: 8px;
	border:2px solid #111111;
}

.itemsheader.bigheader .titleblock {
	display: inline-block;
	margin: 10px 5px;
}

.itemsheader.bigheader .titleblock .title {
	font-size: 20px;
	color: #eee;
	margin-bottom: 5px;
}

.itemsheader.bigheader .titleblock .game-title {
	color: rgba(255, 255, 255, 0.4);
	font-size: 14px;
}

.itemsheader.bigheader .titleblock .game-title a,
.itemsheader.bigheader .type-link {
	color: rgba(255, 255, 255, 0.4);
}

.itemsheader.bigheader .titleblock .game-title a:hover,
.itemsheader.bigheader .type-link:hover {
	color: rgba(255, 255, 255, 0.75);
}


.itemsheader.bigheader .right-links {
	float: right;
	display: inline-block;
}

.itemsheader.bigheader .type-link {
	margin: 10px 15px;
	display: inline-block;
}

.itemsheader.bigheader .feed-link {
	margin: 10px 10px 0;
	display: block;
	text-align: right;
}

.itemsheader.bigheader .feed-link + .type-link {
	margin: 13px 10px;
}

.items {
	background-color: #222222;
	font-size: 12px;
	color: #CCCCCC;
}

.itemsheader + .items {
	margin-bottom: 5px;
}

.items + .slide {
	width: auto;
	margin: 20px;
	float: none;
}

.items + .slide .slide {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.items + .slide .slide .label .type-ico {
	height: 26px;
	width: 26px;
	border-radius:6px;
	opacity: .7;
	margin: 0 10px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.file-list-item a {
	color: #999A8A;
}

.file-list-item a:hover {
	color: #FFFFFF;
}

.file-list-item {
	background-color:#303030;
	border-top: 1px solid #353535;
	border-bottom: 1px solid #171717;
	border-radius:5px;
	box-shadow:0px 0px 5px #151515, inset 0px 0px 75px #202020;
	border-left: none;
	border-right: none;
	padding: 5px 0 5px 5px;
	height: 128px;
	margin: 5px 0px;
	position: relative;
}

.file-list-item:hover {
	background-color: #353535;
}

.file-list-item .highlight {
	background-color: #dd0;
	color: black;
}

.file-list-item .iteminfo {
	font-size:12px;
	overflow: hidden;
	position: relative;
	height: 100%;
}

.file-list-item .iteminfo .tag-switchers {
	position: absolute;
	top: 67px;
	left: 10px;
	max-width: 390px;
}

.file-list-item .iteminfo .tag-switchers .tag-switcher {
	font-size: 10px;
	width: 70px;
}

.file-list-item .thumblink {
	position: relative;
	float: left;
}

.file-list-item .itemthumb {
	border: 2px solid #404040;
	border-radius: 5px;
	float: left;
	width: 220px;
	height: 124px;
}

.file-list-item .itemthumb-overlay {
	border-radius: 5px;
	position: absolute;
	left: 2px;
	top:  2px;
}

.file-list-item .topbar {
	font-size: 16px;
	color:#c9cab5;
	height: 27px;
	text-shadow:1px 1px 5px #101010;
	padding: 4px 0 0 8px;
	margin: 0 5px;
	border-radius:5px;
	background-color: #232323;
}

.file-list-item:hover .topbar {
	background-color: #272727;
}
.file-list-item:hover .game img {
	opacity:1;
}


.file-list-item .topbar .title {
	display: inline-block;
	margin-top: 2px;
}

.file-list-item .topbar .title a,
.file-list-item .iteminfo .title a {
	color: #eee;
}

.file-list-item .topbar .title a:visited,
.file-list-item .iteminfo .title a:visited {
	color: #bbb692;
}

.file-list-item .topbar .labelbox {
	display: inline-block;
	margin-left: 5px;
}

.file-list-item .topbar .commentbox {
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 80px;
}

.file-list-item .topbar .commentbox:hover .icon {
	opacity: 1.0;
}

.file-list-item .topbar .commentbox .icon {
	opacity: 0.4;
	cursor: pointer;
}

.file-list-item .topbar .rating {
	position: absolute;
	top: 8px;
	right: 15px;
}

.file-list-item .desc, .file-list-item .bottombar {
	color: #888888;
	margin: 0 8px;
}

.file-list-item .desc {
	margin-top: 5px;
	height:55px;
	overflow:hidden;
}


.file-list-item .maps-completed {
	color: #729058;
}

.file-list-item .bottombar {
	position: absolute;
	bottom: 0;
	font-size: 12px;
	color:#657d8f;
}

.file-list-item .bottombar .value {
	color: #999;
}

.file-list-item .bottombar > div {
	float: left;
	padding: 3px 10px 3px 8px;
	margin-right: 5px;
	background-color:#252525;
	border-radius:3px;
}

.file-list-item .bottombar > div:first-child {
}

.file-list-item .bottombar > div > div {
	display: inline-block;
}

.file-list-item .bottombar div .gamebox {
	width: 8px;
	height: 8px;
	border: 1px solid #373737;
	background-color: #537e22;
}

.file-list-item .bottombar .date {
	color: #666;
	font-size:11px;
}

.file-list-item .bottombar .views {
	font-size: 11px;
	padding-bottom: 1px;
}

.file-list-item .bottombar .feat-img {
	background-color: inherit;
	border-color: transparent;
	opacity: 0.4;
	cursor: pointer;
}

.file-list-item .bottombar .feat-img:hover {
	opacity: 1;
}

.file-list-item .bottombar .uploader span {
	display: block;
}

.file-list-item .bottombar .uploader a {
	color: inherit;
	display: block;
	max-width: 250px;
	overflow: hidden;
}

.file-list-item .game {
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 24px;
}

.file-list-item .game img {
	width: 24px;
	border-radius:5px;
	opacity:.6;
}

.file-list-item .customtext {
	position: absolute;
	bottom: 0;
	right: 35px;
}

.file-list-item + .feat-img-box {
	border: 2px solid #333;
	border-radius: 3px;
}
.feat-img-box img {
	width:655px;
}
/* Side listitems */

.side-listitem {
	margin: 5px auto 30px;
	width: 250px;
	background-color:#393939;
	border-radius:5px;
	padding:5px;
	opacity: .8;
	overflow: hidden;
}
.side-listitem:hover {
	opacity: 1;
}
.side-listitem .thumblink {
	display: block;
	position: relative;
}

.side-listitem .itemthumb {
	border: 2px solid #151515;
	border-radius: 5px;
	width: 245px;
	
}

.side-listitem .itemthumb-overlay {
	border-radius: 5px;
	position: absolute;
	left: 2px;
	top:  2px;
}

.side-listitem .details {
	margin-top: 2px;
	background-color: #292929;
	padding: 8px;
	padding-bottom: 6px;
	border-radius: 8px;
	font-size: 11px;
	color: #888;
	overflow: hidden;
}

.side-listitem .details .title {
	color: #eee;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 3px;
}

.side-listitem .details .uploader {
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
}

.side-listitem .details .uploader a {
	color: inherit;
}

.side-listitem .details .views {
	font-weight: bold;
}

.side-listitem .details .rating {
	float: right;
	opacity: 0.8;
}

.side-listitem .details .rating .star {
	height: 8px;
	width: 8px;
}

/* Ratings */

.rating {
	display: inline-block;
	font-size: 0;
}

.rating .star {
	height: 10px;
	width: 10px;
	display: inline-block;
	position: relative;
	margin: 1px;
	background-image: url(../img/star_silver.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.rating .star.big {
	height: 25px;
	width: 25px;
}

.rating .star.gold:not(.half) {
	background-image: url(../img/star_gold.png);
}

.rating .star.big:not(.half) {
	background-image: url(../img/star_silver_large.png);
}

.rating .star.gold.big:not(.half) {
	background-image: url(../img/star_gold_large.png);
}

.rating .star.half {
	background-image: none;
}

.rating .star.half:before,
.rating .star.half:after {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 50%;
	background-image: url(../img/star_silver.png);
	background-size: cover;
}

.rating .star.half.gold:before,
.rating .star.half.gold:after {
	background-image: url(../img/star_gold.png);
}

.rating .star.half.big:before,
.rating .star.half.big:after {
	background-image: url(../img/star_silver_large.png);
}

.rating .star.half.gold.big:before,
.rating .star.half.gold.big:after {
	background-image: url(../img/star_gold_large.png);
}

.rating .star.half:before {
	left: 0;
}

.rating .star.half:after {
	right: 0;
	background-position: right;
	opacity: 0.3;
}

.rating .star.gray {
	opacity: 0.3;
}

.comment.review .rating .star {
	height: 16px;
	width: 16px;
}

/* Tabs */

.tabholder {
	position: relative;
	padding-top: 44px;
	background-color: #26323d;
}

.tabholder:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	border-top: 36px solid #202020;
	height: 8px;
	width: 100%;
	background-color: inherit;
	background-image: -webkit-linear-gradient(rgba(46, 46, 46, 0.45), rgba(46, 46, 46, 0.45));
	background-image: linear-gradient(rgba(46, 46, 46, 0.45), rgba(46, 46, 46, 0.45));
}

.tabholder .tab {
	background-color: #202020;
}

.tabholder .tab .tabbutton {
	position: absolute;
	top: 0;
	margin-right: 36px;
	cursor: pointer;

	font-size: 17px;
	color: #aaaaaa;
	background-color: #26323d;
	background-image: -webkit-linear-gradient(rgba(36, 36, 36, 0.65), rgba(36, 36, 36, 0.65));
	background-image: linear-gradient(rgba(36, 36, 36, 0.65), rgba(36, 36, 36, 0.65));
	padding: 12px 0 4px 20px;
	width: 160px;
}

.tabholder .tab.active .tabbutton {
	color: #fafafa;
	background-image: -webkit-linear-gradient(rgba(46, 46, 46, 0.45), rgba(46, 46, 46, 0.45));
	background-image: linear-gradient(rgba(46, 46, 46, 0.45), rgba(46, 46, 46, 0.45));
}

.tabholder .tab:not(.active) .tabbutton:hover {
	color: #ccc;
	background-image: -webkit-linear-gradient(rgba(40, 40, 40, 0.65), rgba(40, 40, 40, 0.65));
	background-image: linear-gradient(rgba(40, 40, 40, 0.65), rgba(40, 40, 40, 0.65));
}

.tabholder .tab .tabbutton:after {
	content: "";
	display: inline-block;
	height: 0;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: inherit;
	border-right: 36px solid #202020;
	border-bottom: 36px solid rgba(36, 36, 36, 0.65);
}

.tabholder .tab:not(.active) .tabbutton:hover:after {
	border-bottom: 36px solid rgba(40, 40, 40, 0.65);
}

.tabholder .tab.active .tabbutton:after {
	border-bottom: 36px solid rgba(46, 46, 46, 0.45);
}

.tabholder .tab:nth-of-type(1) .tabbutton {
	left: calc((220px + 0px) * (1 - 1));
}

.tabholder .tab:nth-of-type(2) .tabbutton {
	left: calc((220px + 0px) * (2 - 1));
}

.tabholder .tab:nth-of-type(3) .tabbutton {
	left: calc((220px + 0px) * (3 - 1));
}

.tabholder .tab .tabcontent {
	display: none;
	position: relative;
}

.tabholder .tab.active .tabcontent {
	display: block;
}

/* Videos */

.video-item {
	padding: 0 5px;
	margin: 5px;
	border-bottom: 1px solid #3e3e3e;
}

.video-item .number, 
.video-item .game-acronym,
.video-item .video-link {
	margin-right: 10px;
	position: relative;
	bottom: 8px;
}

.video-item .game-icon {
	width: 25px;
	margin: 0 5px 0 0;
}

.video-item .date {
	float: right;
	margin-top: 5px;
}

.video-item .video-modify {
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}

.video-item .addon {
	position: relative;
	bottom: 6px;
}

.contentheadline select.game-select {
	margin-top: 6px;
	float: right;
}

/* End Videos  */

#memberright .content .member-activity {
	list-style: none;
	padding: 0;
}

#memberright .content .member-activity .notification-box {
	margin: 10px 5px;
	border: 1px solid #555;
	background-color: #2a2a2a;
	padding: 10px 0;
	font-size: 14px;
}

#memberright .content .member-activity .notification-box .new {
	background-color: red;
	font-weight: bold;
	padding: 2px 10px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
}

#memberright .content .member-activity .notification-box .text {
	margin-left: 10px;
	display: inline-block;
}

#memberright .content .member-activity .notification-box .time {
	margin-left: 10px;
	margin-top: 5px;
	display: inline-block;
	font-size: 12px;
}

/* Search */

#mainleft .noresults {
	padding: 20px;
	font-size: 14px;
}

#mainleft .refinesearch {
	overflow: hidden;
	padding: 20px;
}

#mainleft .refinesearch input[name="q"] {
	width: 200px;
	font-size:14px;
	float: left;
}

#mainleft .refinesearch input[type="submit"] {
	float: left;
	margin-left: 5px;
}

#mainleft .refinesearch label[for="released"] {
	float: right;
	padding: 6px 2px;
}

#mainleft .refinesearch input[name="released"] {
	float: right;
	margin-top: 7px;
}

#mainleft .refinesearch select[name="game"] {
	float: right;
	margin-right: 10px;
		font-size:14px;

	max-width: 200px;
}

/* End Search */

/* Recommended */

.contentheadline.recommended {
	margin-top: 5px;
}

.content.recommended {
	overflow: hidden;
	padding: 0px 0px 5px 0px;
	background-color: #292929;
	white-space: nowrap;
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
}

.contentholder .content.recommended {
	margin-bottom: 10px;
}

.content.recommended .frame {
	width: 732px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	white-space: normal;
	margin-right: 8px;
	left: 0px;
}

.content.recommended .frame.left {
	left: -740px;
}

.content.recommended .frame.right {
	left: +740px;
}

.content.recommended .frame.slow {
	transition: left 0.5s;
}

.content.recommended .item {
	float: left;
	padding: 10px 7px;
	margin-left: 4px;
	margin-bottom: 8px;
	width: 200px;
	height: 140px;
}

.content.recommended .item > a:first-child {
	position: relative;
	display: block;
}

.content.recommended .item > a:first-child > img {
	width: 200px;
	height: 112px;
	border:2px solid #3e3e3e;
	box-shadow:0px 2px 1px #151515;
	border-radius:5px;
}

.content.recommended .item:nth-of-type(3n+1) {
	margin-left: 0;
}

.content.recommended .item .game {
}

.content.recommended .item .game img {
	position: absolute;
	bottom: 15px;
	right: 5px;
	height: 24px;
	width: 24px;
	border-radius:5px;
	opacity:.6;
	width: 24px;
}

.content.recommended .item .iteminfo {
	font-size: 12px;
	margin-top: 5px;
}

.content.recommended .item .iteminfo .title {
	font-size:12px;
	background-color:#222;
	padding:5px;
	border-radius:5px;
}

.content.recommended .item .iteminfo .desc {
	color: #767676;
}

/*Pager*/

.pager {
	margin: 10px 5px;
}

.pager .pagebutton {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 2px solid #292929;
	text-align: center;
	margin: 1px;
	font-weight: bold;
	font-size: 15px;
	color: white;
}

.pager .pagebutton a {
	display: block;
	padding-top: 3px;
	height: 22px;
	color: inherit;
	text-decoration: none;
}

.pager .pagebutton.current {
	cursor: default;
	pointer-events: none;
}

.pager .pagebutton:not(:hover):not(.current) {
	background-color: #181818 !important;
	color: #bbb;
}

/*General Sidebar*/

#mainright .sidebar .popauths .user.hilighted .avatar-container {
	width: 68px;
	height: 68px;
	display: inline-table;
	border: 1px solid black;
	box-shadow: 0 0 2px 0 black;
	background-color: #292929;
}

#mainright .sidebar .popauths .user.hilighted {
	background-color: #151515;
	border: 1px solid #2E2E2E;
	padding: 7px;
	padding-bottom: 5px;
}

#mainright .sidebar .popauths .user.hilighted,
#mainright .sidebar .popauths .user.hilighted > div {
	overflow: hidden;
}

#mainright .sidebar .popauths .user.hilighted > div {
	padding-left: 5px;
}

#mainright .sidebar .popauths .user.hilighted > div > a {
	padding: 5px 10px 10px;
	display: block;
	border-bottom: 1px solid #333;
}

#mainright .sidebar .popauths .user.hilighted > div .username {
	color: #3a8fc2;
}

#mainright .sidebar .popauths .user.hilighted > div > div {
	padding: 10px 0 0 10px;
}



#mainright .sidebar .popauths .user.hilighted .img {
	float: left;
	padding: 0;
	margin: 0;
	background-color: inherit;
	border: none;
	background-image: none;
}

#mainright .sidebar .popauths .user.hilighted img {
	max-width: 68px;
	max-height: 68px;
	vertical-align: middle;
	text-align: center;
}

#mainright .sidebar hr {
	border: 1px dashed #222222;
	background-color: #26323d;
}

#mainright .sidebar .forumthreads .thread .forumicon {
	margin-left: 5px;
}

.translate-page {
	float: right;
}

/*Footer*/
/*Main Footer*/

body > footer {
	background-color: #222222;
	border-top:3px solid #333333;
	padding-top: 20px;
	position: relative;
	margin-top: 10px;
	opacity:0.97;
}

body > footer .footerad {
	text-align: center;
	margin: 10px;
}

body > footer .footerad > * {
	display: inline-block;
}

body > footer ul {
	list-style: none;
	padding: 0px 10px 0px 10px;
	font-size:12px;
	float: left;
}
body > footer ul + ul {
	padding-right: 4px;
}

body > footer li {
	margin-top: 7px;
	width: 150px;
}

body > footer li a {
	color: #777777;
}

/*Game List*/

body > footer .gamebars {
	margin: 30px 0 50px;
	text-align: center;
}

body > footer .gamebar {
	display: inline-block;
	margin-right: 60px;
	text-align: left;
}

body > footer .gamebar:last-child {
	margin-right: 0;
}

body > footer .gamebar span {
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 4px;
	display: block;
	color: #cccccc;
	font-size: 14px;
	padding-left: 10px;
}

body > footer .gamebar ul li a:hover {
	color: #acac88;
}

/*Copyright*/

body > footer .copyright {
	font-size:12px;
	color: #777777;
	background: #303030;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}

body > footer .copyright > span {
	display: inline-block;
}

body > footer .copyright a {
	color: #acac88;
}

body > footer .copyright span.logostuff {
	float: left;
	text-align: left;
	margin-left: 30px;
	position: relative;
}

body > footer .copyright span.logostuff img {
	display: block;
}

body > footer .copyright span.logostuff .text {
	position: absolute;
	top: 31px;
	left: 33px;
	line-height: normal;
	color: #707070;
	font-size: 11px;
}

body > footer .copyright span.pagetime {
	color: #777;
	font-size: 12px;
}

body > footer .copyright span.footerlinks {
	text-align: right;
	float: right;
	padding-right: 10px;
	font-size: 14px;
}

body > footer .copyright span.footerlinks a {
	margin-right: 10px;
	margin-left: 10px;
	color: #979797;
	
}