
div.descdiv {

    float: none;
    height: 130px;
    width: 400px;
    padding-left: 135px;
    margin-left: 25px;
    cursor: pointer;
    background-position: 5px 5px;
    background-repeat: no-repeat;

}

div#frogboard_desc {
    background-image: url("/images/balloon_icon.png");
}

div#doorgames_desc {
    background-image: url("/images/door_games_icon.png");
}

div#feeder_desc {
    background-image: url("/images/frog_feeder_icon.png");
}

div#shirt_desc {
    background-image: url("/images/shirt_icon.png");
}

.sitename {

    font-size: 18pt;
    font-weight: bold;

}


body {

    background-color: #99FF99;
    font-family: sans-serif;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;

}

p.frogtalk {

    font-weight: bold;
    font-family: sans-serif;
    font-size: 10pt;
    text-align: center;

}

div.speech {

    position: absolute;
    display: none;
    text-align: center;
    width: 150px;
    
}

div.footer {

    width: 99%;
    position: fixed;
    bottom: 10px;

}

div.frog {

    position: absolute;
    width: 125px;
    height: 139px;
    
}

div.frog img {

    width: 100%;
    height: 100%;
    cursor: move;

}

    td.corner {
        width: 15px;
        height: 15px;
    }
    
    td.topleft {
        background-image: url('/images/tl.gif');
    }

    td.topright {
        background-image: url('/images/tr.gif');
    }
    
    td.top {
        width: 170px;
        height: 15px;
        background-image: url('/images/t.gif');
    }

    td.bottomleft {
        background-image: url('/images/bl.gif');
        background-repeat: no-repeat;
    }

    td.bottomright {
        background-image: url('/images/br.gif');
        background-repeat: no-repeat;
    }
    
    td.bottom {
        width: 170px;
        height: 15px;
        background-image: url('/images/b.gif');
        background-repeat: repeat-x;
    }

    td.left {
        width: 15px;
        background-image: url('/images/l.gif');
    }

    td.right {
        width: 15px;
        background-image: url('/images/r.gif');
    }
    
    td.middle {
        background-color: #FFFFFF;
    }

    div#frogEditor {
        position: absolute;
        padding: 5px;
        width: 200px;
        background-color: #EEEEEE;
        border-style: outset;
        border-width: 2px;    
    }

    div.settings {
        padding: 5px;
        border-style: solid;
        border-color: #999999;
        border-width: 1px 1px 0px 1px;    
    }

    div.settings:last-child {
        border-bottom-width: 1px;
    }
    
    div.settingsHeader {
        background-image: url('/images/plus.gif');
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer;
        padding-left: 16px;    
    }
    
    p.settingsOption {
        font-size: 10pt;
        padding: 0px;
        margin: 5px 1px 1px 15px;
    }
    
    button.settingsButton {
        padding: 1px;
        margin-top: 3px;
        font-size: 10pt;
    }

