/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver Special Edition
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* colours.css changes */
html, body {
	background-color: #ACA8A1;
	font-family: system-ui, sans-serif;
	font-size:11px;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.wrap {
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
	margin: 0 auto;
	max-width: 1152px;
	padding: 13px 23px;
}

.search-header {
	box-shadow: 0 0 10px #505C65;
	margin-top:93px;
}

input.tiny	{width: 122px;}


.site-description {
	width: 81%;
}

@media (max-width: 1090px) {
	.site-description {
		width: 100%;
	}
    .search-header { display: none; }
}
@media (min-width: 1091px) {
.site-description {
	width: 81%;
}
}
.headerbar {
	background-color: #7C8891;
	background-image: url("./images/bg_header.gif");
}

.navbar {
	background-color: #DCDEE2;
}

.forabg, .forumbg {
	background-color: #505C65;
	background-image: url("./images/bg_list.gif");
}

.copyright a {
	color: #000000 !important;
}

li.row {
	background-color: #E8ECEE;
}

li.row:hover {
	background-color: #EBEFF1;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}


/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFF;
	}

	body {
		padding-left: 5px;
		padding-right: 5px;
	}

	#wrap {
		width: 850px;
		padding: 0;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap {
		width: auto;
	}
}

/* CUSTOM CHANGES */


body {
	padding-bottom: 0;
}


.site_logo {
	background-image: url("./images/ut99-logo-mini2.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:196px;
	height:107px;
}

.wrap {
	max-width: 1800px;
}



@media (max-width: 920px) {
    .site-description { width: 100%; }
}

#site-description span#site-name {
	font-family:system-ui, sans-serif;
	font-weight: 600;
	color: #fff;
	margin-top: 10px; 
    display:inline-block;
}

@media (max-width: 423px) {
	#site-description span#site-name {
		font-size:20px;
	}
}

@media (min-width: 424px) {
	#site-description span#site-name {
		font-size:24px;
	}
}

@media (min-width: 800px) {
	#site-description span#site-name {
		font-size:34px;
	}
}

	
#site-description p#header-links {
	font-size:13px;
	font-weight:bold;
	color: #fff;
	margin:0;
}



/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/ut_icons_regular_announce.png"); }
.global_read_mine					{ background-image: url("./images/ut_icons_regular_announce.png"); }
.global_read_locked					{ background-image: url("./images/ut_icons_regular_locked_annuonce.png"); }
.global_read_locked_mine			{ background-image: url("./images/ut_icons_regular_locked_annuonce.png"); }
.global_unread						{ background-image: url("./images/ut_icons_new_announce.png"); }
.global_unread_mine					{ background-image: url("./images/ut_icons_new_announce.png"); }
.global_unread_locked				{ background-image: url("./images/ut_icons_new_locked_announce.png"); }
.global_unread_locked_mine			{ background-image: url("./images/ut_icons_new_locked_announce.png"); }

.announce_read						{ background-image: url("./images/ut_icons_regular_announce.png"); }
.announce_read_mine					{ background-image: url("./images/ut_icons_regular_announce.png"); }
.announce_read_locked				{ background-image: url("./images/ut_icons_regular_locked_annuonce.png"); }
.announce_read_locked_mine			{ background-image: url("./images/ut_icons_regular_locked_annuonce.png"); }
.announce_unread					{ background-image: url("./images/ut_icons_new_announce.png"); }
.announce_unread_mine				{ background-image: url("./images/ut_icons_new_announce.png"); }
.announce_unread_locked				{ background-image: url("./images/ut_icons_new_locked_announce.png"); }
.announce_unread_locked_mine		{ background-image: url("./images/ut_icons_new_locked_announce.png"); }

.forum_link							{ background-image: url("./images/ut_icons_regular_moved.png"); }
.forum_read							{ background-image: url("./images/ut_icons_regular.png"); }
.forum_read_locked					{ background-image: url("./images/ut_icons_regular_locked.png"); }
.forum_read_subforum				{ background-image: url("./images/ut_icons_regular.png"); }
.forum_unread						{ background-image: url("./images/ut_icons_new.png"); }
.forum_unread_locked				{ background-image: url("./images/ut_icons_new_locked.png"); }
.forum_unread_subforum				{ background-image: url("./images/ut_icons_new.png"); }

.sticky_read						{ background-image: url("./images/ut_icons_regular_sticky.png"); }
.sticky_read_mine					{ background-image: url("./images/ut_icons_regular_sticky.png"); }
.sticky_read_locked					{ background-image: url("./images/ut_icons_regular_locked_sticky.png"); }
.sticky_read_locked_mine			{ background-image: url("./images/ut_icons_regular_locked_sticky.png"); }
.sticky_unread						{ background-image: url("./images/ut_icons_new_sticky.png"); }
.sticky_unread_mine					{ background-image: url("./images/ut_icons_new_sticky.png"); }
.sticky_unread_locked				{ background-image: url("./images/ut_icons_new_locked_sticky.png"); }
.sticky_unread_locked_mine			{ background-image: url("./images/ut_icons_new_locked_sticky.png"); }

.topic_moved						{ background-image: url("./images/ut_icons_regular_moved.png"); }
.pm_read,
.topic_read							{ background-image: url("./images/ut_icons_regular.png"); }
.topic_read_mine					{ background-image: url("./images/ut_icons_regular.png"); }
.topic_read_hot						{ background-image: url("./images/ut_icons_regular_hot.png"); }
.topic_read_hot_mine				{ background-image: url("./images/ut_icons_regular_hot.png"); }
.topic_read_locked					{ background-image: url("./images/ut_icons_regular_locked.png"); }
.topic_read_locked_mine				{ background-image: url("./images/ut_icons_regular_locked.png"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/ut_icons_new.png"); }
.topic_unread_mine					{ background-image: url("./images/ut_icons_new.png"); }
.topic_unread_hot					{ background-image: url("./images/ut_icons_new_hot.png"); }
.topic_unread_hot_mine				{ background-image: url("./images/ut_icons_new_hot.png"); }
.topic_unread_locked				{ background-image: url("./images/ut_icons_new_locked.png"); }
.topic_unread_locked_mine			{ background-image: url("./images/ut_icons_new_locked.png"); }

.cc-color-override--1687565279.cc-window {
    background-color: #434343 !important;
    color: #fff;
}

.cc-window.cc-banner {
    flex-direction: row;
    padding: 0.3em 1.8em !important;
    width: 100%;
}

@media screen and (min-width: 1040px) {
 #portal-body ul.topiclist dt .list-inner {
    margin-right: 40%;
  }

 #portal-body ul.topiclist dt {
    margin-right: -40%;
  }
}



.copyright {
	padding-bottom: 0;
}

#portal-body ul.topiclist li.row dl {
	margin: 0;
}

@media (max-width: 500px) {
.portal-news-pagination .pagination {
    display: block;
}
}











/* UT99 SERVER LIST */

/* * * * * * * * * * * * * * * * * * *\
*  UBrowser by Darkelarious. See     *
*  COPYING for copyright notices.    *
\* * * * * * * * * * * * * * * * * * */

/*** Global ***/
#serverlistpage #ut-tabs li {
	display: inline;
	list-style-type: none;
}

#serverlistpage * {
	outline:0;
	padding:0;
	margin:0;
	border:0;
  }
  #serverlistpage {
	font-size: 9pt;
	font-family: system-ui, sans-serif;
	overflow-x: auto;
	/* background: #000 url("https://ubrowser.333networks.com/unrealtournament/img/ut.jpg") top center fixed no-repeat;
	background-size: auto 100%;  */
	} 
#serverlistpage a {
	color: #01009c;
	}
#serverlist  a:visited{}
#serverlist  a:hover{}
  
  /* TODO: playerlist header/sort options */
#serverlistpage div.ut-header {
	display:block;
	height:17px;
	background: #bed9fe; 
	color:#000; 
	border-top:1px solid #f8faff; 
	border-right:1px solid #4870a0; 
	border-bottom:1px solid #001f3a;
	}
#serverlistpage  div.ut-header span,
#serverlistpage  div.ut-header a {
	background: #bed9fe; 
	color:#000; 
	text-align:left;
	text-decoration:none !important;
	border-top:1px solid #f8faff; 
	border-right:2px solid #4870a0; 
	border-left:2px solid #f8faff;
	border-bottom:1px solid #001f3a; 
	}
  
#serverlistpage .ut-hr {
	border-top:1px solid #b1ccf2; 
	border-right:1px solid #001f3a; 
	border-left:1px solid #7999c4;
	}
#serverlistpage hr {
	height:3px; 
	background:#bdd8fd; 
	border-top:1px solid #f8faff; 
	border-right:1px solid #4870a0; 
	border-bottom:1px solid #7999c4; 
	border-left:1px solid #f8faff;
	}
  
#serverlistpage  #ut-outerframe {
	width:708px;
	margin:0 auto 0 auto; 
	background: #7394c0;
	border-top:2px solid #9fbce4; 
	border-right:2px solid #001b32; 
	border-bottom:2px solid #001f3a; 
	border-left:2px solid #7c9cc6;
	}
  
	#serverlistpage #ut-innerframe {
	background: #7394c0;
	border-top:2px solid #f8faff; 
	border-right:2px solid #9fbce4; 
	border-bottom:2px solid #001f3a; 
	border-left:2px solid #b6d2f7;
	}
	
	#serverlistpage #ut-titlebar {
	border-bottom:2px solid #7999c4; 
	padding: 2px 2px 2px 2px; 
	font-weight:bold; 
	color:#000;
	height:14px;
	background: #d7e7ff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e90bc', endColorstr='#d7e7ff');
	background: -webkit-gradient(linear, left top, left bottom, from(#6e90bc), to(#d7e7ff));
	background: -moz-linear-gradient(top,  #6e90bc,  #d7e7ff);
  }
  
  #serverlistpage #ut-tabbar {
	width:700px;
	background: #7d92ad; 
	padding-top:1px;
	border-top:2px solid #000000; 
	border-right:1px solid #001f3a; 
	border-bottom:2px solid #001f3a;
	border-left:2px solid #7999c4
	}
	
	#serverlistpage #ut-tabs {
	overflow:hidden;
	white-space:nowrap;
	}
	
	#serverlistpage #ut-tabs a {
	display: inline-block !important;
	padding: 0px 21px 0px 23px; 
	height:16px;
	text-align:center;
	vertical-align:bottom;
	text-decoration:none;
	background: #bfdafe;
	color:#000;
	border: 1px solid #f8faff; 
	border-right: 1px solid #4870a0; 
	border-bottom:0; 
	border-top-left-radius:4px 4px;
	white-space:nowrap;
	}
  
	#serverlistpage #ut-tabs .ut-tabspacer {
	width:0px;
	border-bottom:1px solid #f8faff; 
	border-left:1px solid #000000;
	margin-right:2px
	}
  
	#serverlistpage #ut-serverbox {
	margin-top:1px;
	border-top:1px solid #f8faff; 
	border-right:1px solid #4870a0; 
	border-bottom:1px solid #bdd8fd; 
	border-left:1px solid #f8faff;
	}
  
	#serverlistpage #ut-motdcontent {
	display:none;
	height:772px;
	background: #000;
	overflow-y:scroll;
	overflow-x:hidden;
	border-top:1px solid #bed9fe; 
	border-bottom:1px solid #000000; 
	border-left:1px solid #000000;
	color: #fff;
  }
  
  #serverlistpage #ut-serverlist {
	background: #000;
	border-top:1px solid #bed9fe; 
	border-bottom:1px solid #000000; 
	border-left:1px solid #000000;
	color: #fff;
  }
  
  #serverlistpage #ut-serverlistcontent a {
	display:block;
	height:13px;  
	color: #fff;
	font-family:Verdana, sans-serif;
	font-size: x-small;
	text-decoration:none;
	} 
  
	#serverlistpage #ut-serverlistcontent {
	height:281px;
	overflow-y:scroll;
	overflow-x:hidden;
  }
  
  #serverlistpage #ut-playerbox {
	background: #000;
	border-top:1px solid #001f3a; 
	border-bottom:1px solid #000000; 
	border-left:1px solid #000000;
	}
	
	#serverlistpage #ut-playerlist {
	height:181px;
	color: #fff;
	overflow-y:scroll;
	overflow-x:hidden;
  }
  
  #serverlistpage #ut-playerlist span.ut-player {
	display:block;
	height:13px;
	font-family:Verdana, sans-serif;
	font-size: x-small;
  }
  
  #serverlistpage #ut-ruleimgbox {
	height:258px;
  }
  
  #serverlistpage #ut-rulebox {
	display:inline-block;
	vertical-align:top;
	background: #000;
	border-top:1px solid #001f3a;
	border-right:1px solid #4870a0;
	border-bottom:1px solid #000000; 
	border-left:1px solid #000000;
	}
	
	#serverlistpage  #ut-rulelist {
	color: #fff;
	width:435px; 
	height:235px; 
	overflow-y:scroll;
	overflow-x:hidden;
	}

	#serverlistpage  #ut-rulelist a {
	color: rgb(73 73 255);
	font-weight:bold;
	text-decoration:underline;
	}
  
	#serverlistpage #ut-rulelist span.ut-rule {
	display:block;
	height:13px;
	font-family:Verdana, sans-serif;
	font-size: x-small;
  }
  
  #serverlistpage .ut-spacer { 
	display:inline-block; 
	width:3px; 
	height:254px; 
	vertical-align:top;
	background:#bdd8fd; 
	border-top:1px solid #f8faff; 
	border-right:1px solid #4870a0; 
	border-bottom:1px solid #7999c4; 
	border-left:1px solid #f8faff;
	}
  
	#serverlistpage #ut-imgbox{
	display:inline-block;
	vertical-align:top;
	width: 256px;
	height:256px;
	background: #000;
	background-repeat: no-repeat !important;
	background-attachment: cover !important;
	background-position: center !important; 
	color:#fff;
	}
  
	#serverlistpage #ut-statfooter {
	border-top:2px solid #9fbce4;
	}
	
	#serverlistpage #ut-stats { 
	display:block; 
	background: #bfdafe; 
	border-top:2px solid #f9fbff; 
	padding: 0px 2px 1px 2px; 
	color:#000;
	}
  
#serverlistpage #ut-motdcontent {
	padding:0 5px 0 5px;
	font-family:Verdana, sans-serif;
	font-size: x-small;
	}
#serverlistpage #ut-motdcontent p {
	margin-bottom:12px;
	}
#serverlistpage #ut-motdcontent a {
	color:#66f;
	}
  
  
#serverlistpage .ut-tc1, #serverlistpage .ut-tc2, #serverlistpage .ut-tc3, #serverlistpage .ut-tc4, #serverlistpage .ut-tc5, #serverlistpage .ut-tc6 {
	display: inline-block;
	white-space:nowrap;
	overflow:hidden;
  }
  
  #serverlistpage #ut-serverlist .ut-tc1 {width:47%;} /* Servername */
  #serverlistpage #ut-serverlist .ut-tc2 {width:7%}   /* Country */
  #serverlistpage #ut-serverlist .ut-tc3 {width:15%}  /* Mapname */
  #serverlistpage #ut-serverlist .ut-tc4 {width:10%}  /* Players */
  #serverlistpage #ut-serverlist .ut-tc5 {width:15%}  /* Gametype */
  
  #serverlistpage #ut-playerbox .ut-tc1 {width:20%}  /* Playername */
  #serverlistpage #ut-playerbox .ut-tc2 {width:7%}   /* Frags */
  #serverlistpage #ut-playerbox .ut-tc3 {width:7%}   /* Ping */
  #serverlistpage #ut-playerbox .ut-tc4 {width:17%}  /* Mesh */
  #serverlistpage #ut-playerbox .ut-tc5 {width:20%}  /* Skin */
  #serverlistpage #ut-playerbox .ut-tc6 {width:22%}  /* Face */
  
  #serverlistpage #ut-rulebox .ut-tc1 {width: 30%} /* Rule */
  #serverlistpage #ut-rulebox .ut-tc2 {width: 64%} /* Value */
  #serverlistpage #ut-rulebox #ut-mutators {height:auto;}
  #serverlistpage #ut-rulebox #ut-mutators .ut-tc2 {white-space:normal; overflow:initial; vertical-align:top}
  
  
.copyright {
	padding: 0 !important;
}

/* Enable 2 column grid in forum index */

div.grid {
	width: 100%;
}

div.grid .forabg {
	height:auto;

}

@media screen and (min-width: 1865px) {
	div.grid div.forabg {
		width: 49.9%;
	}
}

@media screen and (min-width: 701px) {
	div.grid div.forabg {
		box-sizing: border-box; 
	}
}

@media screen and (max-width: 1864px) {
	div.grid .forabg {
		width: 100%;
	}
}

/* Margin between header and forum */

#page-header {
	margin-bottom: 15px;
}

/* make header navbar and subforum headers bigger */

#page-header div.navbar {
	font-size: 1.2em;
}

li.header div.list-inner {
    font-size: 1.1em;
    margin-left: 10px;
}

/* Header buttons */


@media screen and (min-width: 1091px) {
	#header-buttons {
	margin-top:10px;
	}
}

.buttonset1, .buttonset2 {
	display: inline-block; 
}

.button-30 {
	margin-top: 10px;
	margin-bottom: 5px;
	align-items: center;
	appearance: none;
	background-color: #FCFCFD;
	border-radius: 4px;
	border-width: 0;
	box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
	box-sizing: border-box;
	color: #36395A;
	cursor: pointer;
	display: inline-flex;
	font-family: system-ui, sans-serif;
	font-weight: 500;
	height: 28px;
	justify-content: center;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: box-shadow .15s,transform .15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
	will-change: box-shadow,transform;
	font-size: 16px;
	margin-right:10px;
  }

  @media screen and (max-width: 600px) {
	.button-30 {
		height: 25px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
  }
}

  @media screen and (max-width: 423px) {
	.button-30 {
		height: 22px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 5px;
		margin-bottom: 2px;
  }
}
  
  .button-30:focus {
	box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
	text-decoration: none;
  }
  
  .button-30:hover {
	box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
	/* transform: translateY(-2px); */
	text-decoration: none;
  }
  
  .button-30:active {
	box-shadow: #D6D6E7 0 3px 7px inset;
	transform: translateY(2px);
	text-decoration: none;
  }

/* Hide time below header */
	#page-body>.time {
		display: none;
	}


/* Fix font */

ul.topiclist.forums li.row dl {
	margin: 0;
}

.topiclist .list-inner {
	font-family: system-ui, sans-serif;
	font-weight: 500;

/*	font-size: 1.1em; */
}

.topiclist .list-inner .forumtitle, .topiclist .list-inner .topictitle {
	font-family: system-ui, sans-serif;
	font-weight: 600;
}

.content {
	font-family: system-ui, sans-serif;
}

.signature {
	font-size: 1.3em;
}

#portal-left, #portal-right {
	font-size:1.1em;
}
/*
.postbody .content {
	font-size: 1.4em;
}

.postprofile {
	font-size: 1.15em;
}


.stat-block {
	font-size: 1.1em;
}


*/