﻿/*@media (min-width: 1000px) {*/
    body {
        font-family: Arial, sans-serif;
    }

    div.wrapper {
        width: 64em;
        margin: 0 auto;
        padding: 2em;
        background-color: white;
    }

    div.selector {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    select.dd {
        border: solid 1px #000;
        padding: 1em;
    }

    div.banner {
        height: 10em;
        line-height: 10em;
    }

        div.banner img {
            height: 10em;
            width: auto;
            float: left;
            margin-right: 2em;
        }

    div.left-box {
        float: left;
        width: 12em;
        /*    border: solid 1px blue;
*/ margin-right: 2em;
    }

    div.right-box {
        float: left;
        width: 50em;
        /*    border: solid 1px green;*/
    }

    div.left-menu {
        float: left;
        width: 12em;
        margin-right: 2em;
        /*border-right: solid 1px #000;*/
        /*clear:both;*/
        /*height:40em;*/
    }

    div.hiddenitem {
        display: none;
    }

    div.pageContent {
        /*border: solid 1px black;*/
        float: left;
        width: 40em;
        /*clear: both;*/
    }

    .nofloat {
        clear: both;
    }

    p.thumbnailCaption {
        color: black;
        margin-bottom: 0;
    }

    div.thumbnails { /*
    */
        height: 120px;
        /*overflow:scroll;*/
    }

        div.thumbnails a {
            float: left;
            -webkit-text-decoration: none;
            text-decoration: none;
        }

    img.thumbnail {
        margin-left: 1em;
        margin-right: 1em;
    }



    ul.contents {
        list-style-type: none;
        padding: 0;
        /*border: dashed 1px red;*/
    }

        ul.contents li {
            width: 100%;
            float: left;
            /*padding: 0.5em;*/
        }

            ul.contents li.selected {
                background-color: lightgrey;
            }

            ul.contents li a {
                -webkit-text-decoration: none;
                text-decoration: none;
                padding: 0.5em;
                color: inherit;
                /*width: 100%;
            height: 100%;*/
                display: block;
            }

                ul.contents li a:hover {
                    background-color: silver;
                    /*color:red;*/
                }

    .wip {
        border-collapse: collapse;
        width: 100%;
    }

        .wip tbody tr.tableHead td {
            font-weight: bold;
        }

        .wip tbody tr td {
            border: solid 1px black;
            padding: 0.5em;
        }

    a.hoverClick {
        text-align: center;
    }

        a.hoverClick:hover {
            background-color: silver;
        }
/*}*/
