a {text-decoration:none}
body {font-size:16px}
p {font-size:16px}

.content {padding:10px}

.border-right {border-right:1px solid #808080}
.header-before-login {padding:10px;height:40px}
.header-before-login .links {padding:10px}
.header-before-login .links .item {padding:12px 10px;font-size:16px;text-transform:uppercase;font-weight:bold}
.header-before-login .title {border-top:2px solid #000;text-transform:uppercase;color:#FFF;padding:27px;font-size:30px;font-weight:bold;}

.page-sidebar .sidebar-menu .menu-items li > a {width:100%;margin-bottom:5px}

.panel .panel-heading {padding:10px;font-size:150%;font-weight:bold}
.panel-body p {padding:10px 0px;margin:0px}
.panel-footer {background-color:#FFF}

.padding-sm {padding:10px}
.topmargin-sm {margin-top:30px}
.toppadding-sm { padding-top: 30px !important; }
.bottompadding-sm { padding-bottom: 30px !important; }

.radius-sm {border-radius:5px}
.radius-md {border-radius:10px}
.radius-top-sm {border-top-right-radius:5px;border-top-left-radius:5px}

.th-center th {text-align:center}
.td-left tbody tr td {text-align:left}

.text-left {text-align:left}

.content h1 {font-size:150%;font-weight:bold;padding:10px 0px;margin:0px}
.content h2 {font-size:120%;font-weight:bold;text-transform:uppercase}

.home-body-icon {text-align:center;margin-top:10px}
.home-body-icon p {text-transform:uppercase;margin-top:5px;font-weight:bold}

.ul-normal ul {margin-left:20px}
.ul-normal ol {margin-left:20px}

.p-program {padding:0px}
.p-topic {padding:10px 0px}
.p-topic .p-topic-content {border-radius:5px;background-color:#CCC;padding:10px}
.p-topic .topic-title {font-weight:bold;margin-bottom:10px}
.p-topic .topic-description {}
.p-module {margin:20px 10px 20px 10px;border-bottom:1px solid #CCC}
.p-module:last-child {margin:20px 10px 20px 10px;border-bottom:0px solid #CCC}
.p-module .module-title {padding:10px 20px 10px 20px}
.p-module .module-description {padding:0px 10px 0px 10px}
.p-module .module-statistic {}

.course-list-description {height:200px;overflow-y:hidden}

.quick-link {padding:10px 0px}
.quick-link a:after {content: '>';padding:0px 10px}
.quick-link a:last-child:after {content: ''}

.online-score {font-size:200%}
.online-score-2x {font-size:400%;font-weight:bold}

.score-board {text-align:center}
.score-board .raw-score {font-size:50px}
.score-board .total-score {font-size:30px}
/*Question group*/
.question-group-area p {margin:10px 0px;padding:0px}
.question-group-area .panel {border:0px solid #CCC}
.question-group-instruction {font-weight:bold}
.question-group-instruction p {font-weight:bold}
.question-group-counter {font-weight:bold}
.question-content {padding:10px 0px}
.question-options input[type=text] {padding:5px;border-radius:5px;border:1px solid #CCC}
.question-group-stimulus input[type=text] {padding:5px;border-radius:5px;border:1px solid #CCC}
.question-group-stimulus select {padding:5px;border-radius:5px;border:1px solid #CCC}
.option {margin-bottom:10px;cursor:pointer}
.option::before {
    font-weight: bold;
    display: inline-block;
    width: 26.5px;
    height: 26.5px;
    background-color: #CCC;
    border-radius: 50%;
    text-align: center;
    line-height: 26.5px;
    margin-right: 10px;
    color:#000;
}
.option-checkbox {margin-bottom:10px;cursor:pointer}
.option-checkbox::before {
    font-weight: bold;
    display: inline-block;
    width: 26.5px;
    height: 26.5px;
    background-color: #CCC;
    text-align: center;
    line-height: 26.5px;
    margin-right: 10px;
    color:#FFF;
}
.option-selected::before {
    font-weight: bold;
    display: inline-block;
    width: 26.5px;
    height: 26.5px;
    background-color: #676767;
    text-align: center;
    line-height: 26.5px;
    margin-right: 10px;
    color:#FFF;
}
.option-a::before {content: 'A'}
.option-b::before {content: 'B'}
.option-c::before {content: 'C'}
.option-d::before {content: 'D'}
.option-e::before {content: 'E'}
.option-f::before {content: 'F'}
.option-g::before {content: 'G'}
.option-h::before {content: 'H'}
.option-i::before {content: 'I'}
.option-j::before {content: 'J'}
.option-k::before {content: 'K'}
.option-l::before {content: 'L'}
.option-m::before {content: 'M'}
.option-n::before {content: 'N'}
.option-o::before {content: 'O'}
.option-p::before {content: 'P'}
.option-q::before {content: 'Q'}
.option-r::before {content: 'R'}
.option-s::before {content: 'S'}
.option-t::before {content: 'T'}
.option-u::before {content: 'U'}
.option-v::before {content: 'V'}
.option-w::before {content: 'W'}
.option-x::before {content: 'X'}
.option-y::before {content: 'Y'}
.option-z::before {content: 'Z'}

.question-group-score .raw-score {font-size:50px;font-weight:bold;color:#C00000}
.question-group-score .total-score {font-size:30px}
.modal-body {margin-top:20px}
.modal-title {padding-bottom:10px}

.l-matching-question-list {list-style:none;margin:0px;padding:0px}
.l-matching-option-list {list-style:none;margin:0px;padding:0px}
.l-matching-option-list-answer {float: left}
.l-matching-question {background:#FFCC00;margin:5px 0px;padding:10px;border-radius:5px;min-height:60px}
.l-matching-question-rewrite {list-style: none;background:#FFCC00;margin:5px 0px;padding:10px;border-radius:5px;min-height:100px}
.l-matching-option {background:#CCC;margin:5px 0px;padding:10px;border-radius:5px;min-height:60px;}
.l-matching-option-rewrite {margin:5px 0px;padding:10px;min-height:60px; border:1px solid; float:left; width: 60px; margin-left: 60px;}
.l-option-rewrite {background:#CCC;min-height:50px; float: left; width:auto; margin-left: 15px;border-radius: 10px;text-align: center;padding: 10px;}
.l-rewrite-list {list-style: none;}


.l-essay textarea {width:90%;height:100px;border-radius:5px;padding:5px;border:1px solid #CCC}

.table .time-table-yes {background-color:#F0F0F0}
.time-table-yes .date {font-size:150%;font-weight:bold;color:#C00}

.l-show-answer blockquote {border-left:2px solid #C00000;padding-left:10px;font-size:14px;font-style:italic;color:#C00000;margin-top:10px}
.l-show-answer iframe {display:block;width:100%;margin-bottom:20px}
.l-show-answer .l-answer-key {color:#10CFBD}
.l-show-answer .l-answer-ok {color:#10CFBD}
.l-show-answer .l-answer-ng {color:#F55753}
.l-show-answer input[type=text] {border-radius:3px;padding:3px 5px;border:1px solid #CCC}
.l-show-answer select {border-radius:3px;padding:3px 5px;border:1px solid #CCC}
.l-show-answer .l-essay-questions {margin-left:20px}
.l-show-answer label {text-transform:none}