#bodyoverride {
	background-image: 
		url(forums/images/vienna/bg.png),
		url(layout/bgwhite.png);
	background-position:
	top left, /* this positions the first image */
	top left; /* this positions the second image */
	background-repeat:
	repeat-x,
	repeat;
}
.bottom-bar {
	background: #dbdbe4;
	border-top-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	color: #777777;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	 -moz-box-shadow: inset 0 0 1px 1px #fff;
	 box-shadow: inset 0 0 1px 1px #fff;
}
.boot {background-image: url(https://spritedatabase.net/footer.png);}
.boot-text {color: #FFF; }
.boot-text a, .boot-text a:visited {color: #bebeff;}
.boot-text a:hover {color: #8989f3;}
#mbox {
	-webkit-box-shadow: 0px 2px 5px -1px #adaeaf;
	-moz-box-shadow: 0px 2px 5px -1px #adaeaf;
	box-shadow: 0px 2px 5px -1px #adaeaf;
	background: #EEF3FF;
	color: #333;
	border-color: #e1e1e1;
}
#container {color: #333;}
.sysnav {border-color: #CECECE; background: #FFF;}
.sysnav a, .sysnav a:visited {border-bottom-color: #CCC; color: #333;}
.sysnav a:hover {background: #EEF; }
#content-div {background: #FFF; border-color: #cecece; }
.breadcrumb {
	background: #dbdbe4;
	color: #556571;
	border-bottom-color: #d7d7d7;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	box-shadow: inset 0 0 1px 1px #fff;
}
/****************************************************** Top of the page menu with large icons.*/
.display_menu {
	text-shadow: 1px 1px 0px #191a21;
	color: #fff;
}
.display_menu ul a:link, .display_menu ul a:visited {
	color: #c2c5d3;
	text-shadow: 1px 1px 0px #1f2027;
}
.display_menu ul a:hover {color: #FFF;}


/****************************************************************************************************/
body {
	color: #4a4a4a;
}
a, a.visited { color: #363768;}
a:hover { color: #585ba2;}
select {
	border-color: #666;
}
#skin {
	color: #666; background: #DDD;
}
#skinM {
	color: #666; background: #DDD;
}

/******************************************************************************************
/*Hover motion effect for icons
/*****************************************************************************************/
.hvr-float {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/******************************************************************************************
/*Header bar, contains site navigation, logo, and search
/*****************************************************************************************/

.header {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#363768+0,585ba2+99 */
	background: #363768; /* Old browsers */
	background: -moz-linear-gradient(left,  #363768 0%, #585ba2 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #363768 0%,#585ba2 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #363768 0%,#585ba2 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363768', endColorstr='#585ba2',GradientType=1 ); /* IE6-9 */

	border-bottom-color: rgba(88,91,162,1);
}
.headerlink, .headerlink:visited { color: #FFF; }

.headerlink:hover {color: #585BA2;}

.burger { color: #FFF; }

/******************************************************************************************
/*Site logo
/*****************************************************************************************/
.logo {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;
}
.logoM {
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
	
	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;
}
.logo:hover, .logoM:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
	background: #f2f9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;
	text-shadow: 0px 0px 2px #FFF;
}
/******************************************************************************************
/*Search bar
/*****************************************************************************************/

#tfnewsearch input {
		background: #DDD;
		background-image: url(layout/search-icon.png);  background-repeat: no-repeat; background-position: right;
		color: #666;
}
/*Search Bar focus - glow instead of default highlight*/
#tfnewsearch input:focus {
	box-shadow: 0 0 3pt 2pt rgba(255,255,255,.4);
}
/******************************************************************************************
/*Miscellaneous column, right-side, desktop only
/*****************************************************************************************/
 .misc_nav {
	 background: #e3e3f7;
 }
/******************************************************************************************
/*System Navigation column, left-side
/*****************************************************************************************/
.navbox {
	border-color: #c8c8c8;
	background: #FFF;
}

.system_nav {
	background: #F0EDF4; 
}

.navbox a, .navbox a:visited, .misc_nav a, .misc_nav a:visited {
	color: #333;
	border-bottom-color: #E3E3E3;
}
.navbox a:hover, .misc_nav a:hover {
	background: #bbbbe3;
	color: #585ba2;
}
.barheader {
	background: #111;
	color: #FFF;
}
.barheader a, .barheader a:visited {color: #FFF;}
.barheader a:hover {color: #585ba2;}
.category, .subheading {background: #c9c9d5 !important; }
.category a {color: #333 !important;}
.category a:hover {color: #6a6a6a !important;}
.collapsible {
	border-bottom-color: #FFF;
}
.active, .collapsible:hover {
	background: #bbbbe3;
}

.collapsible:after {
	border-color: #333;
	color: #FFF;
}

/******************************************************************************************
/*Popup Navigation for mobile / narrow screen
/*****************************************************************************************/
.sidenav {
  background: #e3e3f7;
}

.sidenav a {
	color: #333;
	border-bottom-color: #FFF;
}

.sidenav a:hover {
	background: #bbbbe3;
	color: #585ba2;
}
/******************************************************************************************
/*Content Area, center
/*****************************************************************************************/
.content {
	background: #F0EDF4; 
	border-right-color: #000;
}
.content a, .content a:visited {
	color: #363768;
}
.content a:hover {
	color: #585ba2;
}
.content-cell {border-color: #c8c8c8; background: #FFF;}
/******************************************************************************************
/*Footer Area, bottom
/*****************************************************************************************/
.footer {
	border-top-color: #000;
    color: #FFF;
	background-image: url(footer.png);
}
.footer a {color: #bebeff;}
.footer a:hover {color: #00FFFF;}

/******************************************************************************************
/*Generic readability elements
/*****************************************************************************************/
.top { /*Underlined page headings*/
	border-bottom-color: #000;
}
.trowbottom { /*Table row with bottom border, use with border-collapsed tables*/
	border-bottom-color: #CCC;
}
.viewchanger
{
	border-color: #CCC; 
	border-left-width: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.selectedview {
	color: #FFF;
	border-right-width: 0px; border-left-width: 0px;
	border-color: #CCC; 
	background: rgb(88,91,162);
	background: -moz-linear-gradient(top,  rgba(88,91,162,1) 1%, rgba(54,55,104,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(88,91,162,1) 1%,rgba(54,55,104,1) 100%);
	background: linear-gradient(to bottom,  rgba(88,91,162,1) 1%,rgba(54,55,104,1) 100%);"
}
a.selectedview, a.selectedview:visited { color: #FFF;}

.viewchanger:hover {background: #b3b3c1; color: #FFF; }

.tag { background: #000; color: #FFF !important; }
.tag:hover {background: #222;}

.alphabar {background: #454a80;}
.alpha { color: #b7baff; }
.alphanav
{
	background: #454a80; 
	color: #FFF !important;
}
.alphanav:hover {background: #4c54a6;}
.alphabar a, .alphabar a:visited {color: #FFF;}
.alphabar a:hover {color: #C8C8E8;}

.newspost {border-color: #4B4B58; background: #e4e4ec;}
.newsheader {border-color: #e4e4ec; background: #c8c8e8;}

.sysbar, .sysbar:visited {
	background: #474e90;
	color: #FFF;
	text-shadow: 1px 1px #20254b;
	-webkit-box-shadow: inset 0px 0px 0px 1px #7c85da;
	box-shadow: inset 0px 0px 0px 1px #7c85da;
	border-color: #20254b;
}
.sysbar:hover {
	background: #4a54b6;
	box-shadow: inset 0px 0px 0px 1px #abd4f6;
	color: #FFF;
}
.sysbar a, .sysbar a:visited, .sysbar a:hover {color: white; }

.content a.paginator, .content a.sysbar {color: #FFF;}

.paginator {background: #474e90; border-color: #474e90; outline-color: #000000; color: #FFFFFF;}
.paginatorcurrent { background:#2e3257; border-color: #474e90; outline-color: #000000; color: #FFFFFF;}

/*Header row for tables*/
.heading {
	background: #474E90;
	text-shadow: 1px 1px #666;
	color: #ffffff;
}
.heading td a {color: #FFF;}

.AltRow { background: rgba(172, 178, 196, 0.5); }

/*Filterable table*/
#filterInput {
  border-color: #DDDDDD;
}

/*Tabs for search result page */
ul#tabs li a { color: #42454a; background-color: #D9D9DE; border-color: #c9c3ba; }
ul#tabs li a:hover { background-color: #EBEBF0; }
ul#tabs li a.selected { color: #000; background-color: #EBEBF0; }
div.tabContent { border-color: #c9c3ba; background-color: #EBEBF0; }
.highlight {background: #B7C0DD;}

/*Expandable boxes on FAQ page */
.faqbox {border-bottom-color: #ADADAD;}
.faqbox a, .faqbox a:visited {color: #55589D;} .faqbox a:hover {color: #6569B6;}
.accordion-content {background: #FFFFFF; border-color: #E5E5E5; }
/******************************************************************************************
/*File Page Elements
/*****************************************************************************************/
.randombox { /*"Click here to try another random file / game"*/
	background: #E3E3F7; 
	border-color: rgb(90,90,90); 
}
.zoombarMini { /*"Click to view full size" bar, for mobile mode */
	color: #000;}	
.DL_Box { /*Download Box for non-image files */
	border-color: #7e7e7e; 
	
	/* Permalink https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: inset 0px 0px 0px 3px #FFFFFF;
	box-shadow: inset 0px 0px 0px 2px #FFFFFF;
}

.DL_Box img {
	background: url(layout/megaicon.png);
}

.info_box { /*Information table for files (contributors, filesize, etc.) */
    border-color: rgb(144, 144, 144);
}

.sprite {
	border-color: #000;
}
/******************************************************************************************
/*Icons
/*****************************************************************************************/
.iconXL, .iconMG, .gameicon {
	color: #EEE;
	border-color: #CCC;
	outline-color: #FFFFFF;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e3e3f7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,247,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3f7',GradientType=0 ); /* IE6-9 */
}

.iconXL:hover, .gameicon:hover, .iconMG:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,d0d0f2+100 */
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(208,208,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(208,208,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(208,208,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d0d0f2',GradientType=0 ); /* IE6-9 */
}

.gameicon img { border-color: #CCC; }

.iconXL:hover .icontext, .gameicon:hover .gameicontext, .iconMG:hover .icontext {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#363768+0,585ba2+100 */
	background: rgb(54,55,104); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(54,55,104,1) 0%, rgba(88,91,162,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(54,55,104,1) 0%,rgba(88,91,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(54,55,104,1) 0%,rgba(88,91,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363768', endColorstr='#585ba2',GradientType=0 ); /* IE6-9 */
}

.iconXL img, .listview img {background: url(layout/icoXL.png); border-color: #DDD; }

/*Container element for Icon images */
.minicon {background: url(layout/icoXL.png); border-color: #CCC; }
/*Container element for Icon+ images*/
.megacon {background: url(layout/megaicon.png);border-color: #CCC; }

.latesticon {
    background: url(layout/icoXL.png);
    border-color: rgb(221, 221, 221);
}
.icontext, .gameicontext
{
	color: #FFF;
	text-shadow: 1px 1px 1px 1px #292929;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#585ba2+0,363768+100 */
	background: rgb(88,91,162); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(88,91,162,1) 1%, rgba(54,55,104,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(88,91,162,1) 1%,rgba(54,55,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(88,91,162,1) 1%,rgba(54,55,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585ba2', endColorstr='#363768',GradientType=0 ); /* IE6-9 */
	
	border-color: #CCC;
	outline-color: rgba(88,91,162,1); 
}

.textview {border-bottom-color: #CCC;}
.textview:hover {background: #E6E6F0;}

.listview {
	border-color: #CCC;
	outline-color: #FFF;
	box-shadow: 0px 2px 4px #a5a5a5;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3fb+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3fb',GradientType=0 ); /* IE6-9 */
}
.listview:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e3e3f7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(227,227,247,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227,227,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,227,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3f7',GradientType=0 ); /* IE6-9 */
} 
/******************************************************************************************
/*Lightbox elements (used on file & custom pages)
/*****************************************************************************************/
#lightbox{
	background-color:#CCC;
}

@media (max-width: 890px) 
{
	
	.content {
		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e3f7+0,eeeeee+100 */
		background: rgb(227,227,247); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(227,227,247,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(227,227,247,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(227,227,247,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3f7', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
	}
	
	#tfnewsearch input {
		color: #666;
	}
	/*Search Bar focus - glow instead of default highlight*/
	#tfnewsearch input:focus {
		box-shadow: 0 0 3pt 2pt rgba(255,255,255,.2);
	}
	
	#tfnewsearch input:focus::-webkit-input:focus-placeholder { /* Chrome/Opera/Safari */
	  color: #444;
	}
	#tfnewsearch input:focus::-moz-placeholder { /* Firefox 19+ */
	  color: #444;
	}
	#tfnewsearch input:focus:-ms-input:focus-placeholder { /* IE 10+ */
	  color: #444;
	}
	#tfnewsearch input:focus:-moz-placeholder { /* Firefox 18- */
	  color: #444;
	}
}