/********************************************************************************************************/
/** Ask the Expert Detail page template styles **********************************************************/
/********************************************************************************************************/

#LeftZone
{
    width: 612px;
}

#RightZone
{
    width: 288px;
}

#QuestionContainer
{
    border-left: 1px dotted #c0c5b7;
    border-right: 1px dotted #c0c5b7;
    overflow: hidden;
    margin-right: 1px;
    padding: 15px 20px 25px 20px;
}

#QuestionTitleBackLinkContainer
{
    clear: both; 
    overflow: hidden;
}

#QuestionTitle
{
    float: left;
    width: 450px;
    padding: 0px 0px 20px 0px;
}

#BackLink, #BackLink2
{
    float: right;
}

#BackLink a, #BackLink2 a
{
    text-transform: uppercase;
}

#QuestionSubhead
{
    float: left;
    width: 48px;
}

#QuestionSubhead span
{
    color: #b25002;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 2.5em;
    line-height: 1.0em;
}

#Question
{
    float: left;
    width: 521px;
}

#Question p
{
    color: #b25002;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}

#AnswerContainer
{
    overflow: hidden;
    padding: 20px 20px 25px 21px;
}

#AnswerSubhead
{
    float: left;
    width: 48px;
}

#AnswerSubhead span
{
    color: #4a5053;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 2.5em;
    line-height: 1.0em;
}

#Answer
{
    float: left;
    width: 523px;
}

#Answer p
{
    line-height: 1.4em;
    padding: 0px 0px 10px 0px;
}

#Answer #AskNewQuestion p
{
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 1.3em;
    padding: 15px 0px 5px 0px;
    font-style: italic;
}

#SidebarBody
{
    background-color: #609b45;
}

#SidebarBody h2,
#SidebarBody p
{
    color: #fff;
}

@media only screen and (max-width: 989px) {

    #QuestionWrapper {
        border: 1px solid #a4a4a4;
        border-width: 2px 0  2px;
        float: left;
        width: 100%;
        padding: 2em 0;
    }

    #QuestionTitle {
        float: left;
        width: 100%;
    }

    #BackLink, #BackLink2 {
        float: left;
        width: 30%;
        text-align: left;
        padding: 0 0 2% 0;
    }

    #Question p {
        line-height: 1.5em;
    }

}

@media only screen and (max-width: 767px) {
    #QuestionSubhead, 
    #Question,
    #QuestionTitle,
    #BackLink,
    #BackLink2,
    #QuestionWrapper,
    #AnswerSubhead,
    #Answer,
    #AnswerContainer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
    
    #QuestionContainer { border: none; }
    #QuestionSubhead,
    #AnswerSubhead { width: 10%; margin-right: 5%; }
    #Question,
    #Answer { width: 85%; } 
     
    
    #QuestionTitleBackLinkContainer { padding-bottom: 1em; }
    #AnswerContainer { float: left; width: 100%; }
    
}