/*
colors:
#1a4b7d : light blue font color for header
#e6edec : light green background
#5a8584 : dark green menu background
*/

body {
   margin: 0;
   padding: 0;
   text-align: center; /* Be kind to IE */
   background-color: #fff;
   font-size: 90%;
   font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
   margin: 0;
   padding: .5em 0 .5em 0;
   font-weight: normal;
   font-size: 1em;
}

h1 {
   display: inline;
   font-weight: bold;
   font-size: 1.4em;
}

h2 {   
   font-weight: bold;
   font-size: 1.2em;
}

img {
   border: none;
}

a:visited, a:hover {
	color: #1a4b7d;
}

#container {
   padding: 0;
   width: 98%;
   min-width: 800px;
   margin: 5px auto;
   text-align: left; /* Be kind to IE */
   font-size: .9em;
}

#header {
   margin: 0;
   padding: .2em 0 .2em 0;
   height: 80px;
   color: #ffffff;
   font-weight: bold;
   background-color: #0078b1;
}

#logo {
   float: left;
   width: 50%;
}

#header_menu {
   margin: 0;
   padding: 0;
   text-align: right;
   font-size: .9em;
}

#header_menu a {
   color: #ffffff;
   text-decoration: underline;
}

#header_menu ul {
   padding: 0;
   margin: 0;
}

#header_menu li {
   padding: .5em;
   text-decoration: none;
   display: inline;
}

#footer {
   font-size: .8em;
   text-align: right;
}

#main_menu {   
   padding: 5px;
   height: 2em;
   background-color: #c1e0fd;
}

#scenarios_nav {
   margin: 0;
   padding: 0;
   list-style: none;
}

#scenarios_nav ul {
   margin: 0;
   padding: 5px;
   z-index: 100;
   list-style: none;
}

#scenarios_nav a {
   padding-right: 20px;
   text-decoration: none;
   color: #053769;
   display: block;
}

#scenarios_nav li {
   padding: .3em;
   float: left;
}

#scenarios_nav li ul {
   position: absolute;
   left: -999em;
   width: 15em;
   background-color: #e9f0fa;
   border: 1px solid #bfd1ee;
}

#scenarios_nav li ul li {   
   float: none;
}

#scenarios_nav li ul li a {
   padding: 0;   
   color: #1a4b7d;
   text-decoration: underline;
}

#scenarios_nav li:hover ul, #scenarios_nav li.sfHover ul {
   left: auto;
}

#content {
   padding: 10px;
   background-color: #e9f0fa;   
}

#content_header {
   margin: 0;
   padding: 5px 0 5px 0;   
}

#content_title {
   margin: 0;
   padding: 0;
   float: left;
   width: 50%;
}

#ccm label {
  font-weight: bold;
}

#inputs {
   vertical-align: top;
   width: 610px;
   width: 70%;
}

#results {
   padding-left: 20px;
   vertical-align: top;
}

#operating div, #teachers div, #capital div {
	padding-bottom: 5px;
}

#operating, #teachers, #capital {
   border: 1px solid gray;
}

#javascript_warning {
   background: #fff;
   border: 1px outset #999966;   
   margin-bottom: 5px;
   padding: 5px;
}

#flash {
   padding-bottom: 10px;
   color: green;
   font-weight: bold;
}

#scenario_layout {
   border-collapse: collapse;
}

#scenario_layout_inputs {
   width: 600px;
   vertical-align: top;
}

#scenario_layout_results {   
   padding-left: 20px;
   vertical-align: top;
}

table.inputs {
   border-collapse: collapse;
}

table.inputs td {	
	padding: 2px 10px 2px 2px;
}

table.teacher {
   border-collapse: collapse;
	margin: 10px 0 5px 5px;
}

table.teacher td, table.teacher th {
	padding: 5px;
}

table.results_table {   
   border-collapse: collapse;
   background-color: #eeeeee;
   border: 1px solid gray;   
}

table.results_table td {
	padding: 10px;
}

table.results_table td.total {
	font-weight: bold;
}

table.results_table td.result {
	text-align: right;
}

table.results_table h2 {
   padding: 5px;
   background-color: #e7e7e7;
}

input.name {
   width: 20em;
}

input.number {
   width: 5em;
}

input.salary {
   width: 5em;
}

input.zip {
   width: 6em;
}

input.password {
   width: 10em;
}

.error, .error_message, #ccm label.error {
   padding: 0;
   margin: 0;
   color: red;
   font-weight: normal;
}

.form label {
  font-weight: bold;
  width: 10em;
  float: left;
}

div.form {
  width: 35em;
  padding: 10px;
  background-color: #fff;
  border: 1px solid gray;
}

div.form_link {
	padding-bottom: 5px;
	text-align: right;
}

table.form td {
	padding: 5px 10px 5px 2px;
}