/* The content in the right panel */
/* User panels reside within this */
DIV.LeftParent {
position: absolute;
top: 0px;
left: 0px;
width: 310px;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 3px;
visibility: visible;
/* background-color: #FFFF99; */  /* Light Yellow */
}


/* The top, primary menu */
DIV.MainMenu {
position: relative;
/* left: 0px; */
/* top: 0px; */
/* width: 310px;  */
/* height: 65px; */
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
border: 1px;
border-width: 1px;
border-style: solid;
color: green;
font-weight: bold;
text-align: center;
padding: 0px;
visibility: visible;
/* background-color: #FFFFFF; */  /* white */
}


DIV.LeftPanel {
position: relative;
/* left: 0px; */
/* top: 70px; */
/* width: 310px; */
overflow: hidden;
/* overflow: -moz-scrollbars-vertical; */
overflow-x: hidden;
overflow-y: hidden;
border: 0px;
border-width: 0px;
border-style: solid;
visibility: visible;
height: 100%;
/* background-color: #EEFFFF; */  /* cyan */
}

DIV.MainContent {
position: absolute;
left: 0px;
top: 0px;
height: 100%; 
width: 310px;
overflow: scroll;
/* overflow: -moz-scrollbars-vertical; */
overflow-x: hidden;
overflow-y: hidden;
border: 0px;
border-width: 0px;
border-style: solid;
visibility: hidden;
/* background-color: #CCFF66; */  /* lightgreen */
}



/* The user defined panels. Contained within LeftDiv */
DIV.UserParent {
position: absolute;

left: 0px;
top: 24px;
width: 310px;
height: 100%;
overflow:hidden;
overflow-x: hidden;
overflow-y: hidden;
border: 0px;
border-width: 0px;
visibility: visible;
/* background-color: #99FFFF; */  /* cyan */
}


/* The user defined panels. Contained within LeftDiv */
DIV.UserContent {
position: absolute;
/* left: 0px; */
top: 0px;
width: 310px;
height: 100%;
overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
border: 0px;
border-width: 0px;
visibility: hidden;
/* background-color: #99FFFF; */  /* cyan */
}

/* The user defined panels. Contained within LeftDiv */
DIV.AuthorParent {
position: relative;
top: 0px;
width: 310px;
border: 0px;
border-width: 0px;
visibility: visible;
}


/* The user defined panels. Contained within LeftDiv */
DIV.AuthorContent {
position: absolute;
/* left: 0px; */
top: 0px;
width: 310px;
border: 0px;
border-width: 0px;
visibility: hidden;
}

/* Author Menu items */
DIV.AuthorMenuClass {
position: relative;
left: 0px;
top: 0px;
width: 310px;
overflow: auto;
border: 0px;
padding: 0px;
visibility: visible;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 12px;
/* background-color: #CC99FF; */  /* lightpurple */
}


/* User Menu items */
DIV.UserMenu {
position: absolute;
left: 0px;
top: 0px;
width: 310px;
overflow: auto;
border: 0px;
padding: 0px;
visibility: visible;
/* background-color: #CC99FF; */  /* lightpurple */
}

/* The DIV containing the Jmol Applet */
DIV.JmolApp {
position: absolute;
margin-left: 314px;
margin-bottom: 0px;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
border: 0px;
border-width: 0px;
border-style: solid;
padding: 0px;
visibility: visible;
z-index: 1;
/* background-color: #00EEEE; */
}

/* for the Jmol applet */
DIV.appletCssClass {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
margin-right: 314px;
margin-left: 0px;
margin-bottom: 0px;
width: 100%;
border: 0px;
padding: 0px;
visibility: visible;
z-index: 2;
}

/* for line at bottom of display */
DIV.BottomRight {
position: absolute;
right: 0px;
bottom: 0px;
border: 0px;
padding: 0px;
visibility: visible;
z-index: 4;
margin-right: 10px;
}

/* for line at bottom of display */
DIV.BottomLeft {
position: absolute;
left: 0px;
bottom: 0px;
border: 0px;
padding: 0px;
visibility: visible;
z-index: 3;
}

/* for line at bottom of display */
.TopForm {
z-index: 8;
}

/* Tag line describing the molecule */
SPAN.compnd {
font-size: 9px;
line-height: 8pt;
}

/* Tag line describing the molecule */
SPAN.TagLine {
font-size: 9px;
line-height: 8pt;
}

/* Select tag */
.SelectTag {
font-size: 10px;
width: 59px;
}

.formstyl {
font-size: 10px;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
z-index: 9;
}

.formstylTiny {
font-size: 9px;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

/* The following are for fields with default values */
.FilledFieldClass {
	 color: #000000; 
}

.PromptFieldClass {
	font-style: italic;
	color: #700000; 
}

div.popdiv {
	display: none;
	font-size: 11px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top: 0px;
	margin-bottom:0px;
}

span.tooltipclass {
	color: #0000FF; 
	cursor: help;
	text-decoration: none;
}