/*
 * Interactive Web-Based Pointillist Visualization of Hydrogenic Orbitals Using Jmol
 *
 * Shane P. Tully, Thomas M. Stitt, Robert D. Caldwell, Brian J. Hardock, 
 * Robert M. Hanson, and Przemyslaw Maslak
 *
 * Department of Chemistry, the Pennsylvania State University, University
 * Park, PA 16802, and Department of Chemistry, St. Olaf College, Northfield,
 * MN 55057
 */


/* Overall page ID's */
body {
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
	font-size: 80%;
}

input {
   font-family: Verdana, Arial, sans-serif;
}

/* Only for Drupal */
.node {
   overflow-x: auto !important;
}
   
#monteCarlo {
   min-width: 1000px;
   min-height: 800px;
}

.wrapperTop {
   width: 85%;
   margin: 0 auto;
}

.wrapperBottom {
   width: 91%;
   margin: 0 auto;
}

.controlDivs {
   height: 178px;   
}

.controlDivsMarginLeft {
   padding-left: 10px;
}

.controlDivsMarginRight {
   padding-right: 10px;
}



/* General classes */
.textRight {
   text-align: right;
}

.borderRight {
   border-right: 2px solid #333333;
}

.monospace {
   font-family: monospace;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.clearFloat {
   clear: both;
}

.inline {
   display: inline;
}

.inline-block {
   display: inline-block;
}

.greyBg {
   background: #D6D6D6;
}

.orbitalInput {
   width: 25px;
}

.pointsInput {
   width: 50px;
}

.extentInput {
   width: 35px;
}




/* Page ID's in rough order of position on page */
#jmol {
   padding-right: 30px;
}

#flot {
   padding-left: 30px;
}

#flotGraph {
   width: 350px;
   height: 350px;
}

#transparencyPlusLabel {
   position: relative;
   bottom: 8px;
}

.menuSlider {
   width: 62%;
   margin-left: 8px;
   margin-right: 8px;
   margin-bottom: 5px;
}

.sliderLabel {
   font-weight: bold;
   font-size: 1.15em;
}

#extentBox {
   margin-left: 20px;
}

#mcRadius {
   padding-right: 10px;
}

#thRadius {
   padding-left: 10px;
}

#orbitalNameAndNodes {
   margin-left: 50px;
}

#calcMenu {
   cursor: wait;
   background-color: rgb(143, 133, 255) !important;  /* Fallback color for IE8 */
   background-color: rgba(143, 133, 255, 0.85) !important;
   position: relative;
   bottom: 120px;
   left: -40px;
   width: 175px; 
   height: 50px; /* Hey! Update the bottom attribute of calcMenuLabel if you change this! */
   padding: 10px;
   display: none;
   border: 2px solid #333333;
   overflow: hidden;
   z-index: 100;
   border-radius: 15px;
   box-shadow: #333333 2px 3px 3px;
}

#calcMenuLabel {
   position: relative;
   bottom: 20px; /* This value should be roughly half of the height of calcMenu */
   margin-left: 15px;
   font: 16px arial,sans-serif;
   font-weight: bold;
}

#orbitalLabels {
   margin-right: 5px;
   line-height: 200%;
}

.orbitalInput {
   width: 20px;
}

#nodeLabels {
   line-height: 27px;
}

#nodes {
   margin-top: 10px;
   margin-left: 60px;
}

#showOrbital {
   margin-left: 15px;
}

#nodeMenuLink {
   margin-left: 65px;
   color: #8F85FF !important;
}

#nodeMenu {
   cursor: move;
   background-color: rgb(143, 133, 255) !important;  /* Fallback color for IE8 */
   background-color: rgba(143, 133, 255, 0.85) !important;
   position: absolute;
   width: 350px; 
   height: 90px; 
   padding: 10px;
   display: none;
   font: 12px arial,sans-serif;
   border: 2px solid #333333;
   overflow: hidden;
   z-index: 100;
   border-radius: 15px;
   box-shadow: #333333 2px 3px 3px;
}

.nodeSlider {
   width: 40%;
   margin-left: 8px;
   margin-right: 8px;
}

#stepSize[disabled] {
   background-color: #FFFFFF;
}

#radialMarks {
   padding-left: 20px;
}







/* Superfish menu properties */
.sf-menu a {
   color: #333333 !important;
}

.sf-menu li {
   /* Blue background */
   background: #B9B3FF !important;
   /* Green background */
	/*background: #6A9915 !important;*/
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/* Blue background */
   background: #8F85FF !important;
   /* Green background */
   /*background: #7EB816 !important;*/
}