html
{
  background: url(../images/backgroundGradient.png) center bottom repeat-x transparent fixed;
}
body {
  font-family: Verdana;
  font-size: 11px;
  color: #666;
  margin:0px;
  padding-bottom:15px;
  min-height: 101%;
}
#picture-box {
  background: url(../images/grass_background.jpg) fixed left bottom no-repeat transparent;    
  position:fixed;
  left:0px;
  bottom:0px;
  width:314px;
  height:419px;
}
p {
  line-height:180%;
  margin-bottom:20px;
}
.text {
  line-height:180%;
}
a {
  color: #7fa411;
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;  
}
div {
  position:relative;
}
.chartView {
  height: 400px;
  top:5px;
}
ul.chartControl {
	list-style-type:none; 
	margin:0px; 
	padding:0px; 
	position:absolute;
	top:32px;
	right:8px;
	left:0px;
	z-index: 1;
}
.chartbase {
	position:relative;
	left:-15px;
}
ul.chartControl li {
	margin-right:-1px;
}
ul.chartControl li.pager {
	position:relative;
	left:-5px;
}
ul.chartControl li a.ui-state-active {
	border-bottom-width: 0px;
}
.tickLabels {
	position: static;
}
.tickLabels .tickLabel {
}
label {
  margin-left: 4px;
  margin-top: 10px;
}
textarea {
  background: url(../images/bg/textarea-bg.png) repeat-x transparent center;  
}
select, input[type=text], input[type=password]{
  background: url(../images/bg/input-bg.png) repeat-x transparent center;
}
select, input[type=text], input[type=password], textarea {
  border: solid thin #AAA;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  padding:2px;
}
button {
  margin:2px 0 5px 0;  
}
button[type=submit] {
  margin-top:25px;
}

input[type=text], input[type=password] {
}
input[type=text]:FOCUS, input[type=password]:FOCUS, textarea:FOCUS {
  background-color:#EAFFCC;
}
.error select, .error input[type=text], .error input[type=password], .error textarea {
  background-color:#FFBBCC;
}
#content-frame {
  position: relative;
  width: 986px;
  left:50%;
  margin-left:-493px;
  margin-top: 10px;
}
#header, #main, #footer  {
  position:relative;
}
img {
  border: none;
}
#header ul.inlined a, #footer ul.inlined a{
  color: #9c9c9c;
}
#header ul.inlined:hover a, #footer ul.inlined:hover a{
}
#main {
  padding-bottom: 5px;
  margin-top: 10px;
}
#footer, #header {
  color: #9C9C9C;
  font-size:0.8em;  
}
#version-info{
}
#version-info ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
#version-info li {
  color: #BBB;
  font-size: 9px;
  display: inline;
  padding-right:5px;
}
.main-content {
  position:relative;
}
#meta-menu {
  width:650px;
  top:40px;
  left: 5px;
  color: #666;
}
#meta-menu select {
  font-size: 1em;
  position:relative;
  left:-10px;
  
}
#meta-menu select {
  background-color:transparent;
  color: #9C9C9C;
  padding:0px;
  margin:0px;
}
ul.inlined li{
  float:left;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 4px;
  padding-right: 5px;
  border-left: 1px solid #AAA;
  display:inline;
}
ul.inlined li:FIRST-CHILD{
  position: relative;  
  padding: 0 5px;
  margin:0px;
  border-left: none;
}
ul.inlined {
  padding: 0 5px 5px;
  margin:0px;
  vertical-align:text-top;
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;  
}
#header .logo {
  float:right;
  margin-right:10px;
}
h1, h2, h3, h4, h5 {
  position:relative;
}
h2 {
  margin-top: 0px;
  padding-top: 14px;
  font-size: 18px;
}
h3 {
  font-size: 13px;  
}
h4 {
  font-size: 11px;  
}
button {
  padding:3px;
  text-shadow:1px 1px 0px #FFF;
}
.green-bg-tr {
  background: transparent url(../images/backgroundGradient_green.png) no-repeat right top;
}
.green-bg-tl {
  background: transparent url(../images/backgroundGradient_green_tl.png) no-repeat left top;
}
.green-bg-br {
  background: transparent url(../images/backgroundGradient_green_br.png) no-repeat right bottom;
}
.green-bg-bl {
  background: transparent url(../images/backgroundGradient_green.png) no-repeat left bottom;
}
.loading {
  background-image: url(../images/icons/loader2.gif) !important;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-loading {
  text-indent:-99999;
  width:16px;
  height:16px;
  background: url(../images/icons/loader2.gif) center no-repeat;
  padding: 0px 3px;
}
.tip {
  display:none;
  padding:5px;
}
div.error, div.notice {
  padding: 5px;
  font-size: 11px;
  text-align: left;
}
.error_list {
  list-style-type: none;
  padding:0px 0px 0px 25px;
  margin:0px;
}
label.error {
  font-weight: bold;
  position: relative;
  color:#AA3300;
  text-decoration: none;
}
/***************
 * Tab Styling
 ***************/

/* root element for tabs  */
ul.tabs { 
  list-style:none; 
  margin:0 !important; 
  padding:0px;
  height:31px;
  margin-bottom: 5px;
}

/* single tab */
ul.tabs li { 
  float:left;
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important;
  border-width: 0px 0px 0px 1px;
}
ul.tabs li:FIRST-CHILD {
  border-width: 0px;
}
ul.tabs li.align-left {
}
/* link inside the tab. uses a background image */
ul.tabs li a {
  color: #707070;
  border-width:0px;
  font-size:12px;
  display:block;
  height: 31px;  
  line-height:30px;
  width: 120px;
  text-align:center;  
  text-decoration:none;
  padding:0px;
  margin:0px;  
  position:relative;
}
ul.tabs li:FIRST-CHILD a {
  margin-left:0px;
} 

ul.tabs a:active {
  outline:none;    
}

ul.tabs a.ui-state-default:hover {
  color:#212121;
}
/* initially all panes are hidden */ 
div.tab-contents div.tab-pane {
  display:none;
}
/**********************
 * Scrollable Styling
 **********************/
div.navi {
  height:40px;
  text-align: center;
}
div.navi a.naviItem .ui-icon {
  background-image: none;
}
div.navi a {
  margin:5px;

  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;
}
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
    margin: 0px 95px;
} 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
}
div.scrollable div.items div { 
    float:left;
    padding:0 5px;
}

/*
 * jQuery Checkboxes
 */

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(../images/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

/*
 * Tooltips
 */

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #eee;
  padding: 5px;
  opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }