@CHARSET "UTF-8";

/* --- chooser_overlay.css --- */

.xenOverlay.chooserOverlay
{
	width: 700px;
}

	.chooserColumns
	{
		overflow: hidden; zoom: 1;
		padding: 0;
	}
	
		.chooserColumns li
		{
			float: left;
			width: 33%;
		}
		
			.chooserColumns.twoColumns li
			{
				width: 49.5%;
			}
		
			.chooserColumns.oneColumns li
			{
				width: 100%;
			}
			
			.chooserColumns.threeColumns li
			{
				width: 33%;
			}
			
			.chooserColumns.fourColumns li
			{
				width: 24.5%;
			}
		
			.chooserColumns li a
			{
				margin: 3px;
				display: block;
				padding: 5px 10px;
				border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
				overflow: hidden; zoom: 1;
			}
			
			.chooserColumns li a:hover
			{
				background-color: rgb(79, 78, 78);
				text-decoration: none;
			}
			
			.chooserColumns .icon
			{
				float: left;
				display: block;
				width: 64px;
				height: 64px;
				background: rgb(19, 22, 24);
				border: 1px solid rgb(19, 22, 24);
				border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
				box-shadow: 2px 2px 6px rgba(0,0,0, 0.25); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 6px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 6px rgba(0,0,0, 0.25);
			}
			
				.styleChooser .icon
				{
					background-image: url('styles/flexiledark/xenforo/widgets/style-preview.png');
				}
			
			.chooserColumns .title,
			.chooserColumns .description
			{
				margin-left: 76px;
				display: block;
			}
			
			.chooserColumns .title
			{
				font-size: 11pt;
			}
			
				.chooserColumns .unselectable .title:after
				{
					content: "*";
				}
			
			.chooserColumns .description
			{
				color: rgb(180, 159, 2);
				font-size: 11px;
			}
		
	.chooserScroller
	{
		overflow: auto;
		max-height: 200px;
	}
	
		.chooserScroller li a
		{
			display: block;
		}
		
		.chooserScroller li a:hover
		{
			background-color: rgb(24,24,27);
			text-decoration: none;
		}
		
			.chooserScroller li a .info
			{
				font-size: 11px;
				color: rgb(255, 255, 255);	
			}
			
.chooserConfirm
{
	text-align: center;
}
	
	.chooserConfirm strong
	{
		display: block;
		margin-top: 10px;
		font-size: 18px;
	}

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

/** Login bar basics **/

#loginBar
{
	color: rgb(158, 155, 155);
background-color: rgb(9, 9, 9);
border-bottom: 1px solid rgb(144, 144, 144);
position: relative;
z-index: 1;

}

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

	#loginBar a
	{
		color: rgb(247, 240, 194) !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(247, 240, 194);
background-color: rgb(225, 225, 225);
border-color: rgb(144, 144, 144);

	}

	#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(225, 225, 225) !important;
		color: rgb(247, 240, 194);
	}

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

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(19, 22, 24);
background-color: rgb(126, 126, 126);
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(146, 144, 144);
		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(30, 31, 32);
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(126, 126, 126); -webkit-box-shadow: 0px 2px 5px rgb(126, 126, 126); -moz-box-shadow: 0px 2px 5px rgb(126, 126, 126); -khtml-box-shadow: 0px 2px 5px rgb(126, 126, 126);

}

/* --- 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(144, 144, 144);
  border-radius: 5px; -webkit-border-radius:  5px; -moz-border-radius:  5px; -khtml-border-radius:  5px;
  box-shadow: 0 0 7px rgb(158, 155, 1); -webkit-box-shadow: 0 0 7px rgb(158, 155, 1); -moz-box-shadow: 0 0 7px rgb(158, 155, 1); -khtml-box-shadow: 0 0 7px rgb(158, 155, 1);

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

/* --- style_chooser.css --- */

/*
You may use this template to add your own styling to the style chooser.
If you want to add thumbnails for your styles, you can do so with CSS like this:

.styleChooser .icon.style5
{
	background: transparent url('/path/to/square_64px_icon_for_style_5.jpg') no-repeat;
}

*/