/*** CSS File: /web/css/layout.css ***/
form {margin: 0; padding: 0;}
p {margin: 1em 0; padding: 0;}
h1, h2, h3, h4, h5 {margin: 0.2em 0 0.8em 0; padding: 0; font-weight: normal; line-height: 100%;}
h1 {font-size: 180%;}
h2 {font-size: 170%;}
h3 {font-size: 150%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border:none;}
table td {vertical-align:top;}
form label {cursor:pointer;}
table {margin:0; padding:0}

/* Avoid adding overflow hidden for html as it breaks scrolling to top animation */
html, body, iframe {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
body {
   font-family: Arial, sans-serif;
   color: #333;
   background-color: #e5e5e5;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

.centering {
   position:relative;
   width: 1px;
   float:left;
   height:50%;
   margin-bottom:-381px;
}

body.lms {
   height: 100%;
   position: relative;
}

body.basic {
   height:100%;
   background-color: #9f9f9f;
}
.g-border-box {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
.g-application {
   width:1008px;
   height: 760px;
   border: 1px solid #000000;
   background-color: #7690a5;
   clear:left;
   position:relative;
   margin:0 auto;
}
.g-application-padding {
   padding: 9px;
   height: 100%;
}
.g-application-padding .main-content {
   background-color: #FFFFFF;
   height: 100%;
   padding: 10px;
}

.wrapper
{
   margin: 15px auto;
   width: 990px;
   padding:0;
   position: relative;
}

#header
{
   height: 70px;
   position: relative;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}

#header-menu
{
   position:absolute;
   top:12px;
   right: 23px;
   color:#FFFFFF;
   font-weight:bold;
   letter-spacing: 0.5px;
}

#header-menu a
{
   color:#FFFFFF;
}

div.header-world
{
   position:absolute;
   width: 235px;
   height: 70px;
   top: 0;
   right: -1px;
}

img.header-world
{
   position:absolute;
   width: 295px;
   height: 70px;
   top: 0;
   right: -1px;
}

.fullpage
{
   position:relative;
   background-color: #FFFFFF;
   border: 1px solid #b3b3b3;
   border-bottom: none;
   min-height: 490px;
   padding: 2em;
   z-index: 1;
}

.clear
{
   clear:both;
}

#footer
{
   clear:both;
   height: 28px;
   text-align:center;
   font-size: 80%;
   background-color: #CCC;
   border: 1px solid #FFFFFF;
   border-top-color: #b3b3b3;
}

#footer .padding
{
   padding: 7px;
}

/* Menu */

#menu-bar,
#horiz-menu
{
   height: 31px;
   line-height: 31px;
   position: relative;
   border: 1px solid #FFFFFF;
}

#menu-bar
{
   text-align: center;
}

#horiz-menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}

#horiz-menu li
{
   margin: 0;
   padding: 0;
   display: block;
   float: left;
}

#horiz-menu a
{
   white-space: nowrap;
   display: block;
   float: left;
   font-weight: bold;
   text-decoration: none;
   color: #EEEEEE;
   cursor: pointer;
   padding: 0 16px;
}

.ajax-overlay
{
   top:0;
   left:0;
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #000000;
}
.ajax-loading
{
   position: absolute;
   width: 32px;
   height: 32px;
   top: 50%;
   left: 50%;
   margin: -16px 0 0 -16px;
   background: url(../css/../images/load.gif) no-repeat;
}

/* login */

.noscript
{
   display: none;
}

.errorSummary
{
   padding: 0.8em;
   margin: 0 0 2em 0;
   font-size: 0.9em;
   overflow: auto;
}

.errorMessage
{
   font-size: 0.9em;
   display: inline;
}

.errorSummary p
{
   margin: 0;
   padding: 0.2em;
}

.errorSummary ul
{
   margin: 0;
   padding: 0 0 0 2em;
}

#content-frame
{
   background-color:white;
   padding:0;
   margin:0;
   width:100%;
   height: 100%;
   border:none;
   display: block;
}

div.form input,
div.form textarea,
div.form select
{
   margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
   border: 1px solid #DDD;
   padding: 10px;
   margin: 0 0 10px 0;
}

div.form label
{
   font-weight: bold;
   font-size: 0.9em;
   display: block;
}

div.form .row
{
   margin: 5px 0;
}

div.form span.required
{
   color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
   color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
   background: #FEE;
   border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
   background: #E6EFC2;
   border-color: #C6D880;
}

table.learner-progress
{
   border-collapse:collapse;
   width: 100%;
}
table.learner-progress td, table.learner-progress th
{
   padding: 10px;
   border: 1px solid #AAAAAA;
}
table.learner-progress .one, table.learner-progress .two, table.learner-progress .three, table.learner-progress .four {display:none;}
table.learner-progress .status1 .one {display:inline}
table.learner-progress .status2 .two {display:inline}
table.learner-progress .status3 .three {display:inline}
table.learner-progress .status4 .four {display:inline}
#msg-bar.error, #msg-bar2.error { background-color: #f97f7f;}
#msg-bar.success, #msg-bar2.success { background-color: #70dd62;}
.error-msg {display:none}

table.learner-progress tr.error td {background-color: #ffb4b4;}
table.learner-progress tr.success td {background-color: #70dd62;}
.uploader {display:none;}


/* Timeout dialog */
.g-mask-cover {
    display:none;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.g-application-mask {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#000000;
    opacity:0.6;
    filter:alpha(opacity=60);
    z-index:100
}
.g-dialog-holder {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:200;
}
.g-dialog {
   background-color: #FFFFFF;
   width: 340px;
   height: 120px;
   border: ridge 2px #000000;
   clear:left;
   position:relative;
   margin:0 auto;
}
.g-dialog-centering {
   position:relative;
   width: 1px;
   float:left;
   height:50%;
   margin-bottom:-80px;
}
.g-dialog-details {
   width:100%;
   height:100%;
   color: #0172a7;
   display: none;
}
.g-dialog-details tr td {
   padding: 5px 10px;
}
.g-dialog-details.loading .content {
   text-align: center;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
.g-dialog-details.loading .content img {
   margin: auto;
}
.g-login-dialog {
   color: #0172a7;
   background-color: #FFFFFF;
   width: 450px;
   height: 200px;
   border: ridge 2px #000000;
   clear:left;
   position:relative;
   margin:0 auto;
   padding:20px;
}
.errorSummary {
   border: 2px solid #C00;
   background: #FEE;
   padding: 5px;
   max-height: 200px;
   overflow: auto;
   display: none;
}
.errorMessage {
   color: red;
}
.errorSummary li {
   list-style-type: disc !important;
}
.errorSummary ul, .errorSummary p {
   margin: 5px;
}
.g-error {
   background: none repeat scroll 0 0 #FFD5D5;
   border: 1px solid #FFACAD !important;
}
/* --Timeout dialog */

/* Generic zooming options */
.corner-wrapper .navbar-zoom {
   background-color: #337ab7;
   z-index: 2048;
}
.corner-wrapper .navbar-zoom .zoom {
   margin: 0 5px;
   border: none;
   background: none!important;
   color: white;
}
.corner-wrapper .navbar-zoom .zoom:hover {
   cursor: pointer;
   background-color: #216198!important;
}
.corner-wrapper .navbar-zoom .zoom-value {
   color: #fff;
   padding: 2px;
   font-size: 14px;
   font-family: Open Sans, sans-serif;
}

/* Viewing marks, taken from suite */
.row.view-marks {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}
.view-marks .navbar-subtestlets {
   width: 100%;
   margin-left: 15px;
}
.view-marks .navbar-subtestlets .navbar-zoom {
   background-color: #337ab7;
   color: #fff;
}
.view-marks .navbar-subtestlets .navbar-zoom button {
   border: none;
}
.view-marks .marking-iframe {
   height: 100%;
}
.view-marks .marking-iframe .marking-frames {
   height: 100%;
}
.view-marks .navbar-inverse {
   padding: 9px 9px 0px 9px;
   text-align: right;
   background-color: #125B9A;
   position: absolute;
   top: 0;
   right: 0;
   width: 400px;
   height: 35px;
}
.view-marks .navbar-inverse > * {
   color: #fff;
}
.view-marks .navbar-inverse .collapsed {
   display: none;
}
.view-marks .navbar-inverse.collapsed {
   width: 120px;
   padding-left: 0px;
}
.view-marks .navbar-inverse .bar-title {
   margin-right: 20px;
}
.view-marks .comments-navbar {
   cursor: pointer;
   display: block;
   height: 35px;
   padding: 9px 9px 0px 9px;
   margin-top: -9px;
}
.view-marks .comments-navbar.open { 
   background-color: black;
}
.view-marks .glyphicons-comments {
   padding: 1px 5px 1px 0px;
}
.view-marks .sidebar {
   height: 100%;
}
.view-marks .sidebar .rubric {
   display: inline-block;
   width: 100%;
}
.view-marks .sidebar .rubric .rubric-title {
   float: left;
   width: 50%;
}
.view-marks .sidebar .rubric .rubric-title p {
   padding: 0;
   margin: 10px 0;
}
.view-marks .sidebar .rubric .rubric-score {
   float: left;
   width: 50%;
   margin: 0;
}
.view-marks .sidebar .rubric:after {
   clear: both;
}

.am-engine-preview-tbar {
   height: 38px;
   background-color: #757575;
   padding: 4px 5px;
   position: fixed;
   width: 100%;
   z-index: 1;
   top: 0;
   left: 0;
}
.am-engine-preview-tbar .btn {
   padding: 4px 8px;
}
.am-engine-preview-tbar-placeholder {
   height: 38px;
}
.iframe.am-playingback {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.download-exam-message {
   margin: 25px;
}

.sidebar.practitioner {
   position: absolute;
}

.common-form-container {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -ms-flex;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   overflow: auto;
   background-color: #9f9f9f;
   height: 100%;
   width: 100%;
}
.common-form-border {
   min-height: 760px;
   width:1008px;
   padding: 10px;
   border: 1px solid #000000;
   background-color: #7690a5;
   margin: auto;
   
   display: -ms-flexbox;
   display: -ms-flex;
   display: flex;
   flex-direction: row;
}
.common-form-content {
   background-color: #fff;
   padding: 20px;
   width: 100%;
}

/*** CSS File: /web/css/grid.css ***/
.grid-view-container
{
    border: 1px #D0D0D0 solid;
}

.grid-view-header
{
    background: url("../css/../images/base/grid-footer.gif") repeat-x scroll left top;
    /*width: 954px;*/
    width:100%;
}

.grid-view-body
{
    /*width: 954px;*/
    width:100%;
    height: 370px;
    overflow-x: hidden ;
    position: relative;
    overflow-y: auto;
    display:block;
}

.reading-pane-grid .grid-view-body
{
    height: 170px;
}

.crm-contacts-grid .grid-view-body
{
    height: 400px;
}

.form-grid .grid-view-body
{
    height: 140px;
}

.grid-view-loading
{
    background:none;
}

.grid-view
{
    position: relative;
    padding: 0;
}

.grid-view table.items
{
    padding: 0;
    margin: 0;
    border: none;
    table-layout:fixed;
    /*border-collapse: separate;*/
    /*border-spacing: 0;*/
}

.grid-view table.items th
{
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;

    border-right: 1px #d0d0d0 solid;
    border-bottom: 1px #d0d0d0 solid;
    border-left: 1px #eeeeee solid;
    border-top: none;

    background: url("../css/../images/base/grid-footer.gif") repeat-x scroll left top white;
    padding: .3em;
    margin: 0;
    color: #333;
    /*white-space:nowrap;*/

}

.grid-view table.items th a
{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.grid-view table.items th a:hover
{
    color: #000000;
    text-decoration: underline;
}

.grid-view table.items th a.asc
{
    background:url("../css/../images/base/up.gif") no-repeat scroll right center transparent;
    padding-right:17px;
}

.grid-view table.items th a.desc
{
    background:url("../css/../images/base/down.gif") no-repeat scroll right center transparent;
    padding-right:17px;
}

.grid-view table.items tr.filters td
{
    padding:.3em;
}

.grid-view table.items td
{
    font-size: 0.9em;
    padding:.2em;
    margin: 0;
    border-right: none;
    border-left: none;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ededed solid;
    overflow:hidden;
}

.grid-view table.items tr.even
{
    background-color: #ffffff;
}

.grid-view table.items tr.odd
{
    background-color: #fafafa;
}

.grid-view table.items tr.gone td
{
    text-decoration: line-through;
}

.grid-view table.items tr:hover
{
    background: #f0f0f0;
}

.grid-view table.items tr.selected
{
    background: #99b3cf;
}

.grid-view table.items tr.overdue.even
{
    background-color:#FEB1B7;
}

.grid-view table.items tr.overdue.odd
{
    background-color:#FFD9DA;
}

.grid-view table.items tr.overdue:hover
{
    background: #f0f0f0;
}

.grid-view table.items span.match
{
   background-color:yellow;
}

.grid-view .pager
{
    font-size: 0.9em;
    margin: 0;
    padding:0.65em 0.5em 0.35em 0.5em;
    text-align:left;
    border-top:1px solid #d0d0d0;
    background:url(../css/../images/base/grid-footer.gif) repeat-x left top;
}

.grid-view .pager span
{
   display:block;
   float: left;
   margin-left: 0.1em;
   margin-right: 0.1em;
   padding: 0.1em;
}

.grid-view .pager span.seperator
{
   border-left: solid 1px #CCC;
   border-right: solid 1px #FFFFFF;
   padding: 0.2em 0;
   margin-right: 0.3em;
   margin-left: 0.3em;
   height: 15px;
}

.grid-view .pager a
{
    color:#000000;
}

.grid-view .filters input
{
    border:1px solid #d4e2f3;
    width:98%;
    height: 1.3em;
}

.grid-view .filters select
{
    border:1px solid #d4e2f3;
    width:98%;
    height: 1.4em;
}

.grid-view .filters input:hover, .grid-view .filters select:hover
{
    border:1px solid #99bbe8;
}

.processbox_overlay
{
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #e6e6e6;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

.processbox
{
    border:solid 1px #999;
    cursor: wait;
    padding: 10px 25px;
    text-align:center;
    vertical-align:middle;
    background: url("../css/../images/base/wait.gif") #fbfbfb no-repeat 15px center;
    z-index: 100;
    position: absolute;
    width: 100px;
    margin-top: -30px;
    margin-left: -50px;
    top: 50%;
    left: 50%;
}

.exportdropdown
{
    border: 1px solid #a0a0a0;
    color: black;
    background: white;
    padding: 1px;
    margin: 0;
    list-style: none;
    background: url("../css/../images/base/grid-footer.gif") repeat-x scroll left top;
    display: none;
    z-index:100;
    position: absolute;
}

.exportdropdown li
{
    color: black;
    padding: 4px 8px;
    cursor: pointer;
}

.exportdropdown li:hover
{
    background-color: #f0f0f0;
}


/* Dropdown menu */
.ddcontainer
{ 
    position:relative;
    display: inline;
}

.ddcontainer a
{
    color: white;
    font-weight: bold;
    padding: 0 2px;
    cursor: pointer;
}

.ddcontainer a span
{
    background: url(../css/../images/base/dropdownmenu.gif) no-repeat scroll right 80% transparent;
    width: 12px;
    height: 8px;
    display: inline-block;
}

.ddcontainer .dropdownmenu
{
    background: url("../css/../images/base/grid-footer.gif") repeat-x scroll left top;
    border:1px solid #a0a0a0;
    color:#C5C0B0;
    display:none;
    left:0px;
    padding:0px;
    position:absolute;
    top:2px;
    width:auto;
    min-width:170px;
    list-style:none;
    z-index: 100;
}

.ddcontainer .dropdownmenu li
{
}

.ddcontainer .dropdownmenu li:hover
{
    background-color: #f0f0f0;
}

#languages a,.ddcontainer .dropdownmenu li a
{
    color: #000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 4px 8px;
    cursor: pointer;
}

.select-pane-grid .grid-view-body
{
    height: 330px;
}

.multi-select-pane-grid .grid-view-body
{
    height: 280px;
}

.multi-select-pane-grid .grid-view-body tr,.select-pane-grid .grid-view-body tr
{
   cursor: pointer;
}

/*** CSS File: /web/themes/blue/css/main.css ***/
/* Global */
a {color: #2F5592;}
h2, h4, .standout {color: #63758c;}

/* Layout */
#header {background: url(../themes/blue/css/../images/layout.png) 0 -28px repeat-x;}
#footer {background: url(../themes/blue/css/../images/layout.png) 0 0 repeat-x;}
div.header-world {background: url(../themes/blue/css/../images/header1.png) 0 0 no-repeat;}

#horiz-menu, #menu-bar {background-color: #1a3557;}
#horiz-menu li.active a {color: #5dd2fd;}
#horiz-menu li a:hover {color: #5dd2fd;}
#menu-bar span {color: #FFFFFF}

/* Content */
.important span.important-title {color: #0D507A;}
.important {border: 1px solid #0D507A;}
blockquote.basic{color: #0D507A;}
span.number {color: #0D507A;}
span.highlight {color: #0D507A;}

.errorSummary {border: 2px solid #C00; background: #FEE;}
.errorMessage {color: red;}

/* Index Sidebar */
div.iframe {
   min-width: 1024px;
   min-height: 768px;
   height: 100%;
}
div.iframe.am-engine-preview {
   height: calc(100% - 38px);
}
body.am-sidebar-open div.iframe {
   margin-right: 400px;
}
.sidebar {
   position: absolute;
   top: 35px;
   bottom: 0;
   right: 0;
   z-index: 1000;
   display: block;
   padding: 0px;
   overflow: visible !important;
   background-color: #f5f5f5;
   border-left: 1px solid #d3d3d3;
   width: 400px;
}
.sidebar-header {
   padding: 9px;
   background-color: #317AB9;
   min-height: 38px;
   color: #ffffff;
   font-weight: bold;
}
.sidebar .top-panel {
   padding: 10px;
}
.sidebar textarea {
   width:100%;
   height:120px;
   resize: none;
}
.sidebar .bottom-panel {
   padding: 10px;
   background-color: #dadada;
   border-top: 1px solid #d3d3d3;
   width:100%;
   overflow:auto;
}
.view-marks .comments-modal {
   display: none;
   position: absolute;
   top: 35px; 
   right: 399px;
   width: 400px;   
   background-color: white;
   border: 1px solid #d3d3d3;
   overflow: visible !important;   
}
.view-marks .comments-modal .tab-content {
   padding: 10px 15px;
}
.view-marks .comments-modal .comments-title {
   font-size: 18px;
   font-weight: 700;
}
.view-marks .comments-modal hr{
   margin-top: 12px;
   margin-bottom: 12px;
}
.view-marks .comments-modal.collapsed{
   right: 0px;
}
.view-marks .marking-comment {
   display: none;
}
.view-marks .marking-comment.last hr{
   display: none;
}
.sidebar .alert {
   padding: 6px 12px;
   margin-bottom: 10px;
}
.sidebar-toggle-btn {
   border: none;
   min-height: 37px;
   background-color: #317AB9;
   padding: 4px 10px;
   cursor: pointer;
   display: none;
   color: #ffffff;
}
.sidebar-toggle-btn:hover {
   background-color: #317AF1;
}
.sidebar-toggle-btn i {
   font-size: 23px;
}
.sidebar-toggle-btn.in {
   position:absolute;
   top:0;
   right: 400px;
   display: block;
}
.sidebar-toggle-btn.out {
   position: fixed;
   top: 0;
   right: 135px;
}
.sidebar .note-panel {
   width: 100%;
   margin: 10px 0;
   border: 5px solid #FCF0AD;
   border-top: none;
}
.sidebar .note-panel:hover {
   border-color: #d6f09a;
}
.sidebar .note-panel > div {
   padding: 5px;
}
.sidebar .note-panel .header {
   background-color: #FCF0AD;
   font-weight: bold;
}
.sidebar .note-panel:hover .header {
   background-color: #d6f09a;
}
.sidebar .note-panel .note {
   color: #000000;
   background-color: #ffffff; 
}
.sidebar .note-panel .glyphicon-remove {
   color: red;
   cursor: pointer;
   padding: 2px;
}
.sidebar .alert .glyphicon {
   display: none;
}
.sidebar .alert.alert-success .glyphicon.glyphicon-ok-sign,
.sidebar .alert.alert-danger .glyphicon.glyphicon-exclamation-sign {
   display: inline-block;
}
.sidebar .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.sidebar .fileinput-button {
  position: relative;
  overflow: hidden;
}
.sidebar .files {
   width: 100%;
   margin: 10px 0;
}
.sidebar .files td { 
   vertical-align: middle !important;
   padding: 2px 5px;
}
.sidebar .files .action-btns {
   width: 40px;
}
.sidebar .files .action-btns .btn {
   padding: 2px 6px;
}
.sidebar .attachments-panel h4, .sidebar .notes-panel h4 {
   margin: 0;
   padding: 5px 10px;
   background-color: #eeeeee;
}

.am-scroll-to-top {
   position: fixed;
   right: 30px;
   bottom: 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   background-color: #E6E6E6;
   opacity: 0.6;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   cursor: pointer;
   display: none;
   padding: 8px;
   z-index:1000;
}
.am-scroll-to-top .top-arrow {
   display: block;
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid #555;
}
body.am-sidebar-open .am-scroll-to-top {
   right: 430px;
}