﻿
h1 {
    font-size: 22px;
    font-weight: bold;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
    margin: 10px 0px 12px 0px;
}

h2 {
    font-size: 17px;
    font-weight: bold;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
    margin: 5px 0px 0px 0px;
}


#videoPlayerContainer {
  width: 950px;   
}
#bodyleft {
    width: 640px;
    padding: 10px;
    float: left;
    background-color: #910000;
}
#bodyright {
    width: 290px;
    float: right;
    padding-top: 80px;
}
#adsection {
    width: 270px;
    padding: 5px 8px 5px 8px;
}

#groupselector-title {
    width: 170px;
    padding: 5px 8px 5px 8px;
}
#groupselector-selector {
    width: 170px;
    padding: 5px 8px 5px 8px;
    font-size: 12px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
}
#groupselector-selector a {
    font-size: 12px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
}

#movieContainer {
    width: 450px;
    height: 450px;
    float: right;
    background-color: Aqua;
}
#moviePlayer {
    width: 450px;
    height: 340px;
}
#movieQueue {
    width: 450px;
    height: 120px;
    overflow: auto;
    background-color: #910000;
    border: dashed 1px #fff;
    text-align: center;
    margin: 0;
    padding-left: 0;
}
#queueItems {
    width: 1250px;
}
.whiteFrame {
    border: solid 1px #c3c3c3;
}
.borderContainer {
    width: 275px;
}
.borderContainerLeft {
    width: 170px;
}

.menu ul {
    margin: 0;
    padding: 0px 0 0 0px;
    list-style: none;
    line-height: normal;
}

.menu li {
    display: block;
    float: left;
}

.menu a {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 3px;
    padding: 0px 20px 0px 10px;
    background: url('images/menuspacer.gif') no-repeat right 52%;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
}


.menu a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.menu .current_page_item {
    background: url('images/menuspacer.gif') no-repeat right 52%;
    color: #c5c5c5;
}

.menu .last {
    background: none;
}

#adsection a {
    color: #fff;
    font-weight: bold;
}

#videoselector-selector {
    padding-bottom: 12px;
}
#videoselector-title {
    padding: 5px 8px 5px 8px;
}
#instructions-title {
    padding: 5px 8px 5px 8px;
}
#vidselector-ul {
    padding: 5px;
    margin: 0 auto;
    list-style: none;
}

#vidselector-ul li {
    width: 263px;
    padding: 5px 8px 12px 8px;
    margin: 0px 0px 5px 0px;
    padding: 0;
    clear: both;
    list-style: none;
}
#vidselector-ul li img {
    float: left;
    margin: 0px 5px 10px 0px;
    width: 65px;
    height: 65px;
}
.draggableThumb {
  
}
#vidselector-ul li h3 {
    font-size: 12px;
    font-weight: bold;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
    margin: 0;
}
.viddescr {
    font-size: 11px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
}
.vidlevel {
    font-size: 10px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
    float: left;
}
.vidlength {
    font-size: 10px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
    float: right;
}

#queueItems {
    margin: 0;
    padding: 0;
 	list-style-type: none;
	display: inline-block;
}
#queueItems li {
 margin: 5px 5px 5px 5px;
 display: inline;
 float: left;
}
#queueItems li a {
    font-size: 10px;
    font-family: "Trebuchet MS" , Georgia, "Times New Roman" , Times, serif;
    color: #ffffff;
}
.emptyQueueItem {
 border: 1px dashed #666;
 width: 75px;
 height: 75px;
}

.filledQueueItem {
border: none;
width: 75px;
height: 85px;
}
.filledQueueItem img {
 width: 75px;
 height: 75px;
 margin-bottom: 0px;   
}


.dropactive
{
 border: 1px dashed #666;
}
.drophover
{
 border: none;
 width: auto !important;
 background-color: #000;
}
.inactiveMovie {
    opacity:0.4;
    filter:alpha(opacity=40)
}

