﻿   
#ContentDisplayAudioContainer {
    width: 500px;
    overflow: auto;
    background-color: #fff;
    }
#ContentDisplayAudioContainer .searchcontainer {
    width: 500px;
    height: 40px;
    }
#ContentDisplayAudioContainer .searchcontainer .searchfield {
    float: left;     
    width: 200px;
    }
#ContentDisplayAudioContainer .searchcontainer .searchfield label {
    float: left;     
    width: 40px;
    padding-top: 3px;
    }
#ContentDisplayAudioContainer .searchcontainer input.textbox {
    width: 140px;
    }
#ContentDisplayAudioContainer .searchcontainer .rundatefield {
    float: left;     
    width: 180px;
    }
#ContentDisplayAudioContainer .searchcontainer .rundatefield label {
    float: left;     
    width: 80px;
    padding-top: 3px;
    }
#ContentDisplayAudioContainer .searchcontainer .rundatefield select {
    float: left;     
    width: 100px;
    }
#ContentDisplayAudioContainer .searchcontainer .buttons {
    float: left;     
    width: 120px;
    text-align: right;
    }
#ContentDisplayAudioContainer input.navbutton {
    width: 50px;
    }
#ContentDisplayAudioContainer .navigation {
    width: 495px;
    cursor: auto;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    }
#ContentDisplayAudioContainer .navigation .pageof {
    float: left;
    }
#ContentDisplayAudioContainer .accordianHeader {
    width: 480px;
    height: 35px;
    padding: 10px;
    margin-bottom: 2px;
    cursor: auto;
    background-color: #ddd;
    color: #2b5d8e;
    line-height: normal; 
    cursor: pointer;
    }
#ContentDisplayAudioContainer .accordianHeader .left {
    float: left;
    width: 400px;
    }
#ContentDisplayAudioContainer .accordianHeader .left .title {
    font-weight: bold;
    }
#ContentDisplayAudioContainer .accordianHeader .left .description {
    }
#ContentDisplayAudioContainer .accordianHeader .right {
    float: left;
    width: 80px;
    text-align: right;
    color: #000;
    }
#ContentDisplayAudioContainer .accordianHeaderSelected {
    width: 480px;
    height: 35px;
    padding: 10px;
    margin-bottom: 2px;
    cursor: pointer;
    background: #2b5d8e url(AllstarBlack1/images/bg_accordian_on.gif) bottom right no-repeat;    
    color: white;
    line-height: normal;     
    }
#ContentDisplayAudioContainer .accordianHeaderSelected .left {
    float: left;
    width: 400px;
    }
#ContentDisplayAudioContainer .accordianHeaderSelected .left .title {
    font-weight: bold;
    }
#ContentDisplayAudioContainer .accordianHeaderSelected .right {
    float: left;
    width: 80px;
    text-align: right;
    }
#ContentDisplayAudioContainer .accordianContent {
    color: #000;
    width: 478px;
    background-color: #fff;
    padding: 10px;
    font-family: Tahoma;
    margin-bottom: 2px;
    border-left: solid 1px #2b5d8e;
    border-right: solid 1px #2b5d8e;
    border-top: solid 1px #2b5d8e;
    border-bottom: solid 1px #2b5d8e;    
    }
#ContentDisplayAudioContainer .accordianContent a, a.visited, a.hover {
    }
#ContentDisplayAudioContainer .accordianContent .content {
    padding: 0px;
    }
#ContentDisplayAudioContainer .accordianContent .content .item {
    width: 478px;
    line-height: normal;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 15px;
    }
#ContentDisplayAudioContainer .accordianContent .content .item_seperator {
    width: 478px;
    height: 1px;
    margin-bottom: 5px;
    line-height: normal;
    background-color: transparent;
    border-bottom: dashed 1px #ccc;
    color: #fff; 
    }
#ContentDisplayAudioContainer .accordianContent .content .item .tracknum {
    float: left;
    width: 10px;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .player {
    float: left;
    width: 250px;
    padding-bottom: 5px;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .player .infinity {
    /*This div gets overridden when the player is loaded after user clicks "click to audition bit" */
    float: left;
    width: 10px;
    text-align: center;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .filetype {
    float: left;
    width: 70px;
    text-align: center;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .filelength {
    float: left;
    width: 55px;
    text-align: center;
    min-width: 55px;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .download {
    float: left;
    width: 83px;
    text-align: right;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .artist {
    clear: both;
    padding-left: 10px;
    padding-top: 5px;
    width: 468px;  
    overflow: auto;
    }
#ContentDisplayAudioContainer .accordianContent .content .item .outcue {
    clear: both;
    padding-left: 10px;
    width: 468px;  
    overflow: auto;  
    }
#ContentDisplayAudioContainer .accordianContent .content .item .format {
    clear: both;
    padding-left: 10px;
    padding-top: 2px;
    width: 468px;
    overflow: auto;
    }
    
#ContentDisplayAudioContainer .norecords {
    padding: 10px;
    width: 480px;
    }
    
#ContentDisplayAudioContainer .indexreport 
{
    margin-bottom: 5px;
}