/* commented backslash hack \*/ 
html, body { min-height:100%; } 
/* end hack */
html, body { width: 100%; margin: 0px; padding: 0px; font-family: 'Open Sans', Sans-Serif; font-size: 12px; color: #333333; background-color: #F1F1F1; }
h1 { margin-bottom: 20px; padding-bottom: 10px; font-family: 'Open Sans', Sans-Serif; font-size: 20px; font-weight: normal; line-height: 20px; color: #002D59; border-bottom: solid 1px #DDDDDD; text-align: left; }

.float-fix { clear: both; margin: 0px; padding: 0px; height: 0px; line-height: 0px; }
.hidden { display: none; }

#mainForm { height: 100%; padding: 0px; margin: 0px; }
* html #pageBox { height: 100%; }

#mainForm { width: 770px; min-height: 80%; margin: 0 auto; padding-bottom: 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 0px 8px rgba(50,50,50,0.15); background-color: #FFF; }
#banner { position: relative; height: 120px; }
#topImage { width: 770px; height: 144px; vertical-align: bottom; }
#topnav { position: relative; padding: 0 8px; background-color: #002E5A; height: 32px; }
#topnav a { display: inline-block; position: absolute; line-height: 32px; right: 20px; color: #fff; }
#logo { position: absolute; top: 10px; left: 0; width:454px; height: 70px; padding: 20px 0 10px 20px; border-right: solid 1px #DDD; z-index: 100; }
#systemTitle { position: absolute; top: 30px; left: 500px; width: 300px; }
#systemTitle > div { font-family: Georgia, Serif; position: absolute; top: 0; left: 70px; line-height: 24px; font-size: 26px;}
#content { width: 730px; height: 100%; margin: 20px; }

.warning { margin-bottom: 20px; border: solid 1px #F6E595; background-color: #FFF9D8; }
.warning .inset { margin: 10px; }
.error { display: block; margin-bottom: 20px; padding: 10px; border: solid 1px #cc0000; background-color: #ffdddd; }
.error .inset { margin: 10px; }

input[type="radio"], input[type="checkbox"] {
    margin: 1px 0;
}

.my-evaluations-button {
    padding: 6px 20px;
    border-radius: 4px;
    background-color: #009ca6;
    color: #fff;
    font-weight: bold;
}

ol.assessmentEdit { padding: 0px; margin: 25px 0; list-style: none; }
ol.assessmentEdit li { margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 2em; }
ol.assessmentEdit .questionText { font-weight: normal; }
ol.assessmentEdit .error { margin-bottom: 10px; }
ol.assessmentEdit select { margin: 0; }
ol.assessmentEdit textarea { width: 100%; height: 80px; box-sizing: border-box; }

.assessmentBox { background-color: #eaeaea; margin-bottom: 10px; padding: 10px 0px 10px 0px; }
.assessmentBoxIn { margin: 0px 10px 0px 10px; }
.assessmentBoxIn .heading { font-family:Georgia, "Times New Roman", Times, Serif; font-size:12px; color:#290072; text-align:left; font-weight:bold; }
ol.assessmentView { margin-top: 5px; margin-bottom: 5px; margin-left: 0; list-style: none; }
ol.assessmentView li { margin-bottom: 5px; line-height: 1.25em; padding: 0px; }

table.comments tr:nth-child(even) { background: #FFF; }
table.comments tr:nth-child(odd) { background: #F2F2F2; }
table.comments td { padding: 5px 7px; }
table.comments td.date { width: 150px; }
table.comments td.author { width: 150px; }
table.comments td.comment { }
table.comments td.actions { text-align: right; }
table.comments.editing a.edit { display: none; }
table.comments textarea { width: 100%; height: 80px; margin-top: 3px; margin-bottom: 7px; box-sizing: border-box; }
table.comments .character-count.error { margin: 0; color: Red; font-weight: bold; background: none; border: none; }

table.formLayout td { padding: 8px; }
table.formLayout td.fieldLabel { text-align: right; font-weight: bold; }

.addLink { background-image: url("../Images/icons.png"); background-repeat: no-repeat; padding-left: 16px; line-height: 16px; display: inline-block; background-position: -32px -48px; }
.addLink .iconLabel { background-color: #fff; padding-left: 4px; }
.saveLink { background-image: url("../Images/icons.png"); background-repeat: no-repeat; padding-left: 16px; line-height: 16px; display: inline-block; background-position: -48px -80px }
.saveLink .iconLabel { background-color: #fff; padding-left: 4px; }
.deleteLink { background-image: url("../Images/icons.png"); padding-left: 16px; line-height: 16px; display: inline-block; background-position: -32px 0px }

/* Common styles for table based admin list */
table.list { border-collapse: collapse; }
table.list th { margin: 0px; padding: 8px; border-right: solid 1px #555; color: #fff; font-weight: normal; background-color: #290072; text-align: left; }
table.list th a { color: #ffffff; text-decoration: none; }
table.list .editLink, table.adminList .copyLink, table.adminList .deleteLink { background-image: url("../Images/icons.png"); padding-left: 16px; line-height: 16px; display: inline-block; }
table.list .iconLabel { display: inline-block; padding-left: 4px; color: Blue; line-height: 16px; }
table.list .levelOne td { margin: 0px; padding: 8px; border-left: solid 1px #dedede; border-right: solid 1px #dedede; border-bottom: solid 1px #eee; background-color: #fff; }
table.list .levelOneAlt td { margin: 0px; padding: 8px; border-left: solid 1px #dedede; border-right: solid 1px #dedede; border-bottom: solid 1px #eee; background-color: #f3f3f3; }
table.list .levelOne .editLink, table.list .editLink { background-position: 0px -16px; margin-right: 8px; }
table.list .levelOne .copyLink, table.list .copyLink { background-position: 0px -64px; margin-right: 8px; }
table.list .levelOne .deleteLink, table.list .deleteLink { background-position: 0px 0px; }
table.list .levelOne .iconLabel, table.list .iconLabel { background-color: #eaeaea; }


table.list .cvLinkAvailable { background-image: url("../Images/icons.png"); background-position: 0px -128px; width: 16px; height: 16px; display: inline-block; }
table.list .cvLinkPending { background-image: url("../Images/icons.png"); background-position: 0px -144px; width: 16px; height: 16px; display: inline-block; }
table.list .cvLinkNone { background-image: url("../Images/icons.png"); background-position: 0px -160px; width: 16px; height: 16px; display: inline-block; }

/* Evaluation Styles */
#field-list { margin-left: 0px; }
.object-box { float: left; margin: 0px; }
.object-box .ins { position: relative; margin: 0px; padding: 0px; }
.linebreak-box { clear: both; float: none; width: 737px; }
.linebreak-box .ins { margin: 10px; padding: 0px; height: 10px; background-color: #ccc; }
.linebreak-box-hidden { clear: both; float: none; width: 700; margin: 0px; height: 0px; padding: 0px; }
.linebreak-box-hidden .ins { display: none; margin: 0px; padding: 0px; height: 0px; }
.separator-box { clear: both; float: none; width: 700px; }
.separator-box .ins { margin: 10px; padding: 0px; height: 10px; background-color: #000; }
.separator-box-hidden { clear: both; float: none; width: 755; margin: 0px; padding: 0px; border-top: solid 1px #000; }
.separator-box-hidden .ins { display: none; margin: 0px; padding: 0px; height: 0px; }
.paragraphtext-box .field-label { margin-bottom: 5px; }
.paragraphtext-box .cke { margin-bottom: 9px; }
.paragraphtext-box li { padding: 5px 0px; }
.paragraphtext-box .cke_textarea_inline { width: 100%; min-height: 120px; padding: 4px; border: solid 1px #bbb; }
.predefinedtext-box { clear: both; float: none; width: 710px; }
.predefinedtext-box h1 { margin-top: 0px; }
.predefinedtext-box h2 { margin-top: 0px; }
.predefinedtext-box h3 { margin-top: 0px; }
.checkboxes-box .field-label { margin-bottom: 5px; }
.checkboxes-box .checkbox-field-checked { display: inline-block; padding: 0px 0px 3px 20px; background-image: url('../Images/checkbox-checked.png'); background-repeat: no-repeat; }
.checkboxes-box .checkbox-field-unchecked { display: inline-block; padding: 0px 0px 3px 20px; background-image: url('../Images/checkbox-unchecked.png'); background-repeat: no-repeat; color: #999; }
.checkboxes-box label { display: inline-block; margin-right: 30px; }
.checkboxes-box .cke_textarea_inline { width: 100%; min-height: 120px; padding: 4px; border: solid 1px #bbb; }
.checkboxes-box td { padding-bottom: 5px; }
.dropdown-box .field-label { margin-bottom: 5px; }
.singlelinetext-box .field-label { margin-bottom: 5px; }
.emailaddress-box .field-label { margin-bottom: 5px; }
.table-box { width: 740px; }
.table-box .field-label { margin-bottom: 10px; } 
.table-box table { width: 100%; border-collapse: collapse; }
.table-box th { margin: 0px; padding: 8px; border-right: solid 1px #555; color: #fff; font-weight: normal; background-color: #290072; text-align: left; }
.table-box td { margin: 0px; padding: 8px; border-left: solid 1px #dedede; border-right: solid 1px #dedede; border-bottom: solid 1px #eee; background-color: #fff; }
.table-box td.last { }
.table-box tr.alternate td { background-color: #f3f3f3; }
.fileupload-box .field-label { margin-bottom: 5px; } 
.fileupload-box .download-link { display: block; margin-bottom: 10px; } 

.field-label { font-size: 1em; color: #333; }
.field-label-bold { font-weight: bold; }
.field-label-italics { font-style: italic; }
.field-label-underline { text-decoration: underline; }
.field-label .required-indicator { font-weight: normal; font-style: normal; text-decoration: none; color: #c80000; }

.rwWindowContent .inset { margin: 10px; }
.rgNoRecords td { padding: 8px; }
.rgPagerCell input { margin-bottom: 0px; }

/*custom upload elements*/
.custom-file-input { position: relative; height: 30px; }
.custom-file-input input[type=file] { position: absolute; top: 0px; left: 0px; height: 28px; background: transparent; border: none; outline: none; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }
.custom-file-input .feedback {  
    display: inline-block; 
    height: 18px;
    padding: 4px 6px 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    overflow: hidden; white-space: nowrap;
}
.custom-file-input .feedback.disabled { background-color: #eee; }
.custom-file-input .upload { display: inline-block; margin-left: 4px; vertical-align: top; width: 50px; }
.custom-file-input .remove { position: absolute; left: 0px; z-index: 1000; display: none; height: 16px; width: 18px; background-color: #fff; }