div.alert {
    border: 1px solid red;
    /*color: red;*/
    padding: 5px;
    width: 800px;
    margin-bottom: 20px;
    text-align: center;
}

/*.right {*/
/*    text-align: right;*/
/*}*/

/*.left {*/
/*    text-align: left;*/
/*}*/

/*.center {*/
/*    text-align: center;*/
/*}*/

.details {
    font-size: small;
}

.details p {
    text-align: center;
    padding: 0;
    margin: 2px;
}

.green {
    background: green;
    color: white
}

.yellow {
    background: #fad264;
}

.red {
    background: bisque;
    color: white;
    font-weight: bold;
}

.purple {
    background: #e97cd8;
    color: white
}

.blue {
    color: blue;
    font-weight: bold;
}

p span {
    padding: 3px 5px;
    margin: 2px;
}

div.video,
div.photo
{
    float: left;
    margin: 1px;
    padding: 10px;
    width: 320px;
    height: 500px;
    border: 1px solid #ccc;
    overflow: hidden;
    display: inline-block;
}

div.video
{
    background: bisque;
}

.floatleft {
    float: left;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

/*table {*/
/*    margin: auto;*/
/*    border: 1px solid #ddd;*/
/*    border-collapse: collapse;*/
/*}*/

/*table tr:nth-child(odd) {*/
/*    background: #eee;*/
/*}*/

/*tr:first-child th       { text-align: left; background:#ffe4c4; }*/

/*th, td {*/
/*    padding: 1px 10px;*/
/*}*/

h3 {
    text-align: center;
}

/*th {*/
/*    text-align: left;*/
/*}*/

/*a.selected {*/
/*    font-weight: bold;*/
/*    color: red;*/
/*}*/

span.grey {
    color: #ddd;
}