/*
    Use multiples of 15 for indenting
*/


#close-window-compact {
    height: 52px;
    padding: 10px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 27px;
}

    html>body #close-window-compact { height: 27px; }

#close-window-compact a:link,
#close-window-compact a:visited {
    background: url('../images/btn_close_window.png') transparent center right no-repeat;
    padding: 2px 25px 2px 0;
    line-height: 18px;
}

body#popup-compact {
        background: none;
        padding: 0 0 19px 0;
        text-align: left;
    }

div.elearning p {
    text-align: justify;
}

div.elearning p.contents {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.25em;
    padding-top: 10px;
    padding-left: 8px;
}

#column-right ul.list-default,
#popup-content ul.list-default,
#popup-elearning-content ul.list-default,
ul.list-default {
    padding-bottom: 0px;
    padding-left: 15px;
    margin: 0;
}

#column-right ul.list-default li,
ul.list-default li {
    text-align: justify;
    padding-left: 15px;
}

#column-right td.format-table ul.list-default li,
#column-right td.format-table-bordered ul.list-default li {
    text-align: left;
}

#popup-content ul.list-default li,
#popup-elearning-content ul.list-default li {
    text-align: left;
}

#column-right ul.list-indented,
#popup-content ul.list-indented,
#popup-elearning-content ul.list-indented,
ul.list-indented {
    margin: 0;
    padding-bottom: 0px;
    padding-left: 30px;
    list-style-type: none;
}

ul.list-indented li {
    background-image: url(/jigsaw/static/images/list-dash.png);
    background-repeat: no-repeat;
    padding-left: 30px;
}

#column-right ul.list-no-style,
#popup-content ul.list-no-style,
#popup-elearning-content ul.list-no-style,
ul.list-no-style {
    list-style-type: none;
    margin: 0 0 0 15px;
}

#column-right ul.list-indented-no-style,
#popup-content ul.list-indented-no-style,
#popup-elearning-content ul.list-indented-no-style,
ul.list-indented-no-style {
    list-style-type: none;
    margin: 0 0 0 50px;
}

#column-right li.list-no-style,
#popup-content li.list-no-style,
#popup-elearning-content li.list-no-style {
    padding-left: 15px;
}

#column-right td.format-table-bordered ul.list-no-style,
#popup-content td.format-table-bordered ul.list-no-style,
#popup-elearning-content td.format-table-bordered ul.list-no-style {
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}

#column-right td.format-table-bordered li.list-no-style,
#popup-content td.format-table-bordered li.list-no-style,
#popup-elearning-content td.format-table-bordered li.list-no-style {
    padding-left: 5px;
}

#column-right td.format-table li.list-no-style p,
#popup-content td.format-table li.list-no-style p,
#popup-elearning-content td.format-table li.list-no-style p,
#column-right td.format-table li.list-default p,
#popup-content td.format-table li.list-default p,
#popup-elearning-content td.format-table li.list-default p {
    text-indent: -65px;
}

div.elearning p.format-mp-heading {
    text-align: center;
    line-height: 23px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

div.elearning p.heading1 {
    color: #042F87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 0px;
    padding-bottom: 9px;
    text-align: left;
    font-weight: bold;
}

div.elearning p.heading2 {
    color: #042F87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding-top: 16px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

div.elearning p.heading3 {
    color: #042F87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    padding-top: 16px;
    padding-bottom: 4px;
    text-align: left;
    font-weight: bold;
}

div.elearning p.heading4 {
    color: #042F87;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 21px;
    padding-top: 11px;
    padding-bottom: 3px;
    text-align: left;
    font-weight: bold;
}

p.format-ack,
div.elearning p.format-ack {
    text-align: center;
    font-weight: bold;
    font-size: 9px;
    padding-left: 56.6px;
    padding-right: 56.6px;
}

div.elearning p.middle,
p.middle {
    text-align: center;
}

p.right {
    text-align: right;
}

div.elearning p.centre {
    text-align: center;
}

p.indent-first-line {
    text-indent: -28px;
    padding-left: 28px;
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 11px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
    color: #000000;
}

div.elearning p.indent {
    margin-left: 30px;
    padding-left: 0px;
}

p.indent-large {
    padding-left: 56px;
}

p.format-p {
    font-size: 14px;
    padding-bottom: 11px;
    text-indent: 15px;
    text-align: left;
}

p.format-small {
    font-size: 12px;
    padding-bottom: 5px;
    text-indent: 12px;
    text-align: left;
}

table.format-table {
    margin: 8px 0px 8px 0px;
}

table.format-table-bordered {
    margin: 8px 0px 8px 0px;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 1px 0 0 ;
    border-color: #000000;
    border-collapse: collapse;
    table-layout: fixed;
}

td.format-table-bordered table.format-table-bordered {
    margin: 0px;
    border-style: none;
}

td.format-table {
    padding: 2px 2px 2px 0;
    vertical-align: top;
}

table.format-table-bordered td {
    margin: 8px 0px 8px 0px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #000000;
    padding: 4px;
    vertical-align: top;
}

table.format-table td.format-table {
    border-style: none;
    vertical-align: top;
}

table.format-table td.format-table-bordered-cell-nested table.format-table-bordered {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000000;
    border-collapse: collapse;
}

table.format-table-bordered td.format-table-bordered-cell-nested,
td.format-table-bordered-cell-nested {
    margin: 0px;
    padding: 0px;
    border-style: none;
}

table.format-table-bordered td.format-table-bordered-cell-nested table,
td.format-table-bordered-cell-nested table {
    margin: 0px;
    border-top: 0px;
    border-right: 0px;
    width: 100%;
}

table.format-table td.format-table-cell-nested,
td.format-table-cell-nested {
    margin: 0px;
    padding: 0px;
    border-style: none;
}


td.format-table-bordered table.format-table-bordered td {
    border-style: none;
}

div.elearning div.format-activity td.format-table-bordered p,
div.elearning div.format-example td.format-table-bordered p{
    padding: 4px 4px 4px 0;
}

td.format-table p,
td.format-table-bordered p {
    text-align: left;
}

td.format-table p.right,
td.format-table-bordered p.right {
    text-align: right;
    width: auto;
}

div.format-activity {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

div.format-example {
    padding-left: 30px;
    padding-right: 30px;
}

p.no-padding,
#popup-content p.no-padding,
#popup-elearning-content p.no-padding {
    padding: 0px;
}

p.format-unsupported-tag {
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 16px;
}

#column-right td.format-table-bordered ul.list-default,
#popup-content td.format-table-bordered ul.list-default,
#popup-elearning-content td.format-table-bordered ul.list-default {
    margin: 4px;
}

div.elearning p.format-example-heading {
    padding-top: 11px;
    padding-bottom: 0px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
}

div.elearning p.format-eg {
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
}

div.elearning div.format-activity p {
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
}



div.elearning p.format-activity-heading {
    padding-top: 11px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
}

hr.format-line {
    background-color: #7b7d7b;
    color: #7b7d7b;
    height: 0.2px;
    margin: 30px 0px 30px 0px;
}

hr.indent-line {
    background-color: #7b7d7b;
    color: #7b7d7b;
    height: 0.2px;
    margin: 30px;
}

hr.indent-line2 {
    background-color: #7b7d7b;
    color: #7b7d7b;
    height: 0.2px;
    margin: 30px 0 0 30px;
}

hr.format-example {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: -5px;
    line-height: 0px;
    height: 1px;
    color: #7b7d7b;
    background-color: #7b7d7b;
}

hr.format-activity {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: -5px;
    line-height: 0px;
    height: 1px;
    color: #848284;
    background-color: #848284;

}

#column-right div.format-activity ul.list-default,
#popup-content div.format-activity ul.list-default,
#popup-elearning-content div.format-activity ul.list-default {
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 30px;
    margin: 0;
}


#column-right div.format-activity ul.list-default li,
#popup-content div.format-activity ul.list-default li,
#popup-elearning-content div.format-activity ul.list-default li {
    padding-left: 15px;
}


div.elearning td.format-table-bordered p.heading3 {
    padding-top: 2px;
}

div.elearning td.format-table-bordered p.heading4 {
    padding-top: 2px;
}

table.acknowledgements {
    margin: 0px;
}

table.acknowledgements td {
    padding: 5px;
    vertical-align: top;
}

table.acknowledgements th {
    background-color: #CBD4F3;
    color: #152961;
    padding: 5px;
    font-weight: bold;
}


table.no-padding td {
    padding: 0 0 0 10px;
}

#column-right div.format-activity a,
div.format-activity a {
    font-size: 16px;
}

#column-right textarea {
    margin: 10px 0 20px;
    width: 100%;
}

#column-right textarea.indent {
    margin: 10px 0 20px 40px;
    width: 90%;
}

#column-right table.format-table-bordered textarea,
body#popup table.format-table-bordered textarea {
    margin: 0px;
    width: 95%;
}

#popup-content input.radio,
#popup-elearning-content input.radio {
    margin: 0 5px 0 0;
}

#popup-content input.file,
#popup-elearning-content input.file {
    margin: 0 0 10px 0;
}

#popup-content input.checkbox,
#popup-elearning-content input.checkbox {
    margin: 0 0 10px 0;
    vertical-align: top;
}

div.elearning table.contents,
div.elearning table.contents-nested {
    margin: 0px;
    padding-bottom: 10px;
}

div.elearning td.contents {
    padding: 15px 0 0 8px;
}

div.elearning td.contents-top {
    padding: 10px 0 0 8px;
}

div.elearning table.contents-nested td {
    padding: 0 0 8px 15px;
}

table.format-mp-heading-table {
    margin: 0px;
}

td.format-mp-heading-table {
    padding: 0px;
}

td.format-mp-heading-table p {
    margin: 0px;
    line-height: 1em;
}

li.list-no-style p,
li.list-default p {
    padding-left: 15px;
    text-indent: -60px;
}

li.list-no-style p .bullet,
li.list-default p .bullet {
    padding-left: 15px;
    padding-right: 30px;
}


div.checkbox {
    background: url('../images/box.png') transparent center right no-repeat;
    width: 12px;
    float: left;
    margin: 0 5px 0 0;
}

div.radio {
    background: url('../images/circle.png') transparent center right no-repeat;
    width: 12px;
    float: left;
    margin: 0 5px 0 0;
}

table.image-table {
    margin: 0px;
    padding-bottom: 10px;
}

body#popup table.image-table td,
body#popup-sandbox table.image-table td,
table.image-table td {
    text-align: right;
    padding: 0px;
}

div.student-response {
    background-color: #fbfae0;
    margin: 0 0 2px 0;
    padding: 12px 20px 5px 20px;
    border: 2px #e4e3bf solid;
    color: #645129;
}


p.student-response {
    font-style: italic;
    font-size: 14px;
    color: #0042FF
}

span.student-response {
    font-style: italic;
    font-size: 14px;
    color: #0042FF
}

p.student-response span.label,
span.student-response span.label {
    color: #2B2626;
    font-size: 12px;
    font-style: normal;
}


table.custom-list,
body#popup table.custom-list,
body#popup-sandbox table.custom-list {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: auto;
}

table.custom-list-indented,
body#popup table.custom-list-indented,
body#popup-sandbox table.custom-list-indented {
    margin-left: 0px;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-right: auto;
/* Doesn't work in IE7 so added a blank table cell instead.
    padding-left: 30px;
*/
}

td.custom-list,
td.custom-list-indented, 
body#popup td.custom-list,
body#popup-sandbox td.custom-list,
body#popup td.custom-list-indented,
body#popup-sandbox td.custom-list-indented,
table.format-table-bordered td td.custom-list,
table.format-table-bordered td td.custom-list,
table.format-table-bordered td td.custom-list-indented,
table.format-table-bordered td td.custom-list-indented{
    vertical-align: top;
    padding: 0 0 10px 0;
    border-style: none;
}

p.nested {
    line-height: 1em;
    margin: 0px;
    padding: 0px;
}

div.student-view {
    border: 2px solid #152961;
    background-color: #e1e5f1;
    padding: 5px;
    margin: 0 0 10px 0;
}


div.student-view p.heading {
    font-size: 18px;
    color: #173A96;
    text-align: center;
    font-weight: bold;
    margin: 0 0 5px;
}

div.student-view p.notes {
    font-size: 12px;
    color: #173A96;
    font-style: italic;
    text-align: center;
    margin: 0 0 5px;
}

}