/* ########################################################
   ##########     DEFAULT ENDUSER MENU STYLE     ##########
   ######################################################## */
   
/* #########   TOP MENU BAR   ######### */   
/* ## style for top menu bar ## */
.menuTable {
/* top line and bottom line of the menu bar*/
border-style: solid;
border-width: 1px 0px 1px 0px;
border-color: #BBB; /* light grey */
margin:0 0 0 0; padding:0;
/* background of the menu bar */
background: white; 
}
/* ## style for top menu item, "Prepaid Card", "Profile", "Logo", "Help" ## */
div.chromestyle ul li{
display: inline;
font-family: Arial;
}
div.chromestyle ul li a{
color: #000000;
padding-bottom: 0px; 
padding-left: 14px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #696969; /* dark grey */ 
font-family: Arial;
}
/* text turns to black when mouseover */
div.chromestyle ul li a:hover { 
  	font-family: Arial;
  	font-size: 12px; 
  	color: black;
  	font-weight: bold;
  	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; 
border-bottom-width: 0;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: none;
color: #696969;
line-height:18px;
z-index:100;
background-color: #F5F5F5; /* Default menu background is light grey */
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; 
padding: 2px 0;
text-decoration: none;
font-weight: none;
color: black;
font-size: 11px;
}
/* style for each drop-down menu item, eg. "Reload" under "Prepaid Card" */
.dropmenudiv a:link { 
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; 
padding: 2px 0;
text-decoration: none;
font-weight: none;
color: black; /* text color is black */
font-size: 11px;
}
.dropmenudiv a:visited { 
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB;
padding: 2px 0;
text-decoration: none;
font-weight: none;
color: black;
font-size: 11px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
/* menu background changes to light blue when mouseover */
.dropmenudiv a:hover{ 
background-color: #B0C4DE; /* light blue */
color: black;
font-weight: none;
}