/********************************
/**     
/**     Q Item Pronunciation
/**     
/*******************************/

.Q_Container.SingleChoice .Q_Prompt
{
    height: 170px;
}

.Q_Container.SingleChoice .Q_Answers
{
    position: absolute;
    top: 188px;
    left: 80px;
    border: solid 1px gray;
    font-size: 14px;
    padding: 15px;
}

.Item_Container.SingleChoice_Answer .MiddleMiddle
{
    width: 500px;
    min-height: 20px;
    float: left;
    clear: right;
}

.Item_Container.SingleChoice_Answer .Item_Text
{
    color: Black;
    text-align: left;
    vertical-align: top;
    height: auto;
}

.Item_Container.SingleChoice_Prompt
{
    left: 80px;
    top: 5px;
}

/********************************
/**     
/**     Q Item Pronunciation
/**     
/*******************************/


.Q_Container.Simple .Q_Prompt
{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 648px;
    height: 158px !important;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Item_Container.Simple_Prompt .MiddleMiddle
{
    width: 460px;
    height: 120px !important;
}

.Q_Container.Simple .Q_Answers
{
    position: relative;
    border: none;
    font-size: 14px;
    top: 168px;
    left: 55px;
    width: 620px;
}

.Item_Container.Simple_Answer
{
    position: relative;
    width: 220px;
    height: 125px;
    float: left;
    margin: 1px;
    border: solid 1px gray;
}

.Item_Container.Simple_Answer .MiddleMiddle
{
    width: 250px;
    height: 125px;
}


.Item_Container.Simple_Answer .Item_Image
{
    left: 0px;
    top: 0px;
    background-color: Transparent;
}


.Item_Container.Simple_Answer .Item_Text
{
    font-size: 12px !important;
    text-align:center;
}
.Item_Container.Simple_Prompt .Item_Text
{
    font-size: 12px !important;
    text-align:center;
}

.Item_Container.Simple_Prompt .Item_Image
{
    right: 15px;
    bottom: 10px;
    width: 150px;
    height: 110px !important;
    background-color: Transparent;
}

/********************************
/**     
/**     Q Item Pronunciation
/**     
/*******************************/

.Q_Container.Pronunciation .Q_Prompt
{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 648px;
    height: 160px;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Item_Container.Pronunciation_Prompt .MiddleMiddle
{
    width: 460px;
    height: 122px !important;
}

.Q_Container.Pronunciation .Q_Answers
{
    position: relative;
    border: none;
    font-size: 14px;
    top: 168px;
    left: 60px;
    width: 620px;
}

.Item_Container.Pronunciation_Answer
{
    position: relative;
    width: 220px;
    height: 125px;
    float: left;
    margin: 1px;
    border: solid 1px gray;
}

.Item_Container.Pronunciation_Answer .MiddleMiddle
{
    width: 250px;
    height: 125px !important;
}


.Item_Container.Pronunciation_Answer .Item_Image
{
    left: 0px;
    top: 0px;
    background-color: Transparent;
    width: 100%;
    height: 100%;
}


.Item_Container.Pronunciation_Answer .Item_Text
{
    font-size: 12px !important;
    text-align: center;
}
.Item_Container.Pronunciation_Prompt .Item_Text
{
    font-size: 12px !important;
    text-align: center;
}

.Item_Container.Pronunciation_Prompt .Item_Image
{
    left: 230px;
    bottom: 10px;
    width: 110px !important;
    height: 110px !important;
    background-color: white;
    position:absolute;
}
.Item_Container.Pronunciation_Prompt .Item_Video
{
    position:absolute;
    left: 25px;
    top: 0px;
    border:solid 1px balck;
    width:182px;
    height:122px;
}

/********************************
/**     
/**     Q Item PinYin
/**     
/*******************************/


.Q_Container.PinYin .Q_Prompt
{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 648px;
    height: 158px;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Item_Container.PinYin_Prompt .MiddleMiddle
{
    width: 460px;
    height: 120px;
}

.Q_Container.PinYin .Q_Answers
{
    position: relative;
    border: none;
    font-size: 14px;
    top: 20px;
    left: 35px;
    width: 620px;
}

.Item_Container.PinYin_Answer
{
    position: relative;
    width: 220px;
    height: 125px;
    float: left;
    margin: 1px;
    border: solid 1px gray;
}

.Item_Container.PinYin_Answer .MiddleMiddle
{
    width: 250px;
    height: 125px;
}


.Item_Container.PinYin_Answer .Item_Image
{
    left: 0px;
    top: 0px;
    background-color: Transparent;
    width:100%;
    height:100%;
    
}


.Item_Container.PinYin_Answer .Item_Text
{
    font-size: 12px !important;
    text-align:center;
}
.Item_Container.PinYin_Prompt .Item_Text
{
    font-size: 12px !important;
    text-align:center;
}

.Item_Container.PinYin_Prompt .Item_Image
{
    right: 15px;
    bottom: 10px;
    width: 150px;
    height: 110px;
    background-color: Transparent;
}

/********************************
/**     
/**     Q Item MultipleChoice
/**     
/*******************************/

.Q_Container.MultipleChoice .Q_Prompt
{
    height: 170px;
    width: 648px;
    position: absolute;
    top: 10px;
    left: 20px;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Q_Container.MultipleChoice .Q_Answers
{
    position: absolute;
    top: 188px;
    left: 80px;
    min-height: 20px;
    border: solid 1px gray;
    font-size: 14px;
    padding: 15px;
}

.Item_Container.MultipleChoice_Answer .Item_Dimmer
{
    background-color:Transparent;
}


.Item_Container.MultipleChoice_Answer .MiddleMiddle
{
    position: relative;
    width: 500px;
    min-height: 20px;
    float: left;
    clear: right;
}


.Item_Container.MultipleChoice_Answer .Item_Text
{
    color: Black;
    text-align: left;
    vertical-align: top;
    height: auto;
}


.Item_Container.MultipleChoice_Prompt .Item_Text
{
    text-align: center;
}

.Item_Container.MultipleChoice_Prompt
{
    left: 80px;
    width: 548px;
    top: 5px;
}

/********************************
/**     
/**     Q Item Matchpair
/**     
/*******************************/


.Q_Container.MatchPair .Q_Prompt
{
    height: 170px;
    width: 648px;
     position: absolute;
    top: 7px;
    left: 20px;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Q_Container.MatchPair .Q_Answers
{
    position: absolute;
    top: 155px;
    left: 50px;
    min-height: 20px;
    font-size: 14px;
    padding: 5px;
}

    
.MatchPair_Term.Item_Container .MiddleMiddle
{
    position: relative;
    width: 121px;
    min-height: 20px;
    float: left;
    clear: right;
}


.MatchPair_Term.Item_Container .Item_Text
{
    color: Black;
    text-align: left;
    vertical-align: top;
    width: 120px;
}



td.DefContainer 
{
    background-color:#ffffed;
    padding:3px;
   }
   
   
.MatchPair_Def.Item_Container .MiddleMiddle
{
    width: 400px;
    vertical-align:top;
    min-height: 20px;
    float: left;
    clear: right;
}



.MatchPair_Def.Item_Container .Item_Text
{
    color: Black;
    text-align: left;
    vertical-align: top;
    top:-10px;
    height: auto;
    font-weight:bold;
}


.Item_Container.MatchPair_Prompt .Item_Text
{
    text-align:center;
}

.Item_Container.MatchPair_Prompt
{
    left: 80px;
    width:548px;
    top: 5px;
}

/********************************
/**     
/**     Q Item General
/**     
/*******************************/

.Item_Container
{
    position: relative;
}
.Item_Container:Hover .Item_Control
{
    visibility: visible;
}
.Item_Container .MiddleMiddle
{
    position: relative;

/*    overflow: auto;
Do not add this. It changed everything for some odd reason.
*/
}

.Item_Container .Item_Image
{
    position: absolute;
    z-index: 9;
    border: 1px solid #99CCFF;
    background-color: #0066CC;
}

.Item_Container .Item_Dimmer
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: .30;
    opacity: .30;
    z-index: 10;
    visibility: visible;
}

.Item_Container .Item_Text
{
    position: absolute;
    color: White;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 11;
}


.Item_Container .Item_Control
{
    position: absolute;
    width: 150px;
    height: 35px;
    top: 0px;
    right: 20px; /*background-color: Aqua;*/
    visibility: hidden;
    z-index: 1000;
}

.Item_Container .Item_Control img
{
    width: 32px;
    height: 32px;
    float: right;
}

.Item_Container .Item_Control img:Hover
{
    background-image: url(/FXControls/4Icons/4CornersSprite.png);
    background-position: top left;
}


.Item_Container .Audio_Control
{
    position: absolute;
    width: 100px;
    height: 35px;
    top: 35px;
    right: 20px; /*background-color: Aqua;*/
    visibility: hidden;
    z-index: 1000;
}

.Item_Container .Audio_Control img
{
    width: 24px;
    height: 24px;
    float: right;
}

/********************************
/**     
/**     Q FillBlanks
/**     
/*******************************/

.Q_Container.FillBlanks .Q_Prompt
{
    height: 170px;
}

.Q_Container.FillBlanks .Q_Answers
{
    position: absolute;
    top: 188px;
    left: 80px;
    border: solid 1px gray;
    font-size: 14px;
    padding: 15px;
}

.Item_Container.FillBlanks_Answer .MiddleMiddle
{
    width: 500px;
    min-height: 20px;
    float: left;
    clear: right;
}

.Item_Container.FillBlanks_Answer .Item_Text
{
    color: Black;
    text-align: left;
    vertical-align: top;
    height: auto;
}

.Item_Container.FillBlanks_Prompt
{
    left: 80px;
    top: 5px;
}

/********************************
/**     
/**     Q Context
/**     
/*******************************/

.Q_Container.Context .Q_Prompt
{
    position: absolute;
    border: solid 2px white;
    background-color: #004200;
    padding: 20px;
    top: 20px;
    left: 20px;
    width: 648px;
    height: 350px;
    overflow: auto;
    font-size: 12px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}
.Q_Container.Context .Q_Prompt .RoundCornerTable
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.Context_Prompt.Item_Container .MiddleMiddle
{
    width: 610px;
    height: 310px !important;

}
.Item_Container.Context_Prompt .MiddleMiddle .Item_Text
{
    /*padding: 10px;

No good. Figure out other ways later*/

    text-align: left !important;
    font-size: 12px !important;
}

.Item_Container.Context_Prompt .Item_Image
{
    right: 15px;
    bottom: 10px;
    width: 150px;
    height: 150px;
    margin: 5px;
}


/********************************
/**     
/**     Q Essay
/**     
/*******************************/


.Q_Container.Essay .Q_Prompt
{
    height: 170px;
}

.Q_Container.Essay .Q_Answers
{
    position: absolute;
    top: 188px;
    left: 80px;
    border: solid 1px gray;
    font-size: 14px;
    padding: 15px;
}


.Item_Container.Essay_Prompt
{
    left: 80px;
    top: 5px;
}


/********************************
/**     
/**     Q AudioBook
/**     
/*******************************/

.Q_Container.AudioBook .Q_Prompt
{
    position: absolute;
    top: 50px;
    left: 90px;
    width: 525px;
    height: 280px;
    overflow: auto;
    font-size: 16px !important;
    text-align: left !important;
    vertical-align: top;
    white-space: normal;
}

.Item_Container.AudioBook_Prompt .MiddleMiddle
{
    width: 480px;
    height: 230px;
}

.Item_Container.AudioBook_Prompt .Item_Text
{
    font-size: 16px !important;
    text-align:center;
}

.Item_Container.AudioBook_Prompt .Item_Image
{
    right: 15px;
    bottom: 10px;
    width: 150px;
    height: 110px;
    background-color: Transparent;
}

/********************************
/**     
/**     QSC
/**     
/*******************************/

.QSC_Container
{
    position: relative; /*Makes it a container for all inside relative/absolute controls*/
    width: 750px; /*min-height: 450px;*/
    height: 500px;
    border: solid 1px gray;
    overflow: hidden ;
}
.QSC_Container:hover .HiddenFields
{
    /*visibility:visible !important;*/
}
.QSC_Container .HiddenFields
{
    visibility: hidden !important;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: #FFFFed;
}
.QSC_Container .QSC_Header
{
    position: absolute;
    top: 5px;
    left: 20px;
    right: 20px;
    height: 20px;
    font-size: 16px;
}

.QSC_Container .QSC_Controls
{
    position: absolute; /*Makes it a container for all inside relative/absolute controls*/
    bottom: 4px;
    right: 15px;
    height: 25px;
    font-size: 16px;
    vertical-align: middle;
    z-index: 100;
    clip: auto;
}

.QSC_Container .QSC_QS
{
    position: absolute; /*Makes it a container for all inside relative/absolute controls*/
    top: 28px;
    left: 10px;
    right: 10px;
    bottom: 30px;
    overflow: hidden;
    background-color: #ededed;
    border: solid 1px gray;
}

.QSC_Container .QSC_Audio
{
    position: absolute; /*Makes it a container for all inside relative/absolute controls*/
    top: 4px;
    right: 15px;
    z-index: 100;
    clip: auto;
}


/********************************
/**     
/**     QS
/**     
/*******************************/

.QS_Container
{
    border: 1px solid #99ddFF;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 726px;
    height: 438px;
}

.QS_Container .QS_Q
{
    position: absolute; /*Makes it a container for all inside relative/absolute controls*/
    top: 0px;
    left: 0px;
    width: 726px;
    height: 438px;
    overflow: hidden;
    z-index: 98;
}

.QS_Container #div_QS_Context
{
    position: absolute;
    top: -438px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.QS_Container #div_QS_Context #QS_Context_Dimmer
{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: .30;
    opacity: .30;
    z-index: -1;
}

.QS_Container #div_QS_Context #div_QS_Context_Handle
{
    position: absolute;
    bottom: -18px;
    border: solid 1px white;
    background-color: #004200;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    color:White;
    z-index:100;
}

.QS_Container .QS_Controls
{
    position: absolute; /*Makes it a container for all inside relative/absolute controls*/
    bottom: -15px;
    right: 10px;
    height: 50px;
    font-size: 16px;
    vertical-align: middle;
    z-index: 99;
    clip:auto;
}


/********************************
/**     
/**     Q
/**     
/*******************************/


.Q_Container
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow:auto;
}

.Q_Container .Q_Prompt
{
    position: absolute;
    top: 10px;
    left: 20px;
    width: 688px;
    font-size: 14px;
    height: 150px;
    vertical-align: middle;
    text-align: center;
    overflow: auto;
}

.Q_Container .Q_Answers
{
    position: absolute;
    top: 180px;
    left: 100px;
    border: solid 1px gray;
    font-size:14px;
    padding:5px;
}


.Q_Container .Q_Prompt .RoundCornerTable
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.Q_Container .Q_Prompt  .MiddleMiddle
{
    width: 500px;
    height: 100px;
}

.Q_Container .Q_Prompt .Item_Text
{
    vertical-align: middle ;
    width: 100%;
    max-height : 100%;
    top: 0px;
    left: 0px;
    font-size: 16px;
    font-weight: bold;
    color: White;
    z-index: 10;
}




.Q_Container .Q_Prompt .Item_Image
{
    right: 15px;
    bottom: 10px;
    width: 150px;
    height: 150px;
    margin: 5px;
}