body {
    margin: 0;
    padding: 0;
    font: 80% Arial, sans-serif;
    overflow: auto;
}

body.fullPdf {
    overflow-y: auto;
}

p {
    margin: 0 0 1em;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #000000;
}

.hidden {
    display: none;
}

.highlight {
    background-color: #d9f3fd;
}

/* Links
-------------------- */
a:link {
    color: #2d6abd;
}

a:visited {
    color: #2d6abd;
}

a:hover {
    color: #2d6abd;
}

a:active {
    color: #2d6abd;
}

a.buttonLink {
    padding: 10px;
    border: 2px solid black;
    text-decoration: none;
    font-weight: bold;
}

a.buttonLink:hover {
    background: #efefef;
}

/* Navigation
-------------------- */
#nav {
    color: #ffffff;
    background: #474747;
    padding: 10px 5px;
}

#nav .left {
    float: left;
    width: 59%;
}

#nav .right {
    text-align: right;
    width: 39%;
    float: right;
}

.clear {
    clear: both;
}

#nav ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {
    display: inline;
    margin: 0;
    padding: 0;
}

#nav a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 9px;
}

.navigationArrow {
    cursor: pointer;
}

.componentNavigation td {
    padding: 0;
}
td.componentNavigationArrows {
    padding-right: 20px;
}

/* Site Title
-------------------- */
#title {
    height: 70px;
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
}

#title.full {
    margin: 40px 0;
    text-align: center;
    border: none;
    height: auto;
}

#title.full img {
    float: none;
    padding: 0;
    vertical-align: baseline;
    display: inline-block;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

#title.full h1 {
    display: block;
}

#title h1 {
    color: #000000;
    font-size: 150%;
    padding: 30px 0 0 10px;
    display: inline-block;
}

#title img {
    padding: 5px 10px 5px 0;
    float: right;
    vertical-align: bottom;
}

#title.large {
    text-align: center;
    margin: 20px 0 0;
    padding: 0 0 15px;
}

#title.large h1 {
    text-align: center;
    margin-left: 268px;
}

#xtitle.large img {
    margin: 24px 0 18px 10px;
}

#breadcrumbs {
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Headings
-------------------- */
h1 {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: rgb(103, 155, 205);
}

h2 {
    font-size: 16px;
    margin: 0.5em 0;
}

h2.padded {
    margin-top: 20px;
}

h3 {
    font-size: 14px;
    color : #000000;
}

/* Form
-------------------- */
.field-label {
    margin:0 0 .25em
}

.field {
    margin-bottom: 0.5em;
}

.narrowLabel label {
    display: inline-block;
    width: 75px;
    text-align: right;
    padding-right: 5px;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

.mediumLabel label {
    display: inline-block;
    width: 145px;
    text-align: right;
    padding-right: 5px;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

label.checkboxstyle {
    width: auto;
    text-align: left;
    padding-right: 2em;
}

.mediumLabel .buttons {
    padding-left: 153px;
}

.wideField input.text, .wideField select, .wideField textarea {
    width: 500px;
}

.autoWidth {
    width: auto !important;
}

.textareaLabel {
    vertical-align: top;
}

.extraWideField {
    width: 500px !important;
}

.mediumHeight {
    height: 200px;
}

.smallHeight {
    height: 100px;
}

.radioBlock {
    vertical-align: top;
    display: inline-block;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

/* Layout
-------------------- */
#main {
    position: relative;
}

.content {
    padding: 10px;
}

.leftContent {
    clear: left;
    float: left;
}

.rightContent {
    clear: right;
    float: right;
}

.content.narrow {
    margin: 1em auto;
    max-width: 600px;
}

.content p, .content ul li {
    line-height: 1.4em;
}

.hidden {
    display: none !important;
}

.left {
    float: left;
}

.right {
    float: right;
}
.centre {
    text-align: center;
}

label.stack {
    display: block;
    margin-bottom: 0.25em;
}

.tip {
    color: #aaaaaa;
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.section {
    background: #fafafa;
    border: 1px solid #e3e3e3;
    padding: 5px;
    margin: 10px 0;
}

.fullWidth {
    width: 100%;
}

.halfWidth {
    width: 50%;
}

.minHalfWidth {
    min-width: 50%;
}

.margin-left-10{
    margin-left:10px;
}

#markingControl {
    display: block;
}

div.positionAnchor {
    position: relative;
}

#welcome {
    min-height: 200px;
}

#welcome .validation-summary-errors {
    width: 310px;
    background: url(images/icon-alert.png) no-repeat 10px 10px;
    padding: 10px 10px 20px 50px;
    margin-bottom: 10px;
}

#welcome .selectTask, #welcome .recentControl {
    position: relative;
    width: 350px;
    padding: 10px;
    background: #fafafa;
    border: 1px solid #e3e3e3;
    margin-right: 10px;
}

#welcome .recentControl .field {
    border: #e3e3e3 solid 1px;
    background: white;
    padding: 5px;
}

#welcome .recentControl .field {
    margin-bottom: 0px;
}

#welcome .recentControl .viewall {
    margin-top: 10px;
    padding-left: 5px;
}

#welcome .recentControl .field .number {
    margin-bottom: 5px;
    position: relative;
}

#welcome .recentControl .field .number .date {
    position: absolute;
    right: 0px;
}

#welcome .selectTask select {
    width: 100%;
}

#welcome .pageContent {
    margin: 1em 390px;
    text-align: center;
}

#welcome #messageSection {
    margin-left: 370px;
    margin-right: 240px;
    height: 370px;
}

#welcome #markingSection {
    position: absolute;
    left: 0;
}

#welcome #tutorialSection {
    position: absolute;
    right: 0;
}

#welcome .messageHeader {
    padding: 8px;
}

#welcome .unread-message-count {
    margin-left: 5px;    
}

#welcome .messagePanel   
{
    padding: 10px;
    background: #fafafa;
    height: 320px;
    border: 1px solid #e3e3e3;
}

#welcome .welcomeContent {
    text-align: center;
}

/* List
-------------------- */
#bagListContainer {
    float: left;
    width: 47%;
}

#bagList {
    height: 330px;
}

#studentListContainer {
    float: right;
    width: 47%;
}

#studentList {
    height: 275px;
}

.selectListContainer {
    width: 350px;
    display: inline-block;
    vertical-align: top;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

.selectListActionsContainer {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

.selectListActionButton {
    margin: 2px 5px 2px 5px;
    width: 90px;
}

.mediumListHeight {
    height: 150px;
}

.listHead {
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background: #fafafa;
    padding: 10px;
}

.dark {
    background: #bfbfbf;
}

.list {
    border: 1px solid #e3e3e3;
    overflow: auto;
    padding: 5px 10px;
    margin-bottom: 0.5em;
}

.list a {
    display: block;
    padding: 3px;
}

span.listItem {
    display: block;
    padding: 3px;
    cursor: default;
}

.itemSelected {
    background: #dfdfdf;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: #ff0000;
    border: 1px solid #e3e3e3;
    background: url(images/icon-alert.png) no-repeat 10px 10px;
    padding: 10px 50px 20px;
    margin-bottom: 10px;
}

.validation-summary-errors span {
    display: block;
    margin-bottom: 0.5em;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
    padding-left: 2em;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    margin: 1em 0 0 0;
}

.display-field, .editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* Grid
-------------------- */
table.grid, table.linedGrid {
    border-collapse: collapse;
}

table.grid th, table.linedGrid th {
    text-align: left;
    color: #ffffff;
    background: #474747;
    padding: .5em 1.5em .5em .25em;
    vertical-align: top;
}

table.linedGrid th {
    padding: .5em 0.25em .5em .25em;
}

table.grid th span.icon, table.linedGrid th span.icon {
    margin: 0 0 0 0.5em;
    padding: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
}

table.grid th.sort_asc span.icon, table.linedGrid th.sort_asc span.icon {
    background-image: url("/Content/images/arrow_up.png");
}

table.grid th.sort_desc span.icon, table.linedGrid th.sort_desc span.icon {
    background-image: url("/Content/images/arrow_down.png");
}

table.grid th a, table.linedGrid th a {
    color: #ffffff;
    text-decoration: none;
}

.messageRow.gridrow_alternate,
table.grid tr.gridrow_alternate {
    background-color: #dce5f4;
}

table.linedGrid tr {
    border-top: 1px solid #e3e3e3;
}

table.grid td {
    padding: 0.25em 1.5em 0.25em 0.25em;
}

table.linedGrid td {
    height: 27px;
    padding: 0.25em;
}

table.linedGrid td img {
    vertical-align: middle;
}

table.grid td.checkboxstyle, table.linedGrid td.checkboxstyle {
    padding: 0 5px 0 6px;
    width: 25px;
}

.pagination {
    border: 1px solid #e3e3e3;
    padding: 5px;
    background-color: #fafafa;
    margin: 10px 0;
}


/* Footer
--------------------- */
#footer {
    padding-top: 2em;
    clear: both;
    margin: 1em 0;
    text-align: center;
    font-size: 85%;
}

#footer p {
    margin: 0 0 0.5em;
}

/* Date time picker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

.ui-timepicker-div dl dt {
    height: 25px;
}

.ui-timepicker-div dl dd {
    margin: -25px 0 10px 65px;
}

.ui-timepicker-div td {
    font-size: 50%;
}

/* Mandatory field */
.mandatory_field {
    color: #FF0000;
    display: inline-block;
    padding-top: 0.25em;
    vertical-align: top;
    width: 10px;
    /* ie7 specific stuff */
    zoom: 1;
    *display: inline;
}

.message_text {
    clear: both;
    margin-top: 0em;
    padding: 5px;
    font-size: 1em;
}

.normalText {
    color: #000000;
}

.h3Text {
    color: #000000;
    font-size: 14px;
}


/* Help
-------------------*/
.subHeadding {
    display: block;
    font-weight: bold;
    font-size: 120%;
    margin-top: 10px;
    padding-top: 10px;
}

h2.sectionHeading {
    font-size: 130%;
}

span.imgDescription {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

span.imgDescription img {
    display: block;
    padding-bottom: 0px;
    margin-bottom: 2px;
    border-width: thin;
    border-color: Gray;
    border-style: solid;
}

span.shout {
    font-weight: bold;
    font-size: 110%;
}

span.slopy {
    font-style: italic;
}

.help_note {
    border: 1px solid gray;
    padding: 2px 0 0 4px;
    margin-top: 0.5rem;
}
.help_note p {
    padding-bottom: 5px;
    margin-bottom: 0;
    
}

.help_list li {
    margin-bottom: 10px;
}

.help_list .imgDescription {
    margin-top: 0.5rem;
}
.help_table td {
    vertical-align: bottom;
}
.help_table .text_cell {
    padding-right: 40px;
}
.help_table img {
    border: 1px solid #000;
}
.help_sample_link {
    text-decoration: underline;
    color: rgb(0, 176, 240);
}
.ohs_subheading {
    font-size: 140%;
    display: block;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
}

span.red {
    color: Red;
}

img.blockImg {
    display: block;
    margin-left: 20px;
    border-width: thin;
    border-color: Gray;
    border-style: solid;
}
/* Report
------------------------*/
div.footNote {
    margin-left: 40px;
    margin-top: 20px;
}


#printCommand {
    padding: 5px 10px 0;
}

@media print {
    #printCommand {
        display: none;
    }
}

div.spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
    opacity: 0.4;
    filter: alpha(opacity=40); /* IE8 */
    text-align: center;
    z-index: 9999;
}

.spinner img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px; /* half width of the spinner gif */
    margin-top: -16px; /* half height of the spinner gif */
    width: 32px; /* width of the spinner gif */
    height: 32px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/* Searchbox
------------------------*/
input.autocompleteSearch {
    width: 200px;
    padding-left: 3px;
    padding-right: 23px;
}

span.autocompleteHelpText {
    position: absolute;
    width: 230px;
    color: gray;
    display: none;
    padding: 3px 20px 3px 6px;
}

span.autocompleteIcon {
    position: absolute;
    z-index: 10;
    left: 203px;
    width: 20px;
    padding: 3px 3px 3px 0px;
    display: none;
    background: url(/Content/images/icon-search.png) no-repeat 4px 4px;
}

/* Tutorial links
------------------------*/
#tutorial div {
    background: #fafafa;
    border: 1px solid #e3e3e3;
    padding: 10px;
    width: 220px;
}

#tutorial ul {
    margin: 0;
    padding: 0 0 0 1.75em;
}

#tutorial li {
    margin: 0;
    padding: 0;
}

#tutorial a {
    display: block;
    padding: .25em;
}

#tutorial a:hover {
    background: #e3e3e3;
}

#tutorial p:first-child {
    margin: 0 0 .5em;
}

#tutorial p:last-child {
    margin: 1em 0 0;
}

/* Tables
------------------------*/
table.markedScript {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
}

table.markedScript thead th {
    background-color: #e3e3e3;
    padding: 0.5em;
    text-align: left;
}

table.markedScript thead th:last-child, table.markedScript td:last-child {
    padding-right: 2.5em;
    text-align: right;
}

table.markedScript tbody td {
    padding: 0.25em 0.5em;
    border-top: 1px solid #e3e3e3;
    height: 2.2em;
}

table.markedScript tbody tr.divider td {
    border-top-color: #565656;
}

table.markedScript tfoot tr td {
    border-top: 2px solid #565656;
    border-bottom: 2px solid #565656;
    font-weight: bold;
    padding: 0.5em;
}

div.action,
tr.action {
    cursor: pointer;
}

tr:hover.action.hover {
    background-color: #e3e3e3;
}

tr.selected, tr:hover.action.selected.hover {
    background-color: #d9f3fd;
}

table.messages {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table.messages tr {
    border: 0;
}

table.messages td {
    border: 0;
}

.messageRow.messageHover,
table.messages tr.messageHover {
    background-color: #e3e3e3;
}

table.bag {
    margin:0 8px 0 0;
    font-size:12px;
    table-layout: fixed;
    width:100%;
}

table.exception-bag {
    width: auto !important;
}

table.bag tr .topBorder, table.bag tr.topBorder {
    border-top:1px solid #EEEEEE; 
}

table.bag td {
    padding-top:5px;
}

table.bag tr.scoreline {
    padding-top: 0;
}
table.bag td span {
    margin-left: 5px;
    margin-right: 5px;
}

table.bag td.rightBorder {
    border-right: 1px solid #EEEEEE; 
}

table.bag td.bottomBorder{
    border-bottom: 1px solid #EEEEEE; 
}

table.bag td.blackBottomBorder, table.bag tr.blackBottomBorder:last-child, div.blackBottomBorder:last-child > div.VOSSGridLeft table.bag tr {
    border-bottom: 1px solid black; 
}

table.bag .mediumFont{
    font-size:16px;
}

table.bag .smallFont{
    font-size:11px;
}

table.midiumHigh tr{
    height:38px;
}

table.bag .header{
    background-color:#222b2e;
    color:white;
}

table.bag .fixed-header{
    height:53px;
}

table.bag div.statusbar {
    margin-top: 0;
    padding-top: 10px;
    padding-right: 10px;
    width: 180px;
    height: 43px;
    text-align: center;
}

table.striped tr:nth-child(odd), .striped {
    background-color: #EEEEEE;
}

table tr td.non-stripped
{
    background-color:white;
}

span.score-badge {
    display: inline-block;
    background-color: #fff;
    border: 1px solid rgb(238,238,238);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    margin-bottom:5px;
}

span.score-badge_selected {
    display: inline-block;
    border: 1px solid rgb(0,174,239);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    height: 32px;
    width: 32px;
    text-align: center;
    margin-bottom:5px;
    line-height: 30px;
    color: #fff;
    background-color: rgb(0,174,239);
}

table tr.striped{
    background-color: #E3E3E3;
}

table tr.border-bottom, .border-bottom {
    border-bottom: 1px solid lightgrey;
}

.oneLetterBox{
    width:18px;
    border:2px solid #EEEEEE;
}

.textRed{
    color:red;
}

.text-white{
    color:white !Important;
}

.background-red {
    background-color: red;
}

.textLightBlue{
    color: rgb(0,174,239);
}

.textBlack{
    color:black;
}

.button-group {
    width: 450px;
}

table.bag td.rowCountCell {
    min-width: 80px;
    width: 80px;
}
table.bag td.moduleNameCell {
    min-width: 250px;
    width: 250px;
}
table.bag td.naCell {
    min-width: 50px;
    width: 50px;
}
table.bag td.totalScoreCell {
    min-width: 50px;
    width: 50px;
}
table.bag td.clearButtonCell {
    min-width: 100px;
    width: 100px;
}
table.bag td.scoreCell {
    min-width: 50px;
}
table.bag td.exceptionScoreCell {
    text-align:center;
}

table.bag td.exceptionHeaderEmpty {
    width:330px;
    min-width:330px;
}

table.bag td.fivePercent{
    width:5%;
}


table.bag td.tenPercent{
    width:10%;
}
table.bag td.fifteenPercent{
    width:15%;
}

table.bag td.twelvePercent{
    width:12%;
}

table.bag td.twentyPercent{
    width:20%;
}

table.bag td.sixteenPercent{
    width:16%;
}

table.bag td.fiftyPercent{
    width:50%;
}

table.bag td.fiftyeightPercent{
    width:55%;
}

table.bag td.fiftyfivePercent{
    width:55%;
}

table.bag td.sixtyPercent{
    width:60%;
}

.fillup-lightgrey
{
    background-color: #E3E3E3;
}

.itemHighlight{
    background-color:#d4ebf2;
}

table.bag .badge:hover{
    background-color:#d4ebf2;
}

table.bag tr td.no-top-padding{
    padding-top:0;
}

table.bag tr.header-height {
    height: 44px;
}

table.bag tr.header-height td.extra-height {
    height: 50px;
}

table.message-top {
    margin-top:5px;
}

table.separate-bottom{
    margin-bottom:52px;
}

.absolute-bottom{
    position:fixed;
    bottom: 0;
}

.on-top
{
    z-index:101;
}

div.dialog-contents{
    height:400px;
}

div.dialog-contents .header{
    border-bottom:solid 1px lightgray;
    margin-bottom: 6px;
}
.ngdialog.ngdialog-theme-default.custom-dialog-vsm .ngdialog-content {
    width:450px;
    height:250px;
}

.ngdialog.ngdialog-theme-default.custom-dialog-sm .ngdialog-content {
    width:500px;
    height:300px;
}

.ngdialog.ngdialog-theme-default.custom-dialog-md .ngdialog-content {
    width:700px;
    height:550px;
}

.ngdialog.ngdialog-theme-default.custom-dialog-lg .ngdialog-content {
    width:800px;
    height:600px;
}

div.dialog-contents table{
    table-layout:fixed;
    height:440px;
    width:100%
}

div.dialog-contents table.category-content{
    height:240px;
}

div.dialog-contents table td{
    padding-left:5px;
}

.scroll-issue {
    overflow-y: scroll;
    height: 430px;
    overflow-x: hidden;
}

.flag-scroll{
    height: 200px;
}

.category-scroll{
    height: 240px;
}

.category-sub {
    padding-left: 18px!important;
}

.issue-content{
    height:30px!important;
}
.issue-content td {
    vertical-align: top;
}
.issue-content td p {
    margin-bottom: 0;
}

div.dialog-contents .button-bottom
{
    margin-top:10px;
}

div.dialog-contents > div > img{
    float:left;
}
td.align-right {
    text-align: right;
 }

table.flag-choice {
    border:1px solid lightgray;
}
table.flag-choice tr,  table.flag-choice tr td {
    border:0;
}

table.review-issues-table {
    border:1px solid lightgray;
    height: 200px !important;
}

table.review-issues-table tr,  table.flag-choice tr td {
    border:0;
}

/*sniy popup box*/
div.popup {
    height: 200px;
}

div.popupSelectControlScript {
    height: 320px;
}

div.popupSelectControlScript select {
    height: 112px;
}

div.popCloseBag {
    height: 230px;
}

div.popup-button {
    margin-top:50px;
}

table.bag td.button-dropdown {
    padding-top: 0;
    min-width: 150px;
    width: 150px;
}

table.bag td.exceptionAssessorCell {
    min-width:150px;
    width:150px;
}
table.bag td.exceptionHeaderCell {
    min-width:315px;
    width:315px;
}

.scrollable {
    overflow-y:scroll;
    height: 650px;
    overflow-x:hidden;
}



.scrollable-lower{
    overflow-y:scroll;
    height: 600px;
    overflow-x:hidden;
}

.scrollable-lower-more {
    height: 500px;
}

@media (max-height: 800px) {
    .scrollable {
        height: 480px;
    }

    .scrollable-lower{
        height: 430px;
    }

    .scrollable-lower-more {
        height: 330px;
    }
}

.exception-message {
    /*width:260px;*/
}

.onePixel{
    width:1px;
}

.minWidth950 {
    min-width: 950px!important;
}

.notReviewGrid{
    width:1240px;
}
/*
.navigationButton {
    border: 2px #000000 outset;
    color: #000000;
    width: 75px;
    line-height: 20px;
    height: 20px; 
    text-align: center; 
}


.previousButton {
    background: url('/Content/images/icon-arrow-left.png') 0 2px no-repeat;
    margin-left: 5px;
}

.nextButton {
    background: url('/Content/images/icon-arrow-right.png') 55px 2px no-repeat;
    margin-left: 5px;
}
*/

button.navigationButton {
    min-width: 90px;
    padding: 2px
}

button.navigationButton img {
    vertical-align: -3px;
    padding: 0 3px
}

.messageDetailblock
{
    display: block;
 }
 
 .messageDetailblockWidth 
 {
     width: 100%;
 }
 
 .messagePanelMargin
 {
   margin-left: 10px;
 }
 
 .rightMessagePanel
 {
    margin-top: 10px;
    float: right;
    display: block;
    position: relative;
    width: 300px;
 }
 
 .previousButtonPanel
 {
    margin-right: 5px;
 }
 
 .leftMessagePanel
 {
    float: left;
    display: block;
    position: relative;
    width: 300px;
 }
 
 .marginTopMessageDetails
 {
     margin-bottom: 20px;
 }
 
 .messagePanelWidth
 {
     width: 600px;
 }
 
 .messagesHeader {
     display: block;
    float: left;
    background: #474747;
    width: 100%;
 }
 
 .messagesHeader div {
    text-align: left;
    color: #ffffff;
    background: #474747;
    vertical-align: top;
     line-height: 27px;
     font-weight: bold;
 }
 
 .messagesContent {
    float: left;
    height: 100%;
    display: block;
    position: relative;
    width: 100%;
 }
 
 .messagesContent .messageRow {
     display: block;
     float: left;
     width: 99%;
     height: 50px;
 }

.messagesHeader .timeSentContent,
.messagesContent .timeSentContent {
    float: left;
    width: 150px;
    display: block;
}

.messagesHeader .timeSentContent {
    margin-left: 62px;
}

.messagesContent .messageTextContent {
    float: left;
    display: block;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    padding-left: 62px;
}

.messagesContent .bottomRow,
.messagesContent .topRow {
    display: block;
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.messagesContent .importantContent,
.messagesContent .isReadContent {
    float: left;
    width: 26px;
    display: block;
    padding-top: 3px;
    padding-right: 5px;
}

.messagesHeader .senderContent,
.messagesHeader .assessmentContent,
.messagesContent .senderContent,
.messagesContent .assessmentContent {
    display: block;
    float: left;
    width: 32%;
}

.unread td,
.messagesContent .messageRow.unread,
table.messages tr.unread {
    font-weight: bold;
}

#MessagePanelDivID {
    height:250px;
    overflow-y: auto;
}

.roleDelegationSelectAllRightSpace {
    padding-right: 92px;   
}

.messagePanel table
{
    border-collapse:collapse;
    table-layout: fixed;
    width: 100%;
}

.messagePanel  th, .messagePanel  td 
{
    line-height: 25px;
    height: 25px;
}

.messagePanel  th.sentColumn,
.messagePanel  th.senderColumn,
.messagePanel  th.assessmentColumn {
    padding: 0;
    height: 0;
    background: #474747;
}

/* Important styles */

.messagePanel  .iconColumn {
    width: 26px;
    padding: 3px 5px 0 0;
}

.messagePanel  .sentColumn {
    width: 150px;
}

.messagePanel  .non-wrapping {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.messagePanel  #content-table {
  margin-top:-28px
}

/* Install Silverlight prompt
------------------------*/

/*div.installingSilverlight {
    text-align: center;
    border-style: none;
}

.installingSilverlight img {
    border-style: none;
}*/

/* Busy Message Modal
*/
.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

#loadingMessageModal p {
    font-size: 20px;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

button[disabled], html input[disabled] {
    color: rgb(84, 84, 84);
}

.disabledView {
    opacity: 0.5;
    background : #ccc;
    pointer-events:none;
}

#VOSSCloseFullScreenLink span {
    margin-right: 20px;
    margin-top:5px;
}

#VOSSPdfViewer {
    /*position: absolute;*/
    top: 0px;
    right: 0px;
    /*height: 100%;*/
    z-index:99;
}

.assessmentTaskHeading {
    padding-left:10px;
    padding-right:5px;
}
table.bag tr:empty {
    display: none;
}

.width-one-assessor{
    width: 50%;
}

.width-two-assessor{
    width:33%;
}

.width-three-assessor{
    width:25%;
}

.width-no-assessor{
    width:100%;
}

.item-video{
    margin-left:2px;
}

table.bag tr.grid-right td {
    padding-left:10px;
}

.with-scrollbar{
    overflow-x:hidden;
    overflow-y:scroll
}

.infoPanel {
    font-weight: bold;
}

.noBorder {
    border: none !important;
}

.ui-autocomplete { z-index:30 !important;}

.RefNumberWidth {
    width : 120px;
}