/*==============================================*/
/*  Navigation (left nav menu)             */
/*==============================================*/


#processleftnavaccordion {
    width: 230px;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    border: 1px solid #cccccc !important;
    cursor: pointer;
}

#leftnavaccordion {
    width: 230px;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    border: 1px solid #cccccc !important;
    cursor: pointer;
}

.leftnavaccordionicon {
    border-style: none !important;
    vertical-align:bottom;
    margin-right: 4px;
    width: 20px;
    padding: 0px 0px 0px 10px;
}

.navaccordcontent {
    margin: 5px 0px 5px 0px;
}

.navaccordheader 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #cfcfcf;
}

.collapsednavaccordheader 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #cfcfcf;
}


.navaccordheader a
{
    
    font-size: 18px;
    font-family: "Trebuchet MS", sans-serif; 
    color: Black;
    font-weight: normal; 
    text-decoration: none; 

}

.collapsednavaccordheader a
{
    
    font-size: 18px;
    font-family: "Trebuchet MS", sans-serif; 
    color: Black;
    font-weight: normal; 
    text-decoration: none; 

}

.navaccordheader a:focus
{
    border-style: none;
}

.collapsednavaccordheader a:focus
{
    border-style: none;
}

.navaccordheader a:hover
{
    color: #0099FF;
}

.collapsednavaccordheader a:hover
{
    color: #0099FF;
}

.mercuryReadOnlyEditorContent {
    line-height: normal;
    padding: 5px;
    border:1px solid #DADADA;
    overflow: auto;
}


.rmsnavbarHeaderText {
    background-color: #104371;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: 20px;
}



.rmsnavbarHeaderButton {
    width: 24px;
    height: 24px;
    margin-top: 2px;
    text-align: center;
    border-radius: 4px;
}

.rmsnavbarHeaderButton:hover {
    background-color: white;
    color: #104371;
    cursor: pointer;
}

.NavAccordHeaderCtrlStyle {
    width: 24px;
    height: 24px;
    background: none;
    color: white;
    border-radius: 4px;
    border: none;
    font-size: 20px;
}

.NavAccordHeaderCtrlStyle:hover {
    background-color: white;
    color: #104371;
    cursor: pointer;
}






.rmsnavbarMenuSelectionPanel {
    border-radius: 4px;
    background-color: white;
    min-width: 200px;
    border-style: solid;
    border-color: #cfcfcf;
    border-width: 2px;
    position: absolute;
    color: black;
    text-align: left;
}

    .rmsnavbarMenuSelectionPanel > ul {
        margin: 0px;
        padding: 0px;
    }

.navmenubarMenuSelectionChoice {
    list-style-image: none;
    list-style-type: none;
    margin-left: 5px;
    font-size: 16px;
}

.navmenubarMenuSelectionChoice:hover {
    background-image: url(images/RolloverSWBlue30.png);
    background-repeat: repeat-x;
}









.navaccordnodes,
.navaccordnodes a:link,
.navaccordnodes a:visited,
.navaccordnodes a:focus,
.navaccordnodes a:active
{
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif; 
    font-weight: bold;
    /*color: Blue;*/
    color: Black;
    text-decoration: none;
    border-style: none;
}
.navaccordnodes a
{
    display: block;
    padding-left:20px;
    width:210px; 
}

.navaccordnodes:hover
{
    background-image: url(images/RolloverSWBlue30.png);
    background-repeat: repeat-x;
}
.leftnavaccordioninfotext
{
    background-color: #E0E1E2;
    text-align: right;
    font-size: x-small;
    cursor: default;
}

.leftAccordianFooterImg:hover
{
    cursor:pointer;
}

.navaccordcontentprocess {
    margin: 5px 0px 5px 0px;
}

.navaccordheaderprocess 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #cfcfcf;
}

.collapsednavaccordheaderprocess 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #cfcfcf;
}


.navaccordheaderprocess a
{
    
    font-size: 18px;
    font-family: "Trebuchet MS", sans-serif; 
    color: #104371;
    font-weight: normal; 
    text-decoration: none;
    white-space: nowrap; 

}

.collapsednavaccordheaderprocess a
{
    
    font-size: 18px;
    font-family: "Trebuchet MS", sans-serif; 
    color: #104371;
    font-weight: normal; 
    text-decoration: none; 

}

.navaccordheaderprocess a:focus
{
    border-style: none;
}

.collapsednavaccordheaderprocess a:focus
{
    border-style: none;
}

.navaccordheaderprocess a:hover
{
    color: #0099FF;
}

.collapsednavaccordheaderprocess a:hover
{
    color: #0099FF;
}


.navaccordnodesprocess,
.navaccordnodesprocess a:link,
.navaccordnodesprocess a:visited,
.navaccordnodesprocess a:focus,
.navaccordnodesprocess a:active
{
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif; 
    font-weight: bold;
    /*color: Blue;*/
    color: #104371;
    text-decoration: none;
    border-style: none;
}
.navaccordnodesprocess a
{
    display: block;
    padding-left:20px;
    width:210px; 
}

.navaccordnodesprocess:hover
{
    background-image: url(images/RolloverSWBlue30.png);
    background-repeat: repeat-x;
}


.mercuryMenuSeparator {
    height: 2px;
    background-color: #cccccc;
    border: none;
    margin-left: 20px;
    margin-right: 20px;
}




/*============================================================*/
    /*  Component Toolbox Vertical (build area, and other tools)  */
    /*============================================================*/
    .componenttoolboxvertical {
    margin-bottom: 5px;
    margin-right: 5px;
    width: 210px;    
    border: 1px solid #317bb5;  
}

.vtbsection {
    border: 1px solid #317bb5;  /*page text*/
}

.componenttool {
    margin: 0px 2px 0px 0px;
    font-size: 11px;
}
.componenttool a {
    display: block;
    width: 100%;
    border: 1px solid white; 
    cursor: move; 
    background-color: white;
}
.componenttool a:link {}
.componenttool a:visited {}
.componenttool a:hover  
{
    background-color: transparent;
    background-image: url(images/RollOverSWBlue20.png); 
    background-repeat: repeat-x; 
    border: 1px solid #99DEFD;  
}
.componenttool a:active {}
.componenttool .inner {
    margin: 10px 5px 5px 5px;
    color: #317BB5;
}
.componenttool .inner image {
    vertical-align: bottom; 
    margin-right: 10px;   
}

.componentinstancewrapper 
{
}

.componentinstancedrag {
    background-image: url(images/ComponentToolBox/toolboxMercury16.png); 
    height: 16px;
    width: 32px;
}

.vtbheader {
    display: block;
    background-image: url(images/ComponentToolBox/verttoolboxheadnormal25.png);
    border-bottom-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    background-repeat: repeat-x;
    width: 100%;
    background-color: #E5E6E7;
}

.vtbheader .vtbclickable {
    cursor: pointer;
    display:block;
    width: 100%;
}

.vtbheader .vtbclickable .inner img {
    float: right;
    vertical-align: middle;
    margin: 2px 5px 0px 0px; 
}

.vtbheader .vtbclickable .inner span {
    *float: left;
    margin-left: 5px;
    color: #317BB5; 
    font-weight: bold; 
    font-size: 10pt;
}

.vtbheader a:link { }
.vtbheader a:visited { }
.vtbheader a:hover { }
.vtbheader a:active { }

/*======================================================*/
/* Admin dialog wait overlay
/*======================================================*/
.web_admindialog_overlay
{
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
   background: #000000;
   opacity: .35; /*.15;*/
   filter: alpha(opacity=35); /* alpha(opacity=15); */
    -moz-opacity: .35; /* .15; */
   z-index: 14101;
   display: none;
}



/*============================================================*/
/*  dialog group component (pdgc)  */
/*============================================================*/

.dgccomponenttoolboxvertical {
    margin-bottom: 5px;
    margin-right: 5px;
    width: 210px;    
    border: 1px solid #317bb5;  
}

.dgcsection {
    border: 1px solid #317bb5;  /*page text*/
}


.dgcheader {
    display: block;
    background-image: url(images/ComponentToolBox/verttoolboxheadnormal25.png); 
    border-bottom-style: solid;
    border-bottom-color: #cfcfcf;
    border-bottom-width: 1px;
    background-repeat: repeat-x; 
    width: 100%;
}

.dgcheader .dgcclickable {
    cursor: pointer;
    display:block;
    width: 100%;
}

.dgcheader .dgcclickable .inner image {
    float: right;
    vertical-align: middle;
    margin: 2px 4px 0px 0px; 
}

.dgcheader .dgcclickable .inner span {
    *float: left;
    margin-left: 4px;
    color: #317BB5; 
    font-weight: bold; 
    font-size: 10pt;
}

.dgcheader .dgcclickable .inner .RMSMultiDropHeader {
    display:inline-block;
    max-width:180px;
    overflow:hidden;
    white-space:nowrap;
}

.dgcheader a:link { }
.dgcheader a:visited { }
.dgcheader a:hover { }
.dgcheader a:active { }


/*============================================================*/
/* Styles for html tables in dialogs                          */
/*============================================================*/

.dlgTable 
{
     /*border: 2px solid #317bb5;  
      border-right-width: 1px;
    */
}

.dlgTableHeader
{
    font-size: 10pt;
    color: #317BB5;
    background-color: #efefef;
   
}

.dlgTableHeader th 
{
   border-left: 1px solid transparent;
   border-right: 1px solid #317bb5;  
   border-bottom: 2px solid #317bb5;  
}


.dlgTableCell 
{
    border: 1px solid #cfcfcf;
}

.DlgPanel
{
    background-color: #FFFFFF; /*height: 0px;*/
    font-family: Verdana;
    font-size: 11pt;
    border: solid 2px Green;
    padding: 5px;
}
table td.vislayConfighighlight {
    /*border: solid 2px #cfcfcf; */
}
table td.vislayConfighighlight:hover {
    border: solid 2px yellow; 
}


table td.vislayConfignohighlight {
    border: solid 2px white; 
}
table td.vislayConfigselected {
    border: solid 2px green; 
}

.renderStyleDefault {
    background-color: #FFFFFF;
    color: #222222;
    font-family: Arial,Verdana,sans-serif;
    /* font-size: 12px; */
}

/*============================================================*/
/* Styles for scrolling tables                          */
/*============================================================*/

.dlgScrollHeaderContainer
{
    border: 2px solid #317bb5;
    background-color: #efefef;
    border-bottom: 2px solid #317bb5;  
    line-height: 18px;
}

.dlgScrollBodyContainer
{
    border: 2px solid #317bb5;
    line-height: 18px; 
    overflow:auto;
}

.dlgScrollTable 
{
}

.dlgScrollTableCenterAlign td
{
    border: 1px solid #cfcfcf;
    text-align:center;
}

.dlgScrollTableHeader
{
    font-size: 10pt;
    color: #317BB5;
    background-color: #efefef;
   
}

.dlgScrollTableHeader th 
{
   border-right: 1px solid #317bb5;  
}


.dlgScrollTableCell 
{
    border: 1px solid #cfcfcf;
}

.dlgScrollTableCellActions 
{
    border: 1px solid #cfcfcf;
    cursor:pointer;
}


/* TODO PGM Fix this styling to be dynamic based on settings */
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
}

.componentDesignRenderError
{
    background-color: #efefef;
    color: Red;
    width: 100%;
}




.VisEditDiv {
    border: 2px solid #efefef;
    background-color: #ffffff;
}

.VisEditDivInner {
    border: 2px solid #efefef;
}

.VisEditDivOuter {
    border: 2px solid #efefef;
}

.SiteLayoutChkPanels {
    margin-left: 30px;
    margin-bottom: 10px;
    background-color: #f5f5f5; 
    width: 205px; 
    padding: 4px 4px 4px 14px;    
}
 
 
.vislayConfigContainerHighlight {
    border: solid 2px yellow; 
}
.vislayConfigContainerSelected {
    border: solid 2px green; 
}

.RMSDlgFieldSet 
{
    padding: 0px 0px 20px 10px;
}

.MercEQEntityBlock
{
    float:left;
    margin-left:20px;
    margin-right:15px;
}

.MercEQFilterEntityPanel > div.eqjs-ep-entity
{
    height:94%;
}
.MercEQFilterEntityPanel .eqjs-ep-tool-panel-add-columns
{
    display:none;
}

.MercEQResultContent
{
    padding:  0px 0px 10px 0px;
    height: 220px;
    overflow-x: auto;
    overflow-y: auto;
    margin-bottom:5px;
}



.MercEQProgress
{
    background: url('../RMS/Images/whirlygig2.gif') no-repeat;
    width: 32px;
    height: 32px;
    margin-left:144px;
    margin-top:184px;
}
.MercEQResultContent table
{
    font: normal 12px Calibri;
}
.MercEQResultContent table th
{
    background-color: #F6F6F6;
    color: #4F4F4F;
    height: 30px;
    font: bold 11px Arial !important;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    margin-left:0px;
    margin-right:0px;
}
.MercEQResultContent table td
{

    padding-top: 5px;
    padding-bottom:5px;
    padding-left:2px;
    padding-right:2px;
    color: #4F4F4F;
    font: 10px Arial;
    border-bottom: 1px solid #E4E4E4;
    margin-left:0px;
    margin-right:0px;
}

.eqjs-result.loader{
    background: url('../RMS/Images/whirlygig2.gif') no-repeat;
    height:100%;
    width:100%;
    background-position:center;
}

.AHRGARulesCell
{
    font-size: 13px;
}
.NRGLoadingRulesCell {
    font-size: 13px;
}

.RoomSelBusRulesCell
{
    font-size: 13px;
}

.AutoARulesCell
{
    font-size: 13px;
}


input.RMSAccountingValidationErr{
    border-color:red;
}

ul.MercuryCascadingPrettyCheckboxGroup {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding: 0;
    list-style: none;
}

.MercuryCascadingPrettyCheckboxGroupNameBox {
    font-size:14px;
    float:left;
    padding-left:2px;
    padding-bottom:2px;
}

ul.AutoALiveResultBldGroup {
    margin-left: 5px;
}

.AutoALiveResultBldNameBox {
    font-size: 14px;
    font-weight: bold;
    float: left;
    border: solid;
    border-width: 1px;
    border-color: black;
    padding-left: 2px;
    padding-bottom: 2px;
}

ul.AutoALiveResultSuitesInBld {
    margin-left: 25px;
}

a.AutoAResultsLinkStyles {
    color: #317BB5;
}
a.AutoAResultsLinkStyles:link {color: #317BB5; }
a.AutoAResultsLinkStyles:visited {color: #317BB5; }
a.AutoAResultsLinkStyles:hover { color: #317BB5; background-repeat: repeat-x;  background-image: url(images/RollOverSWBlue20.png);}
a.AutoAResultsLinkStyles:active {color: #317BB5; }

.MercuryCascadingPrettyCheck {
    width: 25px;
    float: left;
}

.AutoALiveResultSuiteNameBox {
    font-size: 14px;
    font-weight: normal;
    float: left;
    background-color: #efefef;
    padding-left: 2px;
    padding-bottom: 2px;
}


ul.AutoALiveResultRoomRowsHeader {
    margin-left: 25px;
}

.AutoALiveResultRoomNameBox {
    font-size: 14px;
    font-weight: normal;
    float: left;
    padding-left: 2px;
    padding-bottom: 2px;
}

.AutoASuiteGrayGrouping {
    border-left: 5px solid #efefef;
}





.AutoAFiveStarRating {
    background: url('../RMS/Images/5StarRating.png') no-repeat;
    height: 16px;
    width: 70px;
}

.FeeAssessLiveResultAdmNameBox {
    font-size: 14px;
    width: 1080px;
    border: solid;
    border-width: 1px;
    border-color: black;
}

.MercuryPrettyCheckIndeterminate + label:before {
    background-color: lightblue;
}

.MercuryPrettyCheckLabel.MercuryCascadingPrettyCheckLabel {
    margin-right: 15px;
}

.MercuryPrettyCheckLabel {
    display: inline-block;
    cursor: pointer;
    position:relative;
    padding-left: 25px;
    margin-right: 0px;
    font-size: 12px;
}
.MercuryPrettyCheckLabel:before
{
    content:"";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: white;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .4);
    border-radius: 3px;
}

.MercuryPrettyCheckInput
{
    display:none;
}
.MercuryPrettyCheckInput:checked + label:before {
    content:"\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
    color: black;
    text-align: center;
    line-height: 15px;
}

.RMSOperationFeedbackPanelOuter {
    border: 2px solid #cfcfcf;
}

.RMSOperationFeedbackPanelInner {
    overflow-y: scroll; 
    font-size: 13px;
    color:  dimgrey;

}

.RMSFeedbackButton {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px 2px 2px 4px;
    font-size: 13px;
    float: left;
    display: inline-block;
    width: 150px;
    height: 18px;
    cursor: pointer; 
}

.RMSFeedbackButtonInfo {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(images/information16.png);
}

.RMSFeedbackButtonWarning {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url(images/warning16.png);
}

.RMSFeedbackButtonStop {
    margin-top: -3px;
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    background-image: url(images/stop24.png);
}


.RMSFeedbackButtonSelected {
    background-color: #FFFFFF;
}

.RMSFeedbackButton:hover  
{
    background-repeat: repeat-x;  
    background-image: url(images/RollOverSWBlue30.png); 
}


.RMSFeedbackCtrlBtn {
    padding: 4px 2px 2px 4px;
    font-size: 13px;
    float: right;
    display: inline-block;
    width: 16px;
    height: 18px;
    cursor: pointer; 
    background-repeat: no-repeat;
}

.RMSFeedbackCtrlBtn:hover  
{
    background-repeat: repeat-x;  
    background-image: url(images/RollOverSWBlue30.png); 
}

.RMSFeedbackCtrlBtnCollapseExpand {
    width: 16px;
    height: 18px;
}
.RMSFeedbackCtrlBtnClose {
    width: 12px;
    height: 18px;
}

.RMSFeedbackCtrlBtnCollapseExpandExpanded {
    width: 16px;
    height: 18px;
    background-image: url(images/RMSChevronUp.png);
}

.RMSFeedbackCtrlBtnCollapseExpandCollapsed {
    width: 16px;
    height: 18px;
    background-image: url(images/RMSChevronDown.png);
}

.RMSFeedbackProgressContainer {
    padding:3px 10px 2px 3px;
    font-size: 13px;
    float: right;
    display: inline-block;
    height: 18px;
}

.RMSProgress {
    color: #104371;
    width: 120px;
    border: 1px solid #A0A0A0;
    background: white;
}
progress::-moz-progress-bar {background: #104371;}
progress::-webkit-progress-value {background:#104371;}
progress::-webkit-progress-bar {background:white;}

/*============================================================*/
/* Styles for mercury calendar nav headers
/*============================================================*/

.mercury-calendar-nav-button {
    padding: 5px 10px 5px 10px;
    background-color: #F0F0F0;
    border: 1px solid #B6B6B6;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    color: black;
}
.mercury-calendar-nav-button:hover {
    background-color: #CBCBCB;
    cursor: pointer;
}
.mercury-calendar-headeraction-button {
    padding: 5px 5px 5px 5px;
    background-color: #F0F0F0;
    border: 1px solid #B6B6B6;
    border-radius: 4px;
    font-size: 13px;
    font-style: normal;
    color: black;
}
.mercury-calendar-headeraction-button:hover {
    background-color: #CBCBCB;
    cursor: pointer;
}