﻿   
#ContentDisplayAudioQuizContainer {
    width: 500px;
    overflow: auto;
    background-color: #fff;
    }
#ContentDisplayAudioQuizContainer .searchcontainer {
    width: 500px;
    height: 40px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .searchfield {
    float: left;     
    width: 200px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .searchfield label {
    float: left;     
    width: 40px;
    padding-top: 3px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer input.textbox {
    width: 140px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .rundatefield {
    float: left;     
    width: 180px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .rundatefield label {
    float: left;     
    width: 80px;
    padding-top: 3px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .rundatefield select {
    float: left;     
    width: 100px;
    }
#ContentDisplayAudioQuizContainer .searchcontainer .buttons {
    float: left;     
    width: 120px;
    text-align: right;
    }
#ContentDisplayAudioQuizContainer input.navbutton {
    width: 50px;
    }
#ContentDisplayAudioQuizContainer .navigation {
    width: 500px;
    cursor: auto;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    }
#ContentDisplayAudioQuizContainer .navigation .pageof {
    float: left;
    }
#ContentDisplayAudioQuizContainer .accordianHeader {
    width: 480px;
    height: 30px;
    padding: 10px;
    margin-bottom: 2px;
    cursor: auto;
    background-color: #ddd;
    color: #2b5d8e;
    line-height: normal; 
    cursor: pointer;
    }
#ContentDisplayAudioQuizContainer .accordianHeader .left {
    float: left;
    width: 400px;
    }
#ContentDisplayAudioQuizContainer .accordianHeader .left .title {
    font-weight: bold;
    }

#ContentDisplayAudioQuizContainer .accordianHeader .right {
    float: left;
    width: 80px;
    text-align: right;
    color: #000;
    }
#ContentDisplayAudioQuizContainer .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;     
    }
#ContentDisplayAudioQuizContainer .accordianHeaderSelected .left {
    float: left;
    width: 400px;
    }
#ContentDisplayAudioQuizContainer .accordianHeaderSelected .left .title {
    font-weight: bold;
    }
#ContentDisplayAudioQuizContainer .accordianHeaderSelected .right {
    float: left;
    width: 80px;
    text-align: right;
    }
#ContentDisplayAudioQuizContainer .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;    
    }
#ContentDisplayAudioQuizContainer .accordianContent a, a.visited, a.hover {
    }
#ContentDisplayAudioQuizContainer .accordianContent .content {
    padding: 0px;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .description
{
    line-height: 13px;
    font-size: 11px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #2b5d8e;
}    
#ContentDisplayAudioQuizContainer .accordianContent .content .item {
    width: 478px;
    line-height: normal;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item_seperator {
    width: 478px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 5px;    
    line-height: normal;
    background-color: transparent;
    border-bottom: solid 1px #000;
    color: #fff; 
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .tracknum {
    float: left;
    width: 10px;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .player {
    float: left;
    width: 250px;
    }
#ContentDisplayAudioQuizContainer .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;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .filetype {
    float: left;
    width: 70px;
    text-align: center;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .filelength {
    float: left;
    width: 55px;
    text-align: center; 
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .download {
    float: left;
    width: 83px;
    text-align: right;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .artist {
    clear: both;
    padding-left: 10px;
    padding-top: 5px;
    width: 468px;  
    overflow: auto;
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .question {
    clear: both;
    padding-top: 10px;
    padding-left: 10px;
    width: 468px;  
    overflow: auto;  
    }
#ContentDisplayAudioQuizContainer .accordianContent .content .item .answer {
    clear: both;
    padding-left: 10px;
    padding-top: 5px;
    width: 468px;
    overflow: auto;
    }
#ContentDisplayAudioQuizContainer .norecords {
    padding: 10px;
    width: 480px;
    }