/* 
    Document   : quizmasters
    Created on : 5-feb-2010, 7.35.18
    Author     : nico
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


    #quizheader div {background-color: rgb(160,160,160);color: white;}
    #quizheader .title, #quizheader .description    {
        width: 29%;float: left; font-weight: bold;font-size: 1em;         padding-left: 4px;
    }
    h1 .description {font-size: 12px;}
    #quizheader .title, #quizitem .title { width: 29%;  }
    #quizheader .description, #quizitem .description { width: 69%; padding-left: 14px; }

    #step_head {font-size: 16px; font-weight: bold; margin: 15px 0 20px 0; }
    #step_head #step_description {font-size: .8em; font-weight: normal; border-top: 1px dotted grey;}

    #step_questions {font-weight: normal;}
    #step_questions div {margin-bottom:5px;}
    #quizmaster_controls   {margin-top: 20px;}
    .question {border: 1px solid rgb(255,255,255);}
    .question:hover { background-color: rgb(255,238,255); border: 1px solid rgb(240,240,240);}
    .quizhead {background: url('http://www.outletsexy.it/images/sexyquiz_head.gif') no-repeat top right; }
    
    .componentheading, .explanation, #step_head, .step_description, .question {font-family: "Lucida Grande",Arial,Helvetica;}
    h1.componentheading {font-size: 16px;}
    .question {font-size: 11px;}
    .profile_image { margin: 0 8px 8px 0;}