html, body {
 background-color: #eaeaea;
 color: #000000;
 background-image: url('cosmic.gif');
 font-family: Tahoma, Roboto, Arial, sans-serif;
 padding: 12px 12px 12px 12px;
 line-height: 18px;
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 10;
    padding: 0;
}

html, body, td, p {
 font-size: 12px;
}

select {
 width: 240px;
}

select, input {
 border: 1px solid black;
 padding: 4px 4px 4px 4px;
 border-radius: 4px;
}

img {
 border: 0;
}

.thumbstyle {
 border-radius: 4px;
 width: 160px;
 height: 100px;
 background-color: black;
}

.relatedthumb {
 border-radius: 4px;
 width: 120px;
 height: 68px;
 background-color: black;
}

iframe {
 border: 0;
 width: 380px;
 min-height: 1000px;
 !height: 1000px;
 border-radius: 8px;
}

a {
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#mainplayer {
 background-color: black;
 border-radius: 8px;
 display: block;
 object-fit: center;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.red_button {
 color: white;
 background-color: #e01425;
 background-image: url('btn_grad.png');
 background-repeat: repeat-x;
 font-weight: bold;
 cursor: hand;
 cursor: pointer;
 width: 100px;
 height: 26px;
 font-size: 12px;
}

.red_button:hover {
 background-image: url('hot_grad.png');
 background-color: #f82a0d;
}

.gray_button {
 background-color: #cfcfcf;
 background-image: url('btn_grad.png');
 background-repeat: repeat-x;
 font-weight: bold;
 cursor: hand;
 cursor: pointer;
 width: 100px;
 height: 26px;
 font-size: 12px;
}

.gray_button:hover {
 background-image: url('hot_grad.png');
 background-color: #e8e8e8;
}

.green_toast {
 text-align: center;
 display: block;
 border: 2px solid rgb(0, 128, 0);
 width: 600px;
 padding: 4px 4px 4px 4px;
 border-radius: 8px;
 color: rgb(0, 128, 0);
 margin-left: auto;
 margin-right: auto;
 background-color: rgb(64, 255, 64);
 background-color: rgba(32, 225, 32, 0.25);
 !background-color: rgb(64, 255, 64);
}