/*
 * general
 */

#box-post {
    height: 200px;
}

#box-post OL {
    margin-left: 20px;
}

#box-post P {
    margin-bottom: 5px;
}

#box-post H3 {
    margin-bottom: 5px;
}

#box-post A.link {
    text-decoration: underline;
    font-size: 100%;
}

/*
 * tools
 */


.fl {
    float: left;
}

.np {
    padding: 0!important;
}

.link, A {
    color: #555;
    text-decoration: underline;
    cursor: pointer;
}

    .link:hover, A:hover {
        color: #555;
        text-decoration: none;
    }

.infobox {
    padding: 4px;
    border: 1px solid #555;
    text-align: left;
    background-color: #ccc;
}


/*
 * Borders etc.
 */

.border-title {
    background-color: #555;
    padding: 1px 5px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #fff;
    display: inline;
}

.border {
    border: 1px solid #555;
    position: relative;
}

TABLE.border-content {
    height: 150px;
    width: 100%;
}

    TABLE.border-content TD {
        padding: 10px;
        vertical-align: top;
    }

    TABLE.border-content TD H3 {
        margin: 0;
    }

A.button {
    border: 1px solid #D9DFEA;
    border-bottom-color: #555;
    border-right-color: #555;

    background-color: #000;
    font-weight: normal;
    color: #fff!important;
    padding: 5px;
    margin: 0 2px;
    cursor: pointer;
    text-decoration: none;
}

    A.button:hover {
        background-color:#555;
    }

    A.button.disabled {
        background-color: #ccc;
        cursor: default;
    }

    A.button.disabled {
        background-color: #ccc;
    }


/*
 * Video picker
 */


#video-picker {

    width: 300px;
    background-color: #ddd;
    padding: 3px;
}

    #f-ytl-login {
        width: 100px;
    }

#videos {
    background-color:#ddd;
    height: 140px;
    overflow-y:auto;
    margin-top: 3px;
}

    #videos TABLE TR.item {
        background-color: #fff;
        cursor: pointer;
    }
        #videos TABLE TR.item TD {
            padding: 3px;
        }

    #videos TABLE TR.selected {
        background-color: #ffff99;
    }

    #videos TABLE TR.spacer {
        height: 3px;
        background-color: #ddd;
    }

    #videos TABLE TR.spacer TD {
        padding: 0;
    }


/*
 * Video listing
 */

#videos-list {
    background-color:#fff;
    height: 140px;
    overflow-y:auto;
}

    #videos-list TABLE TR.item {
        background-color: #fff;
        cursor: pointer;
    }
        #videos-list TABLE TR.item TD {
            padding: 3px;
        }

    #videos-list TABLE TR.selected {
        background-color: #ffff99;
    }

    #videos-list TABLE TR.spacer {
        height: 3px;
        background-color: #fff;
    }

    #videos-list TABLE TR.spacer TD {
        padding: 0;
    }

.vlist-cell {
    /*border: 4px solid #555;*/
    border: 4px solid #fff;
    padding: 3px;
    cursor: pointer;
}

    .vlist-cell:hover {
        background-color: #ffff99;
    }

    .vlist-cell.dis:hover {
        background-color: #fff;
    }

#box-player {
    padding: 3px;
}

#player-box-holder {
    height: 310px;
}

/*
 * Form
 */

#in-form {}

    #in-form td {
        margin: 0;
        padding: 0 0 3px 0;
    }

    #in-form input {
        border: 1px solid #000;
        height: 12px;
        font-size: 10px;
        padding: 2px;
    }

    #in-form input.err {
        border: 1px solid #f00;
    }


/*
 * Rules page
 */

.rules-box {
    background-color: white;
    border: 1px solid #000;

    width: 700px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -350px;

    padding: 10px 10px 5px 10px;

    font-size: 12px;
}

    .rules-box p {
        text-align: justify;
    }

.T3 {
    font-size: large;
    font-weight: bold;
    display: block;
    text-align: center;
}

.P7 {
    font-weight: bold;
    font-size: larger;
}