@charset "UTF-8";

/* --- funbox.css --- */

.funzone img {
	max-width: 100%;
}

.funzone.funbox_left {
	float: left;
}
.funzone.funbox_center {
	margin: 0 auto;
	text-align: center;
}
.funzone.funbox_right {
	float: right;
}

@media( max-width: 520px) {
	.dfpHideMobile {
		display: none;
	}
}

@media( min-width: 521px) and (max-width: 800px) {
	.dfpHideTabletPortrait {
		display: none;
	}
}

@media( min-width: 801px) and (max-width: 1050px) {
	.dfpHideTabletLandscape {
		display: none;
	}
}

@media( min-width: 1051px) {
	.dfpHideDesktop {
		display: none;
	}
}

/* --- login_bar.css --- */

/** Login bar basics **/

#loginBar .pageContent 
{
	color: rgb(248, 250, 255);
background-color: rgb(48, 62, 90);

}

	

	#loginBar .pageContent
	{
		padding-top: 0;
		position: relative;
		_height: 0px;
	}

	#loginBar a
	{
		color: rgba(255,255,255,.8);

	}

	#loginBar form
	{
		padding: 30px 0;
margin: 0 auto;
display: none;
line-height: 20px;
position: relative;

	}

		#loginBar .xenForm .ctrlUnit,
		#loginBar .xenForm .ctrlUnit > dt label
		{
			margin: 0;
			border: none;
		}

		#loginBar .xenForm .ctrlUnit > dd
		{
			position: relative;
		}

	#loginBar .lostPassword,
	#loginBar .lostPasswordLogin
	{
		font-size: 11px;
	}

	#loginBar .rememberPassword
	{
		font-size: 11px;
	}

	#loginBar .textCtrl
	{
		color: #FFFFFF;
background: url(https://toucharcade.com/community/rgba.php?r=0&g=0&b=0&a=38); background: rgba(0, 0, 0, 0.15); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
border-color:  rgb(0, 0, 0); border-color:  rgba(0, 0, 0, 0.15); _border-color:  rgb(0, 0, 0);

	}

	#loginBar .textCtrl[type=text]
	{
		font-weight: bold;

	}

	#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
	{
		background: url(https://toucharcade.com/community/rgba.php?r=0&g=0&b=0&a=38) !important; background: rgba(0, 0, 0, 0.15) !important; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
		color: #FFFFFF;
	}

	#loginBar .textCtrl:focus
	{
		background: url(https://toucharcade.com/community/rgba.php?r=0&g=0&b=0&a=76) none; background: rgba(0, 0, 0, 0.3) none; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

	}

	#loginBar input.textCtrl.disabled
	{
		color: rgb(112, 130, 167);
background-color: #000;
border-style: dashed;

	}

	#loginBar .button
	{
		min-width: 85px;
		*width: 85px;
	}

		#loginBar .button.primary
		{
			font-weight: bold;
		}

/** changes when eAuth is present **/

#loginBar form.eAuth
{
	-x-max-width: 720px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right:  1px dotted rgb(248, 250, 255); border-right:  1px dotted rgba(248, 250, 255, .5); _border-right:  1px dotted rgb(248, 250, 255);
		margin-right: 220px;
		box-sizing: border-box;
	}

	#loginBar form.eAuth #eAuthUnit
	{
		position: absolute;
		top: 0px;
		right: 0;
		width: 200px;
	}

		#eAuthUnit li
		{
			margin-top: 10px;
			line-height: 0;
		}

/** handle **/

#loginBar #loginBarHandle label 
{
	font-weight: bold;
font-size: 14px;
color: #FFF;
background-color: rgb(48, 62, 90);
padding: 0 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
position: absolute;
right: 0;
display: inline-block;
text-align: center;
z-index: 1;
line-height: 30px;
height: 30px;

}


@media (max-width:800px)
{
	.Responsive #loginBar form.eAuth .ctrlWrapper
	{
		border-right: none;
		margin-right: 0;
		padding-top: 30px;
	}

	.Responsive #loginBar form.eAuth #eAuthUnit
	{
		position: static;
		width: 200px;
		margin: 0 auto;
	}
}
@media (max-width:610px)
{
	.Responsive #loginBar .xenForm .ctrlUnit > dd {padding-left: 0; padding-right: 0;}
	.Responsive #loginBar form.eAuth #eAuthUnit {width: auto; margin-left: 30px; margin-right: 30px;}
}



/* --- moderator_bar.css --- */

#moderatorBar
{
	background-color: rgb(48, 62, 90);
	border-bottom: 1px solid rgb(110, 128, 157);	
	font-size: 11px;
}

/*#moderatorBar
{
	box-shadow: 0 0 5px rgb(83, 100, 130);
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 100;
}

body
{
	padding-top: 25px;
}*/

/* clearfix */ #moderatorBar { zoom: 1; } #moderatorBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

#moderatorBar .pageContent
{
	padding: 2px 0;
	overflow: auto;
}

#moderatorBar a
{
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
}

#moderatorBar a,
#moderatorBar .itemCount
{
	color: rgb(243, 247, 255);
}

	#moderatorBar a:hover
	{
		text-decoration: none;
		background-color: rgb(65, 81, 110);
		color: rgb(248, 250, 255);
	}

/* TODO: maybe sort out the vertical alignment of the counters so they they are properly centered */

#moderatorBar .itemLabel,
#moderatorBar .itemCount
{
	display: inline-block;
	height: 16px;
	line-height: 16px;
}

#moderatorBar .itemCount
{	
	background: rgb(65, 81, 110);
	padding-left: 6px;
	padding-right: 6px;
	
	text-align: center;
	
	font-weight: bold;
	
	border-radius: 2px;
	text-shadow: none;
}

	#moderatorBar .itemCount.alert
	{
		background: #e03030;
		color: white;
		box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	}
	
#moderatorBar .adminLink
{
	float: right;
}

#moderatorBar .permissionTest,
#moderatorBar .permissionTest:hover
{
	background: #e03030;
	color: white;
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
	font-weight: bold;
}

/* --- uix_extendedFooter.css --- */





	
	
	
	
	
	







	.bigFooter .pageContent
	{
		color: rgb(110, 128, 157);
background-color: #FFFFFF;
padding: 40px 0;
margin-top: 30px;
margin-bottom: 30px;
border-top:  0 solid rgb(93, 110, 144); border-top:  0 solid rgba(93, 110, 144, .12); _border-top:  0 solid rgb(93, 110, 144);
border-radius: 0;
clear: both;


		
			margin-bottom: 0;
			margin-top: 0;
		
	}

	.bigFooterRow--mainRow {
		margin-left: -30px;
		margin-right: -30px;
	}

	.hasFlexbox .bigFooterRow--mainRow {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.bigFooterCol
	{
		vertical-align: top;
		box-sizing: border-box;

		color: rgb(160, 175, 206);
padding-right: 30px;
padding-left: 30px;
border-color:  rgb(255, 255, 255); border-color:  rgba(255, 255, 255, .1); _border-color:  rgb(255, 255, 255);
line-height: 180%;

	}

	.hasFlexbox .bigFooterCol {
		-ms-flex: 1 1 260px;
		-webkit-flex: 1 1 260px;
		flex: 1 1 260px;
	}

	

		.hasFlexbox .bigFooterCol.bigFooterCol--col1 {
			-ms-flex-preferred-size: 400px;
			-webkit-flex-basis: 400px;
			flex-basis: 400px;
		}

	

	

		.hasFlexbox .bigFooterCol.bigFooterCol--col2 {
			-ms-flex-preferred-size: 200px
			-webkit-flex-basis: 200px;
			flex-basis: 200px;
		}

	

	

		.hasFlexbox .bigFooterCol.bigFooterCol--col3 {
			-ms-flex-preferred-size: 200px;
			-webkit-flex-basis: 200px;
			flex-basis: 200px;
		}

	

	

		.hasFlexbox .bigFooterCol.bigFooterCol--col4 {
			-ms-flex-preferred-size: 400px;
			-webkit-flex-basis: 400px;
			flex-basis: 400px;
		}

	

	.bigFooterHeader
	{
		font-size: 16px;
color: rgb(112, 130, 167);
margin-bottom: 16px;
font-weight: 500;
;
	}

	.bigFooterHeader a { color: inherit }

	.bigFooterHeader .uix_icon
	{
		color: rgb(65, 81, 110);
margin-right: 15px;
display: inline-block;

	}

	.bigFooterCol a
	{
		color: rgb(160, 175, 206);
text-decoration: none;

	}

	.bigFooterCol a:hover
	{
		color: rgb(56, 71, 100);
text-decoration: underline;
cursor: pointer;

	}

	.bigFooterCol .footerMenu
	{
		margin-bottom: 15px;
	}

	.bigFooterCol .footerMenu a
	{
		color: rgb(160, 175, 206);
padding: 15px 0;
border-bottom:  1px solid rgb(255,255,255); border-bottom:  1px solid rgba(255,255,255, .1); _border-bottom:  1px solid rgb(255,255,255);
display: block;

	}

	.bigFooterCol .widget-container
	{
		 background: none;
		 padding: 0;
		 margin: 0;
		 border: none;
		 border-radius: 0;
		 box-shadow: none;
	}

	@media (max-width: 610px)
	{
		.Responsive .bigFooterHeader {text-align: center;}
		.Responsive .bigFooterHeader .uix_icon {
			display: block;
			font-size: 48px;
			margin: 0;
			margin-bottom: 30px;
		}

		.Responsive .bigFooterRow--mainRow {text-align: center;}
	}









	.bigFooterRow--topRow {
		padding: 30px 0;

	}
	/* clearfix */ .bigFooterRow--topRow { zoom: 1; } .bigFooterRow--topRow:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }