@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: rgba(58, 88, 128, .2);
				text-decoration: none;
			}
			
			.chooserColumns .icon
			{
				float: left;
				display: block;
				width: 64px;
				height: 64px;
				background: rgb(43, 101, 137);
				border: 1px solid rgb(43, 101, 137);
				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/default/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(127, 140, 127);
				font-size: 11px;
			}
		
	.chooserScroller
	{
		overflow: auto;
		max-height: 200px;
	}
	
		.chooserScroller li a
		{
			display: block;
		}
		
		.chooserScroller li a:hover
		{
			background-color: rgb(212, 225, 238);
			text-decoration: none;
		}
		
			.chooserScroller li a .info
			{
				font-size: 11px;
				color: rgb(3, 42, 70);	
			}
			
.chooserConfirm
{
	text-align: center;
}
	
	.chooserConfirm strong
	{
		display: block;
		margin-top: 10px;
		font-size: 18px;
	}

/* --- facebook.css --- */

/** Facebook **/

a.fbLogin,
#loginBar a.fbLogin
{
	background: #29447e url('http://static.ak.fbcdn.net/images/connect_sprite.png');
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	padding: 0px 0px 0px 1px;
	text-decoration: none;
	outline: none;
	
	background-position: left -188px;
	font-size: 11px;
	line-height: 14px;
}

a.fbLogin:active,
#loginBar a.fbLogin:active
{
	background-position: left -210px;
}

a.fbLogin:hover,
#loginBar a.fbLogin:hover
{
	text-decoration: none;
}

	a.fbLogin span
	{
		background: #5f78ab url('http://static.ak.fbcdn.net/images/connect_sprite.png');
		border-top: solid 1px #879ac0;
		border-bottom: solid 1px #1a356e;
		color: white;
		display: block;
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		font-weight: bold;
		padding: 2px 6px 3px 6px;
		margin: 1px 1px 0px 21px;
		text-shadow: none;
	}

	a.fbLogin:active span
	{
		border-bottom: solid 1px #29447e;
		border-top: solid 1px #45619d;
		background: #4f6aa3;
		text-shadow: none;
	}

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

/** Login bar basics **/

#loginBar
{
	color: rgb(43, 101, 137);
background-color: rgb(3, 42, 70);
border-bottom: 1px solid rgb(0, 36, 62);
position: relative;
z-index: 1;

}

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

	#loginBar a
	{
		color: rgb(22, 74, 115);

	}

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

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

	#loginBar .xenForm .ctrlUnit dd .textCtrl,
	#loginBar .passwordOptions
	{
		width: 250px;
		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(236, 247, 255);
background-color: rgb(90, 187, 31);
border-color: rgb(0, 36, 62);

	}
	
	#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(90, 187, 31) !important;
		color: rgb(236, 247, 255);
	}

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

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(43, 101, 137);
background-color: rgb(3, 42, 70);
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: 700px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right: 1px dotted rgb(10, 76, 138);
		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(236, 247, 255);
background-color: rgb(3, 42, 70);
padding: 0 10px;
margin-right: 20px;
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(3, 42, 70); -webkit-box-shadow: 0px 2px 5px rgb(3, 42, 70); -moz-box-shadow: 0px 2px 5px rgb(3, 42, 70); -khtml-box-shadow: 0px 2px 5px rgb(3, 42, 70);

}

/* --- 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;
}

*/