/*
* variables:
*   @ulClassPref
*   @id
*   @mPadding1
*   @mBrdWidth1
*   @mBrdColor1
*   @mBkGndColor1
*   @mOpacity1_f
*   @mOpacity1_p
*   @mBrdWidth2
*   @mBrdColor2
*   @mBkGndColor2
*   @mOpacity2_f
*   @mOpacity2_p
*   @mPadding2
*   @itBkGndColor1n
*   @itBrdWidth1
*   @itBrdColor1n
*   @itPadding1
*   @itFont1n
*   @itFontHeight1n
*   @itFontStyle1n
*   @itFontWeight1n
*   @itFontDecor1n
*   @itFontColor1n
*   @itBkGndColor2n
*   @itBrdWidth2
*   @itBrdColor2n
*   @itPadding2
*   @itFont2n
*   @itFontHeight2n
*   @itFontStyle2n
*   @itFontWeight2n
*   @itFontDecor2n
*   @itFontColor2n
*   @itBkGndColor1o
*   @itBrdColor1o
*   @itFont1o
*   @itFontHeight1o
*   @itFontStyle1o
*   @itFontWeight1o
*   @itFontDecor1o
*   @itFontColor1o
*   @itBkGndColor2o
*   @itBrdColor2o
*   @itFont2o
*   @itFontHeight2o
*   @itFontStyle2o
*   @itFontWeight2o
*   @itFontDecor2o
*   @itFontColor2o
*   @mSepHeight2
*   @mSepImage2
*   @mSepColor2
*   @mSepHeight1
*   @mSepImage1
*   @mSepColor1
*   @frameSourceLR1
*   @frameSourceTB1
*   @frameSize1
*   @frameSourceLR2
*   @frameSourceTB2
*   @frameSize2
*
*/

/**
 * create menu
 * structure for vertical menu:
 *		<div - menu >
 *			<table>
 *				<tr - item>
 *					<td - for icon><img></td>
 *					<td - for label><a></a></td>
 *					<td - for arrow><img></td>
 *				</tr>
 *			</table>
 *		</div>
 * structure for horizontal menu:
 *		<div - menu >
 *			<table><tr>
 *				<td -item>
 * 					<table><td>
 *						<td - for icon><img></td>
 *						<td - for label><a></a></td>
 *						<td - for arrow><img></td>
  * 					</td></table>
 *				</td>
 *			</tr></table>
 *		</div>
  * popup - style for item with open submenu
 * over - selected item style
*/

/* css engine */
ul.vbULd1m71{
	list-style:none;
	margin: 0;
	padding:0;
	display:table;
}
*+html ul.vbULd1m71{
	float:left;
	display:inline;
	font-size:0;
}

*+html ul.vbULd1m71 li{
	display:inline;
	zoom:1;
}
* html ul.vbULd1m71 li,* html ul.vbULd1m71{float:left}
ul.vbULd1m71 li,ul.vbULd1m71 li *{
	white-space:nowrap;
	vertical-align:middle;
}
ul.vbULd1m71 li{
	display:table-cell;
}
ul.vbULd1m71 li a{
	margin:0 2px 0 2px;
}

ul.vbULd1m71 ul{
	display: none;
	position:absolute;
	left:-2px;
	top:100%;
	list-style:none;
	margin: 0;
	padding:0;
}
ul.vbULd1m71 ul ul{
	left:99%;
	top:0;
}
ul.vbULd1m71 li:hover,ul.vbULd1m71 li>div{position:relative;}
ul.vbULd1m71 li:hover>ul,ul.vbULd1m71 li:hover>div>ul{display:block;}
ul.vbULd1m71 ul.vbULd1m71 li{
	display:block;
	zoom:normal;
}

/* ----------------------------------------- */
/* --------------- Menu style -------------- */
/* ----------------------------------------- */
.vbULd1m71 table {
  border-collapse: separate;
  border-spacing: 0px;
}
.vbULd1m71 .mainMenu, .vbULd1m71 .subMenu  {
  overflow: visible;
  font-size: 1px;
  letter-spacing: 0px;
}
.vbULd1m71 .mainCont, ul.vbULd1m71{
  padding: 2px;					/*menu padding*/
  border: solid #9D9DA1;	/*menu border style*/
  border-width: 1px; 
  background-color: #FFFFFF;			/*menu background color*/
  opacity:1.00;					/* menu opacity */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);/* menu opacity */
} 
.vbULd1m71 .mainMenu {
  margin: 0px;								/*menu margin to next menu*/
}
.vbULd1m71 .subMenu {
  margin: 0px;
}
div.vbULd1m71 div.subMenu, .subContent, ul.vbULd1m71 ul{
  border: solid #575757;
  border-width: 1px;
  background-color: #FFFFFF;
  padding: 2px;
  opacity:1.00;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/* ----------------------------------------- */
/* ------------ Menu item style ------------ */
/* ----------------------------------------- */
.vbULd1m71 .vbItem,.vbULd1m71 .separator,.vbULd1m71 .separator td{
  font-size: 1px;
  padding: 0px;
}
.vbULd1m71 .mainMenu .vbItem,ul.vbULd1m71 li{
  cursor: pointer;							/*cursor style for item*/
  background-color:  #FFFFFF;	/*item background color*/
}
/* border defenition for submenu */
.vbULd1m71 .mainMenu .vbItem, .vbULd1m71 .subMenu .vbItem ,ul.vbULd1m71 li{border-style: solid}
.vbULd1m71 .mainMenu .vbItem td, .vbULd1m71 .subMenu .vbItem td {border-style: none}
.vbULd1m71 .mainMenu tr.vbItem, .vbULd1m71 .subMenu tr.vbItem {border-style: none}
.vbULd1m71 .mainMenu tr.vbItem td, .vbULd1m71 .subMenu tr.vbItem td {border-style: solid}

.vbULd1m71 .mainMenu .vbItem,.vbULd1m71 .mainMenu .vbItem td,ul.vbULd1m71 li{
  border-width: 1px; /*item border width*/
  border-color: #FFFFFF; /*item border color*/
}
.vbULd1m71 .mainMenu .vbItem td,ul.vbULd1m71 li{
  padding: 2px;						/*item padding size*/
  text-align: left;								/*center | justify | left | right*/
  font-family: verdana;						/*item font family */
  font-size: 11px;				/*item font size */
}
.vbULd1m71 .mainMenu .vbItem td a,.vbULd1m71 .mainMenu .vbItem td span{
  font-style: normal;					/*normal | italic | oblique*/
  font-weight: normal;				/*bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
  text-decoration: none;				/*blink | line-through | overline | underline | none*/
  color: #000000;						/*item text color */
}
/* dublicate for prevent conflict with ie6 */
ul.vbULd1m71>li>a{
  font-style: normal;					/*normal | italic | oblique*/
  font-weight: normal;				/*bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
  text-decoration: none;				/*blink | line-through | overline | underline | none*/
  color: #000000;						/*item text color */
}

.vbULd1m71 .subMenu .vbItem,ul.vbULd1m71 ul li{
  cursor: pointer;
  background-color:  #FFFFFF;
}
.vbULd1m71 .subMenu .vbItem,.vbULd1m71 .subMenu .vbItem td,ul.vbULd1m71 ul li,ul.vbULd1m71 ul .separator:hover{
  border-width: 1px;
  border-color: #FFFFFF;
}
.vbULd1m71 .subMenu .vbItem td,ul.vbULd1m71 ul li{
  padding: 2px;
  text-align: left;
  font-family: verdana;
  font-size: 11px;
}
.vbULd1m71 .subMenu .vbItem td a,.vbULd1m71 .subMenu .vbItem td a,ul.vbULd1m71 ul a{
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
 }

/* ----------------------------------------- */
/* ------------Over item style ------------ */
/* ----------------------------------------- */
.vbULd1m71 .mainMenu .popup, .vbULd1m71 .mainMenu .over, .vbULd1m71 .mainMenu .popup td, .vbULd1m71 .mainMenu .over td,ul.vbULd1m71 li:hover{
  background-color: #FF0000;	/* item background color */
  border-color: #FF0000;		/*item border color */
}
.vbULd1m71 .mainMenu .popup td, .vbULd1m71 .mainMenu .over td{
  font-family: verdana;					/* item font family */
  font-size: 11px;		/* item font size */
  font-style: normal;			/*normal | italic | oblique*/
  font-weight: normal;		/*bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
}
.vbULd1m71 .mainMenu .popup td a, .vbULd1m71 .mainMenu .over td a{
  font-style: normal;			/*normal | italic | oblique*/
  font-weight: normal;		/*bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
  text-decoration: none;		/*  blink | line-through | overline | underline | none*/
  color: #FFFFFF;				/*item text color */
}
ul.vbULd1m71>li:hover>a{
  font-family: verdana;					/* item font family */
  font-size: 11px;		/* item font size */
  font-style: normal;			/*normal | italic | oblique*/
  font-weight: normal;		/*bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
  text-decoration: none;		/*  blink | line-through | overline | underline | none*/
  color: #FFFFFF;				/*item text color */
}

.vbULd1m71 .subMenu .popup, .vbULd1m71 .subMenu .over, .vbULd1m71 .subMenu .popup td, .vbULd1m71 .subMenu .over td,ul.vbULd1m71 ul li:hover{
  background-color: #FF0000;
  border-color: #FF0000;
}
.vbULd1m71 .subMenu .popup td, .vbULd1m71 .subMenu .over td{
  font-family: verdana;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}
.vbULd1m71 .subMenu .popup td a, .vbULd1m71 .subMenu .over td a{
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}
ul.vbULd1m71 ul li:hover>a{
  font-family: verdana;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}