#userMenuContainer {margin: 10px 0 0 0;background-color:white;float:right;}

#userMenu { padding: 0 10px 0 20px; z-index: 2;position: relative;}

#userMenu #userMenuPanel {
  background-color: #BADBEF;
  margin: 0 0 2px 0;
  cursor: pointer; 
  cursor: hand;
  position: absolute;
  margin-left: -60px;
}
#userMenu .tl { background: url(../../images/panl-tl.gif) 0 0 no-repeat; padding-left: 4px; }
#userMenu .tr { background: url(../../images/panl-tr.gif) 100% 0 no-repeat; padding-top: 4px; }
#userMenu .bl { background: url(../../images/panl-bl.gif) 0 100% no-repeat; padding-left: 4px; }
#userMenu .br { background: url(../../images/panl-br.gif) 100% 100% no-repeat; }

#userMenu .signed {
  font: 0.6em/0.6em arial;
  color: #43A0BB;
  text-transform: lowercase;
  letter-spacing: -1px;
  margin: 0 26px 0 0;
  padding: 2px 0 1px 0;
}
#userMenu .name {
  font: 0.675em arial;
  font-weight: bold;
  text-transform: lowercase;
  margin: 0 26px 0 0;
  padding: 0 0 8px 0;
}
#userMenu #userMenuPanelArrow {
  width: 9px;
  height: 4px;
  position: absolute;
  bottom: 6px;
  right: 16px;
}
#userMenu #userMenuPanelArrow.down {  background: url(../../images/panl-dw.gif) no-repeat; }
#userMenu #userMenuPanelArrow.up { background: url(../../images/panl-up.gif) no-repeat; }

/*
17/03/2010:Increased width to 12.40em as of new function named "Search student timetable"
*/
#userMenu #userMenuDropdown {
  font: 0.75em arial;
  width: 12.40em;
  border: 1px #29A5CE solid;
  background-color: #BADBEF;
  position: absolute;
  top: 40px;
  right: 10px;
}
#userMenu #userMenuDropdown .option { color: #0A2B32; padding: 2px 7px 1px 4px; display: block; }
#userMenu #userMenuDropdown .option:hover { background-color: #EAF4FB; cursor: pointer; cursor: hand; }
#userMenu #userMenuDropdown .desc { font-size: 0.8em; font-style: italic; padding: 10px 3px 2px 2px; }