/*
* 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.vbULgd6mi{
	list-style:none;
	margin: 0;
	padding:0;
	display:table;
}
*+html ul.vbULgd6mi{
	float:left;
	display:inline;
	font-size:0;
}

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


/* ----------------------------------------- */
/* --------------- Menu style -------------- */
/* ----------------------------------------- */
.vbULgd6mi table {
  border-collapse: separate;
  border-spacing: 0px;
}
.vbULgd6mi .mainMenu {
  overflow: visible;
  font-size: 1px;
  letter-spacing: 0px;
}
.vbULgd6mi .mainCont, ul.vbULgd6mi{
  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 */
} 
.vbULgd6mi .mainMenu {
  margin: 0px;								/*menu margin to next menu*/
}

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

.vbULgd6mi .mainMenu .vbItem,.vbULgd6mi .mainMenu .vbItem td,ul.vbULgd6mi li{
  border-width: 1px; /*item border width*/
  border-color: #FFFFFF; /*item border color*/
}
.vbULgd6mi .mainMenu .vbItem td,ul.vbULgd6mi li{
  padding: 2px;						/*item padding size*/
  text-align: left;								/*center | justify | left | right*/
  font-family: Tahoma;						/*item font family */
  font-size: 11px;				/*item font size */
}
.vbULgd6mi .mainMenu .vbItem td a,.vbULgd6mi .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.vbULgd6mi>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 */
}


/* ----------------------------------------- */
/* ------------Over item style ------------ */
/* ----------------------------------------- */
.vbULgd6mi .mainMenu .popup, .vbULgd6mi .mainMenu .over, .vbULgd6mi .mainMenu .popup td, .vbULgd6mi .mainMenu .over td,ul.vbULgd6mi li:hover{
  background-color: #DBDFCE;	/* item background color */
  border-color: #DBDFCE;		/*item border color */
}
.vbULgd6mi .mainMenu .popup td, .vbULgd6mi .mainMenu .over td{
  font-family: Tahoma;					/* 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*/
}
.vbULgd6mi .mainMenu .popup td a, .vbULgd6mi .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.vbULgd6mi>li:hover>a{
  font-family: Tahoma;					/* 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 */
}






