/*
Code licensed under the BSD License:
*/
#rocket {
    width:30em; /* arbitrary width */
    padding-left:120px;  /* X location of the yui- Content  map to nav width ***********************/
}

#rocket .yui-content {
      height:58em;   /*********************************Size of content   **************************/
      width:50em;   /*********************************Size of content   ***************************/
      padding:0.5em 1em;
}

/* override default tab width */
#rocket .yui-nav { 
	width:120px;   /*********************************Size of buttons   **************************/
	}  


.overlay { position:absolute;
	/* border:1px dotted black; */
	padding:5px;
	margin:10px;
	background:transparent;
	background:#000;
	z-Index: 2;
	opacity:1;
	filter:alpha(opacity=100);
}
/* .overlay .hd { border:1px solid red;padding:5px; }
.overlay .bd { border:1px solid green;padding:5px; }
.overlay .ft { border:1px solid blue;padding:5px; } */

.rocketmask {
	 background:transparent;
     position:absolute;
     x:0;
     y:0;
	 background-color:#000000; 
	 filter:alpha(opacity=90);	 
	 opacity:.8;
	 height:1024px; /* 100%; 800px; */
     padding:0em;  /* pad content container */
     width:1000px;      
     border-style: solid;
     border-width: 0px;  /* 1px to see */
     z-Index: 1;
     /* left: 0; */
 }

body {
    margin:0;
    font:small arial;
    color:#ff0;                          /*************************************Color of body text ********/
 
     background-repeat: no-repeat;
     background-position: left top;
     /*background-image: url(../image/back30.jpg);   /* Rocket with red letters */
     /* background-image: url(../image/back24.jpg);   /* Red Background  */
     background-image: url(../image/back31.jpg);   /* 3planet logo*/
     /* background-image: url(../image/back30.jpg);   /* Rocket with red letters */
  
    /* left: 0; */


}
a {
 color:#ff0;  /* COlor of LInks *******************************************************/
 }

#doc {
    margin:0px; /* 10px; */
}

ul, li {
    list-style:none;
    color:#fff;
}

form, p, ul, li, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

p {
    padding:1em 0;
}

h1 {
    color:#00f;
    font:bold 150% palatino, georgia;
}

h2 {
    font:bold 130% arial;
    margin:1em 0 0.5em;
}

#hd img {
    vertical-align:middle;
}

#hd h1 {
    display:inline;
    margin:0 0 0 20px;
    vertical-align:middle;
}

#examples li {
    padding:0.5em 1em;
}