
body {
    background-color: #E6FED6;
	background-image: url('image/ldbg5.gif');
	background-repeat: repeat;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    color: #400040;
}
input{
    font-size:.7em
}
.radiocell {
    vertical-align: middle; 
    text-align: left;
    font-size:.6em;
}
.radiobut {
    vertical-align: bottom;
    padding:0; 
    margin:0;
    font-variant: small-caps;
    font-size: .6em;
    text-indent: 3px;
}
.editbutton {
    border:3px ridge #FFFFEF;
    text-align:center;
    vertical-align:middle;
    margin-left: .25em;
    margin-right: .25em;
    padding-left: .25em;
    padding-right: .25em;
}
.errormessage {
    text-align: center;
    font-size: 2em;
}
.logintable {
    margin-right:auto;
    margin-left:auto;
}
.loginpage {
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    font-size: 1.5em;
}
.elementtable{
    width:100%;
/*    margin-right:auto;
    margin-left:auto;
    border:1px ridge #768E66; */
}
.formelementtable{
    width:98%;
    margin-right:auto;
    margin-left:auto;
    border:2px ridge #768E66;
}
.componenttable{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    border:1px ridge #BED6AE;
}
.formelementheader{
    font-size:1.2em;
    margin-left: 1em;
    text-align:left;
    border-bottom:1px solid #768E66;
    background-color: #C8E0B8;
}
.blanktable{
    border-spacing: 0px;
    margin-right:auto;
    margin-left:auto;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    padding: 0px;
}
.blanktable td{
    border-spacing: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    padding: 0px;
}
.blanktable tr{
    border-spacing: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    padding: 0px;
}
.showtable{
    border-spacing: 0px;
    margin-right:auto;
    margin-left:auto;
    padding: 0px;
    background-color: #DCF4CC;
}
.showtable td{
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #768E66;
    border-left-color: #768E66;
    border-bottom-color: #768E66;

    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.showtable th{
    border-right-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #768E66;
    border-right-color: #768E66;
    border-left-color: #768E66;
    border-bottom-color: #768E66;

    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.showtablewtop td{
    border: solid 1px #768E66;
    padding: 2px 2px 2px 2px;
}
.odd {
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-color: #768E66;
    border-left-color: #768E66;
    border-bottom-color: #768E66;
    background-color: #F0FFE0;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.jobodd {
    border: solid 2px #768E66;
    padding: 0em 0em 0em 0em;
    margin: 0em auto 0em auto;
    background-color: #FAFFEA;
}
.jobodd td{
    border: solid 1px #768E66;
    padding: .5em .5em .5em .5em ;
    background-color: #FAFFEA;
}
.jobeven {
    border: solid 2px #768E66;
    padding: 0em 0em 0em 0em;
    margin: 0em auto 0em auto;
    background-color: #EBFFDB;
}
.jobeven td{
    border: solid 1px #768E66;
    padding: .5em .5em .5em .5em;
    background-color: #EBFFDB;
}
.header{
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-top-color: #768E66;
    border-right-color: #768E66;
    border-left-color: #768E66;
    border-bottom-color: #768E66;
    border-bottom-style: double;
    border-bottom-width: 4px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background-color: #EBFFDB;
}
.moveable {
        position: absolute;
    cursor: move;
    border: .25em outset black;
    text-align:center;
    font-size: 1.1em;
    padding-top:.2em;
    width: 8em;
    height: 1.2em;
}
.elementdiv {
    width:98%;
    margin: 1%;
    border:1px ridge #768E66;
}
.elementpagetable {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.binderref {
    background-color: #D7EFC7;
    border:1px outset #D2EAC2;
}
/* ////////////////////////////////////////////////////////////////////////
// Menu CSS
 /////////////////////////////////////////////////////////////////////// */
ul {
        list-style: none;
        padding: 0;
        margin: 0;
        z-index: 5;
}
#nav a {
        font-weight: normal;
        color: #010000;
}

#nav a:hover {
        color: #010000;
}
#nav a {
        cursor: default;
        text-decoration: none;
}
#nav li li a {
        display: block;
        font-weight: normal;
        color: #010000;
        padding: .1em .2em;
        margin: .1em .2em ;
}
#nav li li a:hover {
        font-weight: normal;
        padding: .1em .2em;
        background-color: #FFFFFF;
        margin: .1em .2em ;
}
li {
        list-style: none;
        z-index: 5;
        float: left;
        position: relative;
        width: 22.8333333333em;
        font-weight: normal;
        color: #010000;
        text-align: center;
        cursor: default;
        background-color: #C8E0B8;
        border-color: #768E66;
        border-width: .2em 0 .2em 0;
        border-style: ridge solid ridge solid;
}
li#first {
        border-left-width: .3em;
        border-left-style: ridge;
}
li#last {
        border-right-width: .3em ;
        border-right-style: ridge;
}
li ul {
        margin-top: .05em;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        font-weight: normal;
        background: #D2EAC2;
        padding: 0.1em 0 .1em 0;
        border: outset .1em #768E66;
}
li>ul {
        top: auto;
        left: auto;
        padding:0 0 0 0;
        margin:0 0 0 0;
}
li li {
        display: block;
        text-align: left;
        float: none;
        background-color: transparent;
        border: 0;
}
li:hover ul, li.over ul {
        display: block;
}
form {
        padding:0 0 0 0;
        margin:0 0 0 0;
}
img {
    vertical-align: middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Headings
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
    padding: 0.2em;
    margin: 0 0 0.1em 0;
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    text-decoration: none;
    font-size: 2.2em;
    font-weight: bold;
}
h2 {
    padding: 0.2em 0 0.2em 0.7em;
    margin: 0 0 0.1em 0;
    text-decoration: none;
    font-size: 2em;
    font-weight: bold;
}
h3 {
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
    margin: 0.1em 0 0.1em 0;
    padding: 0;
}
h4 {
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    margin: 0.1em 0 0.1em 0;
    padding: 0;
}
h5 {
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-variant: SMALL-CAPS;
    font-size: .9em;
    padding: 0;
}
h6 {
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    text-decoration: none;
    font-variant: SMALL-CAPS;
    font-weight: bold;
    font-size: .7em;
    padding: 0;
}
h1 a,
h1 a:hover,
h1 a:active,
h2 a,
h2 a:hover,
h2 a:active  {
    color: inherit;
    background-color: inherit;
    background-image: inherit;
    text-decoration: none;
}
h3 a,
h3 a:hover,
h3 a:active,
h4 a,
h4 a:hover,
h4 a:active {
    color: inherit;
    background-color: inherit;
    background-image: inherit;
    text-decoration: none;
}

/* margin adjustment */
h3 + *, h4 + * {
    margin-top: 0;
}

/* fixup IE & Opera
 * otherwise they forget to inherit
 * the computed font-size value
 */
table, code {
    font-size: 1em;
}
/* ////////////////////////////////////////////////////////////////////////
// Menu CSS
 /////////////////////////////////////////////////////////////////////// */
.menutable {
    width: 95%;
    background-color: #dda;
    margin-left: auto;
}
.DropDownMenuBox {
    border: none;
    text-align:left;
    font-size: .9em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background-color: #dda;
}
.DropDownMenuTable {
    border: #ddd .1em ridge;
    text-align:left;
    margin: 0;
    padding: 0;
    background-color: #dda;
}
A.DropDownMenuHeader,
A.DropDownMenuHeader:link,
A.DropDownMenuHeader:visited,
A.DropDownMenuHeader:hover {
    text-align:left;
    font-size: .9em;
    color: #000000;
    text-decoration: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
A.DropDownMenuItem,
A.DropDownMenuItem:link,
A.DropDownMenuItem:visited,
A.DropDownMenuItem:hover {
    text-align:left;
    font-size: .8em;
    color: #000000;
    text-decoration: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
span.DropDownMenuItem {
    text-align:left;
    font-size: .8em;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}


