/*Palette UID: 73n0u0ktoKci2Q1nMMFHZF0Guqw
*/

/div {
          border: 1px solid black;
}

body {
margin: 0 auto;
width:100%;
min-height: 1200px;
font-family: "Arial", "Arial", "sans";
}


img.tiny{
width:150px;
height:150px;
}
div.speciespair {
background-color: #1d5866;
margin: 2px;
text-align: center;
height: 205px;
width: 150px;
border: solid 2px #fff;
box-shadow: 3px 3px 3px rgba(0,0,0,.75);

}
.gallery-caption {
font-size:120%;
font-style:italic;
text-shadow: 2px 2px 3px #000;
color:#f2f2f2;
margin:0;
padding:6px 3px 2px;
line-height: 16px;
text-align:center;
}
div.speciesgallery {
display:inline-block;
}
div.galleryframe {
width:100%;
margin-left:0%;
}
body {
background-repeat: no-repeat;
background-position: center right;
display:block;
background-color:#f2f2f2;/*
  background: -webkit-linear-gradient(#ffffff, #3d5229);
  background: -o-linear-gradient(#ffffff, #3d5229); 
  background: -moz-linear-gradient(#ffffff, #3d5229);
  background: linear-gradient(#ffffff, #3d5229); 
/* position:relative;*/
margin:0 auto; 
padding-left:0%;
padding-right:0%;
padding-top:20px;
padding-bottom:0%;
width:100%;
min-height: 1200px;
font-family: "Arial", "Arial", "sans";
border: 2px solid #5a5a5a;
}

.framer {
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0%;
position:relative;
overflow:auto;
}

div.wrapall{
float:left;
width:100%;
}

div.wrapper {
          float:left;
          overflow: auto;
          background-repeat: no-repeat;
background-position: center right;
background-color:#f2f2f2;
border: 4px solid #5a5a5a; 
}

div.framer2 {
margin-left: 0%;
padding-right: 0%;
padding-bottom:2%;
    width:1000px;
          float:left;
overflow:auto;
}

div.contentPN {
float:left;
width:80%;
}

a.mt {
  color: white;
text-shadow: 2px 2px 2px #a0a0a0;
text-decoration:none;
    }

a.mt:visited {
color: white;
text-shadow: none;
          
}

div.topmenu1 {
margin-right: 1%;          
background-color: #ff7f00;  
width:12%;
          padding: 1%;
          text-align: center;
          float:left;
          color: #ffd36f;
}

jjdiv.topmenu2 {
margin-right: 1%;          
background-color: #ff7f00;  
width:10%;
          padding: 1%;
          text-align: center;
          float:left;
          color: #ffd36f;
}

img.homepage {
    width:100%;
    float:right;
    margin-left: 3%;
    margin-bottom: 1%;
}

.bigphoto {
width:100%;
height:300px;
float:left;
overflow:hidden;
          border-bottom: 2px solid black;
          border-right: 0px solid black;
          border-top:1px solid black;
          border-left: 0px solid black;
          }

.bigphoto2 {
width:100%;
height:100px;
float:left;
overflow:hidden;
          border-bottom: 2px solid black;
          border-right: 0px solid black;
          border-top:1px solid black;
          border-left: 0px solid black;
          }


div.rightcol {
          border-bottom: 2px solid #d36900;
          border-right: 2px solid #d36900;
          border-top:1px solid #d36900;
          border-left: 1px solid #d36900;
          width: 150px;
          height: 100%;
          background-color: #0399bc;
          float:left;
        padding-bottom:2%;
          text-align:center;
          margin-right: 2%;
           margin-top: 2%;
           margin-left: 0%;
         color:white;
/text-shadow: 2px 2px 2px #a0a0a0;
          }

img.homepage2{
    width:40%;
    float:left;
    margin-right: 3%;
}



////////////////////////////////////////	
	

h3 {
width:70%;
}
div.box1{
width:40%;
float: left;
border: 1px black solid;
background-color: #aef9f9;	
margin-right:60%;
	}
div.box2{
width:40%;
float: left;
border: 1px black solid;
background-color: #ff7f00;	
margin-right:50%;
	}
div.box3{
width:40%;
float: left;
border: 1px black solid;
background-color: #aef9f9;	
	}
	
	
hr.toprule{
height:8px;
background-color:#a0a0a0;
color:#a0a0a0;
margin-top:0px;
clear:both;
}
.submitbut {
color: black;
border:1px solid #a0a0a0;
background: -webkit-linear-gradient(#ffcc00, #ff9933); 
  background: -o-linear-gradient(#ffcc00, #ff9933); 
  background: -moz-linear-gradient(#ffcc00, #ff9933);
  background: linear-gradient(#ffcc66, #ff9933);
   border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
table.host{
width:80%;
}
div.onefifty {
float:left;
display:block;
height:150px;
width:150px;
overflow:hidden;
}
form.opaque {
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
  border: 1px solid #a0a0a0;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
 
footer {
float:none;
margin: 0;
width:960px;
position: fixed;
bottom:0px;
display:block;
background-color:#ced9ad;
border-top: 4px solid #829156;
border-bottom: 4px solid #829156;
}
.framerOLD {
padding-left: 2%;
padding-right: 5%;
padding-bottom:2%;
          margin-top: 2%;
position:relative;
overflow:auto;
}
.gframer {
padding-left: 2%;
padding-right: 2%;
padding-bottom:5%;
position:relative;
overflow:auto;
}
div.content {
width:45%;
padding-left:2%;
padding-top: 0%;
 z-index:40;
 margin-top:0%;
 margin-left:1%;
 margin-bottom:0%;
}

div.bottomline {
display:block;
float:left;
 background-color:#ced9ad;
margin-left: 0;
padding-top:0%;
padding-bottom:0%;
width:100%;
border-top: 4px solid #829156;
border-bottom: 4px solid #829156;

}
html  {
margin:0px;
border:none;
background-color:#a0a0a0;
/* background: -webkit-linear-gradient (#808080, #000000); 
  background: -o-linear-gradient (#808080, #000000); 
  background: -moz-linear-gradient (#808080, #000000);
  background: linear-gradient (#808080, #000000); 
*/
}
h2.art {
margin-top:35px;
}
.tclass2 {
float:left;
display:inline;
text-shadow: 0 0px 0 #1d5866;
color:#16abcc ;
font-size:150%;
margin-top: 5px;
padding-top:0px;
margin-bottom: 10px;
width: 70%;
/border:1px solid black;
}
.tclass5 {
float:left;
display:inline;
color:#1d5866;
text-shadow: 0 1px 0 #000;
font-size:300%;
margin-top: 1px;
margin-bottom: 1px;

}
.subtitler {
float:left;
display:inline;
width: 70%;
/border:1px solid black;

}
div.topliner  {
float:left;
display:block;
/border:1px solid black;
width:100%;
}
div.titler  {
float:left;
display:inline;
color:#1d5866;
text-shadow: 0 1px 0 #000;
font-size:150%;
margin-top: 1px;
margin-bottom: 1px;
/border:1px solid black;

}
h1.titler {
margin: 0px;
/border:1px solid black;

}

div.loginer {
float:left;
width:12%;
display:inline;
/border:1px solid black;
padding-left: 16%;
}

/article {
background: url(http://phorid.net/apocephalus/images/morning-vista-small.jpg) no-repeat;
padding:3%;
margin-top: 5%;
min-height: 648px;
text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
color:white;
font-size: 150%;
}
textarea.longtext {
width:500px;
height:60px;
}
tr.bline {
border-bottom:2px solid #62481f;
}
.tablehead {
font-weight: bold;
}
.t1{
border:1px solid black;

}
.fullwidth {
float:left;
width:100%;
}
.fullwidth2 {
margin-top:2%;
float:left;
width:100%;
}
.fullwidthplus {
float:left;
width:59%;
padding-left: 40%;
margin-bottom: 1%;
border: 2px solid #62481f;
}
.tclass3 {
color:#62481f;
margin-left:5%;
}

.content {
background-image: none;
}

.rightpart {
width:60%;
float:right;
margin-left:0px;
}
.leftpart {
width:35%;
float:left;
margin-left:3%;
}
div.speciesgallery {
display:inline-block;
}
div.galleryframe {
width:100%;
margin-left:0%;
}
.half {
width:50%;
}
.middle {
width:60%;
}
.nov {
width:95%;
}
.blocker  {
width:100%;
min-height:300px;
}
img.tiny{
width:150px;
height:150px;
}
div.speciespair {
background-color: #1d5866;
margin: 2px;
text-align: center;
height: 205px;
width: 150px;
border: solid 2px #fff;
box-shadow: 3px 3px 3px rgba(0,0,0,.75);

}

.gallery-caption {
font-size:120%;
font-style:italic;
text-shadow: 2px 2px 3px #000;
color:#f2f2f2;
margin:0;
padding:6px 3px 2px;
line-height: 16px;
text-align:center;

}
div.charms {
float:right;
display:inline;
width:40%;
margin-bottom:0%;
}
div.attop{
display:inline;
width:100%;
}

div.mainphoto {
display:block;
margin-top: 5%;
margin-left: 1%;
margin-right: 3%;
margin-bottom: 1%;
z-index:70;
float:right;
border: 1px solid #a0a0a0;
-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;
}
.dlife {
width:150px; 
height: 150px; 
overflow:hidden; 
float:left; 
margin-left:4px;
-moz-box-shadow: 2px 2px 2px 2px #3c4142;
-webkit-box-shadow: 2px 2px 2px 2px #3c4142;
box-shadow: 2px 2px 2px 2px #3c4142;
 }

div.allinline {
float:left; width: 100%; 
display:inline;
vertical-align:bottom; 
border-top:solid 2px #b5b5b5;
margin-top: 10px;
}
div.smallphotos {
display:block;
z-index:70;
float:left;
height:20%;
border: 1px solid #a0a0a0;
-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;
}
div.smallmenu {
display:block;
min-height: 648px;
background: url(http://phorid.net/apocephalus/images/morning-vista-small.jpg) no-repeat;
margin-left: 0%;
margin-top: 5%;
margin-bottom: %;
z-index:4;
float:none;
border: 1px solid #a0a0a0;
-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;
background-color:#003300;


}

.sider {
width:50%;
 margin-top:2%;
 margin-bottom:2%;
-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;
}
/*div,h1, h2 {
border: 2px solid black !important; 
}*/
iframe.spmap {
margin-top:5%;
margin-left: 7%;
width:740px;
}
a.sidemenu1:visited {
    text-decoration: none !important;
          color: #ffc84a;
}

a:-webkit-any-link {
    text-decoration: none !important;
}
, a:link, a:active
{
    text-decoration: none !important;
	/color:#284dd4;
	font-size:100%;
vertical-align:middle;
          /*
-moz-box-shadow: 1px 1px 1px 1px #000000;
-webkit-box-shadow:  1px 1px 1px 1px #000000;
box-shadow:  1px 1px 1px 1px #000000; */
}

div.seclist {
float:left;
 background-color:#00ccff;
width:150px;
padding-left:2%;
padding-top: 1%;
padding-top: 1%;
padding-bottom: 1%;
border-bottom: 2px solid #16abcc;
 border-right: 2px solid #16abcc;
 margin-bottom:4%;
}
a.secondlink {
width:100px;
}
a.secondlink:visited, a.secondlink:link, a.secondlink:active
{
    text-decoration: none !important;
	color:white;
	background-color:transparent;
font-weight:bold;
font-size:100%;
}
a.secondlink:hover {
font-size:120%;
}
h2.intro {
margin-top:0px;
}
article.smallart {
color: white; /*#00ccff;*/
width:800px;
text-shadow: 2px 2px 7px #111111;
 margin-top:3%;
 margin-left: 2%;
 margin-bottom:2%;
 background-color:transparent; /*#1d5866;*/
padding:3%;
border:3px none #d9d9d9;
/*-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;*/
z-index:10;
font-size:150%;
}

.sidemenu {
width:150px;
 margin-top:5%;
 margin-left: 2%;
 margin-bottom:2%;
 background-color:#1d5866;
padding:4%;
border:3px solid #d9d9d9;
-moz-box-shadow: 2px 2px 2px 2px #a0a0a0;
-webkit-box-shadow: 2px 2px 2px 2px #a0a0a0;
box-shadow: 2px 2px 2px 2px #a0a0a0;
}

.sl {
border: 1px solid black;
}

a:hover {
font-weight:bold;
background-color:#ced9ad;
color:#829156;
}

/a:link.regtext, a:visited.regtext {
          color:blue;
          border:none;
          background-color: transparent;
          font-weight: bold;
          box-shadow: none;
}
div.top {
width:40%;
background-color:#000000;
margin-top:0%;
}
.spaced {
margin-left: 1%;
margin-right: 1%;
display:inline;
height:40px;
float:right;
}
.spaced2 {
margin-left: 1%;
margin-right: 1%;
display:inline;
height:30px;
float:right;
}
div.topline{
float:left;
background-color: none;
margin-left: 0px;
padding-top:0px;
width:100%;
border: 2px none black; 
}
.square {
/* border-top: 1px solid #5a5a5a;
border-left: 1px solid #5a5a5a;
border-right: 4px solid #5a5a5a;
border-bottom: 4px solid #5a5a5a;*/
-moz-box-shadow: 2px 2px 2px 2px #3c4142;
-webkit-box-shadow: 2px 2px 2px 2px #3c4142;
box-shadow: 2px 2px 2px 2px #3c4142;
margin-right:15px;
float:left;
}
a:link.noshow{
 background-color:transparent;
}

div.textsnip {
width:50%;
margin-top:1%;
margin-right: 1%;
float:left;
margin-left:0%;
}

h2.species{
margin-bottom: 1px;
}
.spname {
width:100%;
background-color:#829156;
margin-top:2px;
padding: 4px;
}

.spname2 {
width:100%;
background-color:#829156;
margin-top:2px;
margin-bottom: 1px;
}
div.toppart {
width:100%;
float:left;
}

div.navbox{
float:left;
padding-left: 0%;
width:100%;
margin-bottom: .5%;
/border:solid 1px black;
}
.bigsub {
color:blue;
font-size: 80%;
font-weight:bold;
}

.menutop
{
background-color:lightblue;
width:15%;
height:100%;
float:left;
margin-left:0%;
padding-left:2px;
border:solid 1px black;
}
.menutop2
{
width:30%;
height:100%;
padding:5px;
float:left;
margin-left:0%;
border:solid 1px black;
}
.menutop5
{
background-color:lightgreen;
width:20%;
height:100%;
padding:5px;
float:left;
margin-left:0%;
border:solid 1px black;
}
.menutop4
{
background-color:yellow;
width:30%;
height:100%;
padding:5px;
float:left;
margin-left:0%;
border:solid 1px black;
}
.allmenutop
{
width:100%;
float:left;
margin-left:0%;
/border:solid 1px black;
}
a.bartop1, a.bartop2{
color:black;
text-shadow: 2px 2px 2px #a0a0a0;
vertical-align:middle;
width:100px;
height:35px;
/*background-color:#829156;*/
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-top: 10px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}



a.bartop1a{
color:black;
text-shadow: 2px 2px 2px #a0a0a0;
vertical-align:middle;
width:100px;
height:35px;
/*background-color:#829156;*/
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-top: 6px;
padding-bottom: 4px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

a.bartop1b{
color:black;
text-shadow: 2px 2px 2px #a0a0a0;
font-size:75%;
vertical-align:middle;
width:100px;
height:15px;
/*background-color:#829156;*/
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-top: 6px;
padding-bottom: 6px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

.bartop1c{
color:black;
text-shadow: 2px 2px 2px #a0a0a0;
font-size:75%;
vertical-align:middle;
width:100px;
height:15px;
/*background-color:#829156;*/
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-bottom: 6px;
margin-right:5px; margin-top:5px;margin-bottom:0px;
}

a.bartop2 {
color:black;
text-shadow: 2px 2px 7px #111111;
vertical-align:middle;
width:100px;
height:35px;
/*background-color:#829156;*/
background: -webkit-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -o-linear-gradient(#d9d9d9, #a0a0a0); 
  background: -moz-linear-gradient(#d9d9d9, #a0a0a0);
  background: linear-gradient(#d9d9d9, #a0a0a0);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-top: 5px;
padding-bottom: 5px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

a.bartop3{
color:white;
text-shadow: 2px 2px 7px #111111;
vertical-align:middle;
width:100px;
height:35px;
/*background-color:#ff7f00;*/
background: -webkit-linear-gradient(#ffb164, #ff7f00); 
  background: -o-linear-gradient(#ffb164, #ff7f00); 
  background: -moz-linear-gradient(#ffb164, #ff7f00);
  background: linear-gradient(#ffb164, #ff7f00);
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:solid;
border-color: #a0a0a0;
padding-top: 10px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

a.bartop0 {  /*empty space*/
color:white;
text-shadow: 2px 2px 7px #111111;
vertical-align:middle;
width:100px;
height:35px;
background-color:#f2f2f20;
/*
background: -webkit-linear-gradient(#ffb164, #ff7f00); 
  background: -o-linear-gradient(#ffb164, #ff7f00); 
  background: -moz-linear-gradient(#ffb164, #ff7f00);
  background: linear-gradient(#ffb164, #ff7f00);
  */
float:left;
text-align:center;
text-decoration:none;
border-width: 1px 2px 2px 1px;
border-style:none;
border-color: #a0a0a0;
padding-top: 10px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

a.subtle {
font-weight:normal;
}

div.bartop0 {
float:left;
width:100px;
height:35px;
margin-right:5px; margin-top:5px;margin-bottom:5px;
}

div.barside {
float:left;
width:100px;
height:300px;
margin-right:5px; margin-left:5px; margin-top:5px; margin-bottom:5px;
}

div.lefthand, div.righthand {
width: 35%;
float: left;
}


div.mainbody {
float:left; 
margin-left:20px;
margin-top:20px;
width:795px;
border-width: 2px 4px 4px 2px;
border-style: none;
border-color: black;
}

div.side-admin {
padding-right:0px;
padding-left: 0px;
background-color: none;
/* position:fixed; */
float:left; 
margin-left:20px;
margin-top:120px;
width:150px;
border-width: 2px 4px 4px 2px;
border-style: none;
border-color: #0076A8;
}

h2.tclass {
margin-left:10%;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
padding-left: 10px;
padding-bottom:20px;
width:100%;
float:left;
}
img.mainpic {
width: 70%;
float:left;
border:4px solid black;
margin-left:10%;
}
div.admin {
/* position:fixed; */
margin-top:20px;
margin-left:850px;
width:120px;
}

div.dmain {
background-color:#8edafa;
float:left;
width:100%;
border: 2px solid black;
}
div.cmain {
display:block;
 background-color:#3fb3es;
 /* background: -webkit-linear-gradient(#8edafa, #116688); 
  background: -o-linear-gradient(#8edafa, #116688); 
  background: -moz-linear-gradient(#8edafa, #116688);
  background: linear-gradient(#8edafa, #116688); 
 */position:relative;
overflow:scroll;
margin:0 auto; 
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
width:800px;
min-height: 800px;
border: 8px none black;
clear: right;
}

div.cmainA {
background-color:#8edafa; /*
background: -webkit-linear-gradient(#8edafa, black); 
  background: -o-linear-gradient(#8edafa, black); 
  background: -moz-linear-gradient(#8edafa, black);
  background: linear-gradient(#8edafa, black); */ 
 float:center;
padding-left:30px;
padding-top:20px;
width:1000px;
min-height: 800px;
border: 2px solid black;
}
div.emain {
background-color:#8edafa;
float:left;
padding-left:7%;
padding-top:0%;
width:100%;
min-height: 500px;
border: 2px solid black;
}

div.fmain {
float:left;
padding-left:5%;
padding-top:0%;
width:100%;
min-height: 500px;
border: 2px solid black;
}

div.gmain {
background-color:#8edafa;
float:left;
padding-left:5%;
padding-top:0%;
width:100%;
min-height: 500px;
border: 2px solid black;
}
div.hmain {
background-color:#8edafa;
float:left;
padding-left:15%;
padding-top:0%;
width:100%;
min-height: 500px;
border: 2px solid black;
}
div.tableholder {
float:left;
width:80%;
border: 2px solid black;

}

div.label2 {
margin-left:100px;
margin-top:80px;
border:none;
float:left;
}

div.label3 {
margin-left:100px;
border:none;
float:left;
}
div.label4 {
margin-left:100px;
width:70%;
margin-top:10px;
border:none;
float:left;
/*margin-right:100px;*/
}

div.label {
width:200px;
clear:right;
border: solid 1px black;
}

form.initial {
width:200px;}

div.imgclass {
display:none;
width:100%;
margin-left:-30px;
z-index:-10;
}



.bar {
/* background-color:#ffffee;*/
background: -webkit-linear-gradient(#aaccdd, #ffffee); 
  background: -o-linear-gradient(#aaccdd, #ffffee); 
  background: -moz-linear-gradient(#aaccdd, #ffffee);
  background: linear-gradient(#aaccdd, #ffffee); 
  
width:100%;
text-align:center;
text-decoration:none;
border-width: 0px 1px 1px 0px;
border-style:solid;
border-color: black;
margin-bottom:5px;
}
.bar2 {
text-align:center;
padding-top:5px;
padding-bottom: 10px;
/* background-color:#ffffee; */

width:100%;
border-width: 1px 1px 1x 1px;
border-style:none;
border-color: black;
font-weight: bold;
}
.textcenter {
text-align:center;
}

thead.fhead {
}
table.charmat {
width:90%;
}

table.char {
border-style:none;
border-width:0px;
border-color:white;
width:50%;
}

table.meas {
border-style:none;
border-width:0px;
border-color:white;
width:20%;
}

tr.chara{
vertical-align:bottom;
border-top: gray solid 1px;
}

tbody {
display:table-row-group;
border:inherit;
}
td {
border:inherit;
}

td.short{
width:2%; 
}
table.duinput {
margin-left: 1px;
margin-left: 1px;
border-color: black;
margin-left:100px;
margin-top:100px;
border-style: solid;
width:70%;
}

table.duinput2 {
margin-left: 1px;
margin-left: 1px;
border-color: black;
margin-left:100px;
margin-top:50px;
border-style: solid;
width:70%;
}

table.material {
margin-left: 1px;
margin-left: 1px;
border-color: black;
margin-left:-30px;
margin-top:50px;
border-style: solid;
width:85%;
}



h3.top {
margin-top:0px;
}

input.num {
width:20px;
}

input.num2 {
width:40px;
font-size:110%;
}
input.num2 {
width:60px;
font-size:110%;
}

ul.nav {
padding-left:15px;
font-size: 75%;
float:left;
}
li {
text-align:left;
}

table.sfont {
font-size:50%;
}

/*  tabletop */

div.tabletop {
border: solid 1px black;
margin-bottom: 0px;
font-size: 100%;
width: 100%;
float: left;
}
div.rosy {
background-color: #ff8888;
border-right: 1px solid black;
margin-bottom: 0px;
margin-left: 0px;
font-size: 100%;
width: 20%;
float: left;
height:100%;
}
div.subit {
height:100%;
float:left;
border: solid 1px black;
;}

div.errorbox {
color:white;
background-color:red;
width:30%;
height:100%;
padding:5px;
float:left;
margin-left:0%;
border:solid 1px black;
}
}