@CHARSET "UTF-8";

/* --- EWRcarta.css --- */

.wikiNav ul { text-align: center; }
.wikiNav li { margin-bottom: 5px; position: relative; display: inline-block; width: 49%; }
.wikiSub li { margin-left: 5px; margin-top: 5px; }

.wikiPage { font-size: 13px; line-height: 1.27; }
/* clearfix */ .wikiPage .wikiContent { zoom: 1; } .wikiPage .wikiContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.wikiPage table { text-align: center; }
.wikiPage .wikiContent table { margin-bottom: 0px; width: 100%; }
.wikiPage .wikiContent td { border: 0px; padding: 5px; margin: 0px; font-weight: normal; }
.wikiPage .wikiContent td .bbCodeImage { max-width: 293px; }

.wikiPage .wikiContent h2 { margin: 5px 0px; text-decoration: underline; font-weight: bold; font-size: 1.5em; }
.wikiPage .wikiContent h3 { margin: 5px 0px; text-decoration: underline; font-weight: bold; font-size: 1.2em; }
.wikiPage .wikiContent h4 { margin: 5px 0px; text-decoration: underline; font-weight: bold; font-size: 1.0em; }
.wikiPage .wikiContent h5 { margin: 5px 0px; text-decoration: underline; font-weight: bold; font-size: 0.85em; }
.wikiPage .wikiContent h6 { margin: 5px 0px; text-decoration: underline; font-weight: bold; font-size: 0.7em; }
.wikiPage .wikiContent .gototop,
.wikiPage .wikiContent .toggle { margin-left: 5px; text-decoration: none; font-size: 10px; display: inline-block; }

.wikiPage .wikiContent li { margin: 5px 0px 5px 30px; list-style: disc; }
.wikiPage .wikiContent li.col2 { margin-left: 10px; list-style: none; }
.wikiPage .wikiContent li.col3 { margin-left: 30px; }
.wikiPage .wikiContent li.col4 { margin-left: 50px; }
.wikiPage .wikiContent li.col5 { margin-left: 70px; }
.wikiPage .wikiContent li.col6 { margin-left: 90px; }

.wikiPage .wikiContent .iconList { text-align: center; }
.wikiPage .wikiContent .iconList ul { text-align: center; }
.wikiPage .wikiContent .iconList li { margin: 10px 2px 0px; position: relative; display: inline-block; width: 96px; }
.wikiPage .wikiContent .iconList li .secondaryContent { padding: 5px; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wikiPage .letterGrid { float: left; width: 33.3%; }
.wikiPage .letterGrid h2 { margin-top: 15px; }
.wikiPage .letterGrid .pageGrid { margin-left: 10px; }

.wikiPage .attachedFiles { margin: 0px; }
.wikiPage .attachmentList { padding-right: 0px !important; }
.wikiPage .attachment { width: 33.3%; }

.wikiPage .tabs { padding: 0 20px; background: transparent; }
.wikiPage .tabs li a { font-weight: bold; padding-left: 22px; padding-right: 22px; }
.wikiPage .tabs.mainTabs { margin-bottom: -3px; }
.wikiPage .tabs.controlTabs { margin-bottom: -24px; }
.wikiPage .tabs.controlTabs li { float: right; }
.wikiPage .jsOnly { display: block; padding: 20px; }
.wikiThread .tabs.mainTabs { margin-bottom: -10px; }

.wikiHistory .reverted { text-decoration: line-through; font-size: 0.8em; }

.wikiEdit .userGroups li { float: left; width: 33%; }
/* clearfix */ .wikiEdit .userGroups { zoom: 1; } .wikiEdit .userGroups:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.wikiEditors .editorAcitivy { float: right; padding: 10px; font-size: 11px; }
.wikiEditors .editorUser { float: left; position: relative; display: inline-block; width: 180px; }
.wikiEditors .editorUser .userInfo { margin-left: 35px; padding: 10px; }
.wikiEditors .avatar { float: left; }
.wikiEditors .avatar img { height: 30px; width: 30px; }

.wikiEditors .editorInfo { margin: 0px 0px 0px 200px; padding: 10px; border-bottom: 1px solid rgb(52,52,52); }
/* clearfix */ .wikiEditors .editor { zoom: 1; } .wikiEditors .editor:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.Differences { width: 100%; }
.Differences td { padding: 3px; font-size: 0.8em; }
.Differences th { padding: 3px; text-align: center; font-weight: bold; }
.Differences del { color: #FF0000; font-weight: bold; }
.Differences ins { color: #0000FF; font-weight: bold; }
.Differences .ChangeReplace .Left, .Differences .ChangeDelete .Left { border: 1px dashed #FF0000; }
.Differences .ChangeReplace .Right, .Differences .ChangeInsert .Right { border: 1px dashed #0000FF; }

.framedata { color: #000000; }
.fdatk, .fdcmd, .fdlvl { white-space: nowrap; }
.string { background-color: #FFFFCC; }
.neutral { background-color: #CCFFCC; }
.positive { background-color: #CCCCFF; }
.negative { background-color: #FFCCCC; }

.LbTrigger .bbCodeImage { border: 2px solid silver; max-height: 120px; }
.LbTrigger:hover .bbCodeImage { border-color: gray; }

.redirect
{
	margin-left: 3px;
text-indent: -10000em;
float: right;
background-repeat: no-repeat;
width: 16px;
height: 16px;

	background-position: -48px -16px;
	float: left;
	margin-right: 5px;
}

.ctrlUnit dd .hint
{
	font-size: 11px;
	color: rgb(150,150,150);
	margin-left: 16px;
	margin-top: 2px;
}

.copyright { text-align: center; font-size: 11px; margin: 10px; }

/* Breakout Wiki XenCarta box */
.sectionMain.wikiPage {
padding: 0px !important;
border: 0px !important;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none;
}

#wikiPage .mainTabs li{
margin-right: 10px;
position: relative;
top: -4px;
} 

#wikiPage .controlTabs li{
position: relative;
top: -4px;
}

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

		

/* --- likes_summary.css --- */

.likesSummary
{
	overflow: hidden; zoom: 1;
	font-size: 11px;
}

	.LikeText
	{
		float: left;
	}
	
	.likeInfo
	{
		float: right;
	}

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