@CHARSET "UTF-8";

/* --- lightbox.css --- */

.xenOverlay.lightBox
{
	width: 95%;
}

	.xenOverlay.lightBox .formOverlay
	{
		padding: 0;
		border: none;
		border-radius: 10px; -webkit-border-radius:  10px; -moz-border-radius:  10px; -khtml-border-radius:  10px;
		background: none;
	}
	
		.xenOverlay.lightBox #LbUpper,
		.xenOverlay.lightBox #LbLower
		{
			background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
		}
		
		.Touch .xenOverlay.lightBox #LbUpper,
		.Touch .xenOverlay.lightBox #LbLower
		{
			background-color: rgb(0, 0, 0);
		}
		
		.xenOverlay.lightBox #LbUpper
		{
			border-top-left-radius: 10px; -webkit-border-top-left-radius:  10px; -moz-border-radius-topleft:  10px; -khtml-border-top-left-radius:  10px;
			border-top-right-radius: 10px; -webkit-border-top-right-radius:  10px; -moz-border-radius-topright:  10px; -khtml-border-top-right-radius:  10px;
		}
		
		.xenOverlay.lightBox #LbLower
		{
			border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:  10px; -moz-border-radius-bottomleft:  10px; -khtml-border-bottom-left-radius:  10px;
			border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:  10px; -moz-border-radius-bottomright:  10px; -khtml-border-bottom-right-radius:  10px;
		}

.lightBox a
{
	cursor: pointer;
}

.lightBox a.close
{
	right: -15px;
	top: -15px;
}
		
/* -------------- */

.lightBox .imageNav
{
	position: absolute;
	top: 50%;
	display: block;
	text-align: center;
	background: url(rgba.php?r=0&g=0&b=0&a=127); background: rgba(0,0,0, 0.5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	color: white;
}
	
	.lightBox .imageNav span
	{
		display: block;
		border: solid 10px transparent;
		width: 0;
		height: 0;
		overflow: hidden;
		text-indent: 9999px;
	}
	
	#LbProgress
	{
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -45px;
		
		background: black;
		border-radius: 10px; -webkit-border-radius:  10px; -moz-border-radius:  10px; -khtml-border-radius:  10px;
	}
	
		#LbProgress span
		{
			display: block;
			width: 90px;
			height: 40px;
			background: transparent url('styles/flexiledark/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
		}
		
/* -------------- */

.lightBox .userInfo
{
	overflow: hidden; zoom: 1;
	padding: 10px;
	padding-bottom: 5px;
}

.lightBox .avatar
{
	float: left;
}

	.lightBox .avatar img
	{
		width: 36px;
		height: 36px;
	}
	
.lightBox .userText
{
	margin-left: 47px;
}

.lightBox .userTextUpper,
.lightBox .userTextLower
{
	overflow: hidden; zoom: 1;
}

	.lightBox .userTextUpper
	{
		line-height: 25px;
		font-size: 15pt;
	}

		.lightBox #LbUsername
		{
			float: left;
		}
		
		.lightBox .gadgets
		{
			float: right;
			overflow: hidden; zoom: 1;
		}
		
			.lightBox .gadgets a
			{
				float: left;
				margin-left: 3px;
				display: block;
				width: 25px;
				height: 25px;
				background: transparent url('styles/flexiledark/xenforo/widgets/lightbox-sprite.png') no-repeat 0 0;
				outline: 0 none;
			}
			
				.lightBox .gadgets a span
				{
					display: none;
				}
				
				.lightBox .gadgets a.OverlayCloser
				{
					background-position: -25px 0;
				}
		
	.lightBox .userTextLower
	{
		font-size: 11px;
		margin-top: 2px;
	}
	
		.lightBox #LbDateTime
		{
			float: left;
		}
		
		.lightBox #LbContentLink
		{
			float: right;
		}
		
/* -------------- */

.lightBox .image
{
	clear: both;
	position: relative;
	min-height: 40px;
	border: 1px solid black;
	border-width: 1px 0;
	background: transparent url('styles/flexiledark/xenforo/gradients/lightbox-pinstripes.png');
}

.Touch .lightBox .image
{
	background-color: rgb(0, 0, 0);
}

	.lightBox .image img
	{
		max-width: 100%;
		_width: 600px;
		display: block;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.lightBox .image .imageCount
	{
		position: absolute;
		bottom: 0px;
		right: 0px;
		margin: 5px;
		padding: 2px 5px;
		font-size: 11px;
		background: url(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-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
		font-weight: bold;
		
		visibility: hidden;
	}
	
	.lightBox .image .imageNav
	{		
		margin-top: -20px;
		padding: 10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		
		visibility: hidden;
	}
	
		.lightBox .image:hover .imageNav,
		.Touch .lightBox .image .imageNav,
		.lightBox .image:hover .imageCount,
		.Touch .lightBox .image .imageCount
		{
			visibility: visible;
		}
	
		.lightBox .image .imageNav#LbPrev
		{
			left: 0px;
			border-left: none;
		}
		
		.lightBox .image .imageNav#LbNext
		{
			right: 0px;
			border-right: none;
		}
		
			.lightBox .image .imageNav#LbPrev span
			{
				border-left: none;
				border-right: solid 20px white;
			}
		
			.lightBox .image .imageNav#LbNext span
			{
				border-left: solid 20px white;
				border-right: none;
			}
			
		/* IE6 */
		.lightBox .image .imageNav span
		{
			_border: none !important;
			_overflow: visible !important;
			_text-indent: 0px !important;
			_width: auto !important;
			_height: auto !important;
		}
		
/* -------------- */

.lightBox .nav
{
	clear: both;
	padding: 10px;
	padding-top: 5px;
	font-size: 11px;
}

.lightBox .URL
{
	clear: both;
}
		
/* -------------- */



.lightBox .thumbsContainer
{
	padding: 4px 5px;
	background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000);
	border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
	position: relative;
}

.Touch .lightBox .thumbsContainer
{
	background-color: rgb(0,0,0);
}

	.lightBox .thumbsContainer .imageNav
	{
		margin-top: -8px;
		padding: 4px;
		visibility: hidden;
		width: 8px;
		height: 8px;
		line-height: 8px;
	}
	
		.lightBox .thumbsContainer:hover .imageNav,
		.Touch .lightBox .thumbsContainer .imageNav
		{
			visibility: visible;
		}
	
		.lightBox .thumbsContainer .imageNav.disabled
		{
			visibility: hidden !important;
		}
	
		.lightBox .thumbsContainer .imageNav span
		{
			border-width: 4px;
		}
	
		.lightBox .thumbsContainer .imageNav.Prev
		{
			left: 5px;
		}
		
		.lightBox .thumbsContainer .imageNav.Next
		{
			right: 5px;
		}
		
			.lightBox .thumbsContainer .imageNav.Prev span
			{
				border-left: none;
				border-right: solid 8px white;
			}
		
			.lightBox .thumbsContainer .imageNav.Next span
			{
				border-left: solid 8px white;
				border-right: none;
			}

	.lightBox #LbThumbsScrollable
	{
		position: relative;
		overflow: hidden;
		height: 52px;
		line-height: 50px;
		margin: 0 auto;
	}

		.lightBox #LbThumbs
		{
			width: 20000em;
			position: absolute;
			white-space: nowrap;
		}

			.lightBox #LbThumbs li
			{
				display: inline;
			}
			
			.lightBox #LbThumbs li#LbThumbTemplate
			{
				display: none;
			}
		
				.lightBox #LbThumbs li img
				{
					padding: 1px;
					max-width: 100px;
					max-height: 50px;
					vertical-align: top;
				}
			
				.lightBox #LbThumbs li a.selected img
				{
					border: solid 1px white;
					padding: 0;
				}
	

		

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

/** Login bar basics **/

#loginBar
{
	color: rgb(228,191,165);
background-color: rgb(9, 9, 9);
border-bottom: 1px solid rgb(225, 112, 32);
position: relative;
z-index: 1;

}

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

	#loginBar a
	{
		color: rgb(252,245,240) !important;

	}

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

	}
	
		#loginBar .xenForm .ctrlUnit,
		#loginBar .xenForm .ctrlUnit dt label
		{
			margin: 0;
			border: none;
		}
	
		#loginBar .xenForm .ctrlUnit dt
		{
			width: 240px;
		}
		
		#loginBar .xenForm .ctrlUnit dd
		{
			position: relative;
			width: 275px;
		}

	#loginBar .xenForm .ctrlUnit dd .textCtrl,
	#loginBar .passwordOptions
	{
		width: 275px;
		box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
	}
	
	#loginBar .lostPassword
	{
		margin-top: 38px;
		font-size: 11px;
	}

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

	#loginBar .textCtrl
	{
		color: rgb(252,245,240);
background-color: rgb(92,63,43);
border-color: rgb(225, 112, 32);

	}

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

	}

	#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
	{
		background: rgb(92,63,43) !important;
		color: rgb(252,245,240);
	}

	#loginBar .textCtrl:focus
	{
		background: black none;

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(24,19,19);
background-color: rgb(70,31,3);
border-style: dashed;

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

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

/** changes when eAuth is present **/

#loginBar form.eAuth
{
	width: 750px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right: 1px dotted rgb(194, 104, 1);
		margin-right: 200px;
		box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
	}

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

	#eAuthUnit li
	{
		margin-top: 10px;
	}
	
		#eAuthUnit li a
		{
			width: 180px;
			box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
		}
	
/** handle **/

#loginBar #loginBarHandle
{
	font-size: 11px;
color: rgb(32,31,30);
background-color: rgb(9, 9, 9);
padding: 0 10px;
margin-right: 570px;
border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:  10px; -moz-border-radius-bottomright:  10px; -khtml-border-bottom-right-radius:  10px;
border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius:  10px; -moz-border-radius-bottomleft:  10px; -khtml-border-bottom-left-radius:  10px;
position: absolute;
right: 0px;
bottom: -20px;
text-align: center;
z-index: 1;
line-height: 20px;
box-shadow: 0px 2px 5px rgb(70,31,3); -webkit-box-shadow: 0px 2px 5px rgb(70,31,3); -moz-box-shadow: 0px 2px 5px rgb(70,31,3); -khtml-box-shadow: 0px 2px 5px rgb(70,31,3);

}

/* --- logo_block.css --- */

#rec-server {
  margin: 12px 50px;
  height: 43px;
  text-align: center;
  background: rgb(42, 42, 42);
  float: left;
  padding: 5px;
  border: 2px solid rgb(225, 112, 32);
  border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
  box-shadow: 0 0 7px rgb(228,158,108); -webkit-box-shadow: 0 0 7px rgb(228,158,108); -moz-box-shadow: 0 0 7px rgb(228,158,108); -khtml-box-shadow: 0 0 7px rgb(228,158,108);

}
#rec-server .server {
  font-size: 16pt;
  font-weight: bolder;
  text-shadow: 0 0 0 transparent, 0 0 3px black;
}
