﻿.WrapMain {
    position: relative;    
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.container-fluid:after {
    clear: both;
}

.fill {
    min-height: 100%;
    height: 100%;
    position: relative;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.row-fluid:after {
    clear: both;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.row-fluid {
    width: 100%;
}

.filler:after {
    background-color: inherit;
    bottom: 0px;
    content: "";
    height: auto;
    min-height: 100%;
    left: 0px;
    margin: inherit;
    right: 0px;
    position: absolute;
    top: 0px;
    width: inherit;
    z-index: -1;
}

.filler.listContainerWrap {
    margin-top:40px;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#ccc;
}

.filler .filler-inner:before, .filler .filler-inner:after {
    display: table;
    content: "";
    line-height: 0;
}

.filler .filler-inner:after {
    clear: both;
}

.filler .filler-inner {
    background-color: #fff;
    /*border: 1px solid #CCC;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);*/
    position: relative;
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#ccc;
}

.fixed.treeViewLeft {
    width: 300px;
}

.fixed {
    width: 160px;
    float: left;
}

.fixed.treeViewLeft + div {
    margin-left: 300px;
    overflow: visible;
}

.filler.treeViewRight {
    padding: 0px;
    background-color: #fff;
    min-height: 436px;
}

/* TREE NAVIGATION LAYOUT START */

.tree ul, .tree ol {
    padding: 0px;
    margin: 0px 0px 10px 25px;
}

.tree {
    background-color: #EEE;
    border-right: 1px solid #E3E3E3;
    min-height: 20px;
    padding: 5px 0px 10px;
    margin-bottom: 0px;
    max-height:800px;
    overflow-x:visible;
    overflow-y:auto;
}

.tree ul:first-child {
    margin: 0px 10px 0px 5px;
}

.tree ul {
    padding: 0px;
}

.tree li:after {
    border-top: 1px dotted #999;
    height: 20px;
    top: 32px;
    width: 16px;
}

.tree > ul > li:before, .tree > ul > li:after {
    border: 0px none;
}

.tree li:before {
    border-left: 1px dotted #999;
    bottom: 50px;
    height: 100%;
    top: 0px;
    width: 1px;
}

.tree li:before, .tree li:after {
    content: "";
    left: -12px;
    position: absolute;
    right: auto;
}

.tree li:last-child:before {
    height: 44px;
    top: -12px;
}

.tree li.no-children:after {
    top: 12px;
}

.tree .TreeMenuThirdLevelItem i {
    color: #08C;
}

.tree .TreeMenuThirdLevelItem a {
    text-decoration: none;    
}

.tree .TreeMenuThirdLevelItem a:hover {
    text-decoration: underline;
    color: #08c;    
}

.tree li {
    font-size: 11.9px;
    list-style-type: none;
    line-height: 16px;
    margin: 0px;
    padding: 15px 0px 0px 5px;
    position: relative;
}

.tree li.parent_li.has-children > span {
    border-radius: 0px;
    background: none repeat scroll 0% 0% #FEFEFE;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.tree li.parent_li > span {
    cursor: pointer;
    position: relative;
}

.tree li span {
    display: block;
    padding: 4px;
    text-decoration: none;
}

@-moz-document url-prefix() {
    .tree li span {
        line-height: 16px;
    }
    .treeProc {
        left: -8px !important;
    }
}

.MenuTreeHeader {
    border-bottom: 1px solid #CCC;
    margin-bottom: -1px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
}

.tree li span i {
    color: #08C;
}

.tree i {
    font-size: 14px;
    margin: 1px 2px 0px;
}

.tree i.icon-folder-close,
.tree i.icon-folder-open {
    font-size:32px;
    position:relative;
}

.tree i.icon-folder-close .treeProc {
    display: block;    
}


.tree i.icon-folder-open .treeProc {
    display: none;    
}

.treeProc {
    color: #FFF;
    position: absolute;
    top: 5px;    
    left: -3px;
    right: 0px;
    font-size: 10px;
    text-align: center;
}


.tree li a, .tree li .readOnlyUom {
    color: #333;
    font-size: 11.9px;
    font-weight: normal;
}

li.TreeMenuItemSelected span.MenuTreeSubHeader {
    background: none repeat scroll 0% 0% #08C;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

.tree .MenuTreeSubHeader {
    border-radius: 0px;
    width: 100%;
    box-sizing: border-box;
}

li.TreeMenuItemSelected span.MenuTreeSubHeader i, li.TreeMenuItemSelected span.MenuTreeSubHeader a, li.TreeMenuItemSelected span.MenuTreeSubHeader .readOnlyUom, li.TreeMenuItemSelected span.MenuTreeSubHeader input[type="checkbox"] {
    color: #FFF;
    text-decoration: none;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}

.tree li.parent_li.has-children > ul {
    padding: 0px;
    margin-bottom: 0px;
}

.tree li.parent_li.has-children > span:hover,
.tree li.parent_li.has-children > span.ActiveTreeItem {
    background: #08c;    
}

li.ThirdLevelSelected {
    background-color:#08c;        
}

li.ThirdLevelSelected i, li.ThirdLevelSelected a, li.ThirdLevelSelected a:hover {
    color:#fff !important;    
}

.tree li.parent_li.has-children>span:hover a,
.tree li.parent_li.has-children > span:hover i[class*="icon-folder"],
.tree li.parent_li.has-children > span.ActiveTreeItem i[class*="icon-folder"],
.tree li.parent_li.has-children > span.ActiveTreeItem a {
    color: #fff;
}

.tree li.parent_li.has-children>span:hover .treeProc {
    color: #08c;    
}

.tree li.parent_li.has-children > ul li.no-children:before {
    top: -11px;
    height: 22px;
}

.tree li.parent_li.has-children > ul li.no-children:first-child {
    margin-top: 5px;
}

.tree li.no-children {
    padding: 0px 0px 0px 5px;
}

.tree .TreeMenuThirdLevelItem:after {
    left: -12px;
    top: 12px;
    width: 12px;
}

.tree .TreeMenuThirdLevelItem:before {
    left: -12px;
    top: -5px;
}

.tree .TreeMenuThirdLevelItem:first-child {
    margin-top: 5px;
}

.tree .TreeMenuThirdLevelItem {
    padding: 4px;
}

.tree a.treeParentLink {
    font-size: 14px;
    color: #08C;
    position: absolute;
    top: 0px;
    left: 0px;
    text-decoration: none;
    white-space: nowrap;
    width: 90%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    line-height: 40px;    
    padding: 0px 5px 0px 42px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;    
}

.tree i.icon-ok {
    float: right;
    margin-right: 5px;
    color: Green;
    position:absolute;
    top:2px;
    right:0px;
}

.tree li span.ActionBox {   
    width: 30px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ccc;    
    position: absolute;
    top: -12px;
    right: -4px;
}

.tree li span.treeCount {
    float: right;   
    color: #08c;
    font-weight: bold;
    padding: 0px;
    margin-right :2px;
}

.tree .ActionBox i {
    color: #cc0033;  
    float: left;  
}

.TreeNavOptions {    
    position: absolute;
    top:35px;
    left:40px;
    width:260px;
}

.TreeNavOptions a {
    color:#08c;
    text-decoration:none;    
}

.TreeNavOptions a:hover,
.TreeNavOptions a.ActiveNavOption {
    color:#015293;
    text-decoration:underline;    
}

.TreeNavOptions a.ActiveNavOption {
    font-weight:bold;    
}

.TreeNavOptionsSeparator {
    color:#08c;
    margin:0px 5px;
}

/* TREE NAVIGATION LAYOUT END */

/* TREE NAVIGATION RIGHT SIDE CONDENT LAYOUT START */

.filler.treeViewRight .WrapBlock {
    border:none;
    padding:12px 25px;
    display:inline-block;
    width:100%;
}

.filler.treeViewRight .WrapBlock .SurveySliderColumn,
.filler.treeViewRight .WrapBlock .SurveySliderAnswerFullWidthEvaluation, 
.filler.treeViewRight .WrapBlock .SurveySliderSummaryFullWidth, 
.filler.treeViewRight .WrapBlock .SurveySliderSeletedItemsFullWidth {
    width:100% !important;    
    margin:-40px 0px 0px 0px;
}

.filler.treeViewRight .WrapBlock .SurveyTabWrap {
    margin:0px;
    width:100%;
    background-color:transparent;    
    position:relative;
    top:-46px;
}

.filler.treeViewRight .WrapBlock .FairManagmentMenu {
    background-color:transparent;
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#ccc;
    margin-bottom:10px;
}

.filler.treeViewRight .WrapBlock .FairManagmentMenu .Title {
    color:#666;
    font-weight:normal;
    font-size:14px;
}

.filler.treeViewRight .WrapBlock .FairManagmentMenu .Title:hover {
    background-color:transparent;
    font-style:normal;
    color:#333;
    border-bottom:2px solid #333;
}

.filler.treeViewRight .WrapBlock .FairManagmentMenu .Title.activeTab  {
    color:#08c;
    font-weight:bold;
    border-bottom:2px solid #08c;
    background-color:transparent;    
}

.filler.treeViewRight .WrapBlock .FairManagmentMenu .Title.activeTab:hover {
    font-style:normal;    
}

.filler.treeViewRight .WrapBlock .SurveyTabWrap .SurveyTabItem {
    border:1px solid #ccc;
    background-color:#e8e8e8;
}

.filler.treeViewRight .WrapBlock .SurveyTabWrap .SurveyTabItem:hover {
    background-color:#fff;
    color:#333;    
}

.filler.treeViewRight .WrapBlock .SurveyTabWrap .SurveyTabItem.SurveyTabItemActive {
    border-width:1px 1px 0px 1px;
    border-style:solid;
    border-color:#ccc;
    background-color:#fff;
    padding-bottom:5px;
    color:#08c;
}

.filler.treeViewRight .WrapBlock .ManagmentSystemQuestionGroupTab {
    margin-bottom:10px;    
}

.filler.treeViewRight .WrapBlock .column.five.MatrixColumn h1.deletable_h {
    display:none;    
}

.filler.treeViewRight .WrapBlock .column.five.MatrixColumn {
    padding-right:12px;  
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;   
}

.filler.treeViewRight .WrapBlock h3.SurveyEvaluationTitle {
    color:#015293;
    font-weight:bold;
    font-size:14px;    
    border-bottom:1px solid #ccc;
    padding:0px;
    width:100%;
    margin:5px 0px;
}

.filler.treeViewRight .WrapBlock .GraphTypeSelections {
    color:#015293;
    padding:0px 0px 0px 12px;
}

.filler.treeViewRight .WrapBlock .BrowseSequenceTitle.BrowseSequenceTitleActive + .SurveyBrowseSequence {
    border-color:#015293;
}

.filler.treeViewRight .WrapBlock .BrowseSequenceContainer.toolbar-fixed {
    box-shadow:0px 8px 6px -6px #015293;
}

.filler.treeViewRight .WrapBlock .QuestionnaireSingleSectionHeader,
.filler.treeViewRight .WrapBlock h1.HeaderHelper,
.filler.treeViewRight .WrapBlock h2,
.filler.treeViewRight .WrapBlock .WrapBlock.WrapBlockHelper h1 label {
    background-image:none;
    color:#015293 !important;
    font-weight:bold;
    font-size:16px;    
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#ccc;
    padding:0px;
    width:100%;
    margin:5px 0px;
}

.SurveyComment.FAIRMSSiteUser h1 label {
    background-image:none;
    color:#015293 !important;
    font-weight:bold;
    font-size:16px;
    padding:0px;
    width:100%;
    margin:5px 0px;  
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper a {
    color:#015293;    
}

.filler.treeViewRight .WrapBlock .WrapBlock.WrapBlockHelper h1 label  {
    border:none !important;
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper:hover,
.filler.treeViewRight .WrapBlock .WrapBlock.WrapBlockHelper h1 label:hover {
    background-color:transparent;    
}

.filler.treeViewRight .WrapBlock .SurveyObservation.ManagementSystem .WrapBlock,
.filler.treeViewRight .WrapBlock .WrapBlock.WrapBlockHelper {    
    padding:0px;
    border:none;    
}

.filler.treeViewRight .WrapBlock .SurveyQuestionTextAndAnswerContainer {
    border:none;    
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper span,
.filler.treeViewRight .WrapBlock h1.HeaderHelper .floatRight.redLink {
    float:left;    
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper .floatRight.redLink {
    color:darkred !important;
    margin-left:10px;
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper .floatRight.redLink:hover {
    background-color:transparent;
    color:red !important;    
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper .HeaderHistory {
    float:right;
    color:#999;
}

.filler.treeViewRight .WrapBlock h1.HeaderHelper .HeaderHistory:hover i {
    color:darkred;    
}

.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.controlRTE .RightControlWrap {
    width:100%;
    margin-bottom:5px;
    min-height:22px;
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap {
    width:100%;
    /*margin:0px 0px 16px 0px;*/
    padding-left:40px;
}

.filler.treeViewRight .WrapBlock label[for*="Question"] {
    color:#015293;
    font-style:italic;
    display:inline-block;
    padding:0px 40px 0px 50px;
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons,
.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapEraser,
.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerImage {
    float:left;    
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapEraser a i.icon-eraser {
    color:#cc0033;    
    position:relative;
    top:-4px;
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapEraser a i.icon-eraser:hover {
    color:Red;    
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons {
    margin:0px 5px 0px 5px;    
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons span {
    margin-right:5px;    
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapEraser {
    padding-top:4px;        
}


.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons,
.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapEraser {
    width:auto;    
}

.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons br,
.filler.treeViewRight .WrapBlock .MSSurveyReviewerWrap.SurveyReviewerWrap .MSSurveyReviewerWrapRadioButtons .clear {
    display:none;    
}

.filler.treeViewRight .WrapBlock .dataGridActionBar,
.filler.treeViewRight .WrapBlock table.display tr th,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .dataGridActionBar,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.display tr th {
    background-image:none;
    background-color:#f2f2f2;
    font-size:12px;    
}

.filler.treeViewRight .WrapBlock table.display tr td,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.display tr td {
    background-color:#fff;
    font-size:12px;
}

.filler.treeViewRight .WrapBlock table.display tr.row_selected td,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.display tr.row_selected td {
    background-color:#08C;
}

.filler.treeViewRight table.KeyTable.display tr.odd.row_selected td.focus,
.filler.treeViewRight table.KeyTable td.focus,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.KeyTable.display tr.odd.row_selected td.focus,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.KeyTable td.focus {
    background-color:#D42E12;
    border-width:0px;
    border-color:#015293;
}

.filler.treeViewRight .WrapBlock table.display tr.row_selected td.details,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog table.display tr.row_selected td.details {
    background-color:#fff;    
}

.filler.treeViewRight .WrapBlock .btn,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .btn {
    position:relative;
    padding:4px 12px;
    margin:0px;
    color:#333;
    text-shadow:0px 1px 0px #FFF;
    white-space:nowrap;
    cursor:pointer;
    background-color:#F3F3F3;
    background-image:none;
    background-color:#fff;
    background-repeat:repeat-x;
    border:1px solid #DCDCDC;
    border-radius:2px;
    box-shadow:none;
}

.filler.treeViewRight .WrapBlock .btn:hover,
.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .btn:hover {
    border-color:#000;    
}

.filler.treeViewRight .WrapBlock .btn-small {
    padding:5px 9px;
    line-height:15px;  
}

.filler.treeViewRight .WrapBlock .btn-small.disabled {
    background-color:#f2f2f2;    
    opacity:0.7;
}

.filler.treeViewRight .WrapBlock .SurveyEvaluationLeftHolder, 
.filler.treeViewRight .WrapBlock .SurveyEvaluationRightHolder {
    width:100%;    
}

.filler.treeViewRight .WrapBlock .MatrixWrap table[id*="MatrixTable"] tbody tr:first-child,
.filler.treeViewRight .WrapBlock .MatrixWrap table[id*="MatrixTable"] tbody tr:nth-child(2),
.filler.treeViewRight .WrapBlock .MatrixWrap table[id*="MatrixTable"] tbody tr:last-child,
.filler.treeViewRight .WrapBlock .MatrixWrap table[id*="MatrixTable"] tbody tr:nth-last-child(3) {
    display:none;    
}

.fixed.treeViewLeft .tree.comboboxTree select {
    margin:0px;
    position:absolute;
    top:6px;
    left:11px;
}

.fixed.treeViewLeft .tree.comboboxTree {
    padding:0px;
    position:relative;
    overflow:visible;
    height:35px;
    border-bottom:1px solid #ccc;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

.ReferenceLink {
    color:#015293;    
    display:inline-block;
    padding-left:40px;
    color:#08c;
    margin-bottom:10px;
    width:80%;
}

.ReferenceLink:hover {
    color:#015293;
    text-decoration:underline; 
}

.QActionBox {
    width:30px;
    height:15px;
    background-color:#FFF;
    border:1px solid #CCC;
    box-shadow:0px 0px 5px #CCC;
    display: block;
    padding:4px;
    text-decoration:none;
    line-height:16px;
    position:absolute;
    top:0px;
    right:0px;
}

.QActionBox:hover {
    border-color:#08c;    
}

.QActionBox a {
    display:block;
    width:100%;
    height:100%;    
}

.QActionBox i {
    color:#C03;
    float:left;
    font-size:14px;
    margin:1px 2px 0px;
}

.QActionBox span {
    float:right;
    color:#08C;
    font-weight:bold;
    padding:0px;
    margin-right:2px;
    font-size:12px;
}

.ReferenceNumber {
    color:#C03;
    display:inline-block;
    position:absolute;
    font-weight:bold;
}

.SurveyComment.FAIRMSSiteUser {
    width:100%;    
    display:inline-block;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.SurveyComment.FAIRMSSiteUser .SurveyCommentCaption {
    margin:4px 4px 0px 0px;  
}

.SurveyComment.FAIRMSSiteUser input {
    width:100% !important;
    margin:0px 0px 10px 0px !important;
}

/* TREE NAVIGATION RIGHT SIDE CONDENT LAYOUT END */

/* REVISION LAYOUT START */

.RevisionHeader, .RevisionHeaderForm {
    box-sizing(border-box);
	box-shadow(0 2px 2px -3px rgba(0, 0, 0, 0.5));
	background:#FFEAA0;
	border:1px solid #d8d8d8;
	text-align:center;
    width:100%;
    height:24px;
    margin-bottom:10px;
	margin-top:4px;
}

.RevisionHeader .btn.btn-small, .RevisionHeaderForm .btn.btn-small {
	border-radius:0px;
	margin:-1px;
}

.RevisionHeader .CenRevisionInfo, .RevisionHeaderForm .CenRevisionInfo {
	display:inline-block;
	font-size:12px;   
	font-weight:bold; 	
	margin:0px auto;     
}

.RevisionHeader .CenRevisionInfo .CenRevisionInfoItem,
.RevisionHeaderForm .CenRevisionInfo .CenRevisionInfoItem {
	display:inline-block;
	color:#666;
	margin-left:5px;
	float:left;  
}

.RevisionHeader .CenRevisionInfo .CenRevisionInfoItem span, 
.RevisionHeaderForm .CenRevisionInfo .CenRevisionInfoItem span {
	color:#CC0033;
}

.CenrevisionWrap {
	position:relative;
}

.CenRevisionDiffItemContainer {		
	width:100%;
	min-height:16px;
	position:relative;
	padding:0 4px;
	z-index:1;
	box-shadow:(0 2px 2px -3px rgba(0, 0, 0, 0.5));
}

.CenRevisionBackground {
	background:#FFEAA0 ;
	border:1px solid #d8d8d8;
	width:100%;
	position:absolute;
	top:-4px;
	bottom:-4px;
	z-index:0;
	min-height:22px;
}

.RevisionIndicatorIcon {
	display:inline-block;
	position:absolute;
	top:0;
	left:-23px;
	cursor:pointer;
}

.RevisionIndicatorIcon i {
	font-size:18px;
	color:red;
}

.RevisionIndicatorIcon:hover i {
	color:darkred;
} 

.CenRevisionDiffItem {	
	width:100%;
	float:left;
}

.CenRevisionDiffItem label {
	margin-bottom:0; 
}

.CenRevisionDiffItem span {
	float:left;
}

.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode > .span9,
.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode > .span6,
.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode > .span3 {
    width:33.33%;
    display: inline-block;
    float:left;
}

.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode > .RightControlWrap > .CenRevisionBackground {
	top:0;
	bottom:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode.controlRTE .span3:first-child {
    display:none;    
}

.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode.controlRTE .controls.span6.RightControlWrap,
.filler.treeViewRight .SurveyObservation.ManagementSystem .divControl.isInRevisionMode.controlRTE .span3.CenrevisionWrap.RightControlWrap {
    width:100%;
}

/* REVISION LAYOUT END */

/* HIERARCHY LAYOUT START */

.TreeNodeWrap {
    position:relative;     
}

.controlTree .TreeNodeWrap .TreeNodeIcon {
    height:10px;
    width:10px;
    position:absolute;
    top:6px;
    left:0px;    
    z-index:2;
    background-repeat:no-repeat;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition:after {
    border-top:1px dotted #999;
    height:20px;
    top:12px;
    width:15px;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition:after {
    clear:both;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition:before {
    border-left:1px dotted #999;
    bottom:50px;
    height:27px;
    top:-14px;
    width:1px;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition:before, .controlTree .TreeNodeWrap .TreeNodeItemPosition:after {
    content:"";
    left:-15px;
    position:absolute;
    right:auto;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition:before, .controlTree .TreeNodeWrap .TreeNodeItemPosition:after {
    display:table;
    content:"";
    line-height:0;
}

.controlTree .TreeNodeItemPosition {
    font-size:11.9px;
    line-height:16px;
    margin-bottom:2px;
    position:relative;
    cursor:pointer;
    padding: 1px 2px 1px 16px;
}

.TreeNodeItemIcon {
    background:url('../Images/Framework/top_level.png') no-repeat scroll 0px 0px transparent;
}

.TreeNodeItemIcon, .TreeNodeItemIconCompany, .TreeNodeItemIconSite, .TreeNodeItemIconPlant, .TreeNodeItemIconUnit {
    width:16px;
    height:16px;
    position:absolute;
    top:4px;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition {
    font-size:11.9px;
    line-height:16px;
    cursor:pointer;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition {
    font-size:11.9px;
    line-height:16px;
    cursor:pointer;
}

.controlTree .TreeNodeWrap div[id*="TreeNodeChildren"] {
    border-left:1px dotted #999;
    padding-left:14px;
    margin-left:6px;
}

.controlTree .TreeNodeWrap div[id*="TreeNodeChildren"] > .TreeNodeWrap:last-child:after {
    content:"";
    border-left:1px dotted #999;
    position:absolute;
    height:13px;
    width:1px;
    top:0px;
    left:-15px;
    z-index:3;
}

.controlTree .TreeNodeWrap div[id*="TreeNodeChildren"] > .TreeNodeWrap:last-child:before {
    content:"";
    background:none repeat scroll 0% 0% #FFF;
    position:absolute;
    height:100%;
    width:1px;
    top:0px;
    left:-15px;
    z-index:2;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition label {
    display:inline-block;
    margin:6px 5px 2px 20px;
    cursor:pointer;
}

.TreeNodeItemIcon {
    background:url('../../Images/top_level.png') no-repeat scroll 0px 0px transparent;
}

.TreeNodeItemIconCompany {
    background:url('../../Images/company.png') no-repeat scroll 0px 0px transparent;
}

.TreeNodeItemIconSite {
    background:url('../../Images/site.png') no-repeat scroll 0px 0px transparent;
}

.TreeNodeItemIconPlant {
    background:url('../../Images/plant.png') no-repeat scroll 0px 0px transparent;
}

.span8.controlTree {
    width: 100%;
    padding-right: 0px;
}

.controlTree > .TreeNodeWrap > .TreeNodeItemPosition:before, 
.controlTree > .TreeNodeWrap > .TreeNodeItemPosition:after {
    display: none;
}

#NewTreeItem.btn.HierarchyNewButton {
    position: relative;
    padding: 4px 12px !important;
    margin: 0px;
    color: #333;
    text-shadow: 0px 1px 0px #FFF;
    white-space: nowrap;
    cursor: pointer;
    background-image: none;
    background-color: #FFF;
    background-repeat: repeat-x;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    box-shadow: none;
    float: right;
    line-height: 16px !important;
    height: 16px !important;
}

#NewTreeItem.btn.HierarchyNewButton:hover {
    border-color:#000;
}

.controlTree .TreeNodeWrap .TreeNodeItemPosition input[type="text"] {
    margin:2px 0px 0px 20px;     
}

/* HIERARCHY LAYOUT END */

/* UI LIGHTBOX LAYOUT START */

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog {
    font-family:Calibri,Tahoma,Geneva,Helvetica,Arial,sans serif;
    box-shadow:0px 0px 15px #ccc;
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .WrapBlock.WrapBlockHelper {
    padding:0px;
    border:none;    
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .ui-widget-header {
    background-image:none;
    background-color:transparent;
    border:none;    
    border-radius:0px;
    position:absolute;
    top:-5px;
    right:5px;
    z-index:101;
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .GridRowEditFormWrap /*,
.filler.treeViewRight .innerDetails .GridRowEditFormWrap*/ {
    width:100%;
    margin-bottom:15px;
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .GridRowEditFormWrap label /*,
.filler.treeViewRight .innerDetails .GridRowEditFormWrap label*/ {
    width:15%;    
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .GridRowEditFormWrap .RightControlWrap /*,
.filler.treeViewRight .innerDetails .GridRowEditFormWrap .RightControlWrap*/ {
    width:85%;    
}

.ui-dialog.ui-widget.ui-widget-content.ToDoListItemsDialog .GridRowEditFormWrap .RightControlWrap textarea {
    height:100px;    
}

/* UI LIGHTBOX LAYOUT END */

/* WIDGET LAYOUT START */

.BlockContentContainer.FAIRMSContent .SurveySliderWrapBlock {
    background-color:transparent;
    padding:0px;
    border:none;
}

.WrapBlock.WrapBlockHelper.FAIRMSWrapBlock h1.clearfix label, 
.ToDoListItems.ui-dialog-content.ui-widget-content h1.clearfix label {
    cursor:default;
}

.WrapBlock.WrapBlockHelper.FAIRMSWrapBlock h1.clearfix:hover label,
.ToDoListItems.ui-dialog-content.ui-widget-content h1.clearfix:hover label {
    color:#d42e12 !important;   
}

.BlockContentContainer.FAIRMSContent,
.NIISearchContent {
    background-color:transparent;
    border:none;
    padding:0px;
    display:block !important;
}

.ToDoListItems.ui-dialog-content.ui-widget-content .BlockContentContainer {
    display:block !important;
}

.BlockContentContainer.FAIRMSContent .GridOverflow {
    padding-top:12px;    
}

.WrapBlockHelper.FAIRMSWrapBlock {
    display:inline-block;
    max-height:50000px;
    height:auto;
    border:1px solid #ccc;
}

.FAIRMSWidgetTabs {
    display:inline-block;
    width:100%;
    border-width:1px 0px;
    border-color:#ccc;
    border-style:solid;
    padding:4px 12px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;   
    margin-top:10px;
}

.FAIRMSWidgetTabs .StudyTypeName {
    display:inline-block;
    width:auto;
    float:left;
    margin-right:20px;    
}

.FAIRMSWidgetTabs .StudyTypeName a {
    color:#08c;
    text-decoration:none;
}

.FAIRMSWidgetTabs .StudyTypeName.Selected a,
.FAIRMSWidgetTabs .StudyTypeName a:hover {
    color:#015293;
    text-decoration:underline;
}

.FAIRMSWidgetTabs .StudyTypeName.Selected a {
    font-weight:bold;    
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav,
.NIISearchContent ul.BCDDtopnav {
    margin:5px 0px 0px 0px;
    background-color:transparent;
    position:relative;        
    float:left;
    z-index:2;
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav li.BCDDtopnavLI,
.NIISearchContent ul.BCDDtopnav li.BCDDtopnavLI {
    position: relative;
    vertical-align: middle;        
    border:none;
    margin:0px -19px 0px 0px;
    padding:0px;
    float:none;
    display:inline-block;
    width:auto;
    min-width:1px;
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav li ul.BCDDsubnav,
.NIISearchContent ul.BCDDtopnav li ul.BCDDsubnav {
    list-style: none outside none;
    display: none;
    position: absolute;
    top: 29px;       
    left: 0px;
    float: left;
    z-index: 100;
    background-color:#f2f2f2;
    border:none;
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav li ul.BCDDsubnav li,
.NIISearchContent ul.BCDDtopnav li ul.BCDDsubnav li {
    background-color: #fafafa;
    border-color: #CCC -moz-use-text-color -moz-use-text-color;
    border-image: none;
    font-size: 11.9px;
    width: 200px;
    padding: 0px;
    margin: 0px;
    clear: both; 
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav li ul.BCDDsubnav li a,
.NIISearchContent ul.BCDDtopnav li ul.BCDDsubnav li a {
    color:#08c;    
}

.BlockContentContainer.FAIRMSContent ul.BCDDtopnav li ul.BCDDsubnav li a:hover,
.NIISearchContent ul.BCDDtopnav li ul.BCDDsubnav li a:hover {
    color:#015293;
}

.BlockContentContainer.FAIRMSContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper,
.NIISearchContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper {
    list-style: none outside none;
    display: block;
    background: none repeat scroll 0% 0% #FAFAFA;
    border: 1px solid #CCC;    
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: -2px 0px 0px !important;   
}

.BlockContentContainer.FAIRMSContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper label,
.NIISearchContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper label {
    position:absolute;
    top:2px;
    left:4px;
}

.BlockContentContainer.FAIRMSContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper .breadCrumbCheckbox,
.NIISearchContent .BCDDOverflowWrapper.breadcrumb-overflow-wrapper .breadCrumbCheckbox {
    z-index:1;    
    position:relative;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar,
.NIISearchContent .breadcrumb-toolbar {
    background-color:#f2f2f2 !important;
    border:1px solid #CCC !important;
    -webkit-box-shadow:0px 8px 5px -8px #ccc;
    -moz-box-shadow:0px 8px 5px -8px #ccc;
    box-shadow:0px 8px 5px -8px #ccc;
    z-index:1;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar a.BreadCrumbsApplyBtn,
.NIISearchContent .breadcrumb-toolbar a.BreadCrumbsApplyBtn {
    display:inline-block;
    width:auto;
    float:right;
    color:green !important;
    text-align:center;
    margin:0px 5px !important;
    padding:0px !important;    
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar a.BreadCrumbsApplyBtn:hover,
.NIISearchContent .breadcrumb-toolbar a.BreadCrumbsApplyBtn:hover {
    background-color:transparent !important;
    color:#08c !important;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar input[type*="checkbox"],
.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar .breadcrumb-select-all,
.NIISearchContent .breadcrumb-toolbar input[type*="checkbox"],
.NIISearchContent .breadcrumb-toolbar .breadcrumb-select-all {
    float:left;    
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar input[type*="checkbox"],
.NIISearchContent .breadcrumb-toolbar input[type*="checkbox"] {
    margin-top:5px;    
}

.BlockContentContainer.FAIRMSContent .breadcrumb-toolbar .breadcrumb-select-all,
.NIISearchContent .breadcrumb-toolbar .breadcrumb-select-all {
    line-height:24px;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-arrow,
.NIISearchContent .breadcrumb-arrow {
    position: relative;
    float: left;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0px 15px 16px;
    border-color: transparent transparent transparent #CCC;
    z-index:50;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-arrow .breadcrumb-arrow-inner,
.NIISearchContent .breadcrumb-arrow .breadcrumb-arrow-inner {
    position: absolute;
    top: -14px;
    left: -16px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 14px 0px 14px 14px;
    border-color: transparent transparent transparent #FAFAFA;   
}

.BlockContentContainer.FAIRMSContent .breadcrumb-content,
.NIISearchContent .breadcrumb-content {
    display: inline-block;
    background-color: #FAFAFA;
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border-color: #CCC -moz-use-text-color #CCC #CCC;
    border-image: none;
    font-size: 11.9px;
    text-shadow: none;
    vertical-align: middle;
    height: 24px;
    padding: 4px 4px 0px 20px;
    position: relative;
    float: left;
    z-index: 5;
    color: #999;
}

.BlockContentContainer.FAIRMSContent .breadcrumb-content:hover,
.NIISearchContent .breadcrumb-content:hover {
    color: #333;    
}

.BCDDtopnav li.BCDDtopnavLI:first-child .breadcrumb-content {
    background-image: url('../../Images/top_level.png');
    background-position: 4px 5px;
    background-repeat: no-repeat;
    padding: 4px 4px 0px 24px;
}

/* WIDGET LAYOUT END */

/* SETTINGS LAYOUT START */

.FAIRMSSettings, .FAIRMSSettingsTree {
    margin-top:40px;    
}

.FAIRMSSettings .WrapBlock.WrapBlockHelper.FAIRMSWrapBlock {
    width:100%;
    margin-right:0px;  
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -khtml-box-sizing:border-box;     
}

div[id*="FAIRAdmin_FAIRMSUnitDiv"] div.WrapBlock {
    margin-right:0px;    
}

#MSStudySubformContainer .WrapBlock.WrapBlockHelper.FAIRMSWrapBlock {
    width:100%;
    margin:-1px 0px 0px 0px;
    border-top:none;
}

.FAIRMSSettings .GridRowEditFormWrap {
    width:100%;    
}

.FAIRMSSettings .GridRowEditFormWrap label {
    width:15%;    
}

.FAIRMSSettings .GridRowEditFormWrap .RightControlWrap {
    width:85% !important;    
}

.FAIRMSSettings .GridRowEditFormWrap .divControl.controlRTE {
    margin:5px 0px;    
}

/* SETTINGS LAYOUT START */

.filler.treeViewRight .innerDetails .GridRowEditFormWrap h3 {
    background-image: none;
    color: #015293 !important;
    font-weight: bold;
    font-size: 16px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: #CCC;
    padding: 0px;
    width: 100%;
    margin: 5px 0px;
}   

.filler.treeViewRight .innerDetails .GridRowEditFormWrap .divControl.controlRTE {
    width:100%;
}

.filler.treeViewRight .innerDetails .GridRowEditFormWrap .divControl.controlRTE .RightControlWrap {
    width:100%;    
}

.divControl.controlRTE .RightControlWrap span {
    padding:0px;
}

.divControl.controlRTE .RightControlWrap span.cke_top {
    padding:6px 8px 2px;
}

.divControl.controlRTE .RightControlWrap span.cke_combo_text {
    padding-left:10px;
}

.tree .TreeMenuThirdLevelItem i:first-child {
    position:absolute;
    top:3px;
    left:0;
}

.tree .TreeMenuThirdLevelItem a {
    display:block;
    padding:0 16px 0 8px;
}

.tree i.icon-ok {
    top:3px;
}

.tree li span.treeTooltip {
    display:none;        
}