/*******
 General
 ********/
/** Screw #layout and #contentArea height, give #html the same background colour */
html, body {
	background: #0E0E0E !important;
	color: #5050F0;
}


/***************
** New header **
***************/
#top {
	border: none !important;
}

#menu {
	left: 50px !important;
}

/* Remove the useless minibar with #slogan and #socialcount */
#menubottombar {
	display: none;
}
/* Default gray bar holding the search form and true logo
	Do not use display: none, search will disappear */
#searchbar{height:55px;background:#000000 !important;border-radius:6px 6px 0 0}

/* .keywordSearch .keyword */


/*******************
** End new header **
*******************/

/* Set the width of various elements placed in #contentArea */
/* .content .tab_active, .content .tab*/

body.trackerVisible {
	margin-left: 400px !important;
}

/** Overall background */
#layout {
	background: #000 !important;
	padding-top: 5px !important;
	height: 100% !important;
}

/** Give the actual content a different background colour */
#contentArea {
	background: #000 !important;
	padding: 5px 5px 10px 5px !important;
/*	padding-bottom: 25px !important;*/
	position: relative !important;
//	margin: 0px 5px !important;
}

#content {
	margin: auto 5px;
}

/* Gallery */
.galleryHeadingContainer {
//	margin-top: 51px;
}
.content .tab, .content .tab_active {
//	margin-top: 130px;
}
ul.galleryProfile li.checked {
	color: #EDEEEE !important;
}

/* Voorkeuren */
#forumprofile {
	margin-top: 130px;
}


/** Unsorted meuk */
h3, h3 a {
	color: #FFFFFF !important;
}

/* No background for user icons */
.thumb {
	background: none !important;
}

/** Bottom */
/*#bottom {
	position: relative !important;
}*/
#bottom div.hr {
	background: #000 !important;
}

/* Bottom about */
#about ul, #about p {
	text-align: center;
}

/** Text boxes (search, reply) */
textarea#messageBox, input {
	color: #FFFFFF;
	background: #1E1E1E;
}

/** Menu */
.unread .newNotificationsCount {
	color: #000000 !important;
}
#menu li a {
	color: #C8CBCB !important;
}
#menu li.active a {
	color: #D9FF26 !important;
}
#menu .dropdown > span, .dropdown li, .dropdown li a, #menu .dropdown ul a {
	color: #000000 !important;
}

/*.notificationsPopup {
	position: fixed !important;
	top: 85px !important;
}*/
.notificationsPopup .header h3 {
	color: #000000 !important;
}

/** Tracker */
#tracker {
	padding-top: 0px !important;
//	margin-top: 45px !important;
	top: 45px !important;
//	z-index: 1001 !important;
}

.fakeTop {
	display: none;
}

#tracker .trackeritem li a {
	color: #B7B4B2 !important;
}
#tracker .trackeritem li .new, #tracker .trackeritem li a:hover, #tracker .trackeritem li a:hover .time {
	color: #d9ff26 !important;
}
#tracker .trackeritem h4, #tracker .trackeritem h4 a {
	color: #D7D6D4 !important;
}


/* Background color of tabs */
.pageTabs li {
	background: #000000 !important;
}
.pageTabs li.active {
	background: #323434 !important;
}

/* Hyperlinks */
a {
	color: #008FFF !important;
}
a:visited {
	color: #FF8F00 !important;
}
/* Fix anchor location due to fixed header */
/* More likely in GoT */
a[name] {
	display: block;
	padding-top: 45px;
	margin-top: -45px;
}

/* Not sure if this works, might be that .content .tab does it already */
/*#layout #contentArea .tab_active {
	margin-top: 130px;
}
*/


/*******
   FP
 *******/
/** Main content */
/* Tabs */
#fp_tabs li a {
	color: #ABAAAA !important;
}
#fp_tabs li.active a {
	color: #FFFFFF !important;
}

/* Whitepapers */
.itknowledgebasewrapper {
	background: #000000 !important;
}


/** Article Listing */
table.highlights td a {
	color: #EDEEEE !important;
}
table.highlights td a:visited {
	color: #888888 !important;
}
table.highlights td {
	line-height: 15px !important;
	padding: 2px 0px !important;
}
table.highlights {
	border-top: 1px solid #000 !important;
}
table.highlights td {
	border-bottom: 1px solid #000 !important;
}
table.highlights .publicationTime span.new {
	color: #A9CC0B !important;
}
/* More items popup */
.moreItems .popupContent {
	background: #2E2F2F !important;
}

/** Second Column - PW, Jobs, Newsletter, etc. */
#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton { /* DELETED */ }
.secondColumn p, .secondColumn h3 {
	color: #EDEEEE !important;
}
#poll, .poll {
	color: #EDEEEE;
	background: none !important;
}
.poll.jsenabled label:hover {
	background: #18AE43 !important;
}

/* remove Newsletter subscription box */
#newsletter {
	display: none;
}

/* Highlighted Products (Het bekijken waard) */
#highlightedProducts .description, #highlightedProducts .price {
	color: #EDEEEE !important;
}

/* User reviews */
.frontpage #community .userReview .userReviewDescription {
	background: #454646 !important;
	color: #EDEEEE;
}


/** Articles */
.articleColumn, #commentColumn {
	margin: auto 5px;
}
.article, .content {
	color: #EDEEEE !important;
/*	width: 780px !important*/
}
.article h3 {
	color: #FFFFFF !important;
}
/* Tables in articles */
.article table {
	background: #232525 !important;
}

/* Author information next to article */
.relatedAuthor p {
	color: #868686 !important;
}
.relatedAuthor .authorInfo td {
	color: #868686 !important;
}

/* Next/Prev article date colour */
table.nextPrevious tr td {
	color: #B7B4B2 !important;
}

/* Modfilter text and width */
.modFilter {
	color: #B7B4B2 !important;
}

/* Meuk sidebar */
.meukDetail .sidebar .section {
	background: #323434 !important;
	color: #EDEEEE !important;
}
table.meuklist {
	color: #EDEEEE;
}

/** Comments */

/* Notification above comments */
/* .reactionNoticeBox .bar.ok {
	color: #000000 !important;
} */

/* Collapse buttons */
#collapseButtons {
	display: none;
}

/* Bar top of comment */
.reactie .topBorder {
	height: 0 !important;
}
.reactie {
	background: #000000 !important;
	color: #EDEEEE !important;
	border-left: 1px solid #545454 !important;
}
/* +2 comments */
.reactieBody.informative {
	background: #323535 !important;
	border: 1px solid #4D4F4F !important;
}
/* +3 comments */
.reactieBody.spotlight {
	background: #454747 !important;
	border: 1px solid #6D6F6F !important;
}
/* Odd white line at last comment*/
.reactie.last > .reactieContainer {
	border-left: 1px solid #545454 !important;
}
/* Blockquote colour a bit lighter */
.reactieContent blockquote {
	color: #A9A9A9 !important;
}

/** Userreacties search */
.searchTable {
	background: #323434 !important;
	width: 100% !important;
}
/** User tab V&A */
div.pwLinks ul li, div.pwLinks ul li a {
	color: #EDEEEE !important;
}
.pwLinks {
	background: #323434 !important;
}
/* Wishlist */
.tabContent .article table {
	background: #2E2F2F !important;
}
div.inventory h3.title, div.inventory h3.titleShow {
	color: #0067A2 !important;
}


/** Gallery fotoalbum */
form table td {
	color: #FFFFFF !important;
}

/** Tweakblog admin table */
form table.tweakblog {
	background: #2E2F2F !important;
}

/** Karmastore */
.mainColumn table.itemList {
	background: #2E2F2F !important;
}


/* No social */
#social, .social, #modernSocialButtonsContainer {
	display: none !important;
}
/* Change text background below article
   in case we do want to have the buttons */
#toggleButtonTxt {
	background: #000000 !important;
}
/* Do not show the buttons at all below the article */
#socialButtons {
	display: none !important;
}

/** Pricewatch */
#header h1 .subtitle {
	color: #EDEEEE !important;
}

/* Product display list */
/* White top bar */
#top #entity {
//	margin-top: 51px;
}

#categoryBrowser div, #categoryBrowser .sublist {
	background: #323434 !important;
	border: 1px solid #171818 !important;
}
#categoryBrowser .large li {
	border-bottom: 1px solid #171818 !important;
	border-right: 1px solid #171818 !important;
}
#categoryBrowser {
	background: #282929 !important;
	border: 1px solid #171818 !important;
}

.popularProductListing table.listing tr td, .popularProductListing table.listing tr td a, .articleColumn table.listing tr td, .articleColumn table.listing a {
	background: #323434 !important;
}
#tweakbase {
	margin-top: 51px;
}
.productCompare, .itemFilter, .overzicht, #specCompareBlock {
//	margin-top: 125px !important;
}
.listOptions .pageIndex {
	color: #EDEEEE;
}
.productCompare table.listing tr td, .productCompare table.listing tr td a, .productCompare table.listing th, .itemFilter table.listing tr td, .itemFilter table.listing tr td a, table.spec-detail tr.diff td {
	background: #323434 !important;
}
.productCompare table.listing tr th.compare {
	background-position: 14px 19px !important;
}
.productCompare table.listing tr td.compare {
	background-position: 14px -1px !important;
	border: none !important;
}
.productCompare table.listing .compare {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABUAQMAAABnUf89AAAABlBMVEUAGAXDxsa+Z6rqAAAAAXRSTlMAQObYZgAAABZJREFUCFtjXMXAwMDA0DBAJFZBepEAjDwVLKcRyjUAAAAASUVORK5CYII=") no-repeat transparent !important;
}

table.listing th .listOptions .sortable.sortorder .dropdown li, table.listing th .listOptions .sortable.sortorder .dropdown li a {
	color: #000000; !important;
}

.relatedBlock table.listing tr td, .relatedBlock table.listing a, .relatedBlock {
	background: #2D2E2E !important;
}
.relevancyColumn .relationboxBlock .thumb a, .relatedBox .thumb a {
	background: #484848 !important;
	border: 1px solid #595959 !important;
}
/* Sort dropdown */
div.sortable.sortorder ul li a {
	color: #000000 !important;
 }

/** Product page **/
/* Put the overview a bit lower due to gray infobar
	Is this really nessacary? */
/*.editionOverview {
	margin-top: 130px;
}
*/

/* Bestelkosten berekenen */
/* Right column colour */
#costTypeSelect, .costFilter {
	background: none !important;
}
/* Article table */
.priceTable tbody tr.even {
	background: #454548 !important;
}
.priceTable tbody tr {
	background: #343437 !important;
}
/* Shop table */
table.shoppingCart tr.even td {
	background: #454548 !important;
	color: #EDEEEE !important;
}
table.shippingCart tr td {
	background: #343437 !important;
	color #EDEEEE !important;
}
table.shoppingCart .pricelisthead td, table.shoppingCart .pricelist td {
	color: #EDEEEE !important;
}

/* Specs */
/*.tab_active table.spec-detail {
	margin-top: 300px;
}*/
td.spec-column, table.spec-detail td.spec-group-name {
	color: #EDEEEE !important;
}
table.spec-detail td.spec-index-column {
	color: #838686 !important;
}

/* Shop Review */
.rightInfoBlock {
	background: none !important;
}

/* User Review */
.ScorecardView {
	background-color: #232121 !important;
	color: #EDEEEE;
}
/* Review tab has some black text colour */
.articleColumn.userreview .userReviewPageInfo {
	color: #EDEEEE;
}




/*******
   GoT
 *******/
/* Breadcrumbs */
.breadcrumb a, .action_list a {
	color: #828585 !important;
}
.bulletSeparatedList > li:first-child::before {
	content: "" !important;
}




/** Forum tabs */
#forum_tabs li a {
	color: #ABAAAA !important;
}
#forum_tabs li.active a {
	color: #FFFFFF !important;
}

/* Bookmarks */
.faux p {
	color: #FFFFFF !important;
}

/** Colourize headers */
.channelHeader h2 {
	color: #FFFFFF !important;
}
.thumb.category {
	background: 50% 5px no-repeat !important;
}
.forumList:nth-child(2) table.listing th  {
	background: #0044EE !important;
}
/* Computers */
.forumList:nth-child(3) .channelHeader, .thumb.category.core {
	background-color: #A30028 !important;
}
.thumb.category.core {
	background-image: url("http://tweakimg.net/g/if/categories/computers_x2.png") !important;
}
/* IT Pro */
.forumList:nth-child(4) .channelHeader, .thumb.category.pro {
	background-color: #400072 !important;
}
.thumb.category.pro {
	background-image: url("http://tweakimg.net/g/if/categories/itpro_x2.png") !important;
}
/* Games */
.forumList:nth-child(5) .channelHeader, .thumb.category.games {
	background-color: #0E8F1D !important;
}
.thumb.category.games {
	background-image: url("http://tweakimg.net/g/if/categories/games_x2.png") !important;
}
/* Beeld en Geluid */
.forumList:nth-child(6) .channelHeader, .thumb.category.electronics {
	background-color: #BD3500 !important;
}
.thumb.category.electronics {
	background-image: url("http://tweakimg.net/g/if/categories/electronics_x2.png") !important;
}
/* Tablets en Telefoons */
.forumList:nth-child(7) .channelHeader, .thumb.category.mobile {
	background-color: #04926C !important;
}
.thumb.category.mobile {
	background-image: url("http://tweakimg.net/g/if/categories/mobile_x2.png") !important;
}
/* General Chat */
.forumList:nth-child(8) .channelHeader, .thumb.category.chat {
	background-color: #8A33CC !important;
}
.thumb.category.chat {
	background-image: url("http://tweakimg.net/g/if/categories/chat_x2.png") !important;
}
/* Tweakers Feedback */
.forumList:nth-child(9) .channelHeader, .thumb.category.feedback {
	background-color: #A57D00 !important;
}
.thumb.category.feedback {
	background-image: url("http://tweakimg.net/g/if/categories/heart_x2.png") !important;
}


/* Topic listing heading colour */
table.listing th a {
	color: #FEFEFE !important;
}
/* Border around image */
.channelHeader .thumb {
	border: none !important;
}

/** Listing borders */
table.listing td {
	border-top: 0px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
}
table.listing td.last {
	border-right: 1px solid #000000 !important;
}
table.listing td.ind, table.listing td.ind2 {
	border-left: 1px solid #000000 !important;
}
/* Decrease space between forum sections */
.forumList table.listing {
	margin-bottom: 5px !important;
}


/** Forum Description */
#title p.forumdesc {
	color: #EDEEEE !important;
}
/** GoT Topic listings  */
table.listing td, table.listing td a {
	background: #121212 !important;
	color: #EDEEEE !important;
}
table.listing td.topic a, table.listing td.title a {
	color: #EDEEEE !important;
}
/* Listing height */
table.listing td, table.listing th {
	padding: 4px 5px !important;
}
table.listing th {
	background: #3E3E3E !important;
}
table.listing td.topic a[title="Laatste reactie geplaatst door Hero of Time"] {
	font-style: italic;
}


/** Forum replies */
/* Forum heading on top for working links */
#forumheading {
	position: relative;
	z-index: 1;
}

#content #sidebar #tweakbase_relations {
	margin: 0px 5px;
}
/* Message content */
/* removed 'div.info, ' for info boxes background bug */
div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
	background: #000000 !important;
	color: #EDEEEE;
}
#messages, .topic_actions {
//	width: 1120px !important;
	padding-left: 5px !important;
}
div.message div.post div.messagecontent {
	margin-right: 5px !important;
}
/* Hyperlinks in messages Tweakers green */
div.messagecontent a {
	color: #D9FF26 !important;
}
/* Members Only */
.membersonly {
	background: #00A000 !important;
}
div.membersonly a {
	color: #000000 !important;
}
/* Hyperlinks in RML list */
table.rml a {
	color: #DDDD00 !important;
}
/* RML list background */
table.rml td {
	background: #505050 !important;
}
table.rml th {
	background: #606060 !important;
}
/* Remove space between messages */
div.message, div.faq {
	margin-bottom: 0px !important;
}
/* Lighten the header a bit */
//div.message div.messageheader {
//	background: #262828 !important;
//}
/* Make your own post more visible, now with gradient! */
div.message.ownpost {
	background-image: linear-gradient(#404040 10px, #000000 40px) !important;
}
/* Give the header of the TS a different colour */
div.message.topicstarter {
	background-image: linear-gradient(#323434 10px, #000000 40px) !important;
}
/* And the date a different colour */
div.topicstarter div.messageheader div.date a {
	color: #008800 !important;
}
/* Some padding for the post */
div.message div.post {
	padding: 5px 2px 4px 10px !important;
}
/* Post version on diff */
div.message div.poster {
	color: #EDEEEE !important;
}

/** Quote boxes */
div.messagecontent blockquote {
	color: #FFFFFF !important;
}
div.message-quote-div {
	background: #616464 !important;
	color: #FFFFFF !important;
}
/* Quote user link */
div.messagecontent div.message-quote-div a.messagelink, div.messagecontent div.message-quote-div a.messagelink:hover {
	color: #FFFFFF !important;
}

/** Code boxes */
table.phphighlight td.phphighlightline, table.phphighlight td.phphighlightcode {
	border: 1px solid #FFFFFF !important;
}
table.phphighlight td, table.phphighlight td pre, table.phphighlight td code {
	color: #000000 !important;
	background: #DDDDDD !important;
}

/* Pre-box */
div.pre pre {
	background: #323434 !important;
}

/* /me tag */
.me, div.messagecontent span.me a {
	color: #00AA00 !important;
}

/* Modbreak text */
.mbr {
	color: #AD0009 !important;
}


/** Spoilers */
/* Don't show URLs in spoilers until hovered or clicked */
.spoiler, .messagecontent div.spoiler a, .messagecontent .message-quote-div div.spoiler a {
	color: #000000 !important;
}

.spoiler:hover, .spoiler a:hover, .spoiler img:hover, .messagecontent div.spoiler a:hover, .messagecontent .message-quote-div div.spoiler a:hover {
	color: white !important;
	visibility: visible !important;
}


/* Show spoilers on hover */
/*div.spoiler:hover {
	color: white !important;
}*/

/** User info **/
/* Ugly klipklap arrow */
.userklipklap {
	background: none !important;
	border: none !important;
}
.userklipklap > div {
	background: #202121 !important;
}
.userklipklap .online {
	color: #63C000 !important;
}
/* Show user reg date and postcount */
div.message div.post div.userdetails div.userdata div.extra {
	display: block !important;
}

/* Username */
.user {
	color: #FFFFFF !important;
}

/* Crew username*/
.crew, .crew:visited {
	color: #B9133C !important;
}

/* Pimp user, aka luser :+ */
.pimp, a.pimp:hover, .pimp:visited {
	color: #DE47DC !important;
}

/* Pagenumbers */
.pagecounter {
	margin: 5px 0px 0px !important;
}


/** Quick Reply */
h3#reageer, h3#statusupdate{
	margin-top: 4px !important;
}
/* Topicwarning */
fieldset.modbreak {
	background: #800000 !important;
}
fieldset.modbreak legend {
	color: #FFE900 !important;
}
fieldset.modbreak a {
	color: #09FF26 !important
}

/* Quick Reply box */
form dl dd textarea#messageBox {
	height: 250px !important;
}


/* Toon Voorbeeld - make it true visible button */
form input.forumlink {
	cursor: pointer;
	background: #0A93CA !important;
	border: 1px solid #0987B8;
	border-radius: 1px;
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.102);
	color: #FFFFFF !important;
	font-size: 12px;
	height: 26px;
	padding: 0px 10px;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.149);
}
/* Reply dropdown for page selection */
#footer div.buttonnav select, #quotemessages div.buttonnav select {
	color: #EDEEEE !important;
}
/* Button toolbar */
#toolbar img {
	background: #FFFFFF;
}

/* Make sure Reageer has correct text colour */
.fancyButton {
	color: #FFFFFF !important;
}

/* New topic and topic page navigation buttons */
.fancyButton.grey {
	background: linear-gradient(to bottom, #0A93CA, #0A8ABD) #0A93CA !important;
	border: 1px solid #0987B8 !important;
}

.fancyButton:hover {
	background: linear-gradient(to bottom, #0CA3D4, #0B98C5) #0CA3D4 !important;
	border-bottom-color: #0B94BF !important;
	border-left-color: #0B94BF !important;
	border-right-color: #0B94BF !important;
	border-top-color: #0B94BF !important;
}

.fancyButton:focus {
	box-shadow: 0px 0px 4px rgba(9, 135, 184, 0.749) !important;
}

/* Topic nav */
.pageDistribution .previous, .pageDistribution .next, .pageDistribution .last {
	background: no-repeat linear-gradient(to bottom, #0A93CA, #0A8ABD) #0A93CA !important;
	border: 1px solid #0A88BA  !important;
	height: 15px !important;
	line-height: 15px !important;
	color: #FFFFFF !important;
}
.pageDistribution .previous {
	background-image: url("http://tweakimg.net/g/prev_arrow.png") !important;
	background-position: 5px 3px !important;
}


/* Relationeditor (Onderwerpen koppelen) */
.relationManager dd ul.bulletSeparatedList {
	color: #EDEEEE !important;
}
#relationeditor table tr td {
	background: #2F3131 !important;
}
#relationeditor h3 {
	color: #327398 !important;
}