/* 
-------------------------------------------------------
	general CSS 
------------------------------------------------------- 
*/

select { border-style: solid; border-color: #3E4C9A; border-width: 1px 1px 1px 1px; margin-top: -1px; width: 130px; padding: 0 0 0 2px; font-size: 10px; }

.boxclear { clear: both; height:7px; }
.floatLeft { float: left; }

tr.tableHeader { background: #FFA500; color: #FFFFFF; font-weight: bold; }
tr.tableHeader a { color: #FFFFFF; text-decoration: none; }

.centered { text-align: center; }
.lefted { text-align: left; }
.bolded { font-weight: bold; }

.warning { color: #FF0000; }

/* 
-------------------------------------------------------
	master CSS 
------------------------------------------------------- 
*/

body { margin: 0px 0px 0px 0px; color: #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }
#page { margin-left: auto; margin-right: auto; width: 976px; }
#header { background-image: url(../images/header_wider.gif); background-repeat: no-repeat; height: 110px; width: 100%; position: relative; }

/*
------------------------------------------------------- 
	content CSS 
------------------------------------------------------- 
*/

/*	content width = header/footer width - 12 */
#mainContent { width: 654px; float: left; margin-left: 4px; }
#mainContent .boxcontent { padding: 0; min-height: 480px; }
#mainContent .boxheader, #mainContent .boxfooter { width: 642px; }

#presscontent .highlight 
{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;	
}


#presscontent .highlight
{
	background:#EEEEEE;
	padding: 2px 2px;
	width:568px;
}

/*
------------------------------------------------------- 
	leftColumn CSS 
------------------------------------------------------- 
*/

#leftColumn { width: 120px; float: left; }
#leftColumn .boxheader, #leftColumn .boxfooter { width: 108px; }

/*
------------------------------------------------------- 
	rightColumn CSS 
------------------------------------------------------- 
*/

#rightColumn { width: 172px; float: left; margin-left: 4px; }
#rightColumn .boxheader, #rightColumn .boxfooter { width: 160px; }

/* 
-------------------------------------------------------
	subcontent CSS 
------------------------------------------------------- 
 */

#subcontent .boxtlcorner, #subcontent .boxtrcorner { height: 26px; }
#subcontent .boxheader  
{
    height: 18px; 
    padding-top: 8px; 
    font-size: 12px; 
    overflow: visible;
 }
#subcontent { padding: 0 10px 0 10px; margin: 0 auto 0 auto; }
#subcontent .boxcontent  
{
    min-height: 0px; 
    padding: 10px 0px 2px 6px; 
 }
 
#subcontent .forumbox .boxcontent  
{
    padding: 10px 0px 10px 6px; 
 } 
 
#subcontent #singleboxrepeat .boxcontent li
{
    margin-left: 20px;
}

/*
------------------------------------------------------- 
	footer CSS 
------------------------------------------------------- 
*/

#footer { clear: both; text-align: center; padding-top: 10px; width: 100%; color: #FFFFFF; }

#adspacenologin
{
    position:relative;
    top:5px;
    margin-left:125px;
}

.legendary-small {
	color: #0EB366;
	font-size: 9px;
}

.text-white {
	color: #ffffff;
}

.facebook-color {
	color: #1877F2 !important;
}

.twitter-color {
	color: #1DA1F2 !important;
}

.youtube-color {
	color: #FF0000;
}

.discord-color {
	color: #5865F2;
}

.instagram-color {
	color: #833AB4 !important;
}

.instagram-color:hover, .youtube-color:hover, .discord-color:hover {
	opacity: .7;
}

.buzzerbeater-color {
	color: #ff9508;
}

.labelWithBorder {
	border: 1px solid #000000;
	padding: 2px;
	overflow-y: auto;
}

.hidden {
	display: none;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.33);
	z-index: 999;
}

.error-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 10px;
	z-index: 1000;
	text-align: center;
	width: 20%;
	min-width: 300px;
	max-width: 500px;
}

.error-popup .error-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	font-size: 1.1rem;
	padding: 1.75rem;
}

.error-popup .error-content i {
	font-size: 2.25rem;
	color: #f44d00;
}

.error-popup .error-content span {
	color: black;
}

.error-popup button {
	width: 100%;
	padding: 0.65rem 0;
	background-color: #f44d00;
	border: none;
	border-radius: 0 0 10px 10px;
	font-size: 1.1rem;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.error-popup button:hover {
	background-color: #d63c00;
}

/*
------------------------------------------------------- 
	misc CSS 
------------------------------------------------------- 
*/

.imgInfo {
	padding: 0px;
	width: 18px;
	height: 18px;
	cursor: help;
	margin-bottom: -4px;
}