<style type='text/css'>

/* v3.css
   cross-browser.com
*/
.xPopupMenu .mnuBox a:link, .xPopupMenu .mnuBox a:visited, .xPopupMenu .mnuBox a:active {
  color:#596380; background:transparent; /* #CFD4E6; */
}
.xPopupMenu .mnuBox a:hover {
  color:#596380; background:#CCA78F;
}

.mnuOpt a:link {
  color:#CCA78F; background:#CCA78F; /* 727EA3; */
  text-decoration:none;
  display:inline;
  width:100%;
}
.mnuOpt a:visited, .mnuOpt a:active {
  color:#596380; background:#727EA3;
  text-decoration:none;
  display:inline;
  width:100%;
}
.mnuOpt a:hover {
  color:#596380; background:#CCA78F;
  text-decoration:none;
  display:inline;
  width:100%;
}

.xPopupMenu .mnuOpt a:link, .xPopupMenu .mnuOpt a:visited, .xPopupMenu .mnuOpt a:active {
  color:#596380; background:#CFD4E6;
}
.xPopupMenu .mnuOpt a:hover {
  color:#596380; background:#CCA78F; /* CCA78F; */
}

/* Objects */

.xToolbar {
  position:absolute; overflow:hidden;
  background:transparent;
  width:24px;
}

.xButton {
  overflow:hidden;
  margin:2px;
  width:16px; height:14px;
  color:#596380; background:#CFD4E6;
  font-size:xx-small;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  border-left:1px solid #CFD4E6;
  border-top:1px solid #CFD4E6;
  border-right:1px solid #CCA78F;
  border-bottom:1px solid #CCA78F;
}
.xButtonHover {
  overflow:hidden;
  margin:2px;
  width:16px; height:14px;
  color:#CFD4E6; background:#CCA78F;
  font-size:xx-small;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  border:1px solid #CCA78F;
}

.xPopupMenu {
  position:absolute;
  color:#596380; background:#FFF; /* CFD4E6; */
  margin:0; padding:3px;
  border:1px outset #596380;
}

<style type='text/css'>
button {
  margin-right: 10px;
}

/* The xFenster class has two purposes:
   1. It is for the static div or iframe. Specify 'downgrade' styles here.
   2. The xFenster's initial size will be taken from the size specified here.
*/

.xFenster {
  width:500px;
  height:160px;
  overflow:auto;
  border:1px solid #394360;
}

/* These styles are dynamically assigned by xFenster.
   Do not apply them to any html.
*/

.xfCon { /* overall container */
  position:absolute;
  visibility:hidden;
  overflow:hidden;
  margin:0;
  padding:0;
  font-size:x-small;
  color:#000;
  /*background:#ccc; /*#596380;*/
  /*background: url(../images/bg_plasma3.jpg) no-repeat; */
  filter:alpha(opacity:90);
  KHTMLOpacity:0.80;
  MozOpacity:0.80;
  opacity:0.80;
  cursor:default;
  border:1px solid #394360;
}

.xfCon2 { /* overall container */
  position:absolute;
  visibility:hidden;
  overflow:hidden;
  margin:0;
  padding:0;
  font-size:x-small;
  color:#000;
  background:#ccc; /*#596380;*/
  /*background: url(../images/bg_plasma3.jpg) no-repeat; */
  filter:alpha(opacity:100);
  KHTMLOpacity:1.0;
  MozOpacity:1.0;
  opacity:1.0;
  cursor:default;
  border:1px solid #394360;
}

.xfTBar { /* titlebar default */
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  font-weight:normal;
  color:#000;
  background:#99a3c0;
  cursor: move;
  border-bottom:1px solid #394360;
}
.xfTBarF { /* titlebar focused */
  position:absolute;
  left:0;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  font-weight:bold;
  color:#fff;
  background:#596380;
  cursor: move;
  border-bottom:1px solid #394360;
}
.xfSBar { /* statusbar default */
  position:absolute;
  left:0;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  color:#000;
  background:#99a3c0;
  cursor: pointer;
  border-top:1px solid #394360;
}
.xfSBarF { /* statusbar focused */
  position:absolute;
  left:0;
  overflow:hidden;
  font-size:x-small;
  margin:0;
  padding:1px 4px;
  color:#000;
  background:#596380;
  cursor: pointer;
  border-top:1px solid #394360;
}
.xfMIco { /* maximize/restore icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:16px;
  top:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  background-image:url(../images/xf_maxres_icon.gif);
}
.xfCIco { /* close icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:1px;
  top:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  background-image:url(../images/xf_close_icon.gif);
}
.xfRIco { /* resize icon */
  position:absolute;
  overflow:hidden;
  font-size:x-small;
  right:1px;
  bottom:1px;
  width:12px;
  height:12px;
  margin:0;
  padding:0;
  background:transparent;
  cursor: se-resize;
  background-image:url(../images/xf_resize_icon.gif);
}
.xfClient { /* The 'client area' can be an IFRAME or a DIV */
  position:absolute;
  left:0;
  margin:0;
  padding:0;
  border:none;
}
</style>
