#sidebar
{
    min-height:450px;
    float:left;
    width:180px;
    margin-bottom:-30px;
}
    #sidebar > ul
    {
        list-style:none;
    }
    #sidebar > ul > li
    {
        text-align:right;
        list-style:none;
        margin:2px 0;
        padding:2px 10px;
        cursor:pointer;
    }
        #sidebar > ul > li:hover
        {
           color:Navy;
        }
        
#sidebar_content
{
    border: 1px solid #AAAAAA;
    margin:-1px -1px -1px 0;
    padding-left:15px;
    padding-right:2px;
    min-height:450px;
    float:left;
    width:800px;
}
.list_ul
{
    list-style:none;
}
    .list_ul > li
    {
        cursor:pointer;
    }
    .list_ul > li:hover
    {
        color:Maroon;
    }

.ul_modified 
{
}
    .ul_modified > li 
    {
        cursor:default;
        margin-right:5px;
    }
    .ul_modified > li:hover
    {
        color:inherit;
    }

.studio_hover
{
    cursor:pointer;
}
    .studio_hover:hover
    {
        color:Maroon;
    }

.spacer
{
    width:450px;
    margin-top:216px;
}

.conflict
{
    font-weight:bold;
    color:Red;
}
.fine
{
    font-weight:bold;
}
.venue 
{
    width:450px;
    float:left;
}
.track
{
    float:left;
    width:220px;
}
.pod
{
    font-size:9pt;
    float:left;
    width:210px;
}
.routine
{
    width:100px;
    margin-bottom:4px;
}
    .routine span
    {
        margin-right:5px;
    }

body
{
    margin:auto;
    width:1000px;
}

#header
{
    background:#AAAAAA;
    height:99px;
    overflow:hidden;
}
    #header > div#logo
    {
        font-size:18pt;
        padding-top:20px;
        margin-left:25px;
    }
    #header > div#nav
    {
        height:35px;
    }
    #header > div > ul > li
    {
        padding:5px 10px;
        color:maroon;
        list-style:none;
        float:left;
        font-size:12pt;
	    font-family:Arial, Helvetica, sans-serif;
	    cursor:pointer;
    }
    #header > div > ul > li:hover 
    {
        background-color:White;
    }
    #header > div#logout_div
    {
        cursor:pointer;
        float:right;
        position:relative;
        top:-90px;
        right:20px;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif;
	    font-size:9pt;
    }
    #header > div#logout_div:hover
    {
        color:White;
    }

#content
{
    border: 1px solid #AAAAAA;
    min-height: 450px;
}

#footer
{
    background:#AAAAAA;
    height: 55px;
}

#copyright_notice
{
    float:right;
    padding-top:13px;
    padding-right:20px;
}

#error
{
    margin:10px;
    padding:5px 10px;
    border:1px solid #FF0033;
    background:#FFCECE;
    color:#FF0033;
}

#notify
{
    margin:10px;
    padding:5px 10px;
    border:1px solid #FFCC33;
    background:#FFFFCC;
    color:#FFCC33;
}




/* Drag and Drop Styles */

.VenueContainer 
{
    width: 576px;
    border: #669999 2px solid;
    padding: 10px;
    float:left;
}

.DragContainer, .OverDragContainer, .DragDragContainer {
  float:left;
  margin: 3px;
  width: 260px;
  cursor: pointer;
  border: #669999 2px solid;
  padding: 5px;
  padding-top:60px;
  position:relative;
}

.OuterDragContainer {
  float: left;
  margin: 3px;
  width: 282px;
  padding-top:30px;
  position:relative;
  background-color:#CFCFCF;
  padding-bottom:10px;
}

.DragHeader {
    margin:-2px -2px 3px -2px;
    padding:2px;
    height:35px;
    font-size:10pt;
    font-weight:bold;
    font-family: verdana, tahoma, arial;
}

.DragBox, .OverDragBox, .DragDragBox {
  border: #000 1px solid;
  padding: 2px;
  font-size: 10px;
  margin-bottom: 0;
  width: 254px;
  cursor: pointer;
  font-family: verdana, tahoma, arial;
  background-color: #eee;
}

.OverDragContainer {
	background-color: #ffff99;
}

.DragDragContainer {
    background-color: #ff99cc;
}

.OverDragBox, .DragDragBox {
  background-color: #ffff99;
}

.DragDragBox {
  /*filter: alpha(opacity=50);*/
  background-color: #ff99cc;
}

.solo
{
    /* background-color:Yellow; */
    background-color: #ccff33;
    color:Black;
}

.duet 
{
    background-color:#66FF44;    
    color:Black;
}

.trio
{
    background-color:Aqua;
    color:Black;
}

.group
{
    /* background-color:#FF9933; */
    background-color:#ff6600;
    color:Black;
}

.production
{
    background-color:#FF3399;
    color:Black;
}

.conflicted
{
    background-color:#FF0033;
    color:#FFFFFF;
}
    .solo.conflicted
    {
        color:Yellow;
    }
    .duet.conflicted
    {
        color:#66FF44;
    }
    .trio.conflicted
    {
        color:Aqua;
    }
    .group.conflicted
    {
        color:#FF9933;
    }
    .production.conflicted
    {
        color:#FF3399;
    }

.manually_updated
{
    background-color:Maroon;
    color:White;
}

.breaks
{
    color:#FFFFFF;
    background-color:#884F7A;
}

.sibling_conflict
{
    background-color: #47919c;
    color:White;
}

.cleared
{
    clear:both;
}

/***************/
/* Stat Styles */
/***************/
#stat_menu
{
    float:left;
    background-color:#CFCFCF;
    height:39px;
}
#overall_stats
{
    float:left;
    height:39px;
    background-color:#CFCFCF;
    width:417px;
}
#stat_list
{
    overflow:auto;
    height:690px;
}
#stat_list ul
{
    list-style:none;
    clear:both;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#stat_list ul li
{
    margin:5px 0;
    float:left;
}
#stat_list ul li:nth-child(odd)
{
    cursor:pointer;
}
#stat_list ul li:nth-child(odd):hover
{
    color:Orange;
}
#stat_list ul li:nth-child(odd)
{
    font-weight:bold;
    margin-right:5px;
}
#stat_list ul li:nth-child(even)
{
    margin-right:10px;
}
#substats > div
{
    height:410px;
    float:left;
    width:328px;
}
#substats > div:nth-child(odd)
{
    background-color:#E7E7E7;
}
#substats > div:nth-child(even)
{
    background-color:#C7C7C7;
}
#unique_stats
{
    margin-top:25px;
    width:984px;
    height:300px;
    clear:both;
    background-color:#C7C7C7;
}

.wait_listed {
    background-color: #c34ce5;
}