<style type="text/css">

.zzzsmall {
  font-family: sans-serif;
  font-size: 70%;
/*  margin: 0;*/
  font-weight: bold;
  line-height: 1.1;
/*  text-align: left;*/
  margin-left: .5cm;
}

.xMenu {
  margin:0; 
  padding:0;
}

/* center text*/
.displayx {
    display: block;
  text-align: center;
}

/* center images*/
img.displayx 
{
    display: block;
    margin-left: auto; 
    margin-right: auto;    
    vertical-align: middle 
}

/* center images*/
imgage.displayx 
{
    display: block;
    margin-left: auto; 
    margin-right: auto;    
    vertical-align: middle 
}
/* center vertically*/
DIV.containx {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle 
}

#lDisplay { left: 0px;  top: 0px; width: 150px; height: 440px; position:absolute; background: white; color:black;}
#rDisplay { left:151px; top: 0px; width: 570px; height: 440px; position:absolute; background: white; color: black;}

#lDisplaypn { left: 0px;  top: 0px; width: 150px; height: 440px; position:absolute; background: white; color:black;}
#rDisplaypn { left:151px; top: 0px; width: 570px; height: 440px; position:absolute; background: white; color: black;}

/***********************************/
.lformail{left:0px;   width:225px; text-align:right; color:Yellow; font-weight:bold;}
.rformail{left:225px; width:225px; text-align:left;  color:Yellow; font-weight:bold;}
/***********************************/

#button {
	width: 9em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;

	}
#button ul,
#button ul li,
#button li ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}	

#button li ul li span{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
background: blue;
		}
#button li,
#button li ul,
#button li ul li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
	
#button li a,
#button li ul a,
#button li ul li a {
		display: block;
		padding: 5px 0px 5px 0em;
		border-left: 0px solid #1958b7;
		border-right: 0px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 130px;
		}

	
#button li a:hover,
#button li ul a:hover,
#button li ul li a:hover {
		border-left: 0px solid #1c64d1;
		border-right: 0px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}
/***********************************/

#xm5 li a {
  text-align:right;
  font-size:x-small;
}
.xMenu li a, 
.xMenu li a:link, 
.xMenu li a:visited, 
.xMenu li a:active {
  background:transparent;
  display:block;
  text-decoration:none;
  margin:0; 
  padding:2px 0 2px 0;
  border-bottom:1px solid #ccc;
/*color:black;*/
color:black;
  font-weight: bold;
}

#clpsUL1 li a:hover {
/*  background:#FFF6F0;*/
 background:#000000;
color: white;
  display:block;
  border-bottom:1px solid #CFD4E6;
  text-decoration:none;
  margin:0; padding:1px 0 1px 0;
}
#xm5 li a:hover {
  background:#eef;
  display:block;
  border-bottom:1px solid #BF8660;
  text-decoration:none;
  margin:0; padding:2px 0 2px 0;
  text-align:right;
}

/************************ xCollapsible */

#clpsUL1 ul {
  margin:0; padding:0;
  border-left:1px solid #CFD4E6;
 /* background:#eef;*/
/*background:yellow; background fill*/
color: white;
  cursor:pointer;
}
#clpsUL1 li {
  margin:0px 0 0px 0;
  padding:2px 10px 2px 10px;
   list-style-type:none;
/* list-style-position:outside;  line-height: 1.1;  font-size:x-small; */
  font-family: sans-serif;
  font-size: 90%;
  font-weight: bold;
color:black;
}

#clpsUL1 span { /* label */
  display:block;
  font-weight:bold;
/*  padding:2px;  background:#CFD4E6;*/
  padding:2px;
background:#000000;
  cursor:pointer;
color:#FFFFFF; /*text in button*/
}

/************************************* xMenu5 */

#xm5 ul {
  position:relative;
  margin:0; 
  padding:0;
  border-right:1px solid #BF8660;
  background:#FFF6F0;
  cursor:pointer;
}
#xm5 li {
  position:relative;
  margin:0px 0 0px 0;
  padding:1px 10px 1px 10px;
  list-style-type:none;
}
.xMenuLbl {
  font-weight:bold;
  margin:0px; padding:2px;
  background:#BF8660;
  cursor:default;
  text-align:right;
  font-size:x-small;
}
.xMenuBtn {
  position:absolute;
  left:0px; top:1px;
  margin:0; padding:2px;
  font-weight:bold;
  background:#BF8660;
  cursor:pointer;
  width:1em;
  font-size:x-small;
}
/********************* Layout rules for the demo */
#demoContainer {
  position:relative;
  overflow:visible;
  margin:0; padding:0;
  height:300px;
}
#clpsUL1Container {
  left:0px; 
  top:0px;
  width:150px;
  position:absolute;
  overflow:visible;
  margin:0; 
  padding:0;
}
#clpsUL2Container {
  left:0px; 
  top:200px;
  width:150px;
  position:absolute;
  overflow:visible;
  margin:0; 
  padding:0;
}
#xm5Container {
  position:absolute;
  overflow:visible;
  margin:0; padding:0;
  left:300px; top:0;
  width:240px;
}
.btn {
  cursor:pointer;
  border-bottom:1px dotted #BF8660;
}

/************************ xCollapsible DIV #2 */

.clpsUL2 {
  width: 100%;
  margin: 1em 0 3em 0;
  padding: 0px 0.5em;
  position:relative;
  background: #fff none;
}

.clpsUL2 span { /* label */
  display:block;
  font-weight:bold;
  padding:2px;
  background:#CFD4E6;
  cursor:pointer;
}

.clpsUL2 li {
  margin: 0;
  padding: 0;
  float: left;

  position:relative;
  width: 7em;
  margin-right: 1em;
  margin-left:0;
  background: #fff none;
/*      background:transparent; */
  text-align: center;
}

.clpsUL2 a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.clpsUL2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

.clpsUL2 ul li ul {
  position:absolute;
  display:none;
  left:0; top:1.5em;
}
.clpsUL2 ul li ul li {
 /* color:#000;*/
color:#FFFFFF;
  background:#FFF6F0;
  border-left:1px solid #CFD4E6;
}

/******************************* second level */

.clpsUL2 ul li ul li ul {
  position:absolute;
  display:none;
  left:7em; top:0;
}
.clpsUL2 ul li ul li ul li {
  /*color:#000;*/
color:#FFFFFF;
  background:#FFF6F0;
  border-left:1px solid #CFD4E6;
}

</style>
