@charset "UTF-8";

/* --- action_filter_row.css --- */

.actionFilterRow
{
	font-size: 11px;
background: rgb(242, 245, 252) url('https://www.boatdesign.net/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 0 10px;
border-bottom: 1px solid #a5cae4;
word-wrap: normal;
min-height: 23px;
_height: 23px;

	
	display: table;
	width: 100%;
	box-sizing: border-box;

	margin-bottom: 5px;
	font-size: 11px;
}

	.actionFilterRow .extraLinks
	{
		float: right;
		margin: 2px 0;
		min-height: 20px;
		line-height: 20px;
	}
	
		.actionFilterRow .extraLinks .Popup
		{
			display: inline-block;
			margin-left: 10px;
		}
		
	.actionFilterRow .filterList
	{
		float: left;
		margin: 2px 0;
	}
	
	.actionFilterRow .filtersHeading
	{
		display: inline;
		margin-right: 5px;
		color: #6cb2e4;
		font-weight: bold;
	}
	
	.actionFilterRow .removeFilter,
	.actionFilterRow .removeAllFilters
	{
		display: inline-block;
		color: #176093;
		background: rgb(230, 232, 236) url('https://www.boatdesign.net/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
		border: 1px solid rgb(230, 232, 236);
		border-radius: 5px;
		padding: 2px 10px;
	}
	
		.actionFilterRow .gadget
		{
			color: #6cb2e4;
			font-weight: bold;
			margin-left: 3px;
		}

	
		.actionFilterRow .removeFilter:hover,
		.actionFilterRow .removeAllFilters:hover
		{
			background-color: rgb(242, 245, 252);
			text-decoration: none;
			color: rgb(110, 110, 110);
			box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
		}
		
	.actionFilterRow .pairsInline dt
	{
		display: none;
	}
	
	.actionFilterRow .filterPairs,
	.actionFilterRow .removeAll
	{
		display: inline;
	}
		
		.actionFilterRow .removeAllFilters
		{
			padding: 2px 6px;
		}

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


/* --- xengallery_album_thumb_item.css --- */

.actionFilterRow
{
	clear: both;
}

.gridSection
{
	background-color: rgb(252, 252, 255);
padding: 0px;
_max-width: 900px;
_margin: auto;

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


.gridCol
{
	width: -1.8998998998999%;
	margin-right: 1%;
margin-bottom: 10px;
margin-left: 1%;
display: block;
float: left;
width: 300px;
height: 300px;

}

.gridCol:nth-child(999n+1)
{
   clear: both;
}

.xengallery_watch_albums .gridSpan
{
	width: -1.9%;
	
}

.xengallery_watch_albums .CheckAll
{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	overflow: hidden;
}

.albumContainer
{
	margin: 5px 0;
	position: relative;
	border: 1px solid #a5cae4;
	border-radius: 4px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

.albumContainer.deleted
{
	background-color: rgb(230, 232, 236);
	opacity: 0.3;
}

.albumContainer.InlineModChecked,
.albumContainer.deleted.InlineModChecked
{
background: rgb(255, 255, 200) url('https://www.boatdesign.net/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;

}

.albumContainer .thumbImage
{
    border-radius: 4px 4px 0 0;
    vertical-align: middle;
}

.albumContainer .titleSection
{
	padding: 3px;
	zoom: 1;
	overflow: hidden;
}

.albumContainer .dummyOverlay
{
	position: absolute;
	top: 50%;
	bottom: 50%;
	text-align: center;
	width: 100%;
}

.albumContainer .titleSection h3
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
}

.albumContainer .titleSection h4
{
	font-size: 9px;
	font-style: italic;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.albumContainer .statsSection
{
	padding: 4px;
	color: #176093;
}

.albumContainer .statsSection .statCol
{
	display: block;
	float:left;
	margin: 1% 0 1% 0.8%;
}
.statCol:first-child { margin-left: 0; }

.albumContainer .statsSection .statSpan
{
	width: 24.2%;
}
/* clearfix */ .statsSection { zoom: 1; } .statsSection:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.albumContainer .statsSection div
{
	width: 48%;
	display: inline-block;
	padding-bottom: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.albumContainer .statsSection i
{
	font-size: 16px;
	width: 20px;
	display: inline-block;
	text-align: center;
	color: #176093;
}

.albumContainer .albumControls
{
	padding: 0 5px 5px 5px;
	text-align: right;
	border-bottom: 0;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid rgb(242, 245, 252);
}

.albumContainer .albumControls .albumLabels
{
	display: inline-block;
	text-align: right;
}

.albumLabels .albumLabel
{
	font-size: 10px;
	background: transparent url('https://www.boatdesign.net/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
	padding: 1px 5px;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
	text-align: center;
	display: inline-block;
	margin-top: 5px;
	min-width: 12px;
}

.albumLabel.labelStandard
{
	color: #176093;
	background-color: rgb(230, 232, 236);
	border-color: #a5cae4;
}

.albumContainer .albumControls .inlineModControl
{
	width: 10%;
	display: none;
}

.thumbnailContainer
{
    overflow: hidden;
    position: relative;
    width: 100%;
    text-align: center;
}

.thumbImageLink
{
    line-height: 200px;
}

.thumbnailContainer.noMedia .dummyImage:first-child
{
	position: absolute;
	border-radius: 3px 3px 0 0;
}

.thumbnailContainer .noMediaText
{
	position: absolute;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.moderatorControls
{
	top: 0;
	position: absolute;
	padding: 4px;
	width: 100%;
	z-index: 10;
}

.moderatorControls label
{
	padding: 5px 0 5px 0;
	padding-right: 80%;
}

.thumbnailOverlay
{
	bottom: 3px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 199;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	text-shadow: 0px 1px 1px #000;
	min-height: 20%;
}

.thumbnailOverlay .overlayDetails
{
	display: table;
	table-layout: fixed;
	width: 100%;
	word-wrap: normal;
}

.thumbnailOverlay .overlayDetails .posterAvatar
{
	width: 35px;
	display: table-cell;
	vertical-align: middle;
}

.thumbnailOverlay .overlayDetails .posterAvatar .avatarContainer
{
	display: block;
	position: relative;
}

.thumbnailOverlay .overlayDetails .posterAvatar .avatar
{
	padding: 5px;
	display: block;
	width: 24px;
	height: 24px;
}

.thumbnailOverlay .overlayDetails .posterAvatar .avatar img
{
	width: 24px;
	height: 24px;
	display: block;
}

.thumbnailOverlay .overlayDetails .infoContainer
{
	width: auto;
	display: table-cell;
	vertical-align: middle;
	zoom: 1;
	padding: 5px;
}

.thumbnailOverlay .overlayDetails .infoContainer .usernameText
{
	padding: 0 5px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.thumbnailOverlay .overlayDetails .infoContainer .username
{
	color: #fff;
}

.thumbnailOverlay .overlayDetails .infoContainer .usernameText h3
{
	font-size: 14px;
	line-height: 18px;
	max-width: 100%;
	word-wrap: break-word;
}

.thumbnailOverlay .overlayDetails .infoContainer .secondRow
{
	font-size: 10px;
	clear: both;
	color: rgb(240,240,240);
	padding: 0 5px;
}

.thumbnailOverlay .overlayDetails .infoContainer .secondRow .albumInfo
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 65%;
	display: inline-block;
}

.thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo
{
	width: 30%;
	display: inline-block;
	font-size: 11px;
}

.thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo .star
{
	font-size: 13px;
	color: #e3cf7a;
}

.thumbnailOverlay .overlayDetails .infoContainer .secondRow .albumInfo a
{
	color: rgb(240,240,240);
}

.overlayVisible .thumbnailContainer .thumbnailOverlay,
.thumbnailContainer:hover .thumbnailOverlay,
.Touch .thumbnailContainer .thumbnailOverlay
{
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}


@media (max-width:800px)
{
	.Responsive .detailContainer .statsSection i
	{
		font-size: 105%;
	}
	
	.gridCol:nth-child(999n+1),
	.xengallery_find_new_media .gridSpan:nth-child(1000n+1)
	{
		clear: none;
	}
	
	.Responsive .gridSpan,
	.Responsive .gridCol
	{
		width: 31.333333333333%;
	}
	
	.Responsive .gridSpan:nth-child(3n+1),
	.Responsive .gridCol:nth-child(3n+1)
	{
		clear: both;
	}

	.Responsive .thumbnailOverlay .overlayDetails .infoContainer .secondRow .categoryInfo
	{
		display: block;
		width: 100%;
	}

	.Responsive .thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo
	{
		display: block;
		width: 100%;
	}
	
	.albumContainer .thumbImage
	{
		width: 100%;
		max-height: 200px;
		vertical-align: middle;
		border-radius: 3px 3px 0 0;
	}

}

@media (max-width:610px)
{
	.Responsive .gridSpan:nth-child(3n+1),
	.Responsive .gridCol:nth-child(3n+1)
	{
		clear: none;
	}
	
	.Responsive .gridSpan,
	.Responsive .gridCol
	{
		width: 48%;
	}
	
	.Responsive .gridSpan:nth-child(2n+1),
	.Responsive .gridCol:nth-child(2n+1)
	{
		clear: both;
	}

	.Responsive .detailContainer .statsSection i
	{
		font-size: 100%;
	}
}

@media (max-width:480px)
{
	.Responsive .detailContainer .statsSection div
	{
		display: inline-block;
		width: 45%;
	}

	.Responsive .albumLabels .albumLabel
	{
		font-size: 9px;
	}
}

@media (max-width:340px)
{
	.Responsive .gridGroup
	{
		margin-left: 10%;
		margin-right: 10%;
	}
	
	.Responsive .gridSpan:nth-child(2n+1),
	.Responsive .gridCol:nth-child(2n+1)
	{
		clear: both;
	}
	
	.Responsive .gridSpan,
	.Responsive .gridCol
	{
		width: 98%;
	}
	
	.Responsive .gridSpan:nth-child(1n+1),
	.Responsive .gridCol:nth-child(1n+1)
	{
		clear: both;
	}
}


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

}

/* --- xengallery_wrapper.css --- */

.xengalleryContainer
{
	float: right;
	margin-left: -230px;
	width: 100%;
}

.xengalleryContainer .insideContainer
{
	margin-left: 230px;
}

.xengallerySideBarContainer
{
	width: 100%;
	zoom: 1;
}

.xengallery_media_index .titleBar,
.xengallery_category_view .titleBar
{
	min-height: 44px;
}

.xengallerySideBarContainer .xengallerySideBar
{
	padding-right: 10px;
display: inline-block;
vertical-align: top;
*float: left;
width: 220px;

}

.xengallerySideBarContainer .xengallerySideBar .section .statisticsBlock
{
	font-size: 11px;
}

.xengallerySideBarContainer .xengallerySideBar .section h3
{
	font-size: 12pt;
color: #6cb2e4;
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 1px solid rgb(230, 232, 236);

}

.xengallerySideBarContainer .xengallerySideBar .section h3 a
{
	color: #6cb2e4;
}

.xengallerySideBar .section .secondaryContent .minorHeading
{
	color: #6cb2e4;
	margin-top: 2px;
	font-size: 11px;
}

.xengallerySideBarContainer .xengallerySideBar .categoryList li
{
	font-size: 13px;
padding: 2px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
	
}

.xengallerySideBarContainer .xengallerySideBar .categoryList li a
{
	
}

.xengallerySideBarContainer .xengallerySideBar .categoryList .selected
{
	font-weight: bold;
}

.xengallerySideBar .avatarList li
{
	margin: 5px 0;
	overflow: hidden;
	zoom: 1;	
}

.xengallerySideBar .avatarList .avatar
{
	margin-right: 7px;
	float: left;
	width: 32px;
	height: 32px;
	width: auto;
	height: auto;
}

.xengallerySideBar .avatarList .avatar img
{
	width: 32px;
	height: 32px;	
}

.xengallerySideBar .avatarList .username,
.xengallerySideBar .avatarList .mediaTitle
{
	font-size: 10pt;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.xengallerySideBar .avatarList .extraData
{
	margin-left: 45px;
	color: rgb(110, 110, 110);
}

.xengallerySideBar .avatarList .extraData.mediaComment a
{
	font-size: 12px;
	font-style: italic;
}

.xengallerySideBar .avatarList .extraData a
{
	color: rgb(110, 110, 110);
}

.xengallerySideBar .albumList li
{
	margin: 5px 0;
	overflow: hidden;
	zoom: 1;
}

.xengallerySideBar .albumList .avatar
{
	margin-right: 7px;
	float: left;
	width: 32px;
	height: 32px;
	width: auto;
	height: auto;
}

.xengallerySideBar .albumList .avatar img
{
	width: 32px;
	height: 32px;
}

.xengallerySideBar .albumList .username,
.xengallerySideBar .albumList .mediaTitle
{
	font-size: 11pt;
	display: block;
}

.xengallerySideBar .albumList .extraData
{
	margin-left: 45px;
	color: rgb(110, 110, 110);
}

.xengallerySideBar .albumList .extraData a
{
	color: rgb(110, 110, 110);
}

.categoryNote
{
	font-size: 11px;
	color: #65a5d1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -20px;
}
._categoryDepth0 { margin-left:  0.25em; }
._categoryDepth1 { margin-left:  2em; }
._categoryDepth2 { margin-left:  3em; }
._categoryDepth3 { margin-left:  4em; }
._categoryDepth4 { margin-left:  5em; }
._categoryDepth5 { margin-left:  6em; }
._categoryDepth6 { margin-left:  7em; }
._categoryDepth7 { margin-left:  8em; }
._categoryDepth8 { margin-left:  9em; }
._categoryDepth9 { margin-left:  10em; }
._categoryDepth10 { margin-left:  11em; }
._categoryDepth11 { margin-left:  12em; }
._categoryDepth12 { margin-left:  13em; }
._categoryDepth13 { margin-left:  14em; }
._categoryDepth14 { margin-left:  15em; }
._categoryDepth15 { margin-left:  16em; }
._categoryDepth16 { margin-left:  17em; }
._categoryDepth17 { margin-left:  18em; }
._categoryDepth18 { margin-left:  19em; }
._categoryDepth19 { margin-left:  20em; }

._categoryDepth0.sapling-top-level.sapling-item { margin-left: 0em; }

/*
*	Base CSS for jQuery Sapling.
*/
.sapling-list li {
	display: block;
	list-style: none;
	position: relative;
}
.sapling-list ol,
.sapling-list ul {
	display: none;
}
.sapling-list .sapling-item {
	cursor: pointer;
}
.sapling-list .sapling-item:before {
	content: "\f196";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 13px;
	color: rgb(0, 51, 102)
}
.sapling-list .sapling-item.sapling-expanded:before {
	content: "\f147";
}
.sapling-list .sapling-item.sapling-expanded > ol,
.sapling-list .sapling-item.sapling-expanded > ul {
	cursor: default;
	display: block;
}


@media (max-width:800px)
{	
	.Responsive .xengalleryContainer
	{
		 float: none;
		 margin-left: 0;
		 width: auto;
	}

		.Responsive .insideContainer
		{
			margin-left: 0;
		}

	.Responsive .xengallerySideBarContainer
	{
		display: table;
		table-layout: fixed;
		box-sizing: border-box;
	}

	.Responsive .xengallerySideBar
	{
		display: table-footer-group;
		float: none;
		padding-right: 0;
		border-right: none;
		margin: 0 auto;
		margin-top: 10px;
	}
	
	.Responsive .xengallerySideBar > *
	{
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
}
}