/* css by nand Nerd */
/* CSS specific to particlesystem.php */
#title {
	font-size: 24px;
	color: black;
	font-family:Arial;
	font-weight: bold;
	height:70px;
	}

#editor {
	width: 390px; 
	background-color: #ccc;
	border: 1px dotted #333;
	float:left;
	padding: 2px;
	}
	
#information {
	width: 390px;
	background-color: #ccc;
	border: 1px dotted #333; 
	float:right;
	padding: 2px;
	}
	
#output {
	width: 800px;
	background-color: #ccc;
	border: 1px dotted #333; 
	padding: 5px;
	}
	
#infoNavigation {
	text-align: center;
	}

#infoNavigation a:hover {
	cursor: pointer;
	}

div.info {
	float: left;
	width: 390px;
	text-align: left;
	visibility:hidden;
	position: absolute;
	}
	
#infoWelcome {
	visibility: visible;
	position: relative;
	}

/* Care of http://realworldstyle.com/forms.html */
/* labels in one span on the left formatted to align to the right. */
/* value (input boxes) in another span on the right formatted to align to the left. */
div.row {
  clear: both;
  padding-top: 5px;
  }
  
div.row span.heading {
  float: left;
  width: 100%;
  text-align: left;
  font-weight: bold;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  min-width: 200px;
  text-align: left;
  } 
  
div.spacer {
  clear: both;
  }