/*

*** Primary Color:

   var. 1 = #FF0000 = rgb(255,0,0)
   var. 2 = #BF3030 = rgb(191,48,48)
   var. 3 = #A60000 = rgb(166,0,0)
   var. 4 = #FF4040 = rgb(255,64,64)
   var. 5 = #FF7373 = rgb(255,115,115)

*** Secondary Color A:

   var. 1 = #FF7400 = rgb(255,116,0)
   var. 2 = #BF7130 = rgb(191,113,48)
   var. 3 = #A64B00 = rgb(166,75,0)
   var. 4 = #FF9640 = rgb(255,150,64)
   var. 5 = #FFB273 = rgb(255,178,115)

*** Secondary Color B:

   var. 1 = #009999 = rgb(0,153,153)
   var. 2 = #1D7373 = rgb(29,115,115)
   var. 3 = #006363 = rgb(0,99,99)
   var. 4 = #33CCCC = rgb(51,204,204)
   var. 5 = #5CCCCC = rgb(92,204,204)

*** Complementary Color:

   var. 1 = #00CC00 = rgb(0,204,0)
   var. 2 = #269926 = rgb(38,153,38)
   var. 3 = #008500 = rgb(0,133,0)
   var. 4 = #39E639 = rgb(57,230,57)
   var. 5 = #67E667 = rgb(103,230,103)

*/

* { margin: 0; padding: 0; }

html, body 
{ 
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: verdana,helvetica,arial,sans-serif;
  background-color: #006363;
  color: black;
  font-size: 90%;
  }

body 
{ 
  min-width: 800px; 
  width: 90%;
  margin: auto;
  background-color: #FFF;
  }

p, dl, table, form, h1, h2, h3, h4, h5, h6 
{ 
  padding: 5px;
  padding-left: 20px;
  }

p, li { line-height: 1.5; }

form { line-height: 1; }
ul, ol 
{ 
  margin-left: 40px;
  margin-top: 10px;
  }

li {  }
ol ul { margin-left: 20px; margin-top: 0; margin-bottom: 5px;}
ul ul { margin-left: 20px; margin-top: 0; margin-bottom: 5px;}
dd ul { margin-top: 0; margin-bottom: 5px; }

dt { font-weight: bold; }
dd { margin-left: 20px; }

fieldset {border: 0;}

#head {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #269926;
}
#head h1 { text-align: center; }

#nav 
{ 
  text-align:right; 
  padding: 20px 10px 7px 10px;
  border-bottom: 1px solid #8c8c8c;
  background-color: #5CCCCC;
  }

#nav li 
{ 
  display: inline;
  background-color: #00CC00;
  list-style-type: none;
  line-height: 1;
  }

#nav li a 
{ 
  padding: 7px 8px;
  border: 1px solid #8c8c8c;
  background-color: #00CC00;
  text-decoration: none;
  font-weight: bold;
  color: black;
  }

#nav li a:hover, #nav li a:active 
{
  background-color: #67E667;
  border-bottom: 1px solid #ffc;
  }

#content { position: relative; background-color: #fff; min-width: 900px; text-align: center;}

#foot{ height: 20px; background-color: #fff};

* html div#content  {  height: 1px; }

div#plots {padding: 10px;  position: relative;}
div#thumbs {  width: 210px; }
div#thumbs li { list-style-type: none; margin: 5px 0;} 
div#thumbs ul { margin: 0;} 
div#plot_content { position: absolute; left: 220px; top:0px; min-width: 600px;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/* gallery */
.gv_galleryWrap { margin: auto; 
                  margin-top: 20px;
                  background-color: #fff;
                  border: 10px solid #5ccccc;
                  border-radius: 10px;}
.gv_navWrap {
    bottom: 40px !important;
}

.gv_panel { z-index: 0; }

.gv_panel img {
    top: 10px !important;
}