/*SITE HEADER COLOR VALUES*/
.fmi-site-header, .fmi-nav-1st-top #fmi-nav-primary, #fmi-nav-menu-modules {
    background: #4b4f54;
}

#fmi-nav-primary, .fmi-signin .fmi-nav-toggle > a, .fmi-signin .fmi-nav-toggle > a:hover, .fmi-privacypolicy > a, .fmi-privacypolicy > a:visited, .fmi-privacypolicy > a:hover, .fmi-profile-settings, .fmi-system-settings, #fmi-nav-menu-modules, .fmi-authenmessage {
    color: #fff;
}

.fmi-authenmessage {
    color: #fff;
    text-align: right;
    margin: 2px 0;
    font-size: .75em;
    opacity: .5;
}
/*LEFT NAV LAYOUT COLOR VALUES*/
#fmi-nav-primary, #fmi-nav-primary-background, #fmi-nav-primary-static-background, #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-scrollDown.fmi-nav-li {
    background: #51b6bd;
}

/*ICON COLOR VALUES*/
.fmi-nav-1st-left:not(.fmi-nav-sans2nd) #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-2ndnav:hover > span,
.fmi-nav-1st-left.fmi-nav-2nd-notCurrent #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-2ndnav:hover > span,
.fmi-nav-1st-top.fmi-nav-icons.fmi-nav-2nd-notCurrent .fmi-nav-icon.fmi-nav-2ndnav:hover,
.fmi-nav-1st-top.fmi-page-admin .fmi-nav-icon.fmi-nav-2ndnav:hover,
.fmi-nav-1st-left #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-scrollUp:hover > span,
.fmi-nav-1st-left #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-scrollDown:hover > span {
    background-color: #0D5B83;
    background-color: rgba(255, 255, 255, .6);
}

.fmi-nav-1st-top.fmi-nav-icons.fmi-nav-2nd-notCurrent .fmi-nav-icon.fmi-nav-2ndnav,
.fmi-nav-1st-top.fmi-page-admin .fmi-nav-icon.fmi-nav-2ndnav {
    background-color: #0D5B83;
    background-color: rgba(255, 255, 255, .4);
}

.fmi-nav-1st-left:not(.fmi-nav-sans2nd) #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-2ndnav > span,
.fmi-nav-1st-left.fmi-nav-2nd-notCurrent #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-2ndnav > span,
.fmi-nav-1st-left #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-scrollUp > span,
.fmi-nav-1st-left #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-scrollDown > span {
    background-color: #9ac9cc;
}

#fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-li:hover > span,
#fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-fave.fmi-nav-expanded > span,
#fmi-nav-primary #fmi-nav-menu-modules .fmi-nav-li:hover,
#fmi-nav-primary #fmi-nav-menu-modules .fmi-nav-li:hover > span {
    background-color: #338388;
    background-color: rgba(51,131,136,.4);
    border: none;
}

#fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-li.fmi-nav-selected > span {
    background-color: #338388;
}

.fmi-nav-1st-top #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-li:hover > span,
.fmi-nav-1st-top #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-fave.fmi-nav-expanded > span,
.fmi-nav-1st-top #fmi-nav-primary #fmi-nav-menu-modules .fmi-nav-li:hover,
.fmi-nav-1st-top #fmi-nav-primary #fmi-nav-menu-modules .fmi-nav-li:hover > span {
    background-color: #2c5772;
    background-color: rgba(255, 255, 255, .2);
}

.fmi-nav-1st-top #fmi-nav-primary-links > .fmi-nav-menu-lev1 > .fmi-nav-li.fmi-nav-selected > span {
    background-color: #0D5B83;
    background-color: rgba(255, 255, 255, .4);
}


.fmi-nav-icons .fmi-nav-icon > span:before {
    content: "";
    display: inline-block;
    margin: 0 5px 0 0;
    background-image: url("Images/fmi-nav-icons-white.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    white-space: nowrap;
}

.fmi-nav-icons .fmi-nav-icon.fmi-nav-home > span:before, .fmi-nav-icons .fmi-nav-icon.fmi-nav-extra > span:before {
    margin: 0;
}
/*removing margin since text would not display for these icons*/
.fmi-nav-icons .fmi-nav-icon.fmi-nav-2ndnav > span:before,
.fmi-nav-icons .fmi-nav-icon.fmi-nav-scrollUp > span:before,
.fmi-nav-icons .fmi-nav-icon.fmi-nav-scrollDown > span:before {
    background-image: url("Images/fmi-nav-icons-blue.png");
    opacity: .7;
}

.fmi-nav-icons .fmi-nav-icon > span, .fmi-nav-icons .fmi-nav-icon > span > a {
    border-width: 0;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
}


hr {
    color: #fff;
    height: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.leftbackground, .fmi-form-header {
    background-color: #fafafa;
}
/*.fmi-form-footer*/
.bordercolor,
.RadSplitter.RadSplitter_Default,
.RadSplitter.RadSplitter_Default .rspPaneTabContainer,
.RadSplitter.RadSplitter_Default .rspPane,
.RadSplitter.RadSplitter_Default .rspResizeBar,
.RadSplitter.RadSplitter_Default .rspSlideContainerResize,
.RadSplitter.RadSplitter_Default .rspPaneHorizontal,
.RadSplitter.RadSplitter_Default .rspResizeBarHorizontal,
.RadSplitter.RadSplitter_Default .rspSlideContainerResizeHorizontal {
    border-color: #ddd;
}

/*Input fields*/
input[type="text"], input[type="password"], select, textarea, html body .RadInput_Default input.riTextBox, .RadUpload_Default input.ruFakeInput {
    border: 1px solid #8e8e8e;
}

/*input fields on hover*/
input[type="text"]:hover, input[type="area"]:hover, input[type="password"]:hover, select:hover, textarea:hover, html body .RadInput_Default input.riTextBox.riHover {
    border: 1px solid #515151;
}

.rcbInput:hover {
    border: none !important;
}

/*disabled and readonly input fields*/
input[disabled], input[disabled]:hover, textarea[disabled], textarea[disabled]:hover, select[disabled], select[disabled]:hover, .readonly, html body .RadInput_Default input.riDisabled, html body input.RadInput_Disabled_Default {
    border: solid 1px #ccc;
    color: #555;
}

input[disabled] {
    background-color: #fff;
}

.readonly {
    color: #000;
}

input[disabled][type="checkbox"], input[disabled][type="checkbox"]:hover {
    border: none;
    background-color: transparent;
}


/* Links */
a {
    font-weight: normal;
    color: #0074a6;
    cursor: pointer;
    text-decoration: none;
}

a:visited {
    color: #0074a6;
}

a:active {
    color: #0074a6;
    background-color: transparent;
}

a:hover, a:focus {
    color: #0074a6;
    text-decoration: underline;
    background-color: transparent;
}

/*Menus*/
.RadComboBoxDropDown.RadComboBoxDropDown_Default,
.k-widget.k-group.k-popup,
.k-group.k-popup,
.RadMenu.RadMenu_MyMenuSkin,
.RadMenu.RadMenu_MyGridSkin,
.RadMenu.RadMenu_Default {
    color: #333;
    background-color: #fdfdfd;
}

.RadComboBoxDropDown.RadComboBoxDropDown_Default,
.k-widget.k-group.k-popup,
.k-widget.k-menu .k-animation-container,
.RadMenu.RadMenu_MyMenuSkin,
.RadMenu.RadMenu_MyGridSkin,
.RadMenu.RadMenu_Default {
    border: 1px solid #c3c3c3;
    border-bottom-color: #a0a0a0;
}

.RadMenu.RadMenu_MyMenuSkin {
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 2px;
}

.rmItem.rmSeparator {
    margin-bottom: 2px;
}

.RadMenu.RadMenu_MyMenuSkin .rmItem.rmSeparator span {
    margin: 0;
}

.RadComboBoxDropDown.RadComboBoxDropDown_Default .rcbHovered,
.rddlPopup.rddlPopup_Default .rddlItemHovered,
.k-item.k-state-hover:hover,
.RadMenu .rmGroup a.rmLink:hover,
.RadMenu .rmGroup a.rmFocused,
.RadMenu .rmGroup a.rmExpanded {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #000;
    background-image: none;
}

.RadMenu .rmGroup a.rmSelected {
    border-color: #e9e9e9;
    color: #000;
    background-image: none;
}

.k-widget.k-menu .k-animation-container .k-group {
    margin-left: 0;
}

.k-item .k-state-active {
    background-color: #eee;
}

.RadComboBoxDropDown.RadComboBoxDropDown_Default .fmi-ddl-header {
    opacity: 1;
    font-weight: bold;
}

.RadMenu.RadMenu_Default .rmGroup .rmItem a.rmLink, .RadMenu.RadMenu_Default .rmGroup .rmItem a.rmLink:hover, .RadMenu.RadMenu_MyGridSkin .rmGroup .rmItem a.rmLink, .RadMenu.RadMenu_MyGridSkin .rmGroup .rmItem a.rmLink:hover {
    padding: 2px 10px;
}

.RadMenu.RadMenu_Default {
    padding: 0;
}

.RadMenu.RadMenu_Default_Context.rmRoundedCorners ul.rmGroup, .RadMenu.RadMenu_Default .rmGroup .rmText, .RadMenu.RadMenu_MyGridSkin .rmGroup .rmText {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}

.RadMenu.RadMenu_Default_Context.rmRoundedCorners ul.rmGroup, .RadMenu.RadMenu_Default_Context.rmRoundedCorners .rmGroup .rmItem, .RadMenu.RadMenu_Default .rmGroup .rmText, .RadMenu.RadMenu_MyGridSkin .rmGroup {
    background: none;
    padding: 0;
}

.RadMenu.RadMenu_MyGridSkin .rmGroup {
    border: none;
}

.rmTopRight, .rmBottomLeft, .rmBottomRight, .rmTopRight, .rmBottomLeft, .rmBottomRight, .rmTopFix, .rmBottomFix {
    display: none;
}

/* Buttons */
input[type="submit"], input[type="button"], #ctl00_contentPlaceHolderMain_ctrlFormGrid_divCommand a, a.btn, div[id$="divCommand"] a, a[id$="lbtnGroupAdd"]:link, a[id$="lblSelect"], a[id$="lnkDeleteField"], a[id$="lnkRemove"], a[id$="lnkEdit"], a[id$="btnEdit"], a[id$="btnDel"], a[id$="InsertButton"], a[id$="InsertCancelButton"], a[id$="lnkSelectField"], a[id$="fvDetail_UpdateButton"], a[id$="fvDetail_UpdateCancelButton"], .RadUpload .ruButton.ruBrowse, .fmi-action-icon, .moveLeft, .moveRight, .RadGrid .rgFilterRow .rgFilter, .ActionButton, .rlbButton, div.RadScheduler_Default div.rsHeader a.rsPrevDay, div.RadScheduler_Default div.rsHeader a.rsNextDay, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText, .RadGrid_MyGridSkin .rgRow > td > a, .RadGrid_MyGridSkin .rgAltRow > td > a, .RadGrid_MyGridSkin .rgRow > td > input[type="submit"], .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"], .RadMenu .rmRootGroup, .RadColorPicker {
    background-color: #fdfdfd;
    border: 1px solid #c3c3c3;
    border-bottom: 1px solid #a0a0a0;
    color: #0074a6;
    color: #111;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding: 1px 8px 2px 8px;
    margin: 0 1px 1px;
    overflow: visible;
    line-height: 1.4em;
    line-height: normal; /*CHECK IN OTHER BROWSERS*/
    width: auto;
    height: auto;
}

.RadColorPicker {
    padding: 0;
    margin: 0;
}

.RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText {
    background: #fdfdfd url("Images/fmi-icon-button-sprite.png") top left no-repeat;
}

.RadUpload.RadUpload_Default .ruButton {
    background-image: none;
}
/*add links to this list if they display outside a grid*/
#ctl00_contentPlaceHolderMain_ctrlFormGrid_divCommand a, a.btn, div[id$="divCommand"] a, a[id$="lbtnGroupAdd"]:link, a[id$="lblSelect"], a[id$="InsertButton"], a[id$="InsertCancelButton"], a[id$="fvDetail_UpdateButton"], a[id$="fvDetail_UpdateCancelButton"], .fmi-view-details .fmi-action-group .RadMenu {
    margin-bottom: 5px;
}
/*add links to this list if they display within a grid*/
/* REMOVED a.btn, a[id$="lbtnGroupAdd"]:link, a[id$="lblSelect"], */
a[id$="lnkDeleteField"], a[id$="lnkRemove"], a[id$="lnkEdit"], a[id$="btnEdit"], a[id$="btnDel"], a[id$="lnkSelectField"], .RadGrid_MyGridSkin .rgRow > td > a, .RadGrid_MyGridSkin .rgAltRow > td > a, .RadGrid_MyGridSkin .rgRow > td > input[type="submit"], .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"] {
    padding: 1px 4px;
    margin-left: -4px;
}


/*styles for Disabled buttons*/
input[type="submit"][disabled], input[type="button"][disabled], input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover, a.btn[disabled], a.btn[disabled]:hover, div[id$="divCommand"] a[disabled], div[id$="divCommand"] a[disabled]:hover, a[id$="lbtnGroupAdd"][disabled], a[id$="lbtnGroupAdd"][disabled]:hover, a[id$="lblSelect"][disabled], a[id$="lblSelect"][disabled]:hover, a[id$="lnkDeleteField"][disabled], a[id$="lnkDeleteField"][disabled]:hover, a[id$="lnkRemove"][disabled], a[id$="lnkEdit"][disabled], a[id$="lnkRemove"][disabled]:hover, a[id$="lnkEdit"][disabled]:hover, a[id$="btnEdit"][disabled], a[id$="btnDel"][disabled], a[id$="btnEdit"][disabled]:hover, a[id$="btnDel"][disabled]:hover, a[id$="InsertButton"][disabled], a[id$="InsertCancelButton"][disabled], a[id$="InsertButton"][disabled]:hover, a[id$="InsertCancelButton"][disabled]:hover, a[id$="lnkSelectField"][disabled], a[id$="lnkSelectField"][disabled]:hover, a[id$="fvDetail_UpdateButton"][disabled], a[id$="fvDetail_UpdateButton"][disabled]:hover, a[id$="fvDetail_UpdateCancelButton"][disabled], a[id$="fvDetail_UpdateCancelButton"][disabled]:hover, .RadGrid_MyGridSkin .rgRow > td > a[disabled], .RadGrid_MyGridSkin .rgRow > td > a[disabled]:hover, .RadGrid_MyGridSkin .rgAltRow > td > a[disabled], .RadGrid_MyGridSkin .rgAltRow > td > a[disabled]:hover, .RadGrid_MyGridSkin .rgRow > td > input[type="submit"][disabled], .RadGrid_MyGridSkin .rgRow > td > input[type="submit"][disabled]:hover, .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"][disabled], .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"][disabled]:hover, .RadGrid_MyGridSkin .rgRow > td > a.aspNetDisabled, .RadGrid_MyGridSkin .rgRow > td > a.aspNetDisabled:hover, .RadGrid_MyGridSkin .rgAltRow > td > a.aspNetDisabled, .RadGrid_MyGridSkin .rgAltRow > td > a.aspNetDisabled:hover
/*button menus*/
/*.RadMenu .rmRootGroup ? */ {
    background-color: #fbfbfb;
    border-color: #e9e9e9;
    color: #2c2c2c;
    opacity: 0.8;
    cursor: default;
}
/*icon buttons*/
.fmi-action-icon[disabled], .moveLeft[disabled], .moveRight[disabled], .RadGrid .rgFilterRow .rgFilter[disabled], .fmi-action-icon[disabled]:hover, .moveLeft[disabled]:hover, .moveRight[disabled]:hover, .RadGrid .rgFilterRow .rgFilter[disabled]:hover, .ActionMoveUpDisabledButton, .ActionMoveUpDisabledButton:hover, .ActionMoveDownDisabledButton, .ActionMoveDownDisabledButton:hover, .LinkButtonDeleteDisable, .LinkButtonDeleteDisable:hover, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText.rlbDisabled, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText.rlbDisabled:hover, .ActionButton[disabled], .ActionButton[disabled]:hover {
    opacity: .5;
    border-color: #e0e0e0;
    background-color: #fafafa;
    cursor: default;
}

.rlbButton.rlbDisabled, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText.rlbDisabled:hover {
    background: #fafafa url("Images/fmi-icon-button-sprite.png") top left no-repeat;
}

/*NOTE: for disabled inputs, IE will override color value with browser-specific style*/

/*styles for Hover effect for buttons*/
input[type="submit"]:hover, input[type="button"]:hover, #ctl00_contentPlaceHolderMain_ctrlFormGrid_divCommand a:hover, a.btn:hover, div[id$="divCommand"] a:hover, a[id$="lbtnGroupAdd"]:hover, a[id$="lblSelect"]:hover, a[id$="lnkDeleteField"]:hover, #ctrlNewRoomPicker1_lnkSelect:hover, a[id$="lnkRemove"]:hover, a[id$="lnkEdit"]:hover, a[id$="btnEdit"]:hover, a[id$="btnDel"]:hover, a[id$="InsertButton"]:hover, a[id$="InsertCancelButton"]:hover, a[id$="lnkSelectField"]:hover, a[id$="fvDetail_UpdateButton"]:hover, a[id$="fvDetail_UpdateCancelButton"]:hover, input[type="submit"]:focus, input[type="button"]:focus, #ctl00_contentPlaceHolderMain_ctrlFormGrid_divCommand a:focus, a.btn:focus, div[id$="divCommand"] a:focus, a[id$="lbtnGroupAdd"]:focus, a[id$="lblSelect"]:focus, a[id$="lnkDeleteField"]:focus, #ctrlNewRoomPicker1_lnkSelect:focus, a[id$="lnkRemove"]:focus, a[id$="lnkEdit"]:focus, a[id$="btnEdit"]:focus, a[id$="btnDel"]:focus, a[id$="InsertButton"]:focus, a[id$="InsertCancelButton"]:focus, a[id$="lnkSelectField"]:focus, a[id$="fvDetail_UpdateButton"]:focus, a[id$="fvDetail_UpdateCancelButton"]:focus, .ruButton.ruButtonHover.ruBrowse, .fmi-action-icon:hover, .moveLeft:hover, .moveRight:hover, .RadGrid .rgFilterRow .rgFilter:hover, .ActionButton:hover, div.RadScheduler_Default div.rsHeader a.rsPrevDay:hover, div.RadScheduler_Default div.rsHeader a.rsNextDay:hover, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText:hover, .RadGrid_MyGridSkin .rgRow > td > a:hover, .RadGrid_MyGridSkin .rgAltRow > td > a:hover, .RadGrid_MyGridSkin .rgRow > td > input[type="submit"]:hover, .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"]:hover, .RadGrid_MyGridSkin .rgRow > td > a:focus, .RadGrid_MyGridSkin .rgAltRow > td > a:focus, .RadGrid_MyGridSkin .rgRow > td > input[type="submit"]:focus, .RadGrid_MyGridSkin .rgAltRow > td > input[type="submit"]:focus, .RadMenu:hover .rmRootGroup.rmHorizontal, .RadColorPicker:hover, .lbtSelectedUser:hover {
    background-color: #eaf6fd;
    border: 1px solid #88b1d3;
    color: #0074a6;
    color: #002d40;
    cursor: pointer;
    text-decoration: none;
}

.RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText:hover {
    background: #eaf6fd url("Images/fmi-icon-button-sprite.png") top left no-repeat;
}

/*button styles for icon buttons, section headers, drag objects*/
/*buttons that display in the floorplan viewer*/

.fmi-contents-draggable {
    cursor: move;
}

.fmi-contents-clickable {
    cursor: pointer;
}

.fmi-contents-secondary {
    color: #000;
}

/*not-hover color scheme for clickable elements that are not buttons*/
.fmi-contents-header h2 {
    background: #fdfdfd;
    border-color: #eee
}

/*hover/highlight, intense*/
.rtHover .fmi-node-actions a:hover, .fmi-contents-clickable.fmi-contents-header h2:hover {
    background-color: #eaf6fd;
    border-color: #88b1d3;
}

/*hover/hightlight subtle*/
.fmi-contents-draggable:hover {
    background: #f6fcff;
    border-color: #dceef5;
}

.fmi-contents-draggable:hover .fmi-contents-secondary {
    color: #222;
}

/*icon positioning - buttons*/
.fmi-action-icon, input[type="submit"].fmi-action-icon, input[type="button"].fmi-action-icon, input[type="submit"].PagerButton, input[type="button"].PagerButton, .PagerButton, .fmi-node-actions a, .moveLeft, .moveRight, .RadGrid .rgFilterRow .rgFilter, .ActionButton, .ActionButton.ActionDeleteButton_ColorCoding, .ActionButton.ActionEditButton, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText, div.RadScheduler_Default div.rsHeader a.rsPrevDay, div.RadScheduler_Default div.rsHeader a.rsNextDay {
    text-indent: -90000px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url("Images/fmi-icon-button-sprite.png") !important;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.RadListBox.RadListBox_Default a.rlbButton.rlbNoButtonText span {
    display: none;
}

/*These buttons should be stacked*/
.moveLeft, .moveRight, input[type="submit"].fmi-action-stacked, input[type="button"].fmi-action-stacked, .fmi-action-stacked.fmi-action-icon, .RadListBox.RadListBox_Default .rlbButton.rlbNoButtonText {
    display: block;
    margin: 0 4px 4px;
}

/*fmi-node-actions icons are slightly transparent until the user hovers over the parent div, and a background color with border only displays when hovering over the icon*/
.fmi-node-actions a, .PagerButton {
    opacity: .6;
    border: 1px solid transparent;
}

.rtHover .fmi-node-actions a, .rgPager:hover .PagerButton, .PaperCss:hover .PagerButton {
    opacity: 1;
}

/*icons*/
.fmi-action-edit, .ActionEditButton {
    background-position: -1px -1px;
}

.fmi-action-delete, .ActionDeleteButton, .LinkButtonDeleteDisable, .ActionDeleteButton_ColorCoding {
    background-position: -23px -1px;
}

.fmi-action-place {
    background-position: -45px -1px;
}

.fmi-action-search {
    background-position: -67px -1px;
}

.fmi-action-filter, .RadGrid .rgFilterRow .rgFilter {
    background-position: -89px -1px;
}

.fmi-action-color {
    background-position: -111px -1px;
}

.fmi-action-moveUp, ActionMoveUpButton, .rlbNoButtonText.rlbMoveUp, .rlbMoveUpDisabled, .ActionMoveUpDisabledButton {
    background-position: -133px -1px !important;
}

.fmi-action-moveDown, .ActionMoveDownButton, .rlbNoButtonText.rlbMoveDown, .rlbMoveDownDisabled, .ActionMoveDownDisabledButton {
    background-position: -155px -1px !important;
}

.fmi-action-moveLeft, .PrevPage, .moveLeft, div.RadScheduler_Default div.rsHeader a.rsPrevDay, .rlbButton.rlbTransferTo {
    background-position: -177px -1px !important;
}

.fmi-action-moveRight, .NextPage, .moveRight, div.RadScheduler_Default div.rsHeader a.rsNextDay, .rlbButton.rlbTransferFrom {
    background-position: -199px -1px !important;
}

.fmi-action-first, .FirstPage {
    background-position: -221px -1px;
}

.fmi-action-last, .LastPage {
    background-position: -243px -1px;
}

.fmi-action-ok, .ActionSaveButton {
    background-position: -265px -1px;
}

.fmi-action-undo, .ActionUndoButton {
    background-position: -287px -1px;
}

.fmi-action-sidebarLeft {
    background-position: -309px -1px;
}

.fmi-action-sidebarRight {
    background-position: -331px -1px;
}

.rlbButton.rlbTransferAllTo {
    background-position: -353px -1px !important;
}

.rlbButton.rlbTransferAllFrom {
    background-position: -375px -1px !important;
}

/*link with delete icon*/
.lbtSelectedUser {
    display: inline-block;
    vertical-align: top;
    padding: 1px 24px 2px 8px;
    margin: 0 1px 1px;
    line-height: normal;
    position: relative;
    border: 1px solid transparent;
}

    .lbtSelectedUser:after {
        content: "";
        background: url("Images/fmi-icon-button-sprite.png") -23px -1px no-repeat;
        width: 22px;
        height: 22px;
        display: block;
        position: absolute;
        top: -1px;
        right: 0;
        opacity: .7;
    }

/*-------------------------------------------------------------------------------*/

/*telerik overrides*/
.RadComboBox.RadComboBox_Default {
    padding: 0;
    margin-right: 1px;
    margin-bottom: 1px;
}

.RadComboBox.RadComboBox_Default:hover {
    cursor: pointer;
}

.rgPager .RadComboBox.RadComboBox_Default:hover > table {
    background-color: #eaf6fd;
    border-color: #88b1d3;
}

.rgPager .RadComboBox.RadComboBox_Default > table {
    background-color: #fafafa;
    border-color: #ccc #ccc #b6b6b6;
}

.RadComboBox.RadComboBox_Default:hover > table, .RadDropDownList.RadDropDownList_Default:hover {
    border-color: #515151;
}

.RadComboBox.RadComboBox_Default > table, .RadDropDownList.RadDropDownList_Default {
    background-color: #fff;
    display: inline-block;
    border: 1px solid #8e8e8e;
    border-width: 1px !important;
    border-style: solid;
    box-sizing: border-box;
}

.RadDropDownList.RadDropDownList_Default .rddlInner {
    background-color: transparent;
    background-image: none;
    border: none;
    color: #000;
}

.RadComboBox.RadComboBox_Default table .rcbInputCell, .RadColorPicker.RadColorPicker_Default .rcpIcon a {
    background-image: none;
}

.RadComboBox.RadComboBox_Default table .rcbArrowCell,
.RadDropDownList.RadDropDownList_Default .rddlIcon,
.RadColorPicker {
    background-image: url(images/fmi-floorplan-toolbar-icons-24.png) !important;
    background-position: right -2px !important;
    background-repeat: no-repeat;
}

.RadColorPicker em {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #aaa #888 #bbb;
}

.RadMenu .rmRootGroup > .rmItem {
    padding-right: 2px;
}

.RadMenu .rmRootGroup > .rmItem .rmRootLink {
    background: transparent url("images/fmi-floorplan-toolbar-icons-24.png") no-repeat scroll right -2px;
    padding: 1px 18px 2px 8px;
    width: auto;
}

.fmi-action-group div.RadMenu .rmRootGroup > li.rmItem {
    padding: 0;
}

.ruButton::after {
    border-width: 1px !important;
    border-style: solid !important;
}
/*for image field type*/

/*ADR*/
.fmi-dwf-hide #fmsdwf, .fmi-nav-2nd-slide #fmsdwf
.fmi-dwf-hide #ctrlDWF1_embedControlLocation, .fmi-nav-2nd-slide #ctrlDWF1_embedControlLocation {
    display: none;
}



/* View Details panel*/
.fmi-fields, .fmi-field table {
    border-spacing: 0;
}

.fmi-fields td {
    padding: 0;
}

.fmi-field-label, .fmi-field-help, .fmi-field-value, .field_label, .fmi-field-btn, .fmi-mode-edit .fmi-field.fmi-field-CONTROL > td[colspan="3"] {
    vertical-align: top !important;
    padding: 5px !important;
}

.fmi-mode-edit .fmi-field-childview td[colspan="3"], .fmi-mode-edit .fmi-field td[colspan="3"] {
    padding: 5px 15px !important;
}

.fmi-mode-edit .fmi-field.fmi-field-CONTROL > td[colspan="3"] .fmi-field-label {
    padding-left: 0 !important;
}
/*padding in front of field label of extensibility control*/
.fmi-mode-edit tr.fmi-field .fmi-field-label {
    padding-top: 8px !important;
}

.field_label > div, .fmi-view-child {
    padding: 0 10px !important;
}

.fmi-field-childview .field_label > div {
    padding: 0 !important;
}
/*applies left/right padding to child view and display expression in view mode*/
.fmi-field-label {
    width: 175px !important;
}
/*defines width of field labels*/
.fmi-mode-view .fmi-field-label {
    color: #666;
}

.fmi-mode-view .fmi-field-FLOORCODE .fmi-field-value input, .fmi-mode-view .fmi-field-RMID .fmi-field-value input {
    margin-top: -2px;
}

.fmi-mode-edit .fmi-field.fmi-field-CONTROL > td[colspan="3"] span[id$="lblMessage"] {
    padding-left: 10px;
}

.fmi-viewdetails-header, .fmi-view-details .fmi-dialog-header {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 5px;
    margin-bottom: 4px;
    width: 100%;
}

.fmi-header, .fmi-viewdetails-header, .field_label .fmi-dialog-header, .fmi-page-header {
    font-weight: bold;
}

/*checkboxes in view mode*/
.fmi-mode-view .fmi-fieldtype-logical input[type="checkbox"] {
    margin: 0;
}


/*the following styles are important for displaying the required field asterisk*/
.fmi-field .fmi-field-label label, .fmi-field .fmi-field-label span {
    padding-left: 10px;
    display: block;
}

.fmi-field .fmi-field-label .value_rqd, .value_rqd {
    color: #f00;
    padding-left: 10px;
    background: url(images/Required.png) -4px -2px no-repeat;
}

.fmi-edit-form-footnote {
    padding: 15px 8px 15px 5px !important;
}

div#ctl00_contentPlaceHolderMain_ctrlFormAddScript1_ctrlFormAdd1_divValidate {
    margin-top: 15px;
    margin-bottom: 5px;
}

/*CSS for Select popup dialogs*/
div[id^="itemPicker"] table#tbl > tbody > tr > td {
    padding: 1px 0;
}

.fmi-mode-view .fmi-field-help .imgHelp, .fmi-mode-view .fmi-fieldtype-logical input {
    margin-top: 0;
    margin-left: 0;
}

.fmi-mode-edit .fmi-field-help .imgHelp, .fmi-mode-edit .fmi-fieldtype-logical input {
    margin-top: 0.3em;
}

/*/* Help text image */
img[src$="question.gif"], .imgHelp, .TooltipButton, .ActionTooltipButton {
    display: inline-block;
    margin: 0 0 0.2em;
    border: 1px solid #90c9e1;
    height: 12px !important;
    width: 12px !important;
    background: url(images/fmi-floorplan-toolbar-icons-24.png) -6px -1106px no-repeat #f6fcff;
    position: relative;
}

img[src$="question.gif"]:hover, .imgHelp:hover, .imgHelp:focus, .TooltipButton:hover, .ActionTooltipButton:hover {
    background-color: #d6edfb;
    border-color: #88B1D3;
}

.imgHelp {
    margin: 0;
}

.imgHelp span {
    position: absolute;
    top: -60000px;
    background: #f6fcff;
    border: 1px solid #90c9e1;
    margin: 6px 0 0 -1px;
    padding: 4px;
    width: 300px;
    left: 0;
    z-index: 100;
}

.imgHelp:focus span {
    top: 100%;
}


/*/* success icon image */
img[src$="success.png"], .imgSuccess {
    display: inline-block;
    margin: 0 0 0.2em;
    border: 0;
    height: 14px !important;
    width: 14px !important;
    background: url(images/success.png) no-repeat;
    position: relative;
}

img[src$="success.png"]:hover, .imgSuccess:hover, .imgSuccess:focus, .TooltipButton:hover {
    background-color: #d6edfb;
    border-color: #88B1D3;
}

.imgSuccess {
    margin: 0;
}

.imgSuccess span {
    position: absolute;
    top: -60000px;
    background: #f6fcff;
    border: 1px solid #90c9e1;
    margin: 6px 0 0 -1px;
    padding: 4px;
    width: 300px;
    left: 0;
    z-index: 100;
}

.imgSuccess:focus span {
    top: 100%;
}


/*/* fail icon image */
img[src$="icon_fail.gif"], .imgFail {
    display: inline-block;
    margin: 0 0 0.2em;
    border: 0;
    height: 14px !important;
    width: 14px !important;
    background: url(images/icon_fail.gif) no-repeat;
    position: relative;
}

img[src$="icon_fail.gif"]:hover, .imgFail:hover, .imgFail:focus {
    background-color: #d6edfb;
    border-color: #88B1D3;
}

.imgFail {
    margin: 0;
}

.imgFail span {
    position: absolute;
    top: -60000px;
    background: #f6fcff;
    border: 1px solid #90c9e1;
    margin: 6px 0 0 -1px;
    padding: 4px;
    width: 300px;
    left: 0;
    z-index: 100;
}

.imgFail:focus span {
    top: 100%;
}



/* CSS for updated child view -- JNG-TFS#8197 */

.minigridtable, #tblFlipSwitch {
    border: 1px solid #ccc;
    border-spacing: 0;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
}

table.fmi_edit_form .minigridtable td,
table.minigridtable tr td,
table.minigridtable tr.minigridTH th,
#tblFlipSwitch td {
    border-top: 1px solid #ccc;
    font-weight: normal;
    padding: 3px 15px 3px 3px;
    vertical-align: top;
    background: #fafafa;
}

table.minigridtable tr:first-child, table.minigridtable tr:first-child td, table.minigridtable tr.minigridTH th, #tblFlipSwitch #trHeader, #tblFlipSwitch #trHeader td {
    background: transparent;
}

table.minigridtable tr:first-child td, table.minigridtable tr.minigridTH th, #tblFlipSwitch #trHeader td {
    border-top: none;
}

.minigridtable td a.btn {
    margin: 0;
    padding: 2px 5px;
}

.minigridtable td a {
    color: #000;
    padding: 3px 0;
    display: inline-block;
}

.minigridtable td a[target="_blank"] {
    color: #0057AD;
}

.minigridtable tr:hover td, #tblFlipSwitch .FlipSwitchAnswers:hover td {
    background: #eee;
}

.viewmini {
    padding: 0 5px 5px 0;
    margin: 0;
    border: none;
    background: #fff;
    clear: both;
}

.viewmini legend, span.legendmini, .fmi-header {
    line-height: 1em;
    font-weight: bold;
    padding: 5px 0;
}
/*span.legendmini is for cases where the child view header is not part of the fieldset legend, e.g. Survey Items; in this case, the following style removes the padding from the empty <legend> element */
.viewmini .legendmini-none {
    padding: 0;
}

.view-title {
    display: inline-block;
    font-weight: bold;
    line-height: 1em;
    margin: 5px 0;
    white-space: nowrap;
    margin-left: 5px;
}

/*CSS for child view in Employee Update View*/
.fmi-view-details fieldset[id$="fldRoomSelect"] {
    padding: 0 5px 5px 0;
    margin: 5px 0 0 15px;
    border: none;
    background: #fff;
}

.fmi-view-details fieldset[id$="fldRoomSelect"] > table {
    border-spacing: 0;
}

.fmi-view-details fieldset[id$="fldRoomSelect"] legend {
    line-height: 1em;
    font-weight: bold;
    padding: 5px 0;
}
/*CSS for child view in Room Updates*/
.fmi-view-details fieldset[id$="fldEmployeeSelect"] {
    padding: 0 5px 5px 0;
    margin: 5px 0 0;
    border: none;
    background: #fff;
}

.fmi-view-details fieldset[id$="fldEmployeeSelect"] legend {
    line-height: 1em;
    font-weight: bold;
    padding: 5px 0;
}

.fmi-view-details fieldset[id$="fldEmployeeSelect"] > table {
    border-spacing: 0;
}
/*CSS for grid in child views in Employee Update View and Room Updates*/
.fmi-view-details table[id$="grdFields"] tr td, .fmi-view-details table[id$="grdFields"] tr th {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    font-weight: normal;
    padding: 3px 15px 3px 3px;
    vertical-align: top;
    text-align: left;
    background: #fafafa;
}

.fmi-view-details fieldset table[id$="grdFields"] tr:first-child {
    background-color: transparent !important;
}

.fmi-view-details fieldset table[id$="grdFields"] tr th {
    background: transparent !important;
    border-top: none;
}

.fmi-view-details fieldset table[id$="grdFields"] {
    border: 1px solid #ccc !important;
    border-spacing: 0;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
}

.fmi-view-details fieldset table[id$="grdFields"] tr td a, .fmi-view-details fieldset table[id$="grdFields"] tr td span {
    display: inline-block;
    padding: 3px 0;
}

.fmi-view-details fieldset table[id$="grdFields"] tr td a[id$="lnkDeleteField"] {
    margin: 0;
    padding: 2px 5px;
}

.fmi-view-details fieldset table[id$="grdFields"] tr.rowStyle td {
    background-color: #f0f0f0;
    cursor: default !important;
}

.fmi-view-details fieldset table[id$="grdFields"] tr.rowStyle td span:hover {
    text-decoration: underline;
    cursor: pointer !important;
}
/*CSS for child views in Email Events*/
.fmi-view-details table[id$="grdMessage"] tr td, .fmi-view-details table[id$="grdMessage"] tr th {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    padding: 6px 10px 6px 3px;
    vertical-align: top;
    text-align: left;
    background: #fcfcfc;
}

.fmi-view-details table[id$="grdMessage"] tr[style*="bold"] td {
    background: #cce3ff;
}

.fmi-view-details table[id$="grdMessage"] tr:first-child {
    background-color: transparent !important;
}

.fmi-view-details table[id$="grdMessage"] tr th {
    background: transparent !important;
    border-top: none;
}

.fmi-view-details table[id$="grdMessage"] {
    border: 1px solid #ccc !important;
    border-spacing: 0;
    border-collapse: collapse;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
}

.fmi-view-details table[id$="grdMessage"] tr td a, .fmi-view-details fieldset table[id$="grdMessage"] tr td span {
    display: inline-block;
    padding: 3px 0;
}

.fmi-view-details table[id$="grdMessage"] tr td a[id$="lnkRemove"], .fmi-view-details table[id$="grdMessage"] tr td a[id$="lnkEdit"] {
    margin: -3px 0;
    padding: 2px 5px;
}

.fmi-view-details table[id$="grdMessage"] tr:hover td {
    background: #f0f0f0;
    cursor: pointer;
}

.fmi-view-details table[id$="grdSubscribers"] tr td, .fmi-view-details table[id$="grdSubscribers"] tr th {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    font-weight: normal;
    padding: 6px 10px 6px 3px;
    vertical-align: top;
    text-align: left;
    background: #fcfcfc;
}

.fmi-view-details table[id$="grdSubscribers"] tr:first-child {
    background-color: transparent !important;
}

.fmi-view-details table[id$="grdSubscribers"] tr th {
    background: transparent !important;
    border-top: none;
}

.fmi-view-details table[id$="grdSubscribers"] {
    border: 1px solid #ccc !important;
    border-spacing: 0;
    border-collapse: collapse;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
}

.fmi-view-details table[id$="grdSubscribers"] tr td a, .fmi-view-details fieldset table[id$="grdSubscribers"] tr td span {
    display: inline-block;
    padding: 3px 0;
}

.fmi-view-details table[id$="grdSubscribers"] tr td a[id$="lnkRemove"], .fmi-view-details table[id$="grdSubscribers"] tr td a[id$="lnkEdit"] {
    margin: -3px 0;
    padding: 2px 5px;
}

.fmi-view-details table[id$="grdSubscribers"] tr:hover td {
    background: #f0f0f0;
}
/*CSS for individual record of the Employee Update > Rooms or Room Updates > Room Occupants child view*/
form[action^="EmployeeInfor"] br, form[action^="RoomInfor"] br {
    display: none;
}

form[action^="EmployeeInfor"] center, form[action^="RoomInfor"] center {
    text-align: left !important;
}

form[action^="EmployeeInfor"] center > table, form[action^="RoomInfor"] center > table {
    width: 100%;
}

form[action^="EmployeeInfor"] table td, form[action^="RoomInfor"] table td {
    border: none !important;
    text-align: left !important;
}


form[action^="EmployeeInfor"] table table, form[action^="RoomInfor"] table table {
    /*border:1px solid #ccc !important;*/
    padding-left: 10px;
    margin-left: 10px;
}

form[action^="EmployeeInfor"] table table td, form[action^="RoomInfor"] table table td {
    padding-bottom: 5px;
}

form[action^="EmployeeInfor"] h3, form[action^="RoomInfor"] h3 {
    font-size: 1em;
    margin: 2px 0 5px;
}

form[action^="EmployeeInfor"] input[type="submit"], form[action^="RoomInfor"] input[type="submit"] {
    width: auto !important;
    margin-top: 5px;
}

/*when a row of actions would display for a child view*/
.fmi-view-child .fmi-action-group, .fmi-dialog .fmi-action-group {
    padding: 5px 0;
}

.fmi-view-details {
    overflow: auto !important;
}

.fmi-view-details .fmi-action-group .RadMenu {
    padding-bottom: 5px;
    border: none;
    background: none;
    z-index: 1 !important;
}

.MenuPanel {
    vertical-align: top;
}

/*CHECK*/
div[id$="divCommand"] a[disabled]:hover {
    color: Grey;
    text-decoration: none;
}


/* styles for Buttons */
input::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}
/*removes extra space inside buttons for firefox*/

/*CHECK*/
.tdCommandButtons {
    background: #f4f4f4;
}
/*CHECK*/
.commandButtons {
    width: 100%;
    height: 60px;
    margin-top: 1px;
    border-top: 1px solid #999;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #999;
}

.commandButtons td {
    vertical-align: top;
    padding: 2px 0;
}
/*CHECK*/
div#ctl00_contentPlaceHolderMain_ctrlScenarioPlanning1_pnlCommand > table td {
    vertical-align: top;
    padding: 0;
}


table#tbl_formCommands td#td_formCommands input[type="submit"], table#tbl_formCommands td#td_formCommands input.btn, .commandButtons input[type="submit"] {
    height: auto !important;
}
/* removes inline style defined for height for buttons above view grid */


/*the following fixes the positioning of buttons that display at the bottom of views*/
div[id$="divCommand"] table table td {
    padding: 3px;
}


/* info view */
.info {
    font-size: 10px;
    font-family: 'Lato', Arial, Verdana, Helvetica;
}

/* search result list */
.search a {
    color: Black;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

.search a:link {
    color: Black;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

.searchBody {
    border-bottom: #cccccc 1px solid;
}

.searchHeader {
    font-weight: bold;
}

.searchHeader a {
    font-weight: bold;
}

.searchHeader a:link {
    font-weight: bold;
}

.search tr {
    cursor: hand;
    border-bottom: #cccccc 1px solid;
}

.searchTitle span {
    nowrap: nowrap;
    font-size: 1.15em;
    font-weight: bold;
}

/*div.RadMenu .rmItem .rmLink .rmLeftImage, div.RadMenu .rmItem .rmLink, div.RadMenu .rmLink .rmText
{
    cursor: pointer;
}

.RadMenu .rmRootGroup
{
    cursor: pointer;
}
    */

.ModifyView_file_code {
    width: 300px;
}

.ModifyView_VIEW {
    width: 20px;
}

.ModifyView_field_name {
    width: 100px;
}

.ModifyView_field_labl {
    width: 150px;
}

.ModifyView_field_type {
    width: 150px;
}

.popupWindow {
    position: absolute;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    width: 400px;
    background-color: #eeeeee;
    display: none;
}

.webWindow {
    width: 400px;
    border: solid 1px black;
    background-color: #eeeeee;
    right: 457px;
    top: 227px;
}

.webWindowBody {
    padding: 10px;
}

.webWindowTitleBar {
    height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    background-color: #154c75;
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    color: White;
}

.webWindowTitleText {
    float: left;
}

.webWindowClose {
    margin-right: 2px;
    padding: 0 5px 0 5px;
    font-weight: bold;
    cursor: pointer;
}

magicFrame {
    background-color: Transparent;
    margin: 0;
    border: 0;
}



div.scroll {
    overflow: auto;
    position: relative;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalUpdateProgress {
    background-color: Gray;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.modalPopup {
    background-color: #fbfbfb;
    border-width: 3px;
    border-style: solid;
    border-color: #cccccc;
    padding: 3px;
    width: 250px;
}

.progress {
    position: absolute;
    left: 50%;
    top: 50%;
}

/* calendar configuration tool */
.headerviewlabl {
    font-size: 12px;
    font-family: Arial;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.columnname {
    font-size: 12px;
    font-family: Arial;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.columnname:hover {
    color: #FF0000;
}

.btn {
    background-color: #EEEEEE;
}

.gridrowselected {
    background-color: #cce3ff; /*color: #FFFFFF;*/
}
/*updated jng*/
.selectedteal {
    background-color: Teal;
    color: #FFFFFF;
}

.hoverEffect {
    background-color: #eee;
}
/*updated jng*/

.gridrow {
    border: 1px dashed #cccccc;
    border-collapse: collapse;
}



.bgodd {
    background-color: #cccccc;
}

.bgeven {
}

a.visibleTab {
    color: Red;
    text-decoration: underline;
}

a.invisibleTabck {
}

/* ---------------- gvSecurable ------------------------------ */
.gvSecurableStyle {
    padding: 4px;
    width: 100%;
    color: #333333;
    background-color: #5D7B9D;
}

.gvSecurableHeaderStyle a {
    font-size: small;
    font-weight: bold;
    color: White;
    height: 27px;
}

.gvSecurableHeaderStyle a:link {
    color: white;
}

.gvSecurableHeaderStyle a.active {
    font-size: small;
    font-weight: bold;
    text-align: left;
    height: 27px;
}

.gvSecurableHeaderStyle a:hover {
    color: red;
}

.gvSecurableFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.gvSecurableRowStyle {
    background-color: #F7F6F3;
    color: #333333;
    font-size: small;
    height: 27px;
}

.gvSecurableAlternatingRowStyle {
    background-color: White;
    color: #284775;
    font-size: small;
    height: 27px;
}

.gvSecurableSelectedRowStyle {
    background-color: #E2DED6;
    font-weight: bold;
    font-size: small;
    color: #333333;
    height: 27px;
}

.gvSecurablePagerStyle {
    background-color: White;
    color: Black;
    font-size: small;
    text-align: center;
}

.tab-box {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    white-space: nowrap;
}

.tab-box a {
    border: 1px solid #DDD;
    color: #666666;
    padding: 5px 15px;
    text-decoration: none;
    background-color: #eee;
}

.tab-box a.activeLink {
    background-color: #fff;
    border-bottom: 0;
    padding: 6px 15px;
}

.tabcontent {
    border: 1px solid #ddd;
    border-top: 0;
}

.hide {
    display: none;
}

#MySplitter {
    width: 100%; /* No padding allowed */
}

#TopPane {
    border: 1px solid #d6d6d6; /*added -jng*/
    overflow: hidden; /* auto; /* Initial/min/max height for this pane */ /* No margin or border allowed */ /* changed overflow from auto to hidden, to keep the scrollbar from displaying - jng*/
}
/*
 * Bottom element of the splitter; the plugin changes the top
 * position and height of this element dynamically.
 */
#BottomPane {
    overflow: auto; /* No margin or border allowed */
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #999; /*included border -jng*/
}

#divContent {
    border-bottom: 1px solid #999;
}


div[id$="_pnlCommand"] > table {
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    background: #f4f4f4;
    /*padding-bottom: 30px; this affects the layout of the form submit buttons in the details panel*/
    border-top: 1px solid #999;
    margin-top: 1px;
}

div[id$="_pnlCommand"] > table table td {
    padding: 3px 0;
    padding: 0; /*check views related to this*/
}


/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
/* updated styles for .hsplitbar - jng */
#MySplitter .hsplitbar {
    height: 5px;
    background: #f7f7f7 url(images/hgrabber.gif) no-repeat center 2px; /* No margin, border, or padding allowed */
    border: 1px solid #ccc;
    border-bottom: 1px solid #999;
}

#MySplitter .hsplitbar.active, #MySplitter .hsplitbar:hover {
    background: #e7e7e7 url(images/hgrabber.gif) no-repeat center 2px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #777;
}

/* ---------------- gvRole ------------------------------ */
.gvRoleStyle {
    padding: 4px;
    width: auto;
    color: #333333;
    background-color: #5D7B9D;
}

.gvRoleHeaderStyle a {
    font-size: small;
    font-weight: bold;
    color: White;
    height: 27px;
}

.gvRoleHeaderStyle a:link {
    color: white;
}

.gvRoleHeaderStyle a.active {
    font-size: small;
    font-weight: bold;
    text-align: left;
    height: 27px;
}

.gvRoleHeaderStyle a:hover {
    color: red;
}

/*page framework*/
#divMain table#tblContent > tbody > tr > td {
    height: 100%;
    width: 100%;
}

div#rightmenu1 {
    width: 100% !important;
    position: relative;
}

td#leftmenu1, div#divLeftMenu {
    min-width: 140px;
}

div#divMain td#tdcontent table#tblContent {
    height: 100%;
}

.contentPlaceHolderMain {
    padding: 5px 0px 0px 5px;
    overflow: hidden;
}

.inlineMessage_display {
    color: red;
}

a.disabledLinkButton {
    color: gray;
}
/*page framework scrolling - the styles below determine whether scrolling is enabled for the entire container (e.g. for pages that do not display a view grid), or disabled so that only specific child containers display scrollbars (e.g. for pages that display a view grid*/
/*For a page without any ids or classes to specify otherwise, scrolling is enabled. (for future refactoring, default this rule to overflow:hidden, and include class .contentPlaceHolderMain for pages that require otherwise)*/
div#rightmenu1 > div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*the following class is used for some pages that require the ability to scroll these contents*/
div#rightmenu1 > div > div.contentPlaceHolderMain {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 5px;
    width: auto !important;
    background: #fff;
}
/*the following id is used for some views, where scrolling should only be enabled in specific areas of the page*/
div#rightmenu1 > div > div[id$="contentPlaceHolderMain_detailView_mainPanel"], div#rightmenu1 > div > div[id$="contentPlaceHolderMain_divContent"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

div[id$="ctl00_contentPlaceHolderMain_detailView_divContent"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

/*page framework scrolling - the remaining rules target specific view grid pages that are not captured by the rules above*/
/*System Admin - Manage Extensibility Items*/
form[action^="ManagingExtensibility"] div#ctl00_contentPlaceHolderMain_divContent, form[action^="ManagingExtensibility"] div#ctl00_contentPlaceHolderMain_ctrlFormGridManageExtensibility1_mainPanel, div#ctl00_contentPlaceHolderMain_ctrlTimezoneManagement_mainPanel, div#ctl00_contentPlaceHolderMain_ctrlEditCurrencyType_mainPanel, div#ctl00_contentPlaceHolderMain_ctrlSpatialHierarchy_Grid_mainPanel, div#ctl00_contentPlaceHolderMain_silverlightControlHost, div#ctl00_contentPlaceHolderMain_frmAdd_mainPanel, form[action^="FormAdd"] div#rightmenu1 > div#ctl00_pnlContent, form[action^="MoveStatusCheck"] div#rightmenu1 > div#ctl00_pnlContent, form[action^="ServiceStatusCheck"] div#rightmenu1 > div#ctl00_pnlContent, div#ctl00_contentPlaceHolderMain_EPABA_Panel1, div#ctl00_contentPlaceHolderMain_epaBuilding_Panel1, div#ctl00_contentPlaceHolderMain_EPATransaction_Panel1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden !important;
    height: auto !important;
}

/*All Documents page*/
form[action^="FMdocsall"] div#rightmenu1 > div > div[id$="contentPlaceHolderMain_divContent"] {
    overflow: auto;
    padding: 5px;
}

/*targeting the Scenario Planning view, which uses the following class*/
div#rightmenu1 > div > div.fmi-view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

/*targeting User Password Reset view*/
[action="AdminUserPassword.aspx"] div#rightmenu1 > div > div.contentPlaceHolderMain {
    padding: 0;
    overflow: hidden;
}

[action="AdminUserPassword.aspx"] div#rightmenu1 > div > div.contentPlaceHolderMain #divCommand table {
    position: relative;
    z-index: 9;
    top: -5px;
}

/*targeting Move and Service Status Check views, to address issue color code legend displaying as top layer*/
div#rightmenu1 > div#ctl00_pnlContent {
    z-index: 1;
}

/*targeting custom search page (Search72.aspx)*/
body.fmi-search-custom table#tblContent {
    table-layout: fixed;
}

body.fmi-search-custom #divMain table#tblContent > tbody > tr > td:last-child {
    width: 75%;
}

/*targeting Manage Dashboard pages*/
div#ctl00_contentPlaceHolderMain_silverlightControlHost > object#silverObject {
    height: 100% !important;
}

.headerBar {
    white-space: nowrap;
    vertical-align: middle;
}

.headerBar-right {
    text-align: right;
}

/*updates for specific views*/
/*Report Management*/
div#ctl00_contentPlaceHolderMain_ctrlReportList_upnlReportHeader {
    position: relative;
}

div#ctl00_contentPlaceHolderMain_ctrlReportList_upnlReportHeader a#ctl00_contentPlaceHolderMain_ctrlReportList_lbtSelectedUser {
    line-height: 1.4em;
    padding: 3px 16px 0 5px;
    position: relative;
    background-image: url(Images/icons_delete.png);
    background-position: right center;
    background-size: 12px;
    background-repeat: no-repeat;
}

.promote-dialog-header {
    position: relative;
    z-index: 999999;
}

.promote-dialog-contents {
    overflow-x: hidden !important;
}

.report-command-button {
    background-color: #f4f4f4;
    border-top: 1px solid #999;
    min-height: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 8px 0 8px;
}

.report-command-button > button {
    margin: 0 8px;
}

.report-form-button > a {
    float: left;
}

.invalid-report-code {
    border-color: #f00 !important;
}

input.invalid-report-code, input.validate-empty {
    border-color: #f00 !important;
}

span.invalid-report-code, span.validate-empty {
    color: #f00;
}

.promote-grid {
    position: absolute;
    bottom: 40px;
    top: 0;
    overflow-y: auto;
}

.promote-grid table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}

.promote-grid thead tr {
    background-color: #eee;
    border-bottom: 1px solid #eee;
}

.promote-grid tbody tr {
    vertical-align: top;
}

.promote-grid th, .promote-grid td {
    text-align: left;
    border-collapse: collapse;
    padding: 4px;
}

.promote-grid th:not(:last-child), .promote-grid td:not(:last-child) {
    border-right: 1px solid #ccc;
}

.duplicate-report-code-message {
    background-color: #fff;
    color: #f00;
}

.promote-message {
    border-top: 1px solid #ccc;
    padding: 2px;
    position: absolute;
    line-height: 16px;
    bottom: 24px;
    width: 100%;
}

.linked-message {
    border-top: 1px solid #ccc;
    padding: 2px;
    position: absolute;
    line-height: 16px;
    bottom: 2px;
    width: 100%;
}

.my-schedule-ddlReport-group {
    font-weight: bold;
}

.my-schedule-ddlReport-item {
    text-indent: 8px;
}

div#ctl00_contentPlaceHolderMain_ctrlServiceStatusCheck1_uppnlFormHeader,
div#ctl00_contentPlaceHolderMain_ctrlMoveStatusCheck1_UpdatePanel2 {
    background: #F4F4F4;
}

div#ctl00_contentPlaceHolderMain_ctrlServiceStatusCheck1_uppnlFormHeader > table,
div#ctl00_contentPlaceHolderMain_ctrlMoveStatusCheck1_UpdatePanel2 > table {
    width: 99% !important;
}

div#ctl00_contentPlaceHolderMain_ctrlServiceStatusCheck1_uppnlFormHeader > table > tbody > tr > td,
div#ctl00_contentPlaceHolderMain_ctrlMoveStatusCheck1_UpdatePanel2 > table > tbody > tr > td {
    vertical-align: bottom;
}




.modalPopup_Title {
    /*cursor: move;
    background-color: #DDDDDD;
    border: solid 1px Gray;
    color: Black;
    text-align: center;*/
    border: 1px solid #dddddd;
    border-bottom-color: #cccccc;
    cursor: default;
    font-weight: bold;
    margin: -5px -5px 5px;
    padding: 5px 10px;
    text-align: left;
    background-color: #f5f5f5;
}

/*spatial hierarchy - room selection */
#upnlListSpatial > table {
    width: 100%;
}

#upnlListSpatial > table td {
    text-align: left !important;
}

#upnlListSpatial div[id$="divSpatial"] {
    margin-right: 10px;
    margin-bottom: 5px;
    height: auto !important;
    float: none !important;
}

#upnlListSpatial div[id$="divSpatial"] a.btn {
    margin-bottom: 0;
}

#upnlListSpatial div[id$="divSpatial"] span[id$="spanSpace"] {
    display: none;
}
/*#upnlListSpatial div[id$="divSpatial"] span[id$="lblDescription"] { display:block; } this will move the labels to be above the fields*/
#upnlListSpatial > table td span[id$="lblSelect"] {
    font-weight: bold;
}

/*Date selection popup / Calendar control */
input.focusNone {
    color: #333 !important;
}

input.focusNone[style*="gray"] {
    background: #ddd !important;
}

input.focusDay {
    font-weight: bold;
    color: #000 !important;
    border: 1px solid #000;
}

/* Scenario Planning */
a.ActionButtonBuiding /*replace the html for this, and remove from skin, also remove the image from the Scenarios tab*/ {
    padding: 0px;
    margin-right: 3px;
    cursor: pointer;
    border: 0px;
    vertical-align: middle;
    display: inline-block;
}

/*a.ActionButton
{padding: 0px;margin-right: 3px;cursor: pointer;border: 0px;width: 22px;height: 22px;vertical-align: middle;display: inline-block;}

.ActionDeleteButton
{background: url(Images/icons_delete.gif) no-repeat scroll center !important; border: none;}

    .ActionDeleteButton:hover
    {background: url(Images/icons_delete_hover.gif) no-repeat scroll center !important; border: none;}

a.ActionEditButton
{background: url(Images/icons_edit.gif) no-repeat scroll center !important; border: none;}

    a.ActionEditButton:hover
    {background: url(Images/icons_edit_hover.gif) no-repeat scroll center !important; border: none;}

a.ActionSaveButton
{background: url(Images/OK.gif) no-repeat scroll center !important; border: none;}

    a.ActionSaveButton:hover
    {background: url(Images/OK-hover.gif) no-repeat scroll center !important; border: none;}

a.ActionMoveUpButton
{background: url(Images/arrow_up.gif) no-repeat scroll center !important; border: none;}

    a.ActionMoveUpButton:hover
    {background: url(Images/arrow_up_hover.gif) no-repeat scroll center !important; border: none;}

a.ActionMoveUpDisabledButton
{background: url(Images/MoveUp-disabled.gif) no-repeat scroll center !important; border: none;}

a.ActionMoveDownButton
{background: url(Images/arrow_down.gif) no-repeat scroll center !important; border: none;}

    a.ActionMoveDownButton:hover
    {background: url(Images/arrow_down_hover.gif) no-repeat scroll center !important; border: none;}

a.ActionMoveDownDisabledButton
{background: url(Images/MoveDown-disabled.gif) no-repeat scroll center !important; border: none;}

a.ActionUndoButton
{background: url(Images/Undo.gif) no-repeat scroll center !important; border: none;}

    a.ActionUndoButton:hover
    {background: url(Images/Undo-hover.gif) no-repeat scroll center !important; border: none;}

a.TooltipButton { padding: 0px; cursor: pointer; border: 0px; width: 16px; height: 16px; vertical-align: middle; display: inline-block; }

a.ActionTooltipButton {background: url(Images/question_scena.gif) no-repeat scroll center !important; border: none;}

    a.ActionTooltipButton:hover
    {background: url(Images/question_scena_hover.gif) no-repeat scroll center !important; border: none;}*/

.TreeNodeCollapseButton, .TreeNodeExpandButton {
    padding: 0px;
    cursor: pointer;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('MyTreeViewSkin/TreeView/PlusMinus.png');
    background-repeat: no-repeat;
}

.ActionTreeNodeCollapseButton {
    background-position: 0 -11px;
}

.ActionTreeNodeCollapseButton:hover {
    background-position: 0 -33px;
}

.ActionTreeNodeExpandButton {
    background-position: 0 0;
}

.ActionTreeNodeExpandButton:hover {
    background-position: 0 -22px;
}


.description-color {
    color: #666;
}

.description-nocheckbox {
    margin-left: 23px;
}

.text-building-floor-new-color {
    color: #FF0000;
}

.text-building-floor-new-label {
    color: #FF0000;
    font-style: italic;
}


/*general styles that can be merged with other general styles*/

.sp-info-col {
    width: 50%;
    vertical-align: top;
}

.sp-info-section {
    margin: 0 5px 30px 10px;
}

.sp-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tdTop {
    padding: 4px 5px 0;
}

.sp-childgrid-wBtns .tdTop, .sp-childgrid-supth {
    padding: 8px 5px 0;
    vertical-align: top;
}

.tdBottom, .thBottom {
    padding: 0 5px 4px;
}

.sp-childgrid-wBtns .td-col-actions {
    white-space: nowrap;
    text-align: right;
    padding: 4px 3px 4px 2px !important;
    width: 1%;
}

.sp-childgrid-wBtns.sp-child-grid-grouped .td-col-actions {
    padding-bottom: 0;
}

.sp-childgrid-wBtns .sp-childgrid-td {
    padding: 8px 5px 4px;
}

.td-col-actions .btn {
    margin: 0;
}

.sp-child-grid-grouped .th-col-first {
    width: 1%;
}

.td-col-wide {
    width: 45%;
}

.fmi-header-help {
    float: right;
}

.sp-childgrid-th, .sp-childgrid-td, .sp-childgrid-subtd {
    vertical-align: top;
    text-align: left;
}

.sp-childgrid-right {
    text-align: right;
    padding-right: 10px;
}

.sp-childgrid-th {
    color: #666;
    padding: 2px 5px;
    font-weight: normal;
}

.sp-childgrid-td {
    padding: 4px 5px;
}

.sp-childgrid-subtd {
    padding: 0 5px;
}

.sp-childgrid-subtd-last {
    padding-bottom: 8px;
}

.sp-childgrid-th, .sp-childgrid-td, .tdBottom, .thBottom {
    border-bottom: 1px solid #eee;
}

.sp-childgrid-vertical .sp-childgrid-th, .sp-childgrid-vertical .sp-childgrid-td, .sp-child-grid-grouped {
    border: none;
    border-top: 1px solid #eee;
}

.sp-child-grid-grouped .sp-childgrid-supth {
    border-top: 1px solid #eee;
}

.sp-child-grid-grouped .sp-childgrid-supth.thBottom {
    border-top: none;
}

.sp-childgrid-vertical {
    border-bottom: 1px solid #eee;
}

.sp-childgrid-supth.th-col-first {
    border-left: 1px solid #eee;
}

.sp-childgrid-supth.th-col-last {
    border-right: 1px solid #eee;
}

.sp-childgrid-supth {
    background: #fafafa;
    color: #000;
}

.table-col-icon {
    width: 1%;
}

.sp-inline-error {
    display: block;
    margin: 5px 0;
    color: #f00;
}

.sp-li-checkbox {
    margin: 2px 0;
}

.sp-dialog-header {
    margin: 5px 5px 15px;
}

.table-col-actionmenu .actionmenu {
    background: url(images/actionbtn-off.png) no-repeat center center;
    height: 12px;
    width: 12px;
    margin-top: 1px;
    padding: 5px;
}

.table-col-actionmenu .actionmenu:hover {
    background: url(images/actionbtn-on.png) no-repeat center center;
}

/*replacing Delete links with buttons
a[id*="lnkDeleteGroup"][disabled], a[id*="lnkDeleteGroup"][disabled]:hover,
a[id*="lnkDeleteRequirements"][disabled], a[id*="lnkDeleteRequirements"][disabled]:hover,
a[id*="lnkDeleteNone"][disabled], a[id*="lnkDeleteNone"][disabled]:hover,
a[id*="lnkDeleteBuilding"][disabled], a[id*="lnkDeleteBuilding"][disabled]:hover,
a[id*="lnkDeleteFloor"][disabled], a[id*="lnkDeleteFloor"][disabled]:hover,
a[id*="lnkDeleteContact"][disabled], a[id*="lnkDeleteContact"][disabled]:hover,
a[id*="lnkDeleteDocument"][disabled], a[id*="lnkDeleteDocument"][disabled]:hover,
a[id*="lnkDeleteImportantDates"][disabled], a[id*="lnkDeleteImportantDates"][disabled]:hover,
a[id*="lnkDeleteNote"][disabled], a[id*="lnkDeleteNote"][disabled]:hover,
a[id*="lnkDeleteSite"][disabled], a[id*="lnkDeleteSite"][disabled]:hover,
a[id*="lnkDeleteSecurity"][disabled], a[id*="lnkDeleteSecurity"][disabled]:hover
{
    background: url("Images/icons_delete.gif");
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
}

/*replacing Edit links with buttons
a[id*="lnkEditGroup"][disabled], a[id*="lnkEditGroup"][disabled]:hover,
a[id*="lnkEditRequirements"][disabled], a[id*="lnkEditRequirements"][disabled]:hover,
a[id*="lnkEditNone"][disabled], a[id*="lnkEditNone"][disabled]:hover,
a[id*="lnkEditBuilding"][disabled], a[id*="lnkEditBuilding"][disabled]:hover,
a[id*="lnkEditFloor"][disabled], a[id*="lnkEditFloor"][disabled]:hover,
a[id*="lnkEditContact"][disabled], a[id*="lnkEditContact"][disabled]:hover,
a[id*="lnkEditNote"][disabled], a[id*="lnkEditNote"][disabled]:hover,
a[id*="lnkEditSecurity"][disabled], a[id*="lnkEditNote"][lnkEditSecurity]:hover
{
    background: url("Images/icons_edit.gif");
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
}*/

/*Buildings tab*/

div#ctrlBuildings1_uppnlFormHead {
    padding-left: 4px;
}

div#ctrlBuildings1_uppnlFormHead > table > tbody > tr > td > input {
    margin-bottom: 10px;
}

div#ctrlBuildings1_uppnlFormHead > table table {
    border-collapse: collapse;
}

div#ctrlBuildings1_uppnlFormHead > table table td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1px 5px;
}

div#ctrlBuildings1_uppnlFormHead > table table th, div#ctrlBuildings1_uppnlFormHead > table table tr:first-child td {
    border-top: none;
    padding: 2px 5px;
}

/*miscellaneous style updates*/

.RequiredField {
    color: Red;
}

.CostTab_DeleteCost {
    background: url(Images/icons_delete.gif) no-repeat scroll center !important;
    border: none;
    padding: 0px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    width: 22px !important;
    height: 22px !important;
}

.CostTab_DeleteCost:hover {
    background: url(Images/icons_delete_hover.gif) no-repeat scroll center !important;
    border: none;
    padding: 0px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    width: 22px !important;
    height: 22px !important;
}

.CostTabConfirmBody {
    background: url(Images/help.png) no-repeat scroll center !important;
    border: none;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
}

.CostTabConfirmFooter {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

/*div.RadListBox a.rlbButton span
{
    display: none;
}

div.RadListBox a.rlbButton.rlbMoveUp
{
    background: url("Images/arrow_up.gif") no-repeat;
    width: 22px;
    height: 22px;
}

div.RadListBox a.rlbButton.rlbMoveDown
{
    background: url("Images/arrow_down.gif") no-repeat;
    width: 22px;
    height: 22px;
}

div.RadListBox a.rlbButton.rlbMoveUp:hover
{
    background: url("Images/arrow_up_hover.gif") no-repeat;
    width: 22px;
    height: 22px;
}

div.RadListBox a.rlbButton.rlbMoveDown:hover
{
    background: url("Images/arrow_down_hover.gif") no-repeat;
    width: 22px;
    height: 22px;
}

div.RadListBox a.rlbButton.rlbMoveUpDisabled, div.RadListBox a.rlbButton.rlbMoveUpDisabled:hover
{
    background: url("Images/arrow_up_disable.gif") no-repeat;
    width: 22px;
    height: 22px;
}

div.RadListBox a.rlbButton.rlbMoveDownDisabled, div.RadListBox a.rlbButton.rlbMoveDownDisabled:hover
{
    background: url("Images/arrow_down_disable.gif") no-repeat;
    width: 22px;
    height: 22px;
}*/

.RadListBox_Default .rlbGroup li.rlbItem {
    color: #000;
    font-family: Arial, Verdana, Helvetica;
}

.RadListBox_Default .rlbGroup li.rlbItem.rlbSelected {
    background: #CCE3FF;
    color: #000;
}
/*
.RadMenu div.rmRootGroup
{
    background: #d6d3d6 url("Images/buttonsprite.gif") repeat-x scroll 0 0;
    border: 1px solid #ccc;
    border-bottom: 1px solid #b6b6b6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.RadMenu[style*="8000"] .rmRootGroup.rmHorizontal
{
    background-position: 0 -150px;
    border: 1px solid #397db5;
    color: #111;
}*/

.MessWarningText {
    color: red;
}


.product_document {
    font-family: Arial, Verdana, Helvetica;
    width: 450px;
    text-align: center;
    font-size: 10pt;
    padding-top: 20px;
    padding-left: 11px;
    color: black;
    font-weight: bold;
}

/* CSS for Hoteling Room Views- Calendar*/

.fmi-cal-entry-primary {
    font-weight: bold;
}

.fmi-cal-entry-status {
    display: none;
}

.fmi-cal-entry-rejected, .fmi-cal-entry-canceled {
    color: #666;
}

.fmi-cal-entry-approved .fmi-cal-entry-status {
    display: none;
}

.fmi-cal-entry-pending .fmi-cal-entry-status {
    display: block;
}

.fmi-cal-entry-canceled .fmi-cal-entry-status {
    color: #666;
    display: block;
}

.fmi-cal-entry-rejected .fmi-cal-entry-status {
    color: #ff0000;
    display: block;
}

.rsMonthView .fmi-cal-entry-pending .fmi-cal-entry-status, .rsMonthView .fmi-cal-entry-canceled .fmi-cal-entry-status, .rsMonthView .fmi-cal-entry-rejected .fmi-cal-entry-status {
    display: none;
}

.fmi-cal-entry-starttime {
    display: none;
}

.rsMonthView .fmi-cal-entry-starttime {
    display: inline;
}

.fmi-cal-entry-primary {
    font-weight: bold;
}

/*border styles for calendar entry; border is dashed for pending status, and solid for approved status; border is black for selected entries*/
.RadScheduler .rsAptMid .rsAptMid {
    border-width: 1px !important;
    border-color: #777 !important;
    border-style: solid;
}

.RadScheduler .rsAptMid .rsAptMid.fmi-cal-entry-approved {
    border-style: solid;
}

.RadScheduler .rsAptMid .rsAptMid.fmi-cal-entry-pending, .RadScheduler .rsAptMid .rsAptMid.fmi-cal-entry-rejected, .RadScheduler .rsAptMid .rsAptMid.fmi-cal-entry-canceled {
    border-style: dashed;
}

.RadScheduler .rsAptMid .rsAptMid.fmi-cal-entry-rejected {
    border-color: #f00 !important;
}

/*.RadScheduler_Default .rsAptSelected .rsAptMid {border-color: #000 !important;} this css changes the border color on selection*/

/*positioning nested divs in calendar control*/
.RadScheduler.RadScheduler_Default .rsApt {
    background: #f4f4f4; /*this is the default background color unless color coding is defined*/
    border-width: 0 3px 0 2px;
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box;
    box-sizing: border-box;
    /*this is the div to which color coding is applied; since width is also applied to this div dynamically based on the time range, box-sizing is set to border box, so that the 2px border does not make the div look 4px larger than the dynamic width. The 2px left and right borders serve to offset the background color from the calendar borders*/
}

.RadScheduler.RadScheduler_Default .rsApt .rsAptOut {
    border: 2px solid #fff;
    border-left: none;
    border-right: none;
    height: auto !important;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: -1px;
    bottom: -1px;
}

.RadScheduler.RadScheduler_Default .rsApt .rsAptOut .rsAptOut {
    padding-bottom: 1px;
    border: none;
}

.RadScheduler.RadScheduler_Default .rsAptMid {
    right: -1px;
    left: -1px;
    top: 0;
    bottom: 0;
    margin: 0;
    border: none;
}

.RadScheduler.RadScheduler_Default .rsAptMid .rsAptMid {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
}

.RadScheduler.RadScheduler_Default .rsAptIn {
    background: transparent;
    border: none;
    margin: 0;
}

.RadScheduler.RadScheduler_Default .rsApt .rsAptContent {
    padding: 0 0 0 0px;
    bottom: 0;
    left: 0px;
    right: 0px;
    top: 0px;
    margin-top: 0px;
    overflow: visible;
    background: transparent;
    border: none;
}

.RadScheduler.RadScheduler_Default .rsApt .rsAptContent .rsAptContent {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 7px 0 7px 6px;
    margin-top: 0;
    overflow: hidden;
}

.RadScheduler.RadScheduler_Default .rsMonthView .rsApt .rsAptContent .rsAptContent, .RadScheduler.RadScheduler_Default .rsAllDayRow .rsApt .rsAptContent .rsAptContent {
    padding: 0 6px;
}

/*difference in padding for previous two sets is so that top and bottom arrows can display for the day and week views (e.g. padding top and bottom is 7px), and so that text doesn't display on top of the right arrow in the month view (e.g. padding: 0 6px)*/

.RadScheduler .rsArrowLeft, .RadScheduler .rsArrowRight {
    top: 30% !important;
}




/*CSS for field type - Date Time Range */
div.fmi-form-field-sub-inline {
    display: inline-block !important;
    vertical-align: top;
}

div.fmi-fieldtype-datetimerange > div {
    margin-bottom: 4px;
    display: inline-block !important;
    vertical-align: middle;
}

div.fmi-fieldtype-datetimerange > div[id$="rdpStart_wrapper"] {
    margin-right: 2px;
    margin-bottom: 4px;
}

div.fmi-fieldtype-datetimerange > div[id$="rdpEnd_wrapper"] {
    margin-right: 5px;
    margin-bottom: 4px;
}

.fmi-form-inline-label {
    margin-left: 0px;
    margin-right: 0;
    display: inline-block;
}

input[type="checkbox"][id$="cboAllDay"] {
    margin: 0 4px 3px 0;
    position: relative;
    top: 2px;
    padding: 0;
}

label[for$="cboAllDay"] {
    margin-right: 5px;
}

select[id$="ddlTimeZone"] {
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 3px;
}

div.fmi-fieldtype-datetimerange .riSingle .riTextBox[type="text"] {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

div#fmi_field_value_wrapper_datetimerange div.fmi-form-field-sub-inline[id$="divViewMode"] {
    margin-top: 3px;
    margin-bottom: 3px;
}
/*when the value displays as read-only, such as with display only option*/

/*CSS for field type - Hyperlink */
div.fmi-field-value-wrapper div[id*="hpl"] {
    margin-bottom: 3px;
}

div.fmi-field-value-wrapper div[id*="hpl"] > table {
    float: left;
}

input[id$="txtDisplay"] {
    width: 160px;
    margin: 0 10px 2px 2px;
}

span[id$="lblURL"] {
}

input[id$="txtURL"] {
    width: 600px;
}

div[id$="rdpEnd_wrapper"] {
    margin-right: 5px;
}


/* CSS for field type - Image  -- JNG-TFS#7678 */
div[id*="divFileInfo"] {
    padding: 3px 0 5px 0;
}

div[id*="divFileInfo"] * {
    padding: 0 10px 0 0;
}

ul.ruInputs li.image-upload-filerow {
    display: none;
}
/* this is intended to hide the telerik file name with the Cancel/Remove button */
/*the next styles affect the spacing around the File Filter text */
span[id*="lblFileFilter"] {
    margin-top: 4px;
    margin-left: 0 !important;
    color: #555;
}

div[id*="divSelectFile"] input[id*="btnClear"], div[id*="divSelectFile"] input[id*="btnClear"]:hover {
    margin-right: 4px;
}
/* end updates for TFS#7678 */



/* CSS FOR COLOR CODING-- JNG-TFS#10006 */
/*Adjusting overall layout, including height of Save/Cancel row so that it remains fixed when the dialog is resized*/
div.fmi-dialog-colorcoding {
    height: 100%;
}

.fmi-dialog-colorcoding .fmi-dialog-header {
    border: none;
}

.fmi-dialog-colorcoding .fmi-dialog-contents {
    overflow: hidden;
}

div.fmi-dialog-colorcoding > form {
    position: relative;
}

div.fmi-dialog-colorcoding #uppnlFormHead {
    margin: 0 0 4px 4px;
}

div.fmi-dialog-colorcoding #MySplitter {
    position: absolute;
    bottom: 2.5em;
    top: 4.25em;
    width: 100%;
}
/*top and bottom values provide space for header and footer of dialog */
div.fmi-dialog-colorcoding #MySplitter #BottomPane {
    position: absolute;
    bottom: -2.5em !important;
    border: none !important;
    margin: 0 0 0 4px;
}
/* the bottom value of the footer is the negative value for the bottom value defined for the parent element above*/
div.fmi-dialog-colorcoding #MySplitter .MyGridClass .rgDataDiv {
    height: 100% !important;
    overflow-y: scroll !important;
    border: 1px solid #ccc;
    border-top: none;
}
/*the vertical scrollbar always displays, so that the table cells do not shift position */
div.fmi-dialog-colorcoding #MySplitter #TopPane {
    height: auto !important;
    position: inherit;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none !important;
}
/*position is set so that each nested div fills the parent container*/
div.fmi-dialog-colorcoding #MySplitter #TopPane #UpdatePanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div.fmi-dialog-colorcoding #MySplitter #TopPane #UpdatePanel .RadGrid {
    position: absolute;
    top: 0;
    bottom: 3.6em;
}
/*the bottom value is equal to the height of the header row */
div.fmi-dialog-colorcoding div.RadGrid div.rgHeaderWrapper {
    border: 1px solid #ccc !important;
}

/*Adjusting width of table cells so that the header is aligned with the contents */
div.fmi-dialog-colorcoding div.RadGrid div.rgHeaderWrapper table.rgMasterTable.rgClipCells th {
    padding: 0 16px 0 0;
    height: 2.25em;
    white-space: normal !important;
    border: none;
}
/* the right padding offsets the header row to accomodate the width of the vertical scrollbar; the height value matches the bottom value for the parent .RadGrid defined above*/
div.fmi-dialog-colorcoding div.RadGrid div.rgHeaderWrapper table.rgMasterTable.rgClipCells th.rgHeader-color-coding {
    padding: 4px 7px 5px 7px;
    height: auto;
    min-width: 22px;
}
/*without a selector to target the Delect column header cell, all cells have a min-width of 22px. This is important to having the widths be equal in the header row and table body*/
div.fmi-dialog-colorcoding div.RadGrid div.rgHeaderWrapper th.rgHeader-color-coding[id$="Th2"] {
    text-align: left !important;
}

div.fmi-dialog-colorcoding div.RadGrid div.rgHeaderWrapper th.rgHeader-color-coding[id$="Th3"] {
    text-align: left !important;
}

div.fmi-dialog-colorcoding div.RadGrid table.ColorCodingTableFixed tr:first-child td {
    text-align: left !important;
}


/*Adjusting visual styling of header row and data rows to improve readability*/
div.fmi-dialog-colorcoding #radGridRender_ctl00 {
    border: none !important;
}

div.fmi-dialog-colorcoding div.rgHeaderDiv table.rgMasterTable.rgClipCells {
    border: none !important;
    border-spacing: 0;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
}

div.fmi-dialog-colorcoding div.rgDataDiv table.rgMasterTable.rgClipCells tr.rgRow > td, div.fmi-dialog-colorcoding div.rgDataDiv table.rgMasterTable.rgClipCells tr.rgAltRow > td {
    border: none;
    border-bottom: 1px solid #aaa;
    padding: 0;
}

div.fmi-dialog-colorcoding div.rgDataDiv table.rgMasterTable.rgClipCells tr.rgAltRow > td {
    background: #fafafa;
}



/*div.fmi-dialog-colorcoding a.ActionDeleteButton_ColorCoding
    {
        background: url(Images/icons_delete.gif) no-repeat scroll center !important;
        border: none;
        margin: 0;
    }

        div.fmi-dialog-colorcoding a.ActionDeleteButton_ColorCoding:hover
        {
            background: url(Images/icons_delete_hover.gif) no-repeat scroll center !important;
            border: none;
        }*/

div.fmi-dialog-colorcoding #radGridRender_ctl00_Header {
    border: 1px solid black;
}

div.fmi-dialog-colorcoding #radGridRender_ctl00 {
    border: 1px solid black;
}


div.fmi-dialog-colorcoding .RadColorPicker .RadColorPicker_Default {
    color: inherit !important;
}

.MyGridClass .rgDataDiv .rgMasterTable {
    height: auto !important;
    width: 100% !important;
}

div.fmi-dialog-colorcoding .textTitleNormal {
    line-height: 2em;
    font-weight: bold;
}

.MyGridClass .rgHeaderDiv {
    height: auto !important;
    width: 100% !important;
}

/*------------------------------------------------------------END CSS FOR COLOR CODING-------------------------------------------------------------- */

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS FOR QUERY BUILDER-- JNG-TFS#9963 */
/*adjusting Save/Cancel row*/
div.fmi-dialog-querybuilder {
    height: 100%;
}

div.fmi-dialog-querybuilder > form {
    position: relative;
    height: 100% !important;
}

div.fmi-dialog-querybuilder #MySplitter {
    position: absolute;
    top: 2em;
    bottom: 3.6em;
    height: auto !important;
}
/*with top and bottom values set with absolute position, the div height always resizes to fit dialog */
/*div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1 #LeftPane #RAD_SPLITTER_PANE_CONTENT_LeftPane,*/
div.fmi-dialog-querybuilder #MySplitter #TopPane,
div.fmi-dialog-querybuilder #MySplitter #TopPane #RadSplitter1,
div.fmi-dialog-querybuilder #MySplitter #TopPane #RadSplitter1 > div,
div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1,
div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1 > tbody,
div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1 #LeftPane,
div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1 #RightPane,
div.fmi-dialog-querybuilder #RAD_SPLITTER_RadSplitter1 #RightPane #RAD_SPLITTER_PANE_CONTENT_RightPane {
    height: 100% !important;
}

div.fmi-dialog-querybuilder #MySplitter #BottomPane {
    position: absolute;
    bottom: -3.6em !important;
    border: none !important;
}

div.fmi-dialog-querybuilder #uppnlFormHead {
    margin: 0 0 4px 4px;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_RightPane {
    position: relative;
}

#pnMainQueryExpression #radGridRender_GridData {
    padding-top: 5px;
    position: absolute;
    bottom: 10.4em;
    top: 2em;
    max-height: 100% !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #eee;
    left: 0;
    right: 0;
}
/*with top and bottom values set with absolute position, the div height always resizes to fit dialog */
div.fmi-dialog-querybuilder #MySplitter #TopPane {
    border-bottom: 1px solid #ccc;
}

div.fmi-dialog-querybuilder #dvHeaderTitle {
    padding-left: 5px;
}

/*styles for action row above query builder*/
#pnMainQueryExpression div.rgHeaderDiv table.rgMasterTable {
    border: none !important;
}

#pnMainQueryExpression #radGridRender td.FMI-action-group {
    padding: 5px !important;
}

#pnMainQueryExpression td.FMI-action-group a.FMI-action {
    padding-left: 10px;
}

.RadGrid .rgMasterTable td {
    border: none;
}
/*removing unwanted borders in IE10*/
#pnMainQueryExpression .RadGrid .rgRow td, #pnMainQueryExpression .RadGrid .rgAltRow td, #pnMainQueryExpression .RadGrid .rgEditRow td, #pnMainQueryExpression .RadGrid .rgFooter td, #pnMainQueryExpression .RadGrid .rgFilterRow td, #pnMainQueryExpression .RadGrid .rgHeader, #pnMainQueryExpression .RadGrid .rgResizeCol, #pnMainQueryExpression .RadGrid .rgGroupHeader td {
    padding: 0 4px 0 0 !important;
    border: none;
}
/*removing left/right padding from table cells, and applying margin to divs with tds instead*/
#pnMainQueryExpression .RadComboBox {
    margin: 5px 0 !important;
}
/*removing left/right padding from table cells, and applying margin to divs with tds instead*/
#pnMainQueryExpression .RadComboBox table td.rcbInputCell {
    padding: 0 4px 0 5px !important;
}

#pnMainQueryExpression .RadComboBox table td.rcbArrowCell {
    padding: 0 !important;
}

/* minimizing width of empty table cell */
#pnMainQueryExpression .RadGrid tr .rgExpandCol {
    padding: 0 !important;
    width: 1%;
}

.rgExpandCol * {
    display: none;
}

/* removing inline styles set for margins from tables*/
#pnMainQueryExpression .rgRow table, #pnMainQueryExpression .rgAltRow table {
    margin: 0 !important;
    width: 100%;
}

.lv2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 103% !important;
}

.lv1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    width: 99% !important;
    background-color: #f0f8ff !important;
    border: 1px solid #ccc !important;
}
/*first level group*/
.lv3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-left: 0 !important;
    width: 99% !important;
    background-color: #e0f2ff !important;
    border: 1px solid #c2c2c2 !important;
}
/*second level group*/

#pnMainQueryExpression tr.rgRow div[style*="margin"], #pnMainQueryExpression tr.rgAltRow div[style*="margin"] {
    margin: 0 !important;
}
/*removing inline styles for margin from div without class*/

#pnMainQueryExpression #pnAdvance #lnkBasicMode {
    margin-left: 7px;
}

#pnMainQueryExpression #pnAdvance tr td {
    padding: 2px;
}
/*maybe use border-spacing:2px for the table instead, depending on how much of the text area displays*/
#pnMainQueryExpression #pnAdvance tr:first-child td {
    padding: 4px;
}

#pnMainQueryExpression #pnAdvance #txtAdvanceQuery_wrapper {
    width: auto !important;
    display: block;
    padding: 0 7px 0 1px;
}

#pnMainQueryExpression #pnAdvance #dvAdvanceModeController {
    margin-top: 5px;
}

/*adjusting styles for left pane TFS#10781*/
div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane {
    overflow: auto !important;
}
/*overrides overflow settings set in aspx file*/
div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane div.RadPanelBar {
    height: auto !important;
    width: auto !important;
    min-width: 100%;
    float: left;
}
/* float:left; forces the width of this div to expand to fit the widest child so that a horizontal scroll bar will display when the contents are wider than the left-pane (display:inline-block; also does this, but may have issues in IE 6/7); min-width:100% makes the width at least as wide as the parent div, which means the children and their background colors will also be as wide as the left-pane if the left-pane happens to be wider than the contents; height:100% causes issues in IE; NOTE: width:100% will result in horizontal scrollbar not displaying, width:auto !important overrides the original width of 250px defined by telerik which will also affect horizontal scrolling */
div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane div.rpSlide {
    height: auto !important;
    overflow: auto;
}
/* overrides height being set via js in aspx file */
div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane ul.rpGroup.rpLevel1 {
    height: auto !important;
    overflow: auto;
}
/* overrides height being set via js in aspx file */
div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane > table {
    border-spacing: 0;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane .RadPanelBar_Default .rpRootGroup {
    border: none !important;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane #RadPanelBar1_i0_i1_lstField ul li {
    cursor: move;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane .RadPanelBar_Default .rpRootGroup li > a.rpLink {
    background: #f7f7f7;
    background-image: none !important;
    cursor: default !important;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane .RadPanelBar_Default .rpRootGroup li > a.rpLink span {
    background-image: none !important;
    color: #000 !important;
}

div.fmi-dialog-querybuilder #RAD_SPLITTER_PANE_CONTENT_LeftPane .RadListBox_Default .rlbGroup {
    border: 1px solid #ccc !important;
    border-left: none !important;
    border-right: none !important;
}



.RadPanelBar .rpGroup .rpLink, .RadPanelBar .rpGroup .rpTemplate {
    font-size: 1em !important;
    line-height: 1.75em;
    font-family: Arial,Verdana,Helvetica,sans-serif !important;
}

.RadListBox_Default .rlbText, .RadListBox_Default .rlbItem {
    line-height: 1.5em !important;
}

.RadListBox_Default, .RadListBox_Default .rlbText, .RadListBox_Default .rlbItem, .RadListBox_Default .rlbButtonText, .RadListBox_Default .rlbEmptyMessage {
    color: #333333;
    font-family: Arial,Verdana,Helvetica,sans-serif !important;
    font-size: 1em !important;
}

div.fmi-dialog-querybuilder #TopPane {
    border: none;
}

div.fmi-dialog-querybuilder .rgHeader.FMI-action-group {
    background-color: inherit !important;
}

div.fmi-dialog-querybuilder .FMI-action {
    /*background-color: transparent !important;
     color: #164e69 !important;
     font-weight: bold !important;
     cursor: pointer !important;*/
    padding-left: 10px;
}

div.fmi-dialog-querybuilder .rgHeader-color-coding.FMI-action-group {
    padding-left: 6px !important;
}

div.fmi-dialog-querybuilder .QueryBuilderTopControl {
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right;
}

div.fmi-dialog-querybuilder .QueryBuilderGroup0 {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
    overflow: auto;
}

div.fmi-dialog-querybuilder .QueryBuilderGroup1 {
    padding-left: 10px;
    text-align: right;
    background-color: #f0f8ff;
    border: 1px solid #ccc;
    padding-right: 10px;
}

div.fmi-dialog-querybuilder .QueryBuilderGroup2 {
    padding-left: 10px;
    text-align: right;
    padding-right: 10px;
    background-color: #e0f2ff;
    border: 1px solid #c2c2c2;
}

div.fmi-dialog-querybuilder .QueryBuiderPopup {
    left: 50%;
    width: 500px !important;
    background: #f4f4f4 url(images/background-tableheader.png) center top repeat-x;
    position: absolute;
    margin-left: -250px;
    padding: 3px;
    display: none;
    top: 200px;
    border: 1px solid #828282;
}

div.fmi-dialog-querybuilder .QueryBuiderPopupContent {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #828282;
}

div.fmi-dialog-querybuilder div.RadListBox .rlbText {
    white-space: nowrap;
}

div.fmi-dialog-querybuilder .RadSplitter .RadSplitter_Default {
    font-size: inherit !important;
}

div.fmi-dialog-querybuilder .QueryBuilderForm {
    height: 100%;
    border: 0px;
    width: 100%;
}

div.fmi-dialog-querybuilder .QueryBuilderBottomControl {
    padding-top: 5px;
    padding-left: 5px;
}

div.fmi-dialog-querybuilder .QueryBuilderPopupControl {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 0px;
}

div.fmi-dialog-querybuilder .textTitleNormal {
    line-height: 2em;
    font-weight: bold;
}

/*div.fmi-dialog-querybuilder a.ActionDeleteButton_ColorCoding
{
    background: url(Images/icons_delete.gif) no-repeat scroll center !important;
    border: none;
}

    div.fmi-dialog-querybuilder a.ActionDeleteButton_ColorCoding:hover
    {
        background: url(Images/icons_delete_hover.gif) no-repeat scroll center !important;
        border: none;
    }*/

div.fmi-dialog-querybuilder .rgExpandCol {
    visibility: hidden;
}

#htmlQueryBuilder, #htmlQueryBuilder > body, #htmlQueryBuilder > form {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    vertical-align: top;
}

#htmlQueryBuilder {
    overflow: visible;
}

div.fmi-dialog-querybuilder #divBasicQuery {
    padding: 5px 9px 5px 5px;
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

div.fmi-dialog-querybuilder #divBasicQuery #dvBasicModeQuery {
    position: absolute;
    top: 1.5em;
    bottom: 1.5em;
    left: 5px;
    right: 9px;
    margin-bottom: 6px;
}

#txtQuery_wrapper textarea#txtQuery {
    height: 100% !important;
}
/*height is based on height of #dvBasicModeQuery, and the height of this is relative to font-size, and positioned relative to #divBasicQuery which has a height of 90px */
div.fmi-dialog-querybuilder #divBasicQuery #dvBasicModeControl {
    position: absolute;
    bottom: 1px;
    left: 5px;
    right: 0;
}



div.fmi-dialog-querybuilder #pnAdvance {
    padding: 5px;
}

div.qryBuilderLinkOperator {
    text-align: left;
    width: 100%;
}

div.qryBuilderContainer {
    text-align: left;
    width: 100%;
    display: block;
    height: 25px;
}

div.qryBuilderSubContainer {
    text-align: left;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
    height: 25px;
}


div.qryBuilderSubContainerLeft {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

div.qryBuilderSubContainerLeft > div {
    width: 32% !important;
}

div.qryBuilderSubContainerLeft > span {
    display: inline-block;
    width: 4px;
}



div.qryBuilderSubContainerRight {
    width: 25px;
    display: table-cell;
    vertical-align: top;
    padding-top: 5px;
}
/*------------------------------------------------------------END CSS FOR QUERY BUILDER-------------------------------------------------------------- */

input#ctl00_contentPlaceHolderMain_ctrlFormGridManageExtensibility1_ctrlFormEditManageExtensibility1_uplFile_ctl02,
input#ctl00_contentPlaceHolderMain_ctrlFormGridManageExtensibility1_ctrlFormAddManageExtensibility1_uplFile_ctl02 {
    width: 360px !important;
}

.warning-invalid {
    color: red;
    font-weight: normal;
}

.RightAlignedRadNumericTextBox {
    text-align: right;
}

/*styles for Recurrence Editor(Recurrence editor: RecurrenceEditor.aspx) */
.RecurrenceEditor_Default {
    font: inherit !important;
}

div.fmi-dialog-recurrence fieldset, div.RecurrenceEditor fieldset {
    border: 1px solid #ccc;
    margin: 0 0 5px;
    padding: .5em 8px 5px;
}

div.fmi-dialog-recurrence fieldset br, div.RecurrenceEditor fieldset br {
    display: none;
}

div.fmi-dialog-recurrence fieldset > legend, div.RecurrenceEditor fieldset > legend {
    padding-left: 2px;
    padding-right: 2px;
}

div.fmi-dialog-recurrence [id$="RecurrenceCheckboxPanel"] {
    display: none;
}
/*Hide the checkbox panel*/
div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvRecurrencePatterns, div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvRecurrenceRangePanel {
    margin: 0;
    padding: 0;
}
/*need styles for spacing and alignment of the following section*/
.fmi-dialog-recurrence-duration {
}

/*the following adjust the default css so that the controls scale more gracefully as text size changes*/
div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvRecurrenceFreq {
    height: auto;
}

div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvOptionsPanel .rsAdvPatternPanel {
    float: none;
    margin-left: 120px;
    width: auto;
    height: auto;
}

div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvDaily li, div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvMonthly li, div.fmi-dialog-recurrence .RecurrenceEditor .rsAdvYearly li, div.fmi-dialog-recurrence .rsAdvRecurrenceRangePanel li {
    height: auto !important;
    margin-left: 16px;
}

.rsAdvRadio {
    text-indent: -16px;
}

div.fmi-dialog-recurrence .rsAdvWeekly_WeekDays li {
    clear: none !important;
    width: auto;
    min-width: 95px;
    margin-right: 5px;
}

div.fmi-dialog-recurrence li {
    margin: 1px 0 2px;
}
/*end styles for Recurrence Editor*/

/*styles for Workplace Survey controls*/
.fmi-field-browse-wrapper {
    margin-bottom: 5px;
}
/*end styles for Workplace Survey controls*/

/*styles for Room Results Timeline -- radscheduler control*/
.RadScheduler, .RadScheduler * {
    font-family: Arial,Verdana,Helvetica,sans-serif !important;
    font-size: 1em !important;
}

/*styles for Room Results Timeline -- radtreelist control*/
.RadTreeList, .RadTreeList * {
    font-size: 1em !important;
}

div.RadScheduler_Default div.rsHeader {
    border: 1px solid #d6d6d6;
    background: url("images/background-tableheader.png") repeat-x center top #f4f4f4;
}

div.RadScheduler_Default div.rsContent.rsTimelineView {
    border: 1px solid #d6d6d6;
    border-top: none;
    border-bottom: 1px solid #e3e3e3;
}

#ctl00_contentPlaceHolderMain_RoomSchedulingConfiguration_uppnlFormHead div.RadScheduler_Default div.rsContent.rsTimelineView {
    border-right: none;
    border-bottom: none;
}
/*sets width of table to force equal width columns (equal column widths are needed to have timespan highlight line up properly)*/
.timelineWidth1200px .rsAllDayTable, .timelineWidth1200px .rsHorizontalHeaderTable {
    width: 1200px !important;
}

.timelineWidth1080px .rsAllDayTable, .timelineWidth1080px .rsHorizontalHeaderTable {
    width: 1080px !important;
}

.timelineWidth960px .rsAllDayTable, .timelineWidth960px .rsHorizontalHeaderTable {
    width: 960px !important;
}

.timelineWidth840px .rsAllDayTable, .timelineWidth840px .rsHorizontalHeaderTable {
    width: 840px !important;
}

.timelineWidth720px .rsAllDayTable, .timelineWidth720px .rsHorizontalHeaderTable {
    width: 720px !important;
}

.timelineWidth600px .rsAllDayTable, .timelineWidth600px .rsHorizontalHeaderTable {
    width: 600px !important;
}

.timelineWidth480px .rsAllDayTable, .timelineWidth480px .rsHorizontalHeaderTable {
    width: 480px !important;
}
/*.fmi-field-value .rsContentWrapper { width: 1% !important; }*/
.fmi-field-value .rsSpacerCell > div, .fmi-field-value .rsHorizontalHeaderWrapper > div, .fmi-field-value .rsVerticalHeaderWrapper > div, .fmi-field-value .rsContentWrapper > div {
    width: auto !important;
}

.fmi-field-value .rsTopWrap {
    width: 100% !important;
}

div.PaperCss {
    background-color: #f4f4f4;
    border: 1px solid #d6d6d6;
    border-top: none;
    height: 35px;
    box-sizing: border-box;
}

div.PaperCss div:first-child {
    margin-top: 9px;
}

div.PaperCss div#gridPagerNumber input[id$="ButtonNumber"] {
    padding: 0 3px;
    background: none;
    border: 1px solid transparent;
    margin-top: 6px !important;
    min-height: 22px;
}

div.PaperCss div#gridPagerNumber input[id$="ButtonNumber"]:hover {
    border: 1px solid #aeaeae;
    background: url("Images/buttonsprite.gif") repeat-x scroll 0 0 #ebebeb;
}

div.PaperCss div#gridPagerNumber input[id$="ButtonNumber"][disabled="disabled"] {
    border: 1px solid #898989;
    color: #000;
    background: #fff;
}

div.RadScheduler div.rsHeader h2 {
    text-indent: .25em;
    font-size: 1em;
}

div.RadScheduler_Default div.rsHeader a.rsPrevDay, div.RadScheduler_Default div.rsHeader a.rsNextDay {
    margin: 3px 3px 0 0;
}

div.RadScheduler_Default td.rsHorizontalHeaderWrapper {
    border-right: 1px solid #d6d6d6;
}

#ctl00_contentPlaceHolderMain_RoomSchedulingConfiguration_uppnlFormHead div.RadScheduler_Default td.rsHorizontalHeaderWrapper {
    border-right: none;
}
/*for admin settings page*/
div.RadScheduler .rsHorizontalHeaderTable th {
    text-align: left;
    padding: 0 2px;
}

#ctl00_contentPlaceHolderMain_RoomSchedulingConfiguration_uppnlFormHead div.RadScheduler .rsHorizontalHeaderTable th {
    border-top: 1px solid #d2d2d2;
}
/*for admin settings page*/

div.RadScheduler_Default td.rsSpacerCell {
    background: #f4f4f4 !important;
}

div.RadScheduler_Default td.rsVerticalHeaderWrapper {
    background: #fff !important;
}

div.rsTimelineView div.rsMainHeader a[id$="rmName"] {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0px;
    box-sizing: padding-box;
}
/*sets the clickable area to fill the table cell, therefore making the whole table cell clickable*/

.rsToday {
    display: none !important;
}

.RadScheduler .rsHeader .rsDatePickerActivator {
    display: none !important;
}

.RadScheduler .rsContentScrollArea {
    overflow-x: hidden !important;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader a {
    color: #000;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDiv {
    background: white;
    padding: 1px;
    width: auto !important;
    text-align: left !important;
    text-decoration: none;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDiv a {
    padding: 0;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDiv a:hover {
    background: #f1f9fd;
    text-decoration: none;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivNotSelect {
    background: #fff;
    padding: 1px;
    width: auto !important;
    text-align: left !important;
    text-decoration: none;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivNotSelect a {
    cursor: default;
    color: #575859;
    padding: 0;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivNotSelect a:hover {
    text-decoration: none;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivSelect {
    padding: 1px;
    width: auto !important;
    text-align: left !important;
    text-decoration: none;
    background-color: #fff;
    box-sizing: padding-box;
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivSelect a {
    padding: 0;
    background-color: #dceffb; /*border: 1px solid #b9d1e5;*/
}

.rsTimelineView .rsVerticalHeaderTable .rsMainHeader .ResourceDivSelect a:hover {
    text-decoration: none;
}

.rsTimelineView .rsAllDayRow .rsLastSpacingWrapper {
    display: none !important;
}



.rsTimelineView .rsContentScrollArea {
    background: transparent;
    left: -1px;
    padding-left: 1px;
    position: relative;
}
/*background color for timeline outside selected time range; left position and padding shift the reference point for absolute positioned elements, so that the next set of controls are shifted over to the left by 1px, however this doesn't affect the position of elements that are not absolutely positioned (i.e. the timeline grid).*/
div.fmi-reservation-timespan-left {
    position: absolute;
    left: 0;
    border-left: 1px solid #0074cc;
    top: 0;
    bottom: 0;
    width: 5px;
    z-index: 999;
}

div.fmi-reservation-timespan-right {
    position: absolute;
    right: 0;
    border-right: 1px solid #0074cc;
    top: 0;
    bottom: 0;
    width: 5px;
    z-index: 999;
}

div.fmi-reservation-timespan {
    background: #eff5f9;
    position: absolute;
    top: 0;
    z-index: 900;
}
/*background color for timeline inside selected time range*/

.RadScheduler_Default .MyCustomAppointmentStyle {
    background: transparent !important;
    border-width: 0 !important;
}

tr.rsAllDayRow {
    background: transparent !important;
}

#ctl00_contentPlaceHolderMain_RoomSchedulingConfiguration_uppnlFormHead .rsAllDayRow {
    height: 40px !important;
}
/*for admin settings page*/
.RadScheduler .rsTimelineView .rsAllDayTable {
    z-index: 990;
    position: relative;
}

.RadScheduler .MyCustomAppointmentStyle .rsAptOut {
    background-position: 0% 0%;
    background-color: transparent;
    border-style: none;
    border-width: thin;
    display: none;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

/*styles for time/room selection block that displays in the timeline grid*/
.RadScheduler.RadScheduler_Default .MyCustomAppointmentSelectedStyle {
    background: none;
    border-width: 0;
}

.RadScheduler.RadScheduler_Default .MyCustomAppointmentSelectedStyle .rsAptOut {
    background-color: #b9dff7;
    background: rgba(23, 150, 230, 0.3);
    border: 1px solid #397db5;
    width: auto;
    margin-right: 2px;
    margin-left: 1px;
    top: 0;
}

.RadScheduler.RadScheduler_Default .MyCustomAppointmentSelectedStyle .rsAptOut .rsAptMid {
    background: none;
    border: none;
}

.rsAptCreate {
    background: none !important;
}
/*removes highlight from grid on hover*/

.RadScheduler .fmi-cal-entry-highlight .rsAptContent {
    border-color: blue !important;
}

.imgRadSchedulerTooltip {
    border: 0px;
    float: left;
    margin-right: 5px;
    background-color: transparent;
    border-style: none;
}

/*end style for radscheduler control*/

/*begin styles for dialogs*/
.fmi-dialog-body {
    margin: 0;
}

.fmi-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/*The first section of the dialog is .fmi-dialog-header*/
.fmi-dialog-header {
    height: auto;
    width: 100%;
    min-width: 200px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-weight: bold;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.fmi-dialog-header .fmi-form-desc {
    font-weight: normal;
    margin: 5px 0;
}

/*The second section is .fmi-dialog-contents*/
.fmi-dialog-contents {
    top: 2em;
    bottom: 2.5em;
    left: 0;
    right: 0;
    overflow: auto;
    position: absolute;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
/*The top and bottom values are default values, and are overwritten by javascript.*/
.fmi-dialog-nofooter .fmi-dialog-contents {
    bottom: 0;
}
/*For dialogs where a footer doesn't display, the bottom position is set to 0 */

/*The following classes are also applied to .fmi-dialog-contents, depending on whether the dialog has a simple or complex layout*/
.fmi-dialog-simple .fmi-dialog-contents {
    padding: 5px;
}

.fmi-dialog-contents-noscroll {
    overflow: hidden;
}
/*for dialog that include a grid, which will include it's own scrolling*/
.fmi-dialog-contents-gridheader {
    padding-bottom: 2px;
}

.fmi-dialog-contents-grid.RadGrid {
    position: absolute;
    height: auto;
    width: 100%;
    bottom: 0;
    top: 3em;
    border-bottom: none;
    border-top-width: 1px;
}
/*JS will overwrite the top position of the grid based on the height of the gridheader div*/
.fmi-dialog-contents-grid .rgDataDiv {
    position: absolute;
    height: auto !important;
    overflow: auto;
    top: 0;
    bottom: 0;
}

.fmi-dialog-contents-grid .fmi-dialog-contents-gridPaging {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ccc;
    background: #f7f7f7;
}

/*The third section is .fmi-dialog-footer*/
.fmi-dialog-footer {
    background: #FFFFFF;
    border: none;
    border-top: 1px solid #999999;
    padding: 8px 5px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.fmi-dialog-footer .btn {
    margin: 0 5px 0 0;
}

.fmi-btn-reset {
    float: right;
}

/*updates to the dialog framework for dialogs that do not user JS to set positioning*/
.fmi-dialog-wr {
    display: table;
    width: 100%;
    height: 100%;
}

.fmi-dialog-header-wr, .fmi-dialog-footer-wr {
    height: auto;
    display: table-row;
}

.fmi-dialog-header-wr .fmi-dialog-header, .fmi-dialog-footer-wr .fmi-dialog-footer {
    height: auto;
    position: static;
}

.fmi-dialog-contents-wr1 {
    display: table-row;
    height: 100%;
}

.fmi-dialog-contents-wr2 {
    height: 100%;
    width: 100%;
    position: relative;
}

.fmi-dialog-contents-wr1 .fmi-dialog-contents {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
/*end styles for dialogs*/

/*This row is used for Radcombox on Filter Dialog Form*/
#ctrlFilterEditor1_ctrlFilterEditorDetail1_cmbLayoutOption_DropDown label {
    display: inline !important;
}

.rt-first-level {
    font-weight: bold;
}

.fm-setting-validation {
    color: red !important;
    font-size: small;
    padding-left: 10px;
}
/*merge with process indicator styles*/
div.waiting-bar {
    background: url(images/loading5.gif) 50% 50% no-repeat rgba(238, 238, 238, 0.7);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.waiting-bar > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-bottom: 50px;
}

.fullDiv {
    position: absolute !important;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden; /* or auto or scroll */
}

.blackout-time-delayed {
    background-color: #FFEBEB;
    color: #000000;
}

.fmi-warning-icon {
    position: relative;
}

    .fmi-warning-icon:before {
        content: "";
        display: block;
        position: absolute;
        background: transparent url("Images/warning.png") no-repeat scroll;
        background-size: 16px;
        top: 1px;
        left: 1px;
        width: 16px;
        height: 16px;
        top: 0;
        left: -17px;
    }

.DeptFilter {
    background-image: url(images/icon_filter_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.DeptGroupByParent {
    background-image: url(images/icon_groupby_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.DeptLimitLevel {
    background-image: url(images/sp_limit_level.gif);
    background-color: transparent;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnReturnLandingPage {
    background-image: url(images/icon_landingpage.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnUndo {
    background-image: url(images/icon_undo_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnContainerSettings {
    background-image: url(images/icon_showhide_containers.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnExport {
    background-image: url(images/icon_export_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnClearStackBars {
    background-image: url(images/ClearStackingScreen.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnClearFloor {
    background-image: url('images/1xclear-floor.png');
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.clearFloorCursor {
    cursor: url(./App_Themes/Default/Images/2xclear-floor.cur), url(Images/2xclear-floor.cur), auto;
    cursor: url(Images/2xclear-floor.png) 2 45, auto;
}

.BtnPrintStackBars {
    background-image: url(images/icon_print_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnAddBuildingFloor {
    background-image: url(images/icon_add_building_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 2px;
    border: 0px;
    cursor: pointer;
}

.scenario-landing-command-button > a {
    display: none;
}

.scenario-landing-mode-existing {
    width: 100%;
    text-align: right;
    height: 56px;
}

.scenario-landing-mode-new {
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.scenario-landing-mode-existing > a {
    background-color: #fff;
    display: inline-block;
    visibility: visible;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
    content: " ";
}

.scenario-landing-mode-new > a {
    background-color: #fff;
    display: inline-block;
    visibility: visible;
    position: relative;
    margin: 0 8px;
    vertical-align: text-bottom;
    text-decoration: none;
    cursor: pointer;
    color: #4E5961;
}

.scenario-landing-mode-new a:before {
    background-color: #fff;
    content: " ";
    display: table;
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 8px 16px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90px 90px;
    border: 1px solid #4E5961;
    border-radius: 8px;
}

.scenario-landing-mode-new > a:hover:before {
    background-color: #4E5961;
}

.scenario-landing-mode-new > a:focus, .scenario-landing-mode-existing > a:focus {
    outline: none;
}

    .scenario-landing-mode-new > a:focus:before {
        background-color: #4E5961;
    }


.scenario-landing-mode-existing > .bnt-manage-buildings-floors {
    background-image: url(images/icon_building_sp.png);
}

.scenario-landing-mode-existing > .bnt-manage-buildings-floors:focus {
    background-image: url(images/icon_building_sp_hover.png);
}

.scenario-landing-mode-existing > .bnt-manage-buildings-floors:hover {
    background-image: url(images/icon_building_sp_hover.png);
}

.scenario-landing-mode-existing > .btn-add-sites {
    background-image: url(images/icon_sites_sp.png);
}

.scenario-landing-mode-existing > .btn-add-sites:focus, .scenario-landing-mode-existing > .btn-add-sites:hover {
    background-image: url(images/icon_sites_sp_hover.png);
}

.scenario-landing-mode-existing > .btn-manage-phases {
    background-image: url(images/icon_forecasting.png);
    display: inline-block;
    visibility: visible;
}

.scenario-landing-mode-existing > .btn-manage-phases:focus, .scenario-landing-mode-existing > .btn-manage-phases:hover {
    background-image: url(images/icon_forecasting_hover.png);
    display: inline-block;
    visibility: visible;
}

.scenario-landing-mode-new > .bnt-manage-buildings-floors:before {
    background-image: url(images/icon-manage-buildings-floors.png);
}

.scenario-landing-mode-new > .btn-add-sites:before {
    background-image: url(images/icon-add-site.png);
}

.scenario-landing-mode-new > .btn-manage-phases {
    display: none;
    visibility: hidden;
}

.scenario-landing-mode-existing > .bnt-manage-buildings-floors-disable {
    background-image: url(images/icon_building_sp_disable.png);
}

.scenario-landing-mode-existing > .btn-add-sites-disable {
    background-image: url(images/icon_sites_sp_disable.png);
}

.scenario-landing-mode-existing > .btn-manage-phases-disable {
    background-image: url(images/icon_forecasting_disable.png);
    display: inline-block;
    visibility: visible;
}

.scenario-landing-mode-new > .bnt-manage-buildings-floors-disable:before {
    background-image: url(images/icon-manage-buildings-floors-disable.png);
}

.scenario-landing-mode-new > .btn-add-sites-disable:before {
    background-image: url(images/icon-add-site-disable.png);
}

.scenario-landing-mode-new > .btn-manage-phases-disable {
    display: none;
    visibility: hidden;
}

.scenario-landing-mode-new > .bnt-manage-buildings-floors:hover:before, .scenario-landing-mode-new > .bnt-manage-buildings-floors:focus:before {
    background-image: url(images/icon-manage-buildings-floors-hover.png);
}

.scenario-landing-mode-new > .btn-add-sites:hover:before, .scenario-landing-mode-new > .btn-add-sites:focus:before {
    background-image: url(images/icon-add-site-hover.png);
}

.BtnAddNewFloorBuilding {
    background-image: url(images/icon_AddFloor.png);
    background-color: transparent;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px !important;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnRemoveBuilding {
    background-image: url(images/icon_add_newbuilding_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.BtnArrowDown {
    background-image: url(images/icon_phase_arrowdown_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.BtnArrowDownWhite {
    background-image: url(images/icon_arrowdown_white_sp.png);
    background-color: transparent;
    display: inline-block;
    width: 19px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.BtnPhaseStart {
    background-image: url(images/icon_phase_start.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.BtnPhaseEnd {
    background-image: url(images/icon_phase_end.png);
    background-color: transparent;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    cursor: pointer;
}

.spSettingDropdown-Content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #f9f9f9;
    z-index: 100;
    right: 2px;
    padding: 10px 0px 10px 10px;
    visibility: hidden;
}

.spSettingDropdown-Content span {
    font-size: 14px !important;
}

#divCharts {
    overflow: auto;
    margin-top: 8px;
}

.landingDivLegend {
    margin: 10px 100px 8px 10px;
    font: 12px Arial,Helvetica,sans-serif;
    float: right;
}

.imgVacant {
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBFBF;
}

.imgOccupied {
    background-color: #1582BC;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBFBF;
}

.landingDivAction {
    width: 98%;
    bottom: 20px;
    vertical-align: bottom;
    display: none;
}

.RadPanelBar_Default .rpRootLink, .RadPanelBar_Default .rpHeaderTemplate {
    background-image: none !important;
    color: #000 !important;
}

#fmsPharse {
    padding: 2px 0px 0px 5px;
    position: relative;
}

#fmsPharse span {
    padding: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: 100;
    color: #4E5961;
}

.RadWindow .rwConfirmDialog {
    background-image: url('Images/questionmark.png');
}

.RadWindow .rwDialog {
    background-repeat: no-repeat;
    background-position: 10px center;
}

.RadWindow .rwDialogContent {
    min-height: 50px;
    padding: 1em 0 .7em 3.5em;
}

.RadWindow .rwDialogButtons {
    position: absolute;
    right: 1em;
    bottom: 1em;
    text-align: right;
}

.boder-bottom {
    border-top: solid #ccc 1px;
    margin-bottom: 5px;
    margin-right: 30px;
}


.RadMultiPage .rmpView {
    padding-bottom: 45px;
}

.RadContextMenu_Focused {
    background-color: #e9e9e9 !important;
}

.waiting-bar-progress {
    background: url(Images/loading-48.gif) 50% 50% no-repeat rgba(238, 238, 238, 0.7);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.rowHide {
    display: none !important;
}

.txt-attendees {
    width: 96%;
    height: 45px;
}

.export-bar-progress {
    height: 19px;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.26);
    overflow: hidden;
    background-color: rgb(255,255,255);
    margin: auto;
}

.noTrespassingBarLineG {
    background-color: rgb(0,120,225);
    float: left;
    width: 14px;
    height: 117px;
    margin-right: 23px;
    margin-top: -27px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.noTrespassingAnimationG {
    width: 230px;
    animation-name: noTrespassingAnimationG;
    -o-animation-name: noTrespassingAnimationG;
    -ms-animation-name: noTrespassingAnimationG;
    -webkit-animation-name: noTrespassingAnimationG;
    -moz-animation-name: noTrespassingAnimationG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@keyframes noTrespassingAnimationG {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -37px;
    }
}

@-o-keyframes noTrespassingAnimationG {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -37px;
    }
}

@-ms-keyframes noTrespassingAnimationG {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -37px;
    }
}

@-webkit-keyframes noTrespassingAnimationG {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -37px;
    }
}

@-moz-keyframes noTrespassingAnimationG {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -37px;
    }
}

/*begin assign zone dialog*/
.fmi-zone-block {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
}

.fmi-zone-header {
    width: 100%;
    height: 39px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.fmi-zone-header.content-expanded {
    border-bottom: 1px solid #dceef5;
}

.fmi-zone-header:hover {
    border-color: #dceef5;
    opacity: 0.7;
}

.fmi-zone-content {
    width: 100%;
    min-height: 40px;
}

.fmi-zone-header-title {
    margin-left: 5px;
    line-height: 39px; /* Equals to parent */
    vertical-align: middle;
}

.fmi-assign-content-header span {
    background: #fdfdfd;
    border-color: #eee;
    font-size: 14px;
    font-weight: bold;
}

.fmi-assign-content-header {
    border-bottom: 1px solid #d3d3d3;
    padding: 5px;
    cursor: pointer;
}

.fmi-assign-content-header .assign-header-icon {
    float: right;
    width: 15px;
    height: 15px;
    position: relative;
}

.minus.icon {
    color: #000;
    position: absolute;
    margin-left: 0px;
    margin-top: 7px;
    width: 15px;
    height: 1px;
    background-color: currentColor;
}

.plus.icon {
    color: #000;
    position: absolute;
    margin-left: 0px;
    margin-top: 7px;
}

    .plus.icon:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 1px;
        background-color: currentColor;
    }

    .plus.icon:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 1px;
        background-color: currentColor;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

/*end assign zone dialog*/

/* begin login via OAuth2 */
.login-oauth2 {
    width: auto !important;
    min-width: 150px;
    white-space: nowrap;
}
/* end login via OAuth2 */

/*Start LinkButton Manage Graphic Views*/
.LinkButton {
    border: 1px solid #c3c3c3;
    color: #0074a6;
    color: #111;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding: 1px 8px 2px 8px;
    margin: 0 1px 1px;
    overflow: visible;
    line-height: 1.4em;
    line-height: normal;
    width: auto;
    height: auto;
    text-decoration: none !important;
    background-color: white;
}

.LinkButton:hover {
    border: 1px solid #c3c3c3;
    color: #0074a6;
    color: #111;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding: 1px 8px 2px 8px;
    margin: 0 1px 1px;
    overflow: visible;
    line-height: 1.4em;
    line-height: normal;
    width: auto;
    height: auto;
    text-decoration: none !important;
    background-color: silver;
}
/*End LinkButton Manage Graphic Views*/
.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.login-spinner-container {
    width: 100%;
    height: 251px;
    z-index: 1003;
    background-color: rgba(0,0,0,.05);
    position: fixed;
    display: none;
}

    .login-spinner-container img {
        display: block;
        position: fixed;
        top: 50%;
        right: 50%;
        margin-top: -30px; 
        margin-right: -30px;
        opacity: 1;
    }