/* ningbar.css - Basic Ningbar styles */

/*#xn_bar
*	- #xn_bar_menu
*		- div#xn_bar_menu_branding
*			- h1#xn_brand
*		- ul#xn_bar_menu_tabs
*		- div#xn_bar_menu_more
*			- form#xn_bar_menu_search, fieldset, dl
*			- div#xn_bar_menu_account
*				- h2#xn_user
*			- ul#xn_bar_menu_admin
*	- div#xn_bar_panel
*		- a#hide_toggle
*		- div#xn_bar_panel_sidebar
*		- div#xn_bar_panel_container
*			- div#xn_bar_panel_content
*				-div#xn_bar_panel_section
*
*/


/* --------------------------------------------------------------------------------
	=Body Defaults
-------------------------------------------------------------------------------- */
body {
	height:100%!important;
	margin:0!important;
	padding:0!important;
}


/* --------------------------------------------------------------------------------
	=xn_bar Basics
-------------------------------------------------------------------------------- */
#xn_bar {
	float:left; clear:both;
	position:relative;
	width:100%; min-width:780px;
	z-index:999;
}
#xn_bar * {
	margin:0;
	padding:0;
	border:0 none;
	list-style:none;
	font:12px/100% Arial, Helvetica, FreeSans, sans-serif;
	font-weight:inherit;
	color:#fff;
}
#xn_bar a {
	background:url(../gfx/panel/a.gif) repeat-x bottom left;
	font-weight:bold; text-decoration:none;
	color:#eee!important;
	}
	#xn_bar a.blank {
		background-image:none!important;
	}
	#xn_bar .xn_addressbook dl a {
		color:#06c!important;
		background:url(../gfx/panel/a-blue.gif) repeat-x bottom left;
	}
#xn_bar p,
#xn_bar dl {
	margin-bottom:5px;
	line-height:16px;
}
#xn_bar h3 {
	float:left; clear:left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	font:21px/28px Georgia, "Times New Roman", Times, serif; color:#fff;
}
#xn_bar h4,
#xn_bar h4 em,
#xn_bar p.intro {
	clear:both;
	margin-bottom:10px; margin-top:5px;
	font-size:14px; font-weight:bold;
}
#xn_bar h4 em {
	font-style:normal; font-weight:lighter;
}
#xn_bar h5 {
	clear:both;
	margin:15px 0 3px 0;
	font-size:14px; line-height:18px; font-weight:lighter;
	}
	#xn_bar h4 img,
	#xn_bar h5 img {
		vertical-align:middle;
	}
#xn_bar hr {
	float:left; clear:left;
	width:100%; height:1px;
	margin:5px 0;
	border:0 none;
	background-color:#fff;
	opacity:0.3; /* ningbar-ie60.css uses Alpha for <IE6.0 */
}
#xn_bar big,
#xn_bar big a {
	font-size:15px; line-height:21px;
}
#xn_bar kbd {
	font:italic 1em Arial, Helvetica, FreeSans, sans-serif;
}
/* Forms */
#xn_bar input.text,
#xn_bar .xn_addressbook input.textfield,
#xn_bar textarea,
#xn_bar select {
	margin-bottom:3px;
	padding:3px;
	border:1px solid #ccc; border-top:1px solid #666;
	background:#fff url(../gfx/shared/input.gif) repeat-x;
	font:12px Arial, Helvetica, FreeSans, sans-serif!important;
	color:#666;
	}
	#xn_bar input.text:focus,
	#xn_bar textarea:focus,
	#xn_bar select:focus {
		background-color:#ffe;
	}
#xn_bar input.submit,
#xn_bar .xn_addressbook input.button {
	padding:3px 6px;
	border:1px solid #ccc;
	background:#e3e3e3 url(../gfx/shared/button.gif) repeat-x left top;
	font:11px Arial, Helvetica, FreeSans, sans-serif; font-weight:bold;
	text-shadow:#ccc 2px 2px 0;
	text-decoration: none;
	color:#333;
	cursor:pointer;
	}
	#xn_bar input.submit:hover,
	#xn_bar .xn_addressbook input.button:hover {
		background:#fff url(../gfx/shared/button-hover.gif) repeat-x left top!important;
	}
	#xn_bar .xn_addressbook button {
		padding:2px 2px 1px 2px!important;
		border:1px solid #ccc;
	}
#xn_bar input.file {
	padding:3px 6px;
	border:1px solid #ccc;
	margin-bottom:3px;
	color:#666;
}
#xn_bar select {
	padding:1px;
	}
	#xn_bar select option {
		color:#666;
	}
#xn_bar label {
	cursor:pointer;
}
/* Tables */
#xn_bar table {
	border-collapse:collapse;
	background-color:transparent;
	}
	#xn_bar table caption {
		font-weight:bold; line-height:22px; text-align:left;
	}
	#xn_bar table thead th {
		padding:3px 0;
		border:0 none;
		background-color:transparent;
		text-align:left;
	}
	#xn_bar table tbody td {
		padding:2px;
		border:0 none; border-top:1px solid #ccc;
	}


/* --------------------------------------------------------------------------------
	Common Classes
-------------------------------------------------------------------------------- */
/* widths */
#xn_bar .xn_12 { width:12%; }
#xn_bar .xn_18 { width:16%; }
#xn_bar .xn_22 { width:20%; }
#xn_bar .xn_25 { width:23%; }
#xn_bar .xn_25 .xn_25 { width:25%; }
#xn_bar .xn_33 { width:31%; }
#xn_bar .xn_33 .xn_33 { width:33%; }
#xn_bar .xn_40 { width:38%; }
#xn_bar .xn_50 { width:47%; }
#xn_bar .xn_66 { width:64%; }
#xn_bar .xn_75 { width:73%; }
#xn_bar .xn_100 { width:98%; }

/* floats */
#xn_bar .xn_right { float:right }
#xn_bar .xn_left { float:left; }
#xn_bar .xn_clear { clear:both; }

/* others */
#xn_bar .xn_overlay {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
	background:url(../gfx/panel/transparent-10x10.gif) repeat!important;
}
#xn_bar .align-right {
	text-align:right!important;
}
#xn_bar .ghost {
	opacity:0.6; /* ningbar-ie60.css uses Alpha for <IE6.0 */
}
#xn_bar .block {
	line-height:21px;
}
#xn_bar .block a,
#xn_bar .unfriend a,
#xn_bar .delete-app a {
	padding-bottom:1px;
	font-size:11px; font-weight:lighter;
}


/* --------------------------------------------------------------------------------
	=Image Replacements (Uses 'Phark' Method)
-------------------------------------------------------------------------------- */
#xn_bar_menu p#xn_brand a,
#xn_bar dl.xn_object dd.interact a,
#xn_bar dl.xn_object dd.interact span,
#xn_bar fieldset.group ul.controls li a,
#xn_bar dl.premium-feature dd.purchased {
	display:block;
	background:transparent no-repeat 0 0;
	text-indent:-9999px;
	font-size:0; line-height:0; text-decoration:none;
	overflow:hidden;
}


/* --------------------------------------------------------------------------------
	=xn_bar
-------------------------------------------------------------------------------- */
#xn_bar.xn_bar_show {
	background:url(../gfx/panel/shadow.png) repeat-x left bottom;
}
#xn_bar.xn_bar_show #xn_bar_panel {
	float:left; clear:both;
	position:relative;
	width:100%; min-height:290px;
	padding-bottom:5px;
	background:url(../gfx/panel/fade.png) repeat-x; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
/* Update Panel Alterations */
#xn_bar #xn_bar_panel.updateapp {
	background:#fff url(../gfx/panel/fade-u.png) repeat-x!important;
	border-bottom:2px solid #cdd;
	}
	#xn_bar #xn_bar_panel.updateapp * {
		color:#677;
	}
/* Hide Link */
#xn_bar a#xn_bar_panel_hide {
	display:none;
}
#xn_bar.xn_bar_show a#xn_bar_panel_hide {
	display:block;
	position:absolute; top:10px; right:10px;
	padding-right:18px;
	font-weight:bold; font-size:11px; line-height:13px; text-decoration:none;
	background:url(../gfx/panel/hide.gif) no-repeat right 50%;
}


/* --------------------------------------------------------------------------------
	=xn_bar_menu
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_menu {
	position:relative;
	height:26px;
	padding:1px 5px 0 0;
}
#xn_bar #xn_bar_menu_branding,
#xn_bar #xn_bar_menu_tabs {
	float:left;
}
#xn_bar #xn_bar_menu_more {
	float:right;
}
#xn_bar #xn_bar_menu_tabs,
#xn_bar #xn_bar_menu_more {
	padding-top:2px;
}
#xn_bar #xn_bar_menu_tabs span,
#xn_bar #xn_bar_menu_tabs a,
#xn_bar #xn_bar_menu_more span,
#xn_bar #xn_bar_menu_more a,
#xn_bar #xn_bar_menu_search span,
#xn_bar #xn_bar_menu_search a {
	float:left;
	display:block;
	height:22px;
	line-height:22px;
	overflow:hidden;
}
#xn_bar #xn_bar_menu_tabs span,
#xn_bar #xn_bar_menu_more span,
#xn_bar #xn_bar_menu_search span {
	width:3px;
}
/* xn_bar_menu_branding */
#xn_bar #xn_bar_menu_branding p#xn_brand {
	width:56px; height:27px;
	margin:0;
    }
	#xn_bar #xn_bar_menu_branding p#xn_brand a {
		width:56px; height:27px;
		background-image:url(../gfx/menu/logo.png);
		cursor:pointer;
	}
/* xn_bar_menu_tabs */
#xn_bar #xn_bar_menu_tabs li {
	float:left;
	margin:0 1px;
	}
	#xn_bar #xn_bar_menu_tabs li img {
		float:left;
		margin:4px 5px 0 -3px;
	}
	#xn_bar #xn_bar_menu_tabs li.active img {
		margin:6px 5px 0 0px;
	}
	#xn_bar #xn_bar_menu_tabs li#xn_messages img,
	#xn_bar #xn_bar_menu_tabs li#xn_friends img {
		margin:4px -2px 0 -2px;
	}
	#xn_bar #xn_bar_menu_tabs li#xn_messages.active img,
	#xn_bar #xn_bar_menu_tabs li#xn_friends.active img {
		margin:6px 0 0 0;
	}
	#xn_bar #xn_bar_menu_tabs li#xn_messages a,
	#xn_bar #xn_bar_menu_tabs li#xn_friends a {
		font-size:11px; font-weight:lighter;
	}
	#xn_bar #xn_bar_menu_tabs li#xn_friends {
		margin-right:12px;
	}
	#xn_bar #xn_bar_menu_tabs li#xn_updates a {
		color:#677!important;
	}
/* xn_bar_menu img.mini-avatar  */
#xn_bar img.mini-avatar {
	margin-right:3px;
	padding:1px;
	vertical-align:middle;
	background:url(../gfx/menu/avatar.png) no-repeat; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
/* xn_bar_menu_search  */
#xn_bar form#xn_bar_menu_search {
	margin:0;
	float:left;
	}
	#xn_bar form#xn_bar_menu_search input#xn_bar_menu_search_query {
		float:left;
		width:185px;
		padding-bottom:2px;
	}
/* xn_bar_menu_admin */
#xn_bar ul#xn_bar_menu_admin {
	float:left;
	margin:0 5px 0 10px;
	}
	#xn_bar ul#xn_bar_menu_admin a {
		background:none;
		font-size:11px;
		font-weight:lighter;
	}
	#xn_bar ul#xn_bar_menu_admin a:hover {
		text-decoration:underline;
	}
#xn_bar ul#xn_bar_menu_admin li {
	float:left;
	padding-left:7px;
	margin-left:5px;
	background:url(../gfx/shared/li.gif) no-repeat left 5px;
}
#xn_bar ul#xn_bar_menu_admin li.first-child {
	margin:0;
	padding:0;
	background:none;
}
/* span:before */
#xn_bar #xn_bar_menu span.before { background:url(../gfx/menu/button-before.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu li#xn_updates span.before { background:url(../gfx/menu/button-u-before.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
/* span:before.active */
#xn_bar #xn_bar_menu_tabs li.active span.before { background:url(../gfx/menu/button-before-active.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu_tabs li#xn_updates.active span.before { background:url(../gfx/menu/button-u-before-active.png) no-repeat;} /* filters.css uses AlphaImageLoader for <IE6.0 */
/* span:after */
#xn_bar #xn_bar_menu span.after { background:url(../gfx/menu/button-after.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu li#xn_updates span.after { background:url(../gfx/menu/button-u-after.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
/* span:after.active */
#xn_bar #xn_bar_menu_tabs li.active span.after { background:url(../gfx/menu/button-after-active.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu_tabs li#xn_updates.active span.after { background:url(../gfx/menu/button-u-after-active.png) no-repeat;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
/* anchors */
#xn_bar #xn_bar_menu_tabs a,
#xn_bar #xn_bar_menu_search a {
	padding:0 5px;
	background:url(../gfx/menu/button.png) repeat-x; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
	font-weight:bold; text-decoration:none;
}
#xn_bar #xn_bar_menu_tabs li#xn_updates a {
	background:url(../gfx/menu/button-u.png) repeat-x; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
#xn_bar #xn_bar_menu_tabs a:hover,
#xn_bar #xn_bar_menu_search a:hover {
	color:#ffc;
}
/* anchors.active */
#xn_bar #xn_bar_menu_tabs li.active a { background:url(../gfx/menu/button-active.png) repeat-x;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu_tabs li#xn_updates.active a { background:url(../gfx/menu/button-u-active.png) repeat-x;} /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
#xn_bar #xn_bar_menu_tabs li.active span,
#xn_bar #xn_bar_menu_tabs li.active a {
	display:block;
	height:25px;
	font-size:14px; line-height:24px;
}


/* --------------------------------------------------------------------------------
	=xn_bar_panel_section
-------------------------------------------------------------------------------- */
#xn_bar .xn_bar_panel_section {
	display:block;
	float:left;
	min-height:270px;
	margin-top:10px;
	padding:0 1%;
}
#xn_bar .xn_bar_panel_section h3 {
	padding-left:0;
}


/* --------------------------------------------------------------------------------
	=xn_bar_panel_sidebar
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_panel_sidebar {
	float:left;
	width:148px; height:270px;
	margin-right:20px;
	background:url(../gfx/panel/sidebar.png) repeat-x; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
#xn_bar #xn_bar_panel_sidebar p {
	padding:10px;
}
#xn_bar #xn_bar_panel_sidebar a {
	font-weight:bold; background-image:none;
}
#xn_bar #xn_bar_panel_sidebar .ab-import-promo {
	position:absolute; left:7px; bottom:-80px;
}


/* --------------------------------------------------------------------------------
	=xn_subnav
-------------------------------------------------------------------------------- */
#xn_bar .xn_subnav {
	position:absolute; left:2px; top:0;
	padding:10px 10px 10px 0;
	width:160px;
	text-align:right;
}
#xn_bar #xn_bar_panel_sidebar.with-return .xn_subnav {
	top:20px;
}
#xn_bar .xn_subnav li {
	display:block;
	height:25px;
	margin-bottom:4px;
	padding-right:20px;
	font-weight:bold;
}
#xn_bar .xn_subnav li.ghost {
	color:#fff!important;
}
#xn_bar .xn_subnav li.active {
	background:url(../gfx/panel/sidebar-active.gif);
	color:#333;
}
#xn_bar .xn_subnav li a {
	outline:none;
	text-decoration:none;
    background:none;
	font-weight:bold; line-height:25px!important;
}
#xn_bar .xn_subnav li.active a {
	position:relative;
	color:#777!important;
}


/* --------------------------------------------------------------------------------
	=xn_stepnav
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_stepnav {
	clear:both;
	height:25px;
	margin-top:10px;
	background:url(../gfx/panel/stepnav.png) repeat-x; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
#xn_bar #xn_bar_stepnav fieldset {
	padding-left:175px; padding-right:5px;
}
#xn_bar #xn_bar_stepnav ul li {
	float:left;
	margin:5px 5px 0 0;
	list-style:none;
}
#xn_bar #xn_bar_stepnav ul li.cancel {
	margin-right: 25px;
}


/* --------------------------------------------------------------------------------
	=pagination/user-options
-------------------------------------------------------------------------------- */
#xn_bar .pagination,
#xn_bar .user-options {
	clear:both; float:left;
	width:100%;
	padding:3px 0;
	background:url(../gfx/panel/light.png) repeat-x left -1px;
	}
	#xn_bar .user-options ul li {
		float:left;
		margin-right:15px;
	}
	#xn_bar .pagination ul li {
		float:left;
		margin:0 2px 0 0;
	}
	#xn_bar .pagination ul span,
	#xn_bar .pagination ul a {
		display:block;
		padding:5px 6px;
		background:url(../gfx/panel/light.png)!important; /* ningbar-ie60.css hides this background image */
		font-weight:bold; line-height:8px;
	}
	#xn_bar .pagination ul span.this {
		background-color:#fff!important;
		color:#444!important;
	}
	#xn_bar .pagination ul span.break {
		border:0 none;
		background:none!important;
		opacity:0.5; /* ningbar-ie60.css uses Alpha for <IE6.0 */
	}
	#xn_bar .pagination p {
		float:right;
		padding:3px 0;
		font-weight:bold; line-height:18px;
	}


/* --------------------------------------------------------------------------------
	=dl.xn_object
-------------------------------------------------------------------------------- */
#xn_bar dl.xn_object {
	position:relative;
	float:left;
	margin:0 0 10px 0;
	}
	#xn_bar dl.xn_object a {
		padding-bottom:1px;
		font-size:11px;
	}
	#xn_bar dl.xn_object dt.icon img {
		display:block;
		margin:0;
		padding:4px;
		background-color:#fff;
		z-index:-2;
	}
	#xn_bar dl.xn_object dd {
		line-height:15px;
	}
	#xn_bar dl.xn_object dd.name {
		margin-top:3px;
		opacity:0.8;
		width:90%;
		white-space:nowrap;
		overflow:hidden; text-overflow:ellipsis;
	}
	#xn_bar dl.xn_object dd.name a {
		background:none!important;
	}
	#xn_bar dl.xn_object li {
		position:absolute; left:54px; top:0;
		float:left;
	}
	#xn_bar dl.xn_object li.add,
	#xn_bar dl.xn_object li.added,
	#xn_bar dl.xn_object li.pending,
	#xn_bar dl.xn_object li.blocked,
	#xn_bar dl.xn_object li.sending {
		top:20px;
		background:none;
		}
		#xn_bar dl.xn_object li * {
			width:22px; height:18px;
		}
		#xn_bar dl.xn_object li.msg a {background-image:url(../gfx/avatar/msg.gif)!important;}
		#xn_bar dl.xn_object li.edit a {background-image:url(../gfx/avatar/edit.gif)!important;}
		#xn_bar dl.xn_object li.add a {background-image:url(../gfx/avatar/add.gif)!important;}
		#xn_bar dl.xn_object li.added span {background:url(../gfx/avatar/added.gif) no-repeat 5px 50%!important;}
		#xn_bar dl.xn_object li.pending span {background:url(../gfx/avatar/pending.gif) no-repeat 50% 50%!important;}
		#xn_bar dl.xn_object li.blocked span {background:url(../gfx/avatar/blocked.gif) no-repeat 50% 50%!important;}
		#xn_bar dl.xn_object li.sending span {background-image:url(../gfx/avatar/sending.gif)!important;}
		#xn_bar dl.xn_object dd.sending {
			position:absolute; left:0; top:0;
			width:54px; height:40px;
			padding-top:14px;
			background-color:#def;
			font-size:10px; font-weight:bold; line-height:12px; color:#456; text-align:center;
			opacity:0.9;
		}
	#xn_bar dl.xn_object li.first {
        top:0;
    }


/* --------------------------------------------------------------------------------
	=xn_profile
-------------------------------------------------------------------------------- */
#xn_bar div.xn_profile {
	clear:left; float:left;
	margin:5px 0 10px;
	width:100%;
	}
	#xn_bar div.xn_profile img.icon {
		float:left;
		width:33%;
		margin-right:3%; margin-bottom:5px;
		border:4px solid #fff;
	}
	#xn_bar div.xn_profile img.thumbnail {
		height:64px; width:64px;
	}
	#xn_bar div.xn_profile dl {
		float:left;
		width:60%;
		}
		#xn_bar div.xn_profile dl dd {
			line-height:18px;
		}
		#xn_bar div.xn_profile dl dd img {
			vertical-align:middle;
			margin:-2px 1px 0 0;
		}


/* --------------------------------------------------------------------------------
	=xn_loader
-------------------------------------------------------------------------------- */
#xn_bar .xn_loader img,
#xn_bar .xn_loader_with_bottom_bar img {
	position:absolute; right:0; bottom:0;
	z-index:1000;
}
#xn_bar .xn_loader img {
	padding:0 10px 10px 0;
}
#xn_bar .xn_loader_with_bottom_bar img {
	padding:0 10px 35px 0;
}


/* --------------------------------------------------------------------------------
	=icn
-------------------------------------------------------------------------------- */
#xn_bar .icn {
	padding-left:19px!important;
	line-height:20px!important;
	background:url(../gfx/icons/icn.gif) no-repeat!important;
}
#xn_bar li.icn {
	margin-left:5px;
}
#xn_bar .edit { background-position:0 0!important;}
#xn_bar .delete { background-position:0 -25px!important;}
#xn_bar .addfriend { background-position:0 -50px!important; padding-left:16px;}
#xn_bar .message { background-position:0 -75px!important; padding-left:16px;}
#xn_bar .addressbook { background-position:0 -175px!important;}
#xn_bar .import { background-position:0 -200px!important;}
#xn_bar .update-app { background-position:0 -225px!important;}
#xn_bar .get-again { background-position:0 -250px!important;}
#xn_bar .online { background-position:0 -275px!important;}
#xn_bar .offline { background-position:0 -300px!important;}
#xn_bar .manage { background-position:0 -325px!important;}


/* --------------------------------------------------------------------------------
	=destination(s)
-------------------------------------------------------------------------------- */
#xn_bar ul.destinations {
	margin-bottom:5px;
}
#xn_bar ul.destinations li,
#xn_bar .destination {
	padding-left:8px;
	background:url(../gfx/panel/arrow-right.gif) no-repeat 0 50%;
	line-height:16px;
}
#xn_bar .pagination p.destination {
	padding-left:8px;
    padding-top:0;
}


/* --------------------------------------------------------------------------------
	=collapse/expand
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_panel .collapsed,
#xn_bar #xn_bar_panel .expanded {
	padding-left:8px;
	background:url(../gfx/panel/arrow-right.gif) no-repeat 0 50%;
	line-height:16px;
}
#xn_bar #xn_bar_panel .expanded {
	padding-left:10px;
	background:url(../gfx/panel/arrow-down.gif) no-repeat 0 50%;
}


/* --------------------------------------------------------------------------------
	=validation
-------------------------------------------------------------------------------- */
#xn_bar .validation {
	float:left; clear:both;
	margin:2px -1px 5px;
	border:1px solid #fff;
	background:#f00 url(../gfx/panel/validate-bg.gif) repeat-x;
	}
	#xn_bar .validation p {
		width:auto!important;
		margin:0;
		padding:4px 5px;
		padding-left:25px;
		background:url(../gfx/panel/validate-icon.gif) no-repeat 5px 50%;
		}
		#xn_bar .validation p span {
			font-size:12px; font-weight:bold!important; line-height:16px; color:#fff;
		}
#xn_bar fieldset.group dd.validation {
	padding-left:0!important;
	margin-left:0!important; /* allow 'inner validation' mark-up style */
}


/* --------------------------------------------------------------------------------
	=new
-------------------------------------------------------------------------------- */
#xn_bar tr.new,
#xn_bar table.visitor-stats tr.new td {
	background:url(../gfx/panel/new.gif) repeat!important;
	border:0 none;
}
#xn_bar tr.new td {
	border-color:#fc0!important;
	color:#666!important;
}
#xn_bar tr.new a {
	background: url(../gfx/panel/a-new.gif) repeat-x left bottom!important;
	color:#666!important;
}


/* --------------------------------------------------------------------------------
	=form.xn
-------------------------------------------------------------------------------- */
#xn_bar form.xn {
	padding:0;
	border:1px solid #bbb;
	background-color:#fff;
}
#xn_bar form.xn fieldset {
	margin:0;
	padding:7px;
	border:1px solid #fff;
	background:#f3f3f3 url(../gfx/shared/bg-form.gif) repeat-x left top;
}
#xn_bar form.xn legend {
	display:none;
}
#xn_bar form.xn p {
	clear:left;
	margin:0;
	width:100%;
	line-height:16px;
	color:#666;
	}
	#xn_bar form.xn a {
		font-weight:bold;
		text-decoration:none;
		color:#06C!important;
	}
#xn_bar form.xn h4 {
	margin-bottom:10px;
	font-size:13px; color:#555;
	}
	#xn_bar form.xn h4 img {
		margin-right:5px;
		border:1px solid #ccc;
		vertical-align:middle;
	}
#xn_bar form.xn dl {
	clear:both;
	margin-bottom:7px;
	}
	#xn_bar form.xn dt {
		float:left; clear:left!important;
		display:block;
		padding:0 7px 0 0;
		font-weight:bold; line-height:22px; text-align:right; color:#777;
		}
		#xn_bar form.xn dt label {
			font-size:12px; line-height:20px; color:#777;
		}
	#xn_bar form.xn dd {
		margin-bottom:3px;
		line-height:20px;
		color:#888;
		}
		#xn_bar form.xn dd label {
			color:#888;
		}
		#xn_bar form.xn dd.checkbox label {
			font-size:11px;
		}
	#xn_bar form.xn dd.note {
		margin-bottom:5px;
		font-size:11px; line-height:15px;
		color:#999;
		text-align:left;
		}
		#xn_bar form.xn dd.note a {
			font-style:normal; font-size:11px;
			}


/* --------------------------------------------------------------------------------
	=xn_bar_admin (uses form.xn)
-------------------------------------------------------------------------------- */
#xn_bar .xn_bar_admin {
	position:absolute; right:5px; top:28px;
	width:390px;
	padding-top:12px;
	background:url(../gfx/admin/signup.gif);
	z-index:99999;
}
#xn_bar.xn_bar_show .xn_bar_admin {
	top:0px;
}
#xn_bar .xn_bar_admin#xn_bar_signin {
	width:330px;
	background:url(../gfx/admin/signin.gif);
}
#xn_bar .xn_bar_admin form.xn,
#xn_bar .xn_bar_admin form.xn fieldset {
	padding-top:0;
	border-top:0 none!important;
}
#xn_bar .xn_bar_admin dt { width:135px; }
#xn_bar .xn_bar_admin#xn_bar_signin dt { width:75px; }
#xn_bar .xn_bar_admin dd { padding-left:142px!important; }
#xn_bar .xn_bar_admin#xn_bar_signin dd { padding-left:82px!important; }
#xn_bar .xn_bar_admin dd input.text,
#xn_bar .xn_bar_admin dd input.file { width:217px; margin-bottom:0; }
#xn_bar .xn_bar_admin .validation { width:370px; }
#xn_bar .xn_bar_admin dd.captcha input {
	float:left;
	width:85px; height:34px;
	margin:0 5px 5px 0;
	font-size:24px!important;
}
#xn_bar .xn_bar_admin dd.captcha img {
	float:left;
	margin-bottom:5px;
	border:1px solid #cdd;
}
#xn_bar .xn_bar_admin dd.xn_bar_signin_password input { width:120px; margin-right:5px }
#xn_bar .xn_bar_admin dd.xn_bar_signin_password a { font-weight:lighter; font-size:11px; }


/* --------------------------------------------------------------------------------
	=xn_bar_panel_popup (uses form.xn)
-------------------------------------------------------------------------------- */
#xn_bar .xn_bar_panel_popup,
#xn_bar .xn_bar_panel_alert {
	position:absolute; top:0; left:0;
	width:100%;
	z-index:200;
	}
	#xn_bar .xn_bar_panel_popup form.xn {
		width:350px;
		margin:10px auto;
	}
	#xn_bar .xn_bar_panel_popup form.xn input.text,
	#xn_bar .xn_bar_panel_popup form.xn textarea,
	#xn_bar .xn_bar_panel_popup form.xn select {
		width:325px;
	}
	#xn_bar .xn_bar_panel_popup form.xn dd {
		clear:both;
	}


/* --------------------------------------------------------------------------------
	=xn_bar_panel_alert
-------------------------------------------------------------------------------- */
#xn_bar .xn_bar_panel_alert div {
	width:350px;
	margin:5% auto;
	padding:10px;
	border:2px solid;
}
#xn_bar .xn_bar_panel_alert div.xn_error {
	border-color:#c00;
	background-color:#fcc;
}
#xn_bar .xn_bar_panel_alert div.xn_success {
	border-color:#9c0;
	background-color:#dfffbf;
}
#xn_bar .xn_bar_panel_alert div h4 {
	padding-left:18px;
	line-height:14px;
	margin:0;
	}
	#xn_bar .xn_bar_panel_alert div.xn_error h4 {
		background:url(../gfx/icons/xn_error.gif) no-repeat;
		color:#c00;
	}
	#xn_bar .xn_bar_panel_alert div.xn_success h4 {
		background:url(../gfx/icons/xn_success.gif) no-repeat;
		color:#690;
	}
#xn_bar .xn_bar_panel_alert div p {
	margin-top:5px;
	line-height:15px; color:#666;
	}
	#xn_bar .xn_bar_panel_alert div p.close {
		margin:0;
		font-weight:bold; text-align:right;
	}
	#xn_bar .xn_bar_panel_alert div p.close a {
		background-image:none;
		color:#06c!important;
	}


/* --------------------------------------------------------------------------------
	=fieldset.group
-------------------------------------------------------------------------------- */
#xn_bar fieldset.group {
    float:left; clear:left;
    position:relative;
    width:480px;
    margin-bottom:10px;
    padding:5px 10px 0 5px;
    border:1px solid; border-color:inherit; border-left-width:0; border-bottom-width:0;
}
#xn_bar fieldset.hide-edges {
    border:0 none;
    padding: 0;
}
#xn_bar fieldset.group legend {
    padding:5px;
    font-size:11px;
}

#xn_bar fieldset.group dl {
    float:left; clear:both;
    width:100%;
    margin-bottom:8px;
	}
	#xn_bar fieldset.group dl dt {
		float:left;
		padding-top:2px;
		font-weight:bold!important; line-height:16px;
	}
	#xn_bar fieldset.group dl.short-desc dt { /* short-desc */
		float:left; clear:left;
		display:block;
		width:150px;
		text-align:right;
	}
	#xn_bar fieldset.group dl.long-desc dt,
	#xn_bar fieldset.group dl.flush-desc dt { /* long-desc */
		padding-bottom:5px;
	}
	#xn_bar fieldset.group dl.flush-desc dt,
	#xn_bar fieldset.group dl dd {
		padding-left:157px
	}
	#xn_bar fieldset.group dl.long-desc dd,
	#xn_bar fieldset.group dl.flush-desc dd {
		clear:both;
		}
		#xn_bar fieldset.group dl dd.form a {
			float:left;
			display:block;
			background:none;
		}
		html>body #xn_bar fieldset.group dl dd.form a {
			margin-right:5px;
		}
		#xn_bar fieldset.group dl dd.form span {
			display:block;
			float:left;
			line-height:20px;
		}
		#xn_bar fieldset.group dl dd.form label {
			margin-right:5px;
			line-height:20px;
		}
	#xn_bar fieldset.group dl dd.note {
		clear:left;
		font-size:11px; line-height:13px;
		opacity:0.8; /* ningbar-ie60.css uses Alpha for <IE6.0 */
		}
		#xn_bar fieldset.group dl dd.note span {
			display:block;
			float:left;
		}
#xn_bar ul.row,
#xn_bar ul.col {
    list-style:none;
    line-height:18px;
}
#xn_bar ul.row li {
    display:inline;
    margin-right:10px;
}
#xn_bar fieldset.group dl input.text,
#xn_bar fieldset.group dl textarea,
#xn_bar fieldset.group dl select {
    float:left;
    width:300px;
}
#xn_bar fieldset.group dl select {
    width:307px;
}
#xn_bar fieldset.group .validation {
    width:475px;
}


/* - P A N E L S --------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	=Updates
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_panel_update_detail ul {
	margin:0 0 5px 0;
	line-height:1.3em;
	}
	#xn_bar #xn_bar_panel_update_detail ul li {
		margin-left:1.4em;
		line-height:18px;
		list-style:square;
	}
#xn_bar #xn_bar_panel_update_progress div {
	margin:10% 20% 0 20%;
	}
	#xn_bar #xn_bar_panel_update_progress div a {
		color:#06c!important;
	}
	#xn_bar #xn_bar_panel_update_progress div h4 img {
		float:left;
		margin-right:10px;
		margin-bottom:50px;
	}
	#xn_bar #xn_bar_panel_update_progress div p {
		margin-left:50px;
	}


/* --------------------------------------------------------------------------------
	=Message Center
-------------------------------------------------------------------------------- */
/* fieldset.mailbox */
#xn_bar fieldset.mailbox {
	position:relative;
}
#xn_bar fieldset.mailbox table {
	width:100%;
	}
	#xn_bar fieldset.mailbox table td {
		padding:0 2px!important;
		height:22px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	#xn_bar fieldset.mailbox table td.icon {
		width:20px!important;
		background:url(../gfx/icons/icn.gif) no-repeat;
	}
	#xn_bar fieldset.mailbox table td.read {background-position:4px -101px;}
	#xn_bar fieldset.mailbox table td.unread {background-position:4px -73px;}
	#xn_bar fieldset.mailbox table td.sent {background-position:4px -126px;}
	#xn_bar fieldset.mailbox table td.saved {background-position:4px -151px;}
	#xn_bar fieldset.mailbox table td.invite {
		padding-left:20px!important;
		background:url(../gfx/icons/icn.gif) no-repeat 3px -49px;
	}
	#xn_bar fieldset.mailbox table td.reply {
		padding-right:20px;
        background:none;
    }
	#xn_bar fieldset.mailbox table td.reply a {
		margin-left:10px;
		padding-bottom:1px;
		font-size:11px;
	}
#xn_bar fieldset.mailbox table .check {
	width:60px;
	text-align:center;
	background:url(../gfx/panel/light.png); /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}
#xn_bar fieldset.mailbox table .check a {
	padding-bottom:1px;
	font-weight:lighter; font-size:11px;
}
/* img.mini-avatar */
#xn_bar_panel img.mini-avatar {
	background:url(../gfx/panel/avatar.png) no-repeat; /* ningbar-ie60.css uses AlphaImageLoader for <IE6.0 */
}


/* --------------------------------------------------------------------------------
	=Message Center -> Read
-------------------------------------------------------------------------------- */
#xn_bar dl.message {
	padding-left:0;
}
#xn_bar dl.message dt {
	float:left; clear:left;
	width:60px;
	margin-bottom:5px;
	font-weight:bold;
}
#xn_bar dl.message dd {
	margin-bottom:5px;
}
#xn_bar dl.message dd.message-body {
	overflow:auto;
	height:150px;
	margin:7px 0;
	padding:5px;
	border:1px solid;
	line-height:15px!important;
}
html>body #xn_bar dl.message dd.message-body {
	background:url(../gfx/panel/light.png)!important;
}
#xn_bar fieldset.reply dd.message-body {
	clear:left;
	margin:0;
	border-top:0 none;
}


/* --------------------------------------------------------------------------------
	=Message Center -> Compose
-------------------------------------------------------------------------------- */
#xn_bar fieldset.compose {
	position:relative;
	clear:left;
	width:570px;
    }
	#xn_bar fieldset.compose #xn_recipients_email {
		width:562px;
		float:left;
	}
	#xn_bar fieldset.compose .xn_addressbook span.addressbook_open {
		line-height:22px;
	}
	#xn_bar fieldset.compose #xn_message_body,
	#xn_bar fieldset.compose #xn_message_invite {
		width:562px;
	}
	#xn_bar fieldset.compose #xn_message_subject {
		width:512px;
		}
		#xn_bar fieldset.compose dt {
			width:100%;
			clear:both;
			margin:5px 0;
			font-weight:bold;
            float:left;
            display:block;
        }
		#xn_bar fieldset.compose dd {
			margin-bottom:6px;
		}
		#xn_bar fieldset.compose dt span {
			margin-left:5px;
			font-weight:lighter;
		}
		#xn_bar fieldset.compose dd label {
			float:left;
			margin-right:6px;
			line-height:24px;
		}
		#xn_bar fieldset.compose dd a.blank {
			float:left;
			display:block;
		}


/* --------------------------------------------------------------------------------
	=Import
-------------------------------------------------------------------------------- */
#xn_bar_panel_address_book_import fieldset.group {
    width:415px;
    padding-left:0;
	}
	#xn_bar_panel_address_book_import fieldset.group p {
		clear: both;
		padding-bottom:5px;
	}
	#xn_bar_panel_address_book_import fieldset.group dl.short-desc dt {
		width:90px;
	}
	#xn_bar_panel_address_book_import fieldset.group dl dd {
		margin-left:97px!important;
	}
/* ul.formats */
#xn_bar ul.formats {
	float:left; clear:both;
	width:450px;
	margin:10px 0;
	}
	#xn_bar ul.formats li {
		float:left;
		display:block;
		width:150px; height:30px;
	}
	#xn_bar ul.formats li img {
		vertical-align:middle;
	}


/* --------------------------------------------------------------------------------
	=Get Your Own - Signed Out
-------------------------------------------------------------------------------- */
/* .getyourown */
#xn_bar #xn_bar_panel_get_own #xn_proposition p,
#xn_bar #xn_bar_panel_get_own #xn_proposition ul {
	margin-bottom:0.7em;
	font-size:15px; line-height:21px;
}
#xn_bar #xn_bar_panel_get_own #xn_proposition p strong {
	font-size:15px; font-weight:bold;
}
#xn_bar #xn_bar_panel_get_own #xn_proposition p.signin {
	font-size:12px;
}
#xn_bar #xn_bar_panel_get_own #xn_proposition_image {
	margin-right:7%;
}
#xn_bar #xn_bar_panel_get_own #xn_proposition_blurb {
	padding-top:3.5em;
}
/* (These are older styles usede elsewhere */
#xn_bar .getyourown dt {
	margin-top:5px; margin-bottom:10px;
	text-align:center;
}
#xn_bar .getyourown dd.howitworks {
	margin-bottom:15px;
	font-size:15px; line-height:21px
}
#xn_bar .getyourown dd.button a {
	clear:both;
	
	font-size:15px; line-height:21px;
}
#xn_bar .getyourown dd.note {
	margin-top:1em;
}


/* --------------------------------------------------------------------------------
	=Get Your Own - Signed In
-------------------------------------------------------------------------------- */
#xn_bar #xn_bar_panel_getyourown fieldset.group {
    padding-top:30px;
    width:525px;
	}
	#xn_bar #xn_bar_panel_getyourown dl.short-desc dt {
		width:200px;
	}
	#xn_bar #xn_bar_panel_getyourown dd {
		padding-left:207px;
	}
	#xn_bar #xn_bar_panel_getyourown dd.availability {
		clear:left;
		padding:5px!important;
		margin:10px 0 10px 207px!important;
	}
	#xn_bar #xn_bar_panel_getyourown dd.available,
	#xn_bar #xn_bar_panel_getyourown dd.unavailable {
		padding:5px!important;
		border:1px solid #fff;
		background:#9c0 url(../gfx/panel/validate-bg-available.gif) repeat-x;
	}
	#xn_bar #xn_bar_panel_getyourown dd.unavailable {
		background:#f00 url(../gfx/panel/validate-bg.gif) repeat-x;
	}
	#xn_bar #xn_bar_panel_getyourown dd.available strong,
	#xn_bar #xn_bar_panel_getyourown dd.unavailable strong {
		padding-left:18px;
		background:url(../gfx/panel/validate-icon-available.gif) no-repeat;
		font-weight:bold;
	}
	#xn_bar #xn_bar_panel_getyourown dd.unavailable strong {
		background:url(../gfx/panel/validate-icon-unavailable.gif) no-repeat;
	}
	#xn_bar #xn_bar_panel_getyourown input#xn_bar_panel_clone_subdomain_input {
		width:240px;
	}
	#xn_bar #xn_bar_panel_getyourown span.ningdotcom {
		margin-left:5px;
		font-size:15px; line-height:20px;
	}


/* --------------------------------------------------------------------------------
	=Manage
-------------------------------------------------------------------------------- */
/* .visitor-stats */
#xn_bar table.visitor-stats {
	clear:left;
	width:100%;
	margin-top:5px;
	padding-right:10px;
	border-spacing:1px; border-collapse:separate;
	}
	#xn_bar table.visitor-stats th {
		width:10%;
		padding:2px;
		font-size:11px; font-weight:lighter; color:#eee; text-align:right!important;
	}
	#xn_bar table.visitor-stats tr.new {
		background:none!important;
		border:0 none;
	}
	#xn_bar table.visitor-stats tbody th {
		padding-right:5px;
	}
	#xn_bar table.visitor-stats th#visitor_stats_views,
	#xn_bar table.visitor-stats th#visitor_stats_users,
	#xn_bar table.visitor-stats th#visitor_stats_content {
		width:30%;
	}
	#xn_bar table.visitor-stats tbody td {
		margin:1px;
		padding:5px;
		border:1px solid #ddd;
		font-size:15px; font-weight:bold;
		text-align:center;
	}
	#xn_bar table.visitor-stats tfoot td {
		padding:5px 0;
		text-align:right;
	}
/* spinner */
#xn_manage_panel_spinner {
    padding-right:20px;
}


/* --------------------------------------------------------------------------------
	=Manage - > Premium Services
-------------------------------------------------------------------------------- */
#xn_bar dl.premium-feature {
	position:relative;
	float:left;
	margin-right:15px; margin-top:10px;
	}
	#xn_bar dl.premium-feature dd.price {
		position:absolute; left:5px; top:15px;
		font-size:17px; font-weight:bold; color:#fff;
	}
	#xn_bar dl.premium-feature dd.purchased {
		position:absolute; left:12px; top:10px;
		width:30px; height:26px;
		background:url(../gfx/setup/feature-purchased.gif) repeat!important;
	}
	#xn_bar dl.premium-feature dd.note {
		font-size:11px; line-height:16px;
		opacity:0.8;
	}
	#xn_bar dl.premium-feature dd.note a {
		padding-bottom:1px;
		font-size:11px;	font-weight:lighter!important;
	}

/* --------------------------------------------------------------------------------
	=IE 60 hacks
    - Use IE Proprietary DirectX Filters to simulate PNG Alpha/CSS Opacity 
-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	default.css
-------------------------------------------------------------------------------- */
* html #xn_bar input.submit { padding:2px 0;}
* html #xn_bar .ghost { filter:alpha(opacity=60);}


/* --------------------------------------------------------------------------------
	menu.css
-------------------------------------------------------------------------------- */
/* divider - ie only */
* html #xn_bar #xn_bar_menu { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/divider.png',sizingMethod='scale');}
/* span:before */
* html #xn_bar #xn_bar_menu span.before { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-before.png',sizingMethod='crop');}
* html #xn_bar #xn_bar_menu li#xn_updates span.before { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u-before.png',sizingMethod='crop');}
/* span:before.active */
* html #xn_bar #xn_bar_menu_account.active span.before,
* html #xn_bar #xn_bar_menu_tabs li.active span.before { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-before-active.png',sizingMethod='crop');}
* html #xn_bar #xn_bar_menu_tabs li#xn_updates.active span.before { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u-before-active.png',sizingMethod='crop');}
/* span:after */
* html #xn_bar #xn_bar_menu span.after { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-after.png',sizingMethod='crop');}
* html #xn_bar #xn_bar_menu li#xn_updates span.after { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u-after.png',sizingMethod='crop');}
/* span:after .active*/
* html #xn_bar #xn_bar_menu_account.active span.after,
* html #xn_bar #xn_bar_menu_tabs li.active span.after { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-after-active.png',sizingMethod='crop');}
* html #xn_bar #xn_bar_menu_tabs li#xn_updates.active span.after { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u-after-active.png',sizingMethod='crop');}
/* anchors */
* html #xn_bar #xn_bar_menu_account h2,
* html #xn_bar #xn_bar_menu_tabs a,
* html #xn_bar #xn_bar_menu_search a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button.png',sizingMethod='scale');}
* html #xn_bar #xn_bar_menu li#xn_updates a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u.png',sizingMethod='scale');}
* html #xn_bar #xn_bar_menu_account h2 a { background: none;}
/* anchors.active */
* html #xn_bar #xn_bar_menu_account.active h2,
* html #xn_bar #xn_bar_menu_tabs li.active a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-active.png',sizingMethod='scale');}
* html #xn_bar #xn_bar_menu_tabs li#xn_updates.active a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/button-u-active.png',sizingMethod='scale');}
/* logo */
* html #xn_bar #xn_bar_menu_branding p#xn_brand a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/logo.png',sizingMethod='crop');}

* html #xn_bar #xn_bar_menu_tabs span,
* html #xn_bar #xn_bar_menu_tabs a,
* html #xn_bar #xn_bar_menu_more span,
* html #xn_bar #xn_bar_menu_more a,
* html #xn_bar #xn_bar_menu_search span,
* html #xn_bar #xn_bar_menu_search a { line-height:21px;}


/* --------------------------------------------------------------------------------
	panel.css
-------------------------------------------------------------------------------- */
/* #xn_bar_panel */
* html #xn_bar.xn_bar_show,
* html #xn_bar.xn_bar_show #xn_bar_panel { background:none;} /* we can't use a filter on the panel as it makes a lot of dynamic stuff wonky */
* html #xn_bar #xn_bar_panel hr { margin-bottom:0; filter:alpha(opacity=30);}
* html #xn_bar.xn_bar_show div.xn_bar_panel_container { height:310px; }
* html #xn_bar .xn_overlay { height:295px;}

/* #xn_bar_panel_sidebar */
* html #xn_bar #xn_bar_panel_sidebar { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/panel/sidebar.png',sizingMethod='scale');}

/* #xn_bar_stepnav */
* html #xn_bar #xn_bar_stepnav { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/panel/stepnav.png',sizingMethod='scale');}

/* #xn_bar_panel_section */
* html #xn_bar #xn_bar_panel .xn_bar_panel_section.xn_75 { padding: 0 10px;}/* BAR-616 and BAR-714 */

/* actions */
* html #xn_bar #xn_bar_panel div.xn_profile dd ul li { margin:0; padding-left:8px;}

/* destinations */
* html #xn_bar #xn_bar_panel ul.destinations li { margin-left: 8px; padding-left: 2px;}

/* fieldset.group */
* html #xn_bar fieldset.group ul.controls { right:-23px; bottom:0; }

/* light backgrounds */
* html #xn_bar fieldset.group fieldset.group,
* html #xn_bar fieldset.mailbox table .check { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/panel/light-1x1.png',sizingMethod='scale');}

/* user */
* html #xn_bar #xn_bar_panel dl dd.sending { filter:alpha(opacity=90);}

/* light text */
* html #xn_bar fieldset.group dl dd.note,
* html #xn_bar fieldset.map dd.note,
* html #xn_bar #xn_bar_panel .app dd.total { filter:alpha(opacity=80);}

/* pagination: alter pagination styles as using filtered pngs doesn't work */
* html #xn_bar #xn_bar_panel .pagination ul span.this { border: 1px solid #fff;}
* html #xn_bar #xn_bar_panel .pagination ul a { background:none!important; border: 1px solid #fff;}

/* header preview: icon */
* html #xn_bar fieldset.group dl dd#xn_header_style_preview span.preview-logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/setup/header-defaultlogo.png',sizingMethod='crop');}
* html #xn_bar fieldset.group dl dd#xn_header_style_preview.show-customlogo span.preview-logo { filter:none; }

/* mini-avatar border */
* html #xn_bar_menu img.mini-avatar { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/menu/avatar.png',sizingMethod='image');}
* html #xn_bar_panel img.mini-avatar { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xn/static/ningbar/gfx/panel/avatar.png',sizingMethod='image');}

/* get your own: signed-in */
* html #xn_bar #xn_bar_panel_getyourown dd.availability {
	width:300px;
	margin:10px 0 10px 0!important;
}