/* myForest Ssssstyling.  Yeeeeah. */

    BODY {
        margin:0px;
        background-image: url("bg2.jpg");
        background-repeat: repeat-x;
        background-color: #fff;
        font-size: 13px;
        font-family: arial, sans-serif;
        color: #444;
    }
    
    a:link {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }
    a:visited {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }
    a:hover {
        text-decoration: none;
        color: #1b6f93;
        position: relative;
        outline: none;
    }
    a:active {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }

    a.light:link {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline:none;
    }
    a.light:visited {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline: none;
    }
    a.light:hover {
        text-decoration: none;
        color: #ddf;
        font-weight: bold;
        position: relative;
        outline: none;
    }
    a.light:active {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline: none;
    }

    /* tooltips */
    a span {
        display: none;
    }
    a:hover span {
        display: block;
        position: absolute;
        top: -10px;
        left: 0px;
        text-align: left;
        width: 350px;
        border: 1px solid #cccccc;
        background-color: white;
        padding: 20px;
        line-height:1.5;
        z-index: 3;
        cursor: default;
    }

    #CONTAINER {
        width: 100%;
        text-align: center;
        position: absolute; 
        z-index: 1;
    }

    #LINEUP {
        width: 1058px;
        margin-left: auto;
        margin-right: auto;
        z-index: 4;
    }

    #OUTER { 
        min-height: 450px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        text-align: center;
        width: 1000px;
        z-index: 3;
    }
               
    #CONTENT   { 
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 960px;
        z-index: 5;
    }
        
    #TOPBAR    {
        position: relative;
        width: 1058px;
        height: 208px;
        background-image: url( "top.jpg" );
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: 10;
    }

    #NAVBAR    {
        position: absolute;
        bottom: 26px;
        left: 45px;
        font-size: 18px;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        color: #b4e68d;
        z-index: 300;
    }

    #NAVBAR a   {
        color: #fff;
    }
    #NAVBAR a:hover {
        color: #b4e68d;
    }

    .navTab {
        display: none;
        position: absolute;
        top: 27px;
        z-index: 301;
        width: 170px;
        font-weight: bold;
        font-size: 13px;
        background-color: #54a27a;
    }

    .tabInner {
        z-index: 302;
        margin: 5px;
        color: #fff;
        line-height: 150%;
        font-weight: normal;
        text-align: left;
        font-family: arial, sans-serif;
        opacity:1;
        filter:alpha(opacity=100);
    }


    #SYLVALOGO {
        position: absolute;
        top: 22px;
        left: 53px;
    }
    
    #LOGINBOX  { 
        position: absolute;
        bottom: 49px;
        right: 49px;
        vertical-align: bottom;        
        font-family: arial, sans-serif;
        font-size: 10px;
        z-index: 3;
        color: #fff;
    }

    #LOGINTEXT  { 
        position: absolute;
        bottom: 26px;
        right: 45px;
        margin: 3px;
        font-size: 13px;
        z-index:3;
        color: #e4efe9;
    }
                 
    .niceBox {
        position: absolute;
        background-image:url(fadebg.jpg);
        background-repeat: repeat-x;
        border: 2px solid #93ae63;
        overflow: hidden;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .nicePad {
        margin-top: 12px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }


    hr {
        border: 0;
        color: #ddd;
        background-color: #ccc;
        height: 1px;
    }
    
    #ALERT     {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 14px;
        font-style: italic;
        border:1px solid #cccccc;
        background-color: #eee;
        padding: 10px; 
    }
                 
    .title {
        font-family: Georgia, Cambria, Times, "Times New Roman", serif; 
        font-size: 17px; 
        color: #54a27a;
    }

    .title.t1 {
        font-size: 18px; 
    }

    .title.t2 {
        font-size: 16px; 
        color: #093000;
    }

    #BOTTOM {
        margin-top:80px;
        width: 100%;
        background-color: #fff;
        background-image: url("footer-border.png");
        background-repeat: repeat-x;
        background-position: top;
        min-height: 345px;
        text-align: center;
        padding-top: 40px;
        font-family: arial, sans-serif;
    }

    #bottomtable {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        border-collapse: collapse;
    }

    #bottomtable td {
        color: #888;
        margin: 0;
        padding: 5px;
        font-family: arial, sans-serif;
        font-size: 14px;
        line-height: 130%;
    }

    a.bottom:link    {
        font-weight: normal;
        color: #888;
    }
    a.bottom:visited {
        font-weight: normal;
        color: #888;
    }
    a.bottom:active {
        font-weight: normal;
        color: #888;
    }
    a.bottom:hover {
        font-weight: normal;
        color: #777;
    }

    #RICHLINK {
        position: absolute;
        bottom: 5px;
        right: 5px;
        color: #888;
        font-size: 11px;
        color: #bbb;
    }

    td {
        padding: 0;
        border-spacing: 0;
        text-align: left;
        vertical-align: top;
        font-family: arial, sans-serif;
        font-size: 12px; 
    }

    td.form {
        padding: 5px;
        border-spacing: 5px;
        text-align: right;
        vertical-align: top;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        font-size: 12px;
        color: white;
        background-color:#62523a;
    }

    td.topper  { 
        padding: 6px 10px; 
        border-spacing: 0; 
        text-align: center; 
        vertical-align: top; 
        font-style: italic;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif; 
        font-size: 16px; 
        color: #444;
    }

    table.acnt { 
        width: 100%; 
        border-collapse: collapse; 
        padding: 5px;
        margin-left: auto; 
        margin-right: auto;
        border:1px solid #555;
    }

    table.acnt td {
        padding: 7px;
        font-size: 14px;
        font-family: arial, verdana, sans-serif;
    }    

    table.acnt td.acnt1 {
        background-color: #dff1d9;
        background-image: url("boxbg.jpg");
        background-repeat: repeat-x;
        font-style: italic;
        padding: 15px;
        font-size: 16px;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
     }
    table.acnt td.acnt1.a {
        background-image: url("boxbg2.jpg");
        color: #fff;
    }
    table.acnt td.acnt2 {
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        background-color: #eee;
        text-align: left;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        vertical-align: top;
        padding-top: 10px;
        padding-right:14px;
        padding-left:14px;
        width: 150px;
     }
    table.acnt td.acnt3 {
        background-image: url( "images/acnt3.jpg" );
        background-repeat: repeat-y;
        background-color: #f7f7f7;
        padding-left:14px;
    }
    table.acnt td.acnt4 {
        background-color: #fff;
        padding-left: 14px;
    }
    table.acnt td.acnt5 {
        background-color: #e5fffd;
        padding-left: 14px;
        font-weight: bold;
    }
    table.acnt th.acnt3 {
        background-color: #f6f6f6;
        padding: 5px;
        font-family: arial, verdana, sans-serif;
    }

    .sylvaWord {
        font-family: serif, "times new roman";
        color: #660033;
    }

    table.woodlandList {
        border: 1px solid #ccc;
        width: 100%;
        border-collapse: collapse;
        padding: 2px;
    }
    td.list1 {
        background-color: #ccc;
        padding: 4px;
        font-size: 11px;
    }
    td.list2 {
        background-color: #eee;
        padding: 4px;
        font-size: 10px;
    }

    table.info { 
        border: 1px solid #ccc;
        width: 200;
        border-collapse: collapse;
        padding: 2px;
        margin-left: auto;
        margin-right: auto;
    }
      td.info1 {
        background-color: #ccc;
        padding: 2px;
        font-size: 11;
        font-style: italic;
        font-weight:bold;
      }
      td.info2 {
        background-color: #eee;
        padding: 2px;
        font-size: 11; 
      }

    table.query { border:0px; }
    .q1 td {
        background-color: #a3d1e5;
        padding: 3px;
    }
    .q2 td {
        background-color: #cfdce2;
        padding: 3px;
        font-family: arial, sans-serif;
    }
    .q3 td {
        background-color: #cfdce2;
        padding: 2px;
        padding-left: 3px;
        border-top: 1px dashed black;
        border-bottom: 1px dashed black;
    }
     

    #MAP {
        float: right;
        clear: right;
        width: 615px;
        height: 600px;
        border: 1px solid #002806;
    }

    #SUBMAP {
        width: 615px;
        float: right;
        clear: right;
        text-align: center;
        background-color: #eee;
        border: 1px solid #002806;
        border-top: 1px dashed #002806;
    }

    .POLYBOX {
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        position: relative;
        width: 320px;
        border: 1px solid #888;
        background-color: #eee;
    }

    .POLYINNER {
        margin: 20px;
        font-size: 13px;
        color: #000; 
        line-height: 130%;
    }
    
    #LISTTOP {
        position: relative;
        width: 340px;
        border: 2px solid #002806;
        padding-top: 5px;
        margin-bottom: 0px;
        border-bottom: 2px dashed #002806;
    }
                 
    .list {
        position: relative;
        width: 325px;
        height: 620px;
        border: 1px solid #ddd;
        overflow: auto;
        margin-top: 0px;
        font-family: sans-serif;
    }

    .LISTITEM  { 
        position: relative;
        margin-bottom: 2px;
        font-family: arial, sans-serif;
        cursor: pointer;
    }

    .LISTHL { 
        position: relative;
        margin-bottom: 2px;
        background-color: #c0e0fc;
        font-family: arial, sans-serif;
        padding: 10px 5px 10px 5px;
    } 

    .BASEBOX {
        font-size: 9px;
        display: inline;
        z-index: 2;
    }

    .FULLBOX {
        font-size: 9px;
        display: none;
        z-index: 2;
    }

    #DISPLAY   {
        position: absolute;
        z-index: 2;
        left: 20%;
        top: 3%;
        width:50%;
        height:90%;
        opacity: 0.95; -moz-opacity:0.95;
        padding:10;
        overflow: auto;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        font-size:12px;
        color:#000;
        line-height:12px
    }

    textarea {
        font-family: arial, sans-serif;
        font-size: 14px;
        color: #444;
        padding: 5px;
        margin: 3px;
    }

    input       {
        font-size: 14px;
        color: #444;
        padding: 5px;
        margin: 3px;
        height: 30px;
        vertical-align: middle;
    }

    .btnfix {
        padding-top: 0px;
    }

    .checkbox {
        height: 12px;
    }

    .button {
        position: relative;
        height: 27px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        background-repeat: no-repeat;
        margin-left: 10px;
        font-family: arial, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }

    .buttontext {
        position: relative;
        top: 6px;
    }

    .b1 {
        width: 119px;
        background-image: url("acntbtn1.png");
    }
    .b2 {
        width: 175px;
        background-image: url("acntbtn2.png");
    }
    .agent {
        width: 175px;
        background-image: url("images/button_agent.png");
    }
    
    .b1on {
        width: 119px;
        background-image: url("acntbtn1on.png");
        color: #fff;
    }
    .b2on {
        width: 175px;
        background-image: url("acntbtn2on.png");
        color: #fff;
    }
    
    
    /* alert area for man plan editing page */
    .maxxed {
        color: #555;
        font-size: 12px;
        display: none;
    }
    
    /* floaters for about, chain etc */
    
    .FLOATERL  {
        float:left;
        width:150px;
        margin:10 20 20 10;
        font-size: 10px;
        text-align: center;
    }
    .FLOATERR  {
        float:right;
        width:150px;
        margin:0 10 10 20;
        font-size: 10px;
        text-align: center;
    }
    
    .infobox {
        width: 90%;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding: 10px 20px 10px 20px;
        background-color: #fffcbf;
        background-image: url( "infobg.jpg" );
        background-repeat: no-repeat;
        border: 1px solid #d4a21a;
        font-family: arial, sans-serif;
        font-size: 14px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
     }

    .smallgrey {
         font-size: 11px;
         color: #666;
     }

    /* map buttons */
    #hand_b {
        width:31px;
        height:31px;
        background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
    }
    #hand_b.selected {
        background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
    }
    #shape_b {
        width:89px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/startdrawing.png);
    }
    #shape_b.selected {
        background-image: url(http://www.myforest.org.uk/startdrawing2.png);
    }
    #marker_b {
        width:89px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/placemarker.png);
    }
    #marker_b.selected {
        background-image: url(http://www.myforest.org.uk/placemarker2.png);
    }
    #reset_b {
        width:42px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/reset.png);
    }