﻿
/*header menu*/
.VerticalHeader{margin:0px 5px 0px 220px;padding:0px;display:block;position:relative;float:left;}
.VerticalHeader ul{
	height:27px;text-align:center;margin:0px;padding:0px;
}

/*Top level list items*/
.VerticalHeader ul li{
	position: relative;
	display: inline;
	float: left; /*overall menu background color*/
	padding:1px;list-style:none;
}

/*Top level menu link items style*/
.VerticalHeader ul li a{
	display:inline-block;
	/*width: 90px; Width of top level menu link items*/
	padding: 1px 7px;
	color:#000;text-decoration:none;font-size:12px;font-weight:bold;
}
.VerticalHeader ul li a.first{
	background:url(images/bg-menu-top-sepa.gif) no-repeat 100% 50%;
}
.VerticalHeader ul li a.item
{
	background:url(images/bg-menu-top-sepa.gif) no-repeat 100% 50%;
}
.VerticalHeader ul li a.last{
}
.VerticalHeader ul li span{
	color:#000;
}	
/*1st sub level menu*/
.VerticalHeader ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.VerticalHeader ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.VerticalHeader ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.VerticalHeader ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: navy;
	text-decoration: none;
	padding: 1px 5px;
	border: 1px solid #ccc;
}

.VerticalHeader ul li a:hover{
	color:#CC0000;
}

/*Background image for top level menu list links */
.VerticalHeader .mainfoldericon{
	background: #F3F3F3 url(media/arrow-down.gif) no-repeat 99% 50%;
}

/*Background image for subsequent level menu list links */
.VerticalHeader .subfoldericon{
	background: #F3F3F3 url(media/arrow-right.gif) no-repeat 99% 50%;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .VerticalHeader ul li { float: left; height: 1%; }
* html .VerticalHeader ul li a { height: 1%; }

/*bottom menu*/
.VerticalFooter{background:url(images/bg-menu-bottom.gif) left top repeat-x;margin:0px;padding:0px;text-align:center;height:34px;}
.VerticalFooter ul{
	margin:0px;padding:3px 0px 4px 180px;text-align:center;list-style:none;display:block;
}

/*Top level list items*/
.VerticalFooter ul li{
	position: relative;
	display: inline;
	float: left; /*overall menu background color*/
	margin:0px;
	padding:0px;
}

/*Top level menu link items style*/
.VerticalFooter ul li a{
	display:inline-block;
	/*width: 90px; Width of top level menu link items*/
	padding:3px 12px 3px 7px;margin:0px;
	color:#000;text-decoration:none;font-size:10pt;font-weight:bold;
}
.VerticalFooter ul li a.item{background:url(images/bg-menu-top-sepa.gif) no-repeat 99% 50%;}
.VerticalFooter ul li a.first{background:url(images/bg-menu-top-sepa.gif) no-repeat 99% 50%;}
.VerticalFooter ul li a.last{}
.VerticalFooter ul li span{color:#000;}	
/*1st sub level menu*/
.VerticalFooter ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.VerticalFooter ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.VerticalFooter ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.VerticalFooter ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: navy;
	text-decoration: none;
	padding: 1px 5px;
	border: 1px solid #ccc;
}

.VerticalFooter ul li a:hover{
	color:#CC0000;
	text-decoration: none;
}

/*Background image for top level menu list links */
.VerticalFooter .mainfoldericon{
	background: #F3F3F3 url(media/arrow-down.gif) no-repeat 99% 50%;
}

/*Background image for subsequent level menu list links */
.VerticalFooter .subfoldericon{
	background: #F3F3F3 url(media/arrow-right.gif) no-repeat 99% 50%;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .VerticalFooter ul li { float: left; height: 1%; }
* html .VerticalFooter ul li a { height: 1%; }
#Navigator {margin:0px;padding:0px;}
#Navigator .footermenu {background:url(images/bg-menu-bottom.gif) left top repeat-x;margin:0px;padding:0px;height:34px;}
#Navigator .footermenu ul{margin:0px;padding:3px 0px 4px 10px;text-align:center;}
#Navigator .footermenu ul li{margin:0px;padding:3px 7px 3px 7px;display:inline;list-style:none;}
#Navigator .footermenu ul li a{color:#000;text-decoration:none;font-size:10pt;font-weight:bold;}
#Navigator .footermenu ul li a:hover{color:#CC0000;}
#Navigator .footermenu ul .sepa {margin:1px;padding:1px;display:inline;}
#Navigator .footermenu ul .sepa span{margin:0px;padding:2px;background:url(images/bg-menu-bottom-sepa.gif) center center no-repeat;width:5px;height:8px;}

/* CSS Menu Left */
#menu3level{color:#2D6BBD;width:198px;margin:-29px 2px 5px 0px;padding:0px;}
#menu3level #header {background:url(images/bg-menu-left-title.gif) left top repeat-x;height:29px;margin:0px;padding:0px;display:block;}
#menu3level #header .text{margin:0px;padding:4px 0px 4px 12px;color:#000;font-size:12px;font-weight:bold;height:20px;display:block;text-align:center;}
#menu3level #body{margin-bottom:3px;}
#menu3level #body .l1 {background:#f9f6f6 url(images/icon-menu-left-1.gif) 5px center no-repeat;display:block;height:30px;border-bottom:dotted 1px #2D6BBD;}
#menu3level #body .l1 a {color:#2d6bbd;text-decoration:none;display:block;height:20px;padding:5px 2px 5px 24px;font-size:12px;font-weight:bold;}
#menu3level #body .l1 a:hover {background:#f9f6f6 url(images/icon-menu-left-2.gif) 5px center no-repeat;text-decoration:none;color:#cc0000;}

#menu3level #body .l2 {background:url(images/icon-menu-left-2.gif) 15px center no-repeat;display:block;height:30px;border-bottom:dotted 1px #2D6BBD;}
#menu3level #body .l2 a {color:#2d6bbd;text-decoration:none;font-size:12px;display:block;height:19px;padding:6px 2px 5px 32px;}
#menu3level #body .l2 a:hover {background:url(images/icon-menu-left-1.gif) 15px center no-repeat;text-decoration:none;color:#cc0000;}

#menu3level #body .l3 {background:url(images/bg_mn_left_c3-.jpg) no-repeat;display:block;margin:0px;padding:0px;height:30px;border-bottom:dotted 1px #2D6BBD;}
#menu3level #body .l3 a {color:#2d6bbd;text-decoration:none;font-size:12px;padding:4px 2px 4px 35px;display:block;}
#menu3level #body .l3 a:hover {text-decoration: underline;}

/*menu*/
.menu-hoziroltal{  
  width:798px;
 /* width:75%;
  float:right;
  margin:20px 0 0 55px;*/
}
/*html .menu{ margin:36px 0 0 55px;}*/

.menu-hoziroltal ul{
  padding: 0;
  margin:0px;
  background:#003949;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  position:absolute;
  font-size:14px;
  z-index:77;
  width:780px;
  /*width:730px;*/
}


/*Top level list items*/
.menu-hoziroltal ul li{
  position:relative;
  float: left;
  text-align:left;
  border:solid 1px #fff;
}

/*Top level menu link items style*/
.menu-hoziroltal ul li a{
  display: block;
  /*width: 160px; Width of top level menu link items*/
  padding: 1px 0px;
  margin:0 2px;
  text-decoration: none;
  color: #ffffff;
}

/*1st sub level menu*/
.menu-hoziroltal ul li ul{
  left: 0;
  text-align:left;
  position: absolute;
  background:none;
  display: block;
  width:160px;
  visibility: hidden;
  font-size:10pt;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu-hoziroltal ul li ul li{
  display: list-item;
  float: left;
  margin:0px;
}


/*All subsequent sub menu levels offset after 1st level sub menu */
.menu-hoziroltal ul li ul li ul{ 
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

.menu-hoziroltal ul li ul li ul li{
  display: list-item;
  float: none;
  margin:0px;
}


/* Sub level menu links style */
.menu-hoziroltal ul li ul li a{
  display: block;
  width: 185px; /*width of sub menu levels*/
  height:20px;
  text-decoration: none;
  border:1px solid #c4c4c4;
  border-bottom:0px; 
  padding: 1px 5px;     
  background:#5B5B5B;
  color:#ffffff;
}

.menu-hoziroltal ul li a:hover{
  color: #eaeaea;
}

.menu-hoziroltal ul li ul li a:hover{
  background: #00334C;
  color: #FFFFFF;
}


/*Background image for top level menu list links */
.menu-hoziroltal .mainfoldericon{
}

/*Background image for subsequent level menu list links */
.menu-hoziroltal .subfoldericon{
  background:#5B5B5B ;
  color:#ffffff;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows tree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

* html .menu-hoziroltal ul li { float: left; height: 1%;}
* html .menu-hoziroltal ul li a { height: 1%;}
* html .menu-hoziroltal ul li ul li { float: left;}
* html .menu-hoziroltal ul li ul li ul li { float: left;}
/* End */

/* ######### CSS for top level tabs ######### */

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
	overflow: hidden;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenuclass li{
	float: left;	
}

.tabsmenuclass a{
	display: block;
	padding: 5px 7px;
	background: #E8E8E8;
	color: black;
	margin-right: 1px;
	text-decoration: none;
	font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
	background: black;
	color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
	clear: left;
	background: #E8E8E8;
	width: 90%;
	height: 24px;
	padding: 5px;
	border: 1px solid silver;
}

.tabsmenucontentclass ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabsmenucontentclass li{
	float: left;
	margin-right: 1em;
}
/*horizontal menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#menuclientexpand{color:#2D6BBD;width:178px;margin:0px 2px 5px 0px;padding:0px;}
#menuclientexpand #header {background:url(images/bg-menu-left-title.gif) left top repeat-x;height:29px;margin:0px;padding:0px;display:block;}
#menuclientexpand #header .text{margin:0px;padding:4px 0px 4px 12px;color:#000;font-size:12px;font-weight:bold;height:20px;display:block;text-align:center;}
#menuclientexpand #body{margin-bottom:3px;}
.menupopupdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 178px; /* Width of Menu Items */
	text-align:left;
}
	
.menupopupdiv ul li{
	position: relative;
	background:#f9f6f6 url(images/icon-menu-left-1.gif) 5px center no-repeat;display:block;min-height:28px;border-bottom:dotted 1px #2D6BBD;
}
.menupopupdiv ul li ul li{
	position: relative;
	background:#f9f6f6;display:block;min-height:30px;border-bottom:dotted 1px #2D6BBD;
}	
/*Sub level menu items */
.menupopupdiv ul li ul{
	position: absolute;
	width: 170px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	border:solid 1px #c0c3c3;
}

/* Sub level menu links style */
.menupopupdiv ul li a{
	display: block;
	 /*overflow: auto; force hasLayout in IE7 */
	color:#2d6bbd;text-decoration:none;min-height:20px;padding:8px 2px 5px 24px;font-size:12px;font-weight:bold;
}
.menupopupdiv ul li ul li a{
	display: block;	
	/*force hasLayout in IE7 */
	color:#2d6bbd;text-decoration:none;min-height:20px;padding:5px 2px 5px 12px;font-size:12px;font-style:normal;
}
.menupopupdiv ul li ul li ul li a{
	display: block;	
	/*force hasLayout in IE7 */
	color:#2d6bbd;text-decoration:none;min-height:20px;padding:5px 2px 5px 12px;font-size:12px;font-style:normal;
}
.menupopupdiv ul li a:visited{
	color:#2d6bbd;
}

.menupopupdiv ul li a:hover{
	background:#f9f6f6 url(images/icon-menu-left-2.gif) 5px center no-repeat;text-decoration:none;color:#cc0000;
}
.menupopupdiv ul li ul li a:hover{
	background:#f9f6f6;text-decoration:none;color:#cc0000;
}
.menupopupdiv ul li ul li ul li a:hover{
	background:#f9f6f6;text-decoration:none;color:#cc0000;
}
.menupopupdiv .subfolderstyle{
	background: url(images/arrow-list.gif) no-repeat 99% 50%;
}

	
/* Holly Hack for IE \*/
* html .menupopupdiv ul li { float: left; height: 1%; }
* html .menupopupdiv ul li a { height: 1%; }
/* End */
/*vertical menu*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*vertical menu*/
#verticalmenu {width:450px;}

#verticalmenu #header {background:url(images/left_bgbox.jpg) left bottom repeat-x;padding:3px 0px 7px 10px;height:15px;margin:0px;border-right:solid 1px #0d0fb2;text-align:left;}
#verticalmenu #header .text{color:#fff;font-size:8pt;font-weight:bold;text-align:left;text-transform:uppercase;}
#verticalmenu ul {margin:0px 14px 0px 14px;width:180px;padding:0px;list-style:none;background:url(images/menu_bgright.jpg) right bottom no-repeat;}
#verticalmenu ul .item {height:23px;list-style:none;background:url(images/bg_menu_main_item_blue.gif) left center no-repeat;padding:3px 0px 3px 19px;margin:0px;text-align:left;vertical-align:middle;}
#verticalmenu ul .item a {color:#2367ff;font-size:12px;font-weight:bold;padding:0px; margin:0px;}
#verticalmenu ul .item a:hover {text-decoration:underline;}
#verticalmenu ul .sepa {padding:0px;height:2px;display:inline;}
#verticalmenu ul .sepa p{margin:0px 0px 0px 20px;display:block;height:2px;border-top:solid 1px #e2e2e2;}

.verticalpopupmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.verticalpopupmenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.verticalpopupmenu ul li a{
	display: block;
	/*width: 90px; Width of top level menu link items*/
	padding: 1px 8px;
	border: 1px solid black;
	border-left-width: 0;
	text-decoration: none;
	color: navy;
}
	
/*1st sub level menu*/
.verticalpopupmenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.verticalpopupmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.verticalpopupmenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.verticalpopupmenu ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: navy;
	text-decoration: none;
	padding: 1px 5px;
	border: 1px solid #ccc;
}

.verticalpopupmenu ul li a:hover{
	background-color: black;
	color: white;
}

/*Background image for top level menu list links */
.verticalpopupmenu .mainfoldericon{
	background: #F3F3F3 url(media/arrow-down.gif) no-repeat 99% 50%;
}

/*Background image for subsequent level menu list links */
.verticalpopupmenu .subfoldericon{
	background: #F3F3F3 url(media/arrow-right.gif) no-repeat 99% 50%;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .verticalpopupmenu ul li { float: left; height: 1%; }
* html .verticalpopupmenu ul li a { height: 1%; }
/* End */
/*drop line menu*/
#pad {height:140px;}
/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropline {padding:0 0 0 30px; margin:0 0 0 3px; list-style:none; height:80px; background:url(images/ulback.gif) repeat-x; position:relative;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:40px; line-height:40px; padding:0 20px 0 0; float:left; color:#fff; text-decoration:none; font-family:tahoma, sans-serif; font-size:12px;}
#dropline li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {background:url(images/tab_a.gif) no-repeat right top; line-height:36px; height:44px}
#dropline li a:hover b {background:url(images/tab_b.gif) no-repeat left top; line-height:36px;}

#dropline li:hover > a {background:url(images/tab_a.gif) no-repeat right top; line-height:36px; height:44px}
#dropline li:hover > a b {background:url(images/tab_b.gif) no-repeat left top; line-height:36px;}

#dropline ul {padding:0; margin:0; list-style:none; position:absolute; height:25px; width:700px; background:#f8f8f8; left:-9999px; top:44px; z-index:10; border-bottom:1px solid #fff;}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; border-right:1px solid #e60; font-weight:bold; font-size:11px;}
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#c60;}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}


#dropline :hover ul {left:0;}

#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:url(tab_a.gif) no-repeat right top; line-height:36px; height:44px}
#dropline li.current a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}


