/*the whole area css*/
.MenusTable
{
	width:100%;	
	border:0px;	
}

/*the sub menus area css*/
.SubMenusTable
{
	
}

.MenuHdrNormal /*normal head*/
{ 
  width: 120px;
  font-size: 13px; padding-left: 10px; font-weight: bold; padding-bottom: 2px; 
  background-color: white; color:#a87f3f; padding-top: 2px; cursor: pointer
}

.MenuHdrDisable /*disable head*/
{
  width: 120px;
  font-size: 13px; padding-left: 10px; font-weight: bold; padding-bottom: 2px; 
  background-color: white; color:Gray; padding-top: 2px; cursor: default
}

.MenuHdrSel
{
  width: 120px;
  background-image: url(images/mark.gif)!Important;  
  background-position: left;
  background-repeat: no-repeat;  
  font-size: 13px; padding-left: 10px; font-weight: bold; padding-bottom: 2px; 
  background-color: #4cb9f2; color:white; padding-top: 2px; cursor: pointer;
  padding-left:20px;
}


/*normal item*/
.MenuItemNormal
{
  width: 120px;
  font-size: 12px; padding-left: 20px; font-weight: normal; padding-bottom: 2px;
  background-color: #ffffff; color: #3f3f3f; padding-top: 2px; cursor: pointer
}
/*disable item*/
.MenuItemDisable
{
  width: 120px;
  font-size: 12px; padding-left: 20px; font-weight:normal; padding-bottom: 2px;
  background-color: #ffffff; color:Gray; padding-top: 2px; cursor: default
}

.MenuFinished
{
  background-image: url(images/ok.gif);
  background-position: left;
  background-repeat: no-repeat;
}

/*item seleced*/
.MenuItemSel
{
  width: 120px;
  background-image: url(images/mark.gif)!Important;
  background-position: left;
  background-repeat: no-repeat;
  font-size: 12px; font-weight:normal; padding-bottom: 2px;
  background-color: white; padding-top: 2px; cursor: pointer;
  padding-left:20px;
}

.MenuItemMouseOver
{
  background-color: #b3ecfa!Important; color:Black;
}

.MenuHR
{
	cursor: default; height:1px; color: #bfd7ec;
}