/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== 

modified by Marcin Matras for BT Group

*/

	
#left_menu ul {/*margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;*/
	position: relative;
	z-index: 20;
	list-style-type: none;
	margin: 0 0 0 auto;
	padding: 0;	
	width: 155px;
	border: 1px solid #667379;
	border-top: 0;
	font-size: 8pt
}

#left_menu ul ul {position:absolute; left:-9999px;}
#left_menu ul#toplevel {position:relative;}

/*#left_menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;}*/ 

#left_menu li {
	margin: 0;
	padding: 0;
	height: 30px;
	border: none;
	border-top: 1px solid #667379;
}

#left_menu li a {
	display: table-cell !important;
	vertical-align: middle !important;
	background-color: #dcdfe1;
	width: 130px;
	height: 30px;
	padding-right: 25px;
	text-align: right;
	color: #606564;
}

#left_menu li a.arrow {
	background-image: url(/layouts/gfx/arrow.png) !important;
	background-position: 140px center !important;
	background-repeat: no-repeat !important;
}

#left_menu li a:hover, #left_menu li a.active {
	background-color: #fff;
	color: #478acc;
}

#left_menu li a.arrow:hover, #left_menu li a.active.arrow {
	background-image: url(/layouts/gfx/arrow_n.png) !important;
}

ul.level2 li a {
	text-align: left !important;
	padding-left: 20px;
	width: 135px !important;
}

ul.level2 li a.active {
	background-color: #fff !important;
	color: #478acc !important;
}


#left_menu ul li:hover > ul {left:100% !important; margin-top:-31px; margin-left:0px;}

#left_menu a:hover ul,
#left_menu a:hover a:hover ul, 
#left_menu a:hover a:hover a:hover ul {left:100%;}
#left_menu a:hover ul ul, 
#left_menu a:hover a:hover ul ul {left:-9999px;}

#left_menu li a:hover {background:#fff; color:#478acc;} 
#left_menu li:hover > a {background:#fff; color:#478acc;}
#left_menu li:hover .arrow, #left_menu li a.arrow:hover, #left_menu li a.active.arrow:hover {background-image: url(/layouts/gfx/arrow_n.png) !important;}

#left_menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

ul.level3 {
	width: 248px !important;
	background-color: #fff !important;
	height: auto !important;
	line-height: 1.2em !important;
}

ul.level3 li {
	text-align: left !important;
	padding: 4px !important;
	width: 238px !important;
	height: auto !important;
	line-height: 1.2em;
}

div.menuOkno {width: 238px !important;position: relative;}
div.menuOkno img {border: 1px solid #232d2f; float: left; margin-right: 10px;margin-bottom: 4px;}
div.menuOkno a {
	display: inline !important;
	background: none !important;
	border: 0 !important;
	color: #000 !important;
	line-height: 1.3em  !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}
div.menuOkno a.tr {width: 100% !important;}
div.menuOkno .linkWiecej {clear: left;display: block !important; width: 115px; height: 15px; margin: 0 0 10px auto!important;padding-top: 10px;}
div.menuOkno .linkWiecej a {display: block !important;color: #567cad !important;font-size: 8pt; line-height: 12px !important;text-align: right !important;padding-right: 25px !important;margin-right: 10px !important;width: 85px !important; height: 15px !important;background-image: url(/layouts/gfx/strzalki.png) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important;}