@charset "UTF-8";

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

.xenOverlay.chooserOverlay
{
	max-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;
				overflow: hidden; zoom: 1;
			}
			
			.chooserColumns li a:hover
			{
				background-color: rgb(230, 232, 236);
				text-decoration: none;
			}
			
			.chooserColumns .icon
			{
				float: left;
				display: block;
				width: 64px;
				height: 64px;
				background: #a5cae4;
				border: 1px solid #a5cae4;
				border-radius: 5px;
				box-shadow: 2px 2px 6px rgba(0,0,0, 0.25);
			}
			
				.styleChooser .icon
				{
					background-image: url('https://www.boatdesign.net/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(110, 110, 110);
				font-size: 11px;
			}
		
	.chooserScroller
	{
		overflow: auto;
		max-height: 200px;
	}
	
		.chooserScroller li a
		{
			display: block;
		}
		
		.chooserScroller li a:hover
		{
			background-color: rgb(244, 245, 250);
			text-decoration: none;
		}
		
			.chooserScroller li a .info
			{
				font-size: 11px;
				color: rgb(20,20,20);	
			}
			
.chooserConfirm
{
	text-align: center;
}
	
	.chooserConfirm strong
	{
		display: block;
		margin-top: 10px;
		font-size: 18px;
	}


@media (max-width:480px)
{
	.Responsive .chooserOverlay .chooserColumns li
	{
		width: auto;
		float: none;
	}
}


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

/** Login bar basics **/

#loginBar
{
	color: #a5cae4;
background-color: rgb(0, 17, 68);
border-bottom: 1px solid #65a5d1;
position: relative;
z-index: 1;

}

	#loginBar .ctrlWrapper
	{
		margin: 0 10px;
	}

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

	#loginBar a
	{
		color: #6cb2e4;

	}

	#loginBar form
	{
		padding: 5px 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: rgb(242, 245, 252);
background-color: rgb(0, 51, 102);
border-color: #65a5d1;

	}
	
	#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(0, 51, 102) !important;
		color: rgb(242, 245, 252);
	}

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

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: #a5cae4;
background-color: rgb(0, 17, 68);
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: 700px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right: 1px dotted #176093;
		margin-right: 200px;
		box-sizing: border-box;
	}

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

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

#loginBar #loginBarHandle
{
	font-size: 11px;
color: rgb(242, 245, 252);
background-color: rgb(0, 17, 68);
padding: 0 10px;
margin-right: 20px;
border-bottom-right-radius: 10px;
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(0, 17, 68);

}


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

	.Responsive #loginBar form.eAuth #eAuthUnit
	{
		position: static;
		width: 180px;
		margin: 0 auto 10px;
	}
}


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

*/

/* --- xengallery_tab_links.css --- */

.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:hover,
.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:focus
{
	color: rgb(0, 51, 102);
text-decoration: none;
background-color: rgb(230, 232, 236);
padding: 0 9px;
border: 1px solid #6cb2e4;
border-radius: 5px;
text-shadow: 1px 1px 0px rgb(242, 245, 252);
outline: 0;

}