.left {
    float: left;
}

.clear {
    clear: both;
}

div#project {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

div#viewer {
    width: calc(100% - 210px);
    height: 700px;
    cursor: pointer;
    padding: 0px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background-color: #eee;
    border: 2px dashed #aaa;
    border-radius: 10px;
}

div#footer {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

div#list {
    width: auto;
    height: 700px;
    padding: 0px;
    position: relative;
    background-color: #eee;
    border: 2px dashed #aaa;
    border-radius: 10px;
    overflow: auto;
}

    div#list div button {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
        background: -moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background: -webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background: -o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background: -ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
        background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
        background-color: #44c767;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        border: 1px solid #18ab29;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Verdana;
        font-size: 12px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #2f6627;
        margin: 2px;
        /*height: 42px;*/ height: 212px;
        width: 170px;
    }

        div#list div button:hover {
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
            background: -moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background: -webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background: -o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background: -ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background: linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
            background-color: #5cbf2a;
        }

        div#list div button:active {
            position: relative;
            top: 1px;
        }

        div#list div button div img {
            width: 150px;
        }

.preview {
    height: 100px
}

#otherExamples th, #otherExamples td {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}