/*Header and Logo*/
div.header_div {
  width: 100%;
}

img.logo {
    height: 70px;
}

div.title_div {
  background-color: #1F1F24;
  padding: 4px 10px;
  min-height: 22px;
}

h1.title {
  font-size: 14pt;
  font-weight: normal;
  color: #FFF;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}


div.user_div {
    float: right;
    margin-top: 4px;    
}

span.username_span {
    margin-right: 6px;
    font-weight: bold;
    color: #FFF;
}

div.main_div {

}

div.main_inner_div {
    margin-top: 20px;
}


pre {
    display: inline-block;
    background-color: #EEE;
    border: 1px solid #CCC;
    padding: 10px;
    display: table;
    border-collapse: separate;
}

div.homepage_section{
    font-weight: bold;
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    width: 600px;
}


fieldset.tag_select_fieldset {
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

fieldset.tag_select_fieldset legend {
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #F5F5F5;
}
div.tag_select_wrapper {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px;
}

div.tag_select_div {
    display: inline-block;
    width: 200px;
    border: 1px solid #CCC;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding-right: 6px;
    padding-bottom: 2px;
    font-size: 9pt;
}
div.tag_select_checkbox {
    display: inline-block;
}

div.tag_select_text {
    display: inline-block;
    width: 160px;
}

div.question_favourites_div {
    border: 1px solid #CCC;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 110px;
}

div.question_count_div {
    border: 1px solid #CCC;
    background-color: #F5F5F5;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 190px;
}

div.question{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 2px solid #AAA;
    padding: 6px;
    border-radius: 4px;
}

img.favourite {
    float: right;
    height: 28px;
}

span.question_number {
    margin-right: 6px;
}

div.question_text {
    margin-bottom: 16px;
}

div.answer_correct_selected {
    margin-top: 1px;
    background-color: #ABEBC6;
    border: 2px solid #196F3D;
    
}

div.answer_correct_unselected {
    margin-top: 1px;
    border: 2px solid #196F3D;
}

div.answer_incorrect_selected {
    margin-top: 1px;
    background-color: #F5B7B1;
}

div.answer_incorrect_unselected {
    margin-top: 1px;
}

span.question_correct {
    display: inline-block;
    border: 1px solid #196F3D;
    border-radius: 4px;
    background-color: #ABEBC6;
    width: 100px;
    text-align: center;
    color: #196F3D;
    font-weight: bold;
}

span.question_incorrect {
    display: inline-block;
    border: 1px solid #A93226;
    border-radius: 4px;
    background-color: #F5B7B1;
    width: 100px;
    text-align: center;
    color: #A93226;
    font-weight: bold;
}

div.answer_correct {
    margin-top: 1px;
    background-color: #D5F5E3;
    border: 1px solid #AAA;
    border-radius: 4px;
}

div.answer_incorrect {
    margin-top: 1px;
    border: 1px solid #FFF;
    border-radius: 4px;
}

span.answer_result {
    display: inline-block;
    margin-right: 6px;
    margin-left: 2px;
}

div.results_div{
    font-weight: bold;
    background-color: #EEE;
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.data_import_div {
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}

textarea.data_import_textarea {
    margin-bottom: 20px;
}

input[type=button], input[type=submit]{
    background-color: #2ECC71;
    border: 2px solid #2ECC71;
    border-radius: 4px;
    color: #000;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
}

input[type=button].admin_button, input[type=submit].admin_button {
    background-color: #CCC;
    border: 2px solid #CCC;
}

div.timer {
    background-color: #EEE;
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
}

table.timer {
    font-size: 10pt;
}



div.registration {
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;   
    
}

div.login {
    width: 300px;
    padding: 60px 10px 10px 10px;
    margin-top: 100px;
    margin-bottom: 100px;
}

div.change_password {
    width: 500px;
    padding: 60px 10px 10px 10px;
    margin-top: 100px;
    margin-bottom: 100px;   
}

table.login {
  margin-left: auto;
  margin-right: auto;
  border: none;  
  background-color: #FFF;
  font-size: 10pt;
}

table.login td {
    border: none;  
}

div.login_error {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #943126;
    border-radius: 4px;
    font-size: 10pt;
    color: #943126;
    margin-top: -40px;
    margin-bottom: 20px
}

div.login_not_authorised {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #AAA;
    border-radius: 4px;
    background-color: #FFF;
    font-size: 10pt;
    color: #17202A;
    text-align: center;
    width: 700px;
}

.disclaimer  {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    border: none;
    color: #17202A;
    text-align: center;
    font-style: italic;
    cursor: pointer;
}

.edit_question_fieldset {
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

fieldset.edit_question_fieldset legend {
    font-weight: bold;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #F5F5F5;
}

.edit_question_answer_is_correct {
    vertical-align: top;
}