@charset "UTF-8";

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

/** Login bar basics **/

#loginBar .pageContent 
{
	color: rgb(34, 36, 38);
background-color: rgb(43, 47, 52);

}

	

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

	#loginBar a
	{
		color: rgba(255,255,255,.8);

	}

	#loginBar form
	{
		padding: 2px 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(68, 71, 79);
background: url("/rgba__r-0__g-0__b-0__a-38.php"); background: rgba(0, 0, 0, 0.15); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
border-color:  rgb(0, 0, 0); border-color:  rgba(0, 0, 0, 0.15); _border-color:  rgb(0, 0, 0);

	}
	
	#loginBar .textCtrl[type=text]
	{
		font-weight: bold;

	}

	#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
	{
		background: url("/rgba__r-0__g-0__b-0__a-38.php") !important; background: rgba(0, 0, 0, 0.15) !important; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000,endColorstr=#26000000);
		color: rgb(68, 71, 79);
	}

	#loginBar .textCtrl:focus
	{
		background: url("/rgba__r-0__g-0__b-0__a-76.php") none; background: rgba(0, 0, 0, 0.3) none; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

	}
	
	#loginBar input.textCtrl.disabled
	{
		color: rgb(238, 239, 239);
background-color: #000;
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: 720px; /* normal width + 170px */
}

	#loginBar form.eAuth .ctrlWrapper
	{
		border-right:  1px dotted rgb(34, 36, 38); border-right:  1px dotted rgba(34, 36, 38, .5); _border-right:  1px dotted rgb(34, 36, 38);
		margin-right: 220px;
		box-sizing: border-box;
	}

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

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

#loginBar #loginBarHandle label 
{
	font-weight: bold;
font-size: 13px;
color: #FFF;
background-color: rgb(43, 47, 52);
padding: 0 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
position: absolute;
right: 0;
display: inline-block;
text-align: center;
z-index: 1;
line-height: 30px;
height: 30px;

}


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

	.Responsive #loginBar form.eAuth #eAuthUnit
	{
		position: static;
		width: 200px;
		margin: 0 auto;
	}
}
@media (max-width:610px)
{
	.Responsive #loginBar .xenForm .ctrlUnit > dd {padding-left: 0; padding-right: 0;}
	.Responsive #loginBar form.eAuth #eAuthUnit {width: auto; margin-left: 2px; margin-right: 2px;}
}



/* --- quick_navigation_menu.css --- */


.xenOverlay #jumpMenu .jumpMenuColumn
{
	float: left;
	width: 50%;
}

.xenOverlay #jumpMenu .blockLinksList
{
	height: 250px;
	overflow: auto;
}

#jumpMenu .blockLinksList ul,
#jumpMenu .nodeList li.d0
{
	padding-top: 5px;
	border-top: 1px solid rgb(34, 36, 38);
	margin-top: 5px;
}

	#jumpMenu .blockLinksList ul:first-child,
	#jumpMenu .nodeList li.d0:first-child
	{
		padding-top: 0;
		border-top: none;
		margin-top: 0;
	}

.xenOverlay #jumpMenu .nodeList
{
	border-left: 1px solid rgb(34, 36, 38);
}

#jumpMenu .blockLinksList li
{
	vertical-align: bottom;
}


@media (max-width:480px)
{
	.Responsive .xenOverlay #jumpMenu .jumpMenuColumn
	{
		float: none;
		width: auto;
	}

	.Responsive .xenOverlay #jumpMenu .blockLinksList
	{
		max-height: 250px;
		height: auto;
	}
}