/***********************/
/* Main page structure */
/***********************/
body {
background: #FFF;
color: #333;
padding: 0;
margin: 0;
}

body, p, ol, ul, td {
font-family: Helvetica,Arial,Sans-serif;
font-size: 10pt;
font-weight: normal;
line-height: 1em;
}


pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}

a {
color: #000;
text-decoration: underline;
}
a:visited {
color: #666;
}
a:hover {
color: red;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*
Logos
*/

div#header-bar img#mainlogo {
height: 55px;
float: left;
}

/*****************************/
/* Error messages and alerts */
/*****************************/

span.flash_notice {
color: black;
font-weight: 900;
display: inline;
}

span.flash_error {
color: red;
font-weight: 900;
display: inline;
}

.fieldWithErrors {
padding: 2px;
background-color: red;
display: table;
}

#errorExplanation {
width: 400px;
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0;
}

#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}

#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}

#errorExplanation ul li {
font-size: 12px;
list-style: square;
}

ul.errors {
color: red;
}

/********************/
/* In-place editing */
/********************/

.inplaceeditor-form {
display: inline;
}


/***********************/
/* Heading definitions */
/***********************/

h1,h2,h3 {
font-family: Tahoma, Geneva, sans-serif;
}

h1 {
font-size: 25pt;
line-height: 1.4;
}

h2 {
font-size: 18pt;
margin: 0px;
padding: 0px;
line-height: 1.4;
}

h3 {
font-size: 12pt;
margin: 0px;
padding: 0px;
line-height: 1.4;
}

h3 span.unit {
font-size: 80%;
color: gray;
}

/*************************/
/* Page structure styles */
/*************************/


div#content-block {
  width: 1225px;
  margin: 0 auto;
  padding-bottom: 30px;
}

div.graph_area {
	float: left;
	margin-left: 225px;
	width: 1000px;
}

div.left_bar {
	float: left;
	margin-left: -1220px;
	width: 190px;
}

div.left_bar div {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}

/***************************************/
/* Definition of standard box elements */
/***************************************/
div.standardbox {
border-width: 2px;
border-style: solid;
padding: 8px;
}

div.standardbox p {
line-height: 1.5em;
}

div.blankbox {
background: transparent;
color: black;
border: 0;
}

div.purplebox {
background-color: #C070F5;
border-color: #9040D5;
color: white;
}

div.redbox {
background-color: #FF3333;
border-color: #CC0000;
color: white;
}

div.greenbox {
background-color: #CFA;
border-color: #7E5;
}

div.orangebox {
background-color: #FEC;
border-color: #FB6;
}

div.lightorangebox {
background-color: #FDA;
border-color: #FB6;
border-width: 1px;
}

div.whitebox {
background-color: #FFF;
border-color: #DDD;
}

div.redbox a {
color: white;
}


/*********************/
/* Header bar styles */
/*********************/
div#header-bar {
color: black;
background: white;
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
border-bottom: 1px solid #6565FE;
}

div#menu {
float: right;
width: 400px;
margin-top: 16px;
margin-bottom: -2px;
background: white;
}
ul#nav, ul#nav li {
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 15px;
}
ul#nav {
width: 100%;
}
ul#nav li {
float: left;
margin-right: 5px;
padding: 0px;
text-align: center;
}
ul#nav a {
float: left;
background: #FFF;
text-decoration: none;
color: #666;
padding-left: 8px;
padding-right: 8px;
padding-top: 0px;

}

ul#nav a:hover {
background: #FFA826;
color: #FFF
}
ul#nav li.activelink a, ul#nav li.activelink a:hover {
background: #E7F1F8;
color: #003;
}


.button-to {
display: inline;
}

/**************/
/* Footer bar */
/**************/

div#footer-bar {
	color: black;
	background: #6565FE;
	width: 100%;
	height: 20px;
	padding-top: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #6565FE;
	clear: both;
}

/*********************/
/* Signup/login form */
/*********************/

div.userform {
margin-bottom: 1em;
}

div.userform input.userfield {
width: 90%;
margin-bottom: 0.4em;
}

div.userform div.bottombutton {
width: 100%;
}

div.userform div.bottombutton input {
width: 50%;
display:block;
margin: 0 auto;
margin-top: 0.5em;
}

div.userform a.forgotlink {
clear: both;
display: block;
margin-top: 0.4em;
}

div.userform h1 {
font-size: 120%;
}

strong {
font-weight: 900;
}



div.endspace {
width: 100%;
font-size: 1px;
height: 1px;
clear: both;
padding: 0px;
margin: 0px;
}