/* CSS Document */
.treeview
{
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}
.treeview ul
{
	/*CSS for Simple Tree Menu*/
	margin: 0px 0 0 0;
	padding: 6px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}

.treeview li
{
	/*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: white url(images/list.gif) no-repeat left 0px;
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 5px;
	clear: both;	
	display: block;	
}
.treeview li a
{
	color: #000;
	font-size: 11px/14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.treeview li.submenu
{
	/* Style for LI that contains sub lists (other ULs). */
	background: white url(images/closed.gif) no-repeat left 3px;
	cursor: pointer !important;
	cursor: pointer !important;	
	padding-top: 3px;	
	padding-bottom: 5px;
	padding-left: 35px;
	font: normal 11px/15px Arial, Helvetica, sans-serif; /*width:135px;*/
	width: 135px;
	display: block;
	color: #333;
}

.treeview li.parent
{
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 20px;
	font: normal 11px/15px Arial, Helvetica, sans-serif; /*width:135px;*/
	width: 135px;
	display: block;
	color: #333;
}

.treeview li.submenu ul
{
	/*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	clear: both;
}

.treeview .submenu ul li
{
	/*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	clear: both;
}


/*-----------------------------Accordion-----------------------------*/
/** { margin: 0;} padding: 0; 28.04.2011*/
* html ul ul li a
{
	margin: 0;
	padding: 0;
}
* html ul li a
{
	margin: 0;
	padding: 0;
}
* html ul ul li
{
	margin: 0;
	padding: 0;
}

#theMenu
{
	width: 200px;
	margin: 0px 0;
	padding-left: 0px;
}
#theMenu ul li
{
	margin: 2px 0 0 2px;
}
/*padding:0px;*/
#theMenu li h3
{
	padding: 0px;
	margin: 0px;
}

/* Header links styling */
h3.head a
{
	color: #fff;
	display: block;
	border-top: 3px solid #0c374d;
	background: #4883a1 url(images/arrow_down.gif) no-repeat;
	background-position: 98% 50%;
	padding: 6px 6px;
	text-decoration: none;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}
h3.head a:hover
{
	color: #fff;
	background: #4883a1 url(images/arrow_down.gif) no-repeat;
	background-position: 98% 50%;
}
h3.selected a
{
	background: #4883a1 url(images/arrow_up.gif) no-repeat;
	background-position: 98% 50%;
	color: #fff;
}
h3.selected a:hover
{
	background: #4883a1 url(images/arrow_up.gif) no-repeat;
	background-position: 98% 50%;
	color: #fff;
}


h4.head
{
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(images/arrow_up.gif) no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 20px;
	margin: 6px 0 0 60px;
}
.fieldArea
{
	margin: 3px 0 4px 0;
	padding: 6px 0 9px 5px;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	color: #000;
	width: 193px;
	border: solid 1px #cccccc;
	display: block;
}
.fieldArea legend a
{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(images/open_gray.gif) 0 0 no-repeat;
	text-decoration: none;
	width: 150px;
}
.fieldArea legend a:hover
{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(images/closed_gray.gif) 0 0 no-repeat;
	text-decoration: none;
	width: 150px;
}
.fieldArea legend a.selected
{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(images/closed_gray.gif) 0 0 no-repeat;
	text-decoration: none;
	width: 150px;
}
.leftfildArea
{
	margin: 0 0 8px 0;
	padding: 0;
	width: 180px;
	border: solid 1px #999;
	height: 18px;
}
.leftdropDownArea
{
	margin: 0 0 8px 0;
	padding: 0;
	width: 183px;
	border: solid 1px #999;
	height: 20px;
}

li .filtered
{
	font-weight: bold;
}