/* 
  =============================================================
  now here are the styles specific to the functionality of this 
  experiment's links 
*/

/*
  style the list which contains the links
*/
ul#cmd {
  margin : 5px;
  list-style-type : none;
  font-size : 90%;
  padding-left: 00px;
}

/* 
  this could be applied to the links, but IE needs this on <li>
*/
ul#cmd li {
  margin-bottom : 5px;
}

/*
  static link styling
*/
ul#cmd a {
  position : relative; /* to create a new positioning baseline */
  /*width : 145px;
  height : 4em;
  display : block;
  padding : 5px;
  padding-right : 0;
  border : 1px solid #669900;
  background : #ddd url(images/cmd_linkback.jpg) repeat-x;
  color : #669900; 
  text-decoration : none;*/
  font-weight : bold;
  cursor : pointer;
}

/*
  styles for the span (kept opff screen until needed
*/
ul#cmd a span {
  position : absolute;
  top : -9000px;
  left : -9000px;
  display : block;
  width : 260%;
  height : 6em; /* to make the text resizable but do allow room */
  background : #fafafa url(images/greengrad2.jpg) repeat-x;
  border : 2px solid #669900;
  /* border-left : 2px; */
  padding : 5px;
  padding-left : 23px;
  text-indent : -17px;
  cursor : pointer; /* needed for opera */
  color : #cc9900;
}

/* 
  hover/focus styles of link
*/
ul#cmd a:hover, ul#cmd a:focus, ul#cmd a:active {
  background : #fafafa url(images/cmd_linkback_on.jpg) repeat-x;
  color : #000;
}

/*
  re-postion the pre-styled span on hover/focus
*/
ul#cmd a:hover span, ul#cmd a:focus span, ul#cmd a:active span {
  top : -115px;
  left : 125px;
  z-index: 20;
}

/* End Styles */