/* TODO: @mroper 11/26/2012 clean up the css */
#deleteGroupContents > div
{
    padding:10px;
}
#deleteGroupContents span
{
    margin-left: 10px;
}
#pageNavBarTray .Category .HoverTarget
{
    border-bottom: 2px solid #fc0;
    margin-bottom:-2px;
}
#pageNavBarTray > .HoveringOnCreateGroup .Category .HoverTarget
{
    border-bottom-color:transparent;
}
#pageNavBarTray .Category .HoverTarget.InsertAbove
{
    border-bottom:none;
    margin-bottom:0;
    border-top:2px solid #fc0;
    margin-top:0 !important;
}
#pageNavBarTray .Category .HoverTarget.InsertAbove:first-child
{
    margin-top:-2px !important;
}
#pageNavBarTray > .HoveringOnCreateGroup .Category .HoverTarget.InsertAbove
{
    border-top-color:transparent;
}
#pageNavBarTray .Categories > .Category.HoverTarget
{
    border-right: 2px solid #fc0;
}
#pageNavBarTray .Categories > .Category.HoverTarget.InsertLeft
{
    border-left: 2px solid #fc0;
    border-right: 2px solid transparent;
}
.HoverTarget.InsertAbove:first-child
{
   margin-top:-2px !important;
}
html, body
{
    height: 100%;
    background-color:White;
}

#bottomFooter
{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:500;
    clear: both;   
    border: none;
    margin: 0px;
	overflow: hidden; 
    padding: 0px 10px;
	/* Box Shadow */
	-webkit-box-shadow: inset 0px 1px 8px -2px rgba(102, 102, 102, .5);
    -moz-box-shadow: inset 0px 1px 8px -2px rgba(102, 102, 102, .5);
    box-shadow: inset 0px 1px 8px -2px rgba(102, 102, 102, .5);
}
#trialFooter #trialHereToHelp { position:relative; margin-left:5px; }
#trialFooter #readyToSignUpSep { margin-left:10px; margin-right:5px; }
#trialFooter #trialLetsChat { color: #79BA54; margin-left:5px; }
#trialFooter #trialLetsChat:hover { color: #609443;}

#trialFooter > span
{
    margin-left: 35px;
}
#trialFooter > span.chatTrialFooter { margin-left:0; }

#trialFooterImage
{
    height:37px;
    width:67px;
    display:inline-block;
    background-image:URL("./images/icons/trialFooter.png");
    margin-left:5px;
    position: absolute;
    bottom:-3px;
}
#trialFooter > span#trialFooterNoChatImage,
.chatTrialFooter span#trialFooterNoChatImage
{
    height:17px;
    width:24px;
    display:inline-block;
    background-image: url("../../../i/appIcons56px.png");
    background-position: -297px -20px;
    margin-left:10px;
    position: absolute;
    bottom: 9px;
}
#trialFooter
{
    vertical-align:middle;
    padding:9px 0 9px 0px;
}
#bottomFooter{ border-top: 1px solid #C5C5C5; }
#bottomFooter, #trialFooter
{
    background: #EEEEEE;
}
#trialFooter .daysleft 
{ 
    border: 1px solid #FF9900; 
    border-top: 4px solid #FF9900; 
    padding:0 5px 0 5px; 
    color: #FFA424;
}
#trialQuestions
{
    color:#505050;
}
#trialFooter a:hover
{
    text-decoration:none;
}
#legalFooter a { text-decoration:none; }
.Icon16 {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 2px;
}
.tooltip{border:none;background-color:transparent;}
.tooltip-inner{ text-align:center; }
/**
Overarching background for the entire topbar section (brand, app, and table bars)
**/
#navBars {
    background-color: #FFF;
    position: relative;
}
/*
 * Fixes the brand bar:
*/
#navBars .Fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

/***********************************************
* App Menu Bar
***********************************************/
#navTopAppBar
{
    height: 34px;
    background-color: #74489D;
    border-bottom: 5px solid #f5f5f5;
}
#navTopAppBar > ul
{
    border:none;
    padding:0 0 0 0;   
    margin:0 0 0 0;
    background-color: rgba(0,0,0,.20);
    width:100%;
    height:34px;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
}
#navTopAppBar > ul.NavTopAppBarDark {
    background-color: rgba(0, 0, 0, .65);
}
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background: none;
}
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-active,
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-selected
{
    border:none;
}
#navTopAppBar > .ui-tabs-nav > li
{
    margin:0 0 0 0;
    padding:0 15px 0 28px;
    top:5px;
    border-width: 0 1px 0 0;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-color:rgba(256,256,256,.35);
    display:inline-block;
    height:25px;
    max-width:250px;
    background: none;
}
/* Styles for the selected app tab */
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-active,
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-selected,
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-active > .AppMenuTabContents > a,
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-selected > .AppMenuTabContents > a
{
    color:#1F2D3D;
    cursor:pointer;
    padding: 5px 15px 0 15px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border:box;
    box-sizing: border-box;
    width:100%;
    z-index:6;
}

#navTopAppBar > .ui-tabs-nav > li.ui-tabs-active > .AppMenuTabContents,
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-selected > .AppMenuTabContents
{
    height: 36px;
    position: absolute;
    bottom: 0;
    top: -5px;
    margin-left: -15px;
    width:100%;
    background-color: #f5f5f5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink.ui-tabs-active > .AppMenuTabContents,
#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink.ui-tabs-selected > .AppMenuTabContents
{
    margin-left: 8px;
    padding-top: 3px;
}
#navTopAppBar > .ui-tabs-nav > li > .AppMenuTabContents
{
    width:100%;
    position:relative;
}
#navTopAppBar > .ui-tabs-nav > li > .AppMenuTabContents > a
{
    width: 100%;
    height:25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:white;
    text-align:center;
    padding: 0 0 0 0;
    line-height:26px;
}
#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink,
#navTopAppBar > .ui-tabs-nav > li#addNewAppButton
{
    max-width:125px;  
    padding: 0 10px 0 7px;
}
#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink.ExtraWidth,
#navTopAppBar > .ui-tabs-nav > li#addNewAppButton.ExtraWidth
{
    max-width: 200px;
}

#navTopAppBar > .ui-tabs-nav > li .CloseTabWrapper
{
    position:absolute; 
    top:50%; 
    right:.4em;
    margin-top:-7px;
}
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-active .CloseTabWrapper, 
#navTopAppBar > .ui-tabs-nav > li.ui-tabs-selected .CloseTabWrapper
{
    top:40%;
}
#navTopAppBar > .ui-tabs-nav > li .CloseTab {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('./images/icons/closetab_blue.png') no-repeat right center;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    /*make them float and show on hover*/
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity;
    transition: 0.2s linear opacity;
}
#navTopAppBar > .ui-tabs-nav > li:hover .CloseTab,
html.touch #navTopAppBar > .ui-tabs-nav > li .CloseTab
{
   opacity: 1;
}

#myQBNavIcon
{
    background: url("images/icons/navIconSprite.png") 5px center no-repeat;
    width: 16px; height: 16px;
    position:absolute;
    left:12px; top:5px;
    background-position: -4px -4px;
}
#myQuickBaseLink.ui-tabs-active #myQBNavIcon,
#myQuickBaseLink.ui-tabs-selected #myQBNavIcon
{
    background-position: -28px -4px;
    left:12px; top:10px;
}

#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink > .AppMenuTabContents > a
{
    padding: 0 0 0 36px;
    text-align: left;
}

#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink.ui-tabs-active > .AppMenuTabContents > a,
#navTopAppBar > .ui-tabs-nav > li#myQuickBaseLink.ui-tabs-selected > .AppMenuTabContents > a
{
    padding: 2px 0 0 36px;
    text-align: left;
}

#navTopAppBar > .ui-tabs-nav > li#addNewAppButton > .AppMenuTabContents > a {
    padding-left: 32px;
}

#addAppIcon {
    background: url("./images/icons/addApp.png") no-repeat;
    zoom: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
	top: 2px;
}

#navTopAppBar > .ui-tabs-nav > li#addNewAppButton {
    cursor: pointer;
    top: 2px;
    padding-top: 3px;
    height: 32px;
}
#navTopAppBar > .ui-tabs-nav > li#addNewAppButton:hover {
    background: rgba(255,255,255,.15);
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
}


/* ----------------------- Prep Visuals ------------- */

#navTopAppBar > .ui-tabs-nav > li > .AppMenuTabContents > .Draft {
	width: 90% !important;
    margin-left: 33%;
    padding: 0px 30% 0px 0% !important;
}

#navTopAppBar .DraftApp {
	width: 25%;
	height:22px;
    padding: 0 0 0 0;
    display:inline-block !important;
    vertical-align: middle;
    text-align : center;
    position: absolute;
    left: 0px;
}

#navTopAppBar .DraftApp a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    text-align: center;
    vertical-align: middle;
    text-align : center;
    width: 100%;
    cursor: pointer;
    padding: 4px 0.5px 0.5px 0.5px
}

/* Icon to Show on the Inactive "Draft" applications */
#navTopAppBar .DraftApp.Active.Tab  
{
    background-color: #c72f79;
    left: 10px;
}

/* Icon to Show on the Active "Draft" applications */
#navTopAppBar .DraftApp.Tab 
{
    background-color: #a3529e;
    top: -3px;
    letter-spacing: .1em;
}

/**********************************************
* New table styles
***********************************************/
.newTableForm .SelectedIconWrapper, .newTableForm .SuggestedIconWrapper
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */ 
}

/****** BrandBar **********/
/** Topmost brand bar with logos **/

#brandBarHeader div.BasicBrand.Default {
    color: #505050;
}

#customBrandBar td:first-of-type {
    padding-left: 16px;
}

#customBasicBrandMenus {
    padding-right: 16px;
}
    

#brandBarHeader div.BasicBrand.Default span.Alt {
    display: none;
}
#brandBarHeader .CustomBrandText {
    white-space: nowrap;
}
#realmDefaultBrandBar .CustomBrandText {
    height: 100%;
    line-height: 100%;
}
#brandBarHeader div.BasicBrand.Default {
    display: table;
    width: 100%;
}

#brandBarHeader div.BasicBrand.Default .CustomBrandText {
    color: #FFFFFF;
}

#brandBarHeader div.BasicBrand.Default a.CustomBrandLink:hover {
    text-decoration: none;
    opacity: .75;
}

#brandBarHeader div.BasicBrand.Default a.CustomBrandLink .CustomBrandText:hover {
    text-decoration: none;
    opacity: .75;
}

#brandBarHeader .BasicBrand .FirstItem {
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    padding-left: 17px;
    letter-spacing: .3px;
}
#brandBarHeader .BasicBrand .LastItem {
    margin-right: 4px;
    text-align: right;
}


/* middle align the items in the brand bars for both default and custom*/
#brandBarHeader .BasicBrand .FirstItem,
#brandBarHeader .BasicBrand .LastItem {
    vertical-align: middle;
    display: table-cell;
}
#brandBarHeader table.BasicBrand .FirstItem,
#brandBarHeader table.BasicBrand .LastItem {
    white-space: nowrap;
    vertical-align: middle;
}

#brandBarHeader .LastItem .CustomBrandText,
#brandBarHeader .LastItem .CustomBrandImage {
    padding-right: 1em;
}

#customBrandBar {
    border-collapse: collapse;
    width: 100%;
}

#brandBarHeader a.LogoQuickBase {
    background: url("images/qb_logo_white.png") 0px 3px no-repeat;
    color: #505050;
    display: block;
    font-weight: normal;
    height: 32px;
    width: 148px;
    padding-left: 68px;
    text-decoration: none;
    vertical-align: middle;
}

#brandBarHeader a.CustomBrandLink {
    text-decoration: none;
}

#brandBarHeader a.CustomBrandLink:hover {
    text-decoration: none;
    opacity: .75;
}

#brandBarHeader img.CustomBrandImage {
    max-height: 32px;
}

/* want the cell with the menus in it to take up the minimum possible space */
#customBasicBrandMenus {
    width: 1px;
}

#realmDefaultBrandBar .FirstItem a{
    color: #505050;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#realmDefaultBrandBar .CustomBrandLink {
    color: #505050
}

#qbDefaultBrandBar,
#brandBarHeader div.BasicBrand.Default {
   background: #74489D;
   display: table;
}

#customBrandBar,
#qbDefaultBrandBar,
#brandBarHeader div.BasicBrand.Default {
    height: 50px;
}

/* Brand bar icons */
.BrandBarIcon {
    background-image: url("images/icons/GlobalBarSprite_20B.png");
    height: 22px;
    width: 22px;
    display: inline-block;
}
.BrandBarIcon.Find { background-position: 2px 0; }
.BrandBarButton:hover .BrandBarIcon.Find { background-position: 2px 21px; }
.BrandBarIcon.Help { background-position: -20px 0;}
.BrandBarButton:hover .BrandBarIcon.Help { background-position: -20px 21px;}
.BrandBarIcon.AlertNormal { background-position: -40px 0;}
.BrandBarButton:hover .BrandBarIcon.AlertNormal { background-position: -40px 21px;}
.BrandBarIcon.AlertLoud { background-position: -63px 0; }
.BrandBarButton:hover .BrandBarIcon.AlertLoud { background-position: -63px 21px; }
.BrandBarIcon.Recents { background-position: -88px 0; }
.BrandBarButton:hover .BrandBarIcon.Recents { background-position: -88px 20px; }
.BrandBarIcon.User { background-position: -100px 0; }
.BrandBarButton:hover .BrandBarIcon.User { background-position: -100px 21px; }

.BrandBarIconDark {
    background-image: url("images/icons/GlobalBarSprite_20B_dark.png");
    height: 22px;
    width: 22px;
    display: inline-block;
}
.BrandBarIconDark.Find { background-position: 2px 0; }
.BrandBarButton:hover .BrandBarIconDark.Find { background-position: 2px 21px; }
.BrandBarIconDark.Help { background-position: -20px 0;}
.BrandBarButton:hover .BrandBarIconDark.Help { background-position: -20px 21px;}
.BrandBarIconDark.AlertNormal { background-position: -40px 0;}
.BrandBarButton:hover .BrandBarIconDark.AlertNormal { background-position: -40px 21px;}
.BrandBarIconDark.AlertLoud { background-position: -63px 0; }
.BrandBarButton:hover .BrandBarIconDark.AlertLoud { background-position: -63px 21px; }
.BrandBarIconDark.Recents { background-position: -88px 0; }
.BrandBarButton:hover .BrandBarIconDark.Recents { background-position: -88px 20px; }
.BrandBarIconDark.User { background-position: -100px 0; }
.BrandBarButton:hover .BrandBarIconDark.User { background-position: -100px 21px; }

.BrandBarArrowDark {
    background:url("images/icons/arrow-blue-down.png") center 3px no-repeat;
    height: 12px;
    width: 12px;
    display:inline-block;
}

.TestAsUser .TestAsRole {
    top: 5px;
    position: relative;
}

.TOSWarningIcon2017 {
    background: url(../../../i/icons/24/warning_24.gif) no-repeat 0 0;
    position: relative;
    margin: 0px 4px;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

.TOS2017BannerTwoLines .TOSWarningIcon2017
{
    top: 5px;
}

.BrandBarIcon.GoBackToMobile { background-position: -144px 0; }
.BrandBarButton:hover .BrandBarIcon.GoBackToMobile { background-position: -144px 21px; }
.BrandBarIcon.AddNew { background-position: -166px 0; }
.BrandBarButton:hover .BrandBarIcon.AddNew { background-position: -166px 21px; }
.BrandBarIcon.Favorites { background-position: -190px 0; }
.BrandBarButton:hover .BrandBarIcon.Favorites { background-position: -190px 21px; }
.BrandBarIcon.WithText { margin: 0px 3px 0px 4px;}

.BrandBarIconDark.GoBackToMobile { background-position: -144px 0; }
.BrandBarButton:hover .BrandBarIconDark.GoBackToMobile { background-position: -144px 21px; }
.BrandBarIconDark.AddNew { background-position: -166px 0; }
.BrandBarButton:hover .BrandBarIconDark.AddNew { background-position: -166px 21px; }
.BrandBarIconDark.Favorites { background-position: -190px 0; }
.BrandBarButton:hover .BrandBarIconDark.Favorites { background-position: -190px 21px; }
.BrandBarIconDark.WithText { margin: 0px 3px 0px 4px;}

.BrandBarButton .ButtonText,
.BrandBarLabel .LabelText {
    vertical-align:middle;
    color: rgba(255, 255, 255, 1);
    border-left: 1px solid #ffffff;
    padding: 0 14px;
    transition: all .2s ease;
}

.BrandBarButton .ButtonText {
  padding-right: 5px;
}

.BrandBarButton .ButtonText:hover {
    color: rgba(255, 255, 255, .80);
    transition: all .2s ease;
}

.BrandBarButton .BrandBarTextDark {
    color: #333;
    border-left: 1px solid #333;
}
.BrandBarButton .BrandBarTextDark:hover {
    color: #999999;
}

.BrandBarButton .ButtonText.NoIcon {
    padding-left: 10px;
}

.BrandBarButton, 
.BrandBarLabel {
    border: none;
    height: 24px;
}

#navRightMenus {
	white-space: nowrap;
    position: relative;
}

#signedInAsButton, 
#builderAccountLabel {
    top: 3px;
    position: relative;
}

.BrandBarButton:hover,
.BrandBarButton:focus,
#navRightMenus > li.BrandBarButton:hover,
#navRightMenus > li.BrandBarButton:focus,
#navRightMenus > li.BrandBarButton.Selected,
#navRightMenus > li.BrandBarButton.Open,
#navRightMenus > li.BrandBarLabel:hover {
    background: none; /* Old browsers */
    border-color: #636363;
    text-decoration: none;
}

#navRightMenus > li.BrandBarLabel:hover {
    cursor: default;
}

/* IE9 - allow use of rounded corners with a background gradient or drop shadow */
body.IE9 .BrandBarButton,
body.IE9 .BrandBarButton:hover,
body.IE9 #navRightMenus > li.BrandBarButton:hover,
body.IE9 .GrayShadow,
body.IE9 .Menu {
    filter:none;
    }

.BrandBarButton { border-radius: 0;}
.BrandBarButton.LeftButton{border-radius: 4px 0px 0px 4px;}
.BrandBarButton.RightButton {border-radius: 0px 4px 4px 0px;}
.BrandBarButton.SingleButton {  
    border-radius: 4px;
    margin-right: 9px;
}

.BrandBarButton > li > a {
    padding-top: 4px;
}
/*Info message styling (test as role and security nag) */
.InfoMsgBox
    {
    position: fixed;
    top: 0px;
    left: 170px;
    z-index: 1100;
    }

#testAs {
    padding-top: 5px
}
   
.TestAsNavInfo 
{
    background-color: #F5FCF4;
	border: 1px solid #A2DE9C;
    color: #2FAD40;
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
} 

.TestAsNavInfo #TestAsUserRolesInfo {
    padding-top: 5px;
}

#TestAsMessage,  #SecurityInfoWarning, .TOS2017Banner
{
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #E6D9ED;
	border: 2px solid #61347E;
	border-top: none;
    text-align: left;
    float:left;
    height:34px;
    color: #2FAD40;
}

.TestAsUser, .TOS2017Banner.TOS2017BannerTwoLines {
    height:42px !important;     
    line-height: 0.8em;
}

#SecurityInfoWarning a,
.TOS2017Banner a.ActionLink
{
	padding: 0 14px;
}

#TestAsMessage {
    min-width: 270px;
}
#TestAsMessage a
{
    margin: 4px 15px 0px 15px;
    overflow: initial;	
    border: 1px solid #ccc;
    font: 0.95em;
}

#TestAsMessage #TestAsTxt {
    margin: 5px;
    white-space: nowrap;
}

#SecurityInfoWarning a:hover,
.TOS2017Banner a:hover,
#TOS2017Dialog a:hover {
    text-decoration: none;
    color: #365EBF;
}

#TestAsMessage a:hover {
    background: #F3F3F3;
    border: 1px solid #ddd;
}


/*** Nav Right Side Menus (sign in/out, user menu) ***/

#navRightMenus .RecentsTable { color:Black; }

#navRightMenus.MenuBar > li > .Menu > li {  
    margin-top: 1px;
    margin-bottom: 1px;
}

#brandBarHeader table.BasicBrand .LastItem.CustomText,
.BrandBar .MenuBar > li > div,
.BrandBar .MenuBar > li > a {
    outline: none;
    padding: 2px 0px 0px 0px;
}
.BrandBar .MenuBar > li > div,
.BrandBar .MenuBar > li > div > a {
    color: #EDEDED;
    text-decoration: none;
}
.BrandBar .MenuBar li > a,
.ui-qbmenu a 
{
    outline:none;
}
#navRightMenus.MenuBar  > li > a.DebugMenuLink {
    color: #cccccc;
}
#navRightMenus.MenuBar li a span.AlertIcon,
#navRightMenus.MenuBar li a span.RecentsIcon {
    display: inline-block;
    zoom: 1;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    padding-right: 3px;
    padding-bottom: 3px;
}

#navRightMenus > .Menu > li > a.WordWrap {
    max-width: 300px;
    word-wrap: break-word;
    white-space: normal;
}


/*overlay a on top of the  icon in a tables list menu */
.TablePicker  .Overlay.Icon {
    position: absolute;
    right: -6px;
    bottom: -8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

#signInLink {
    padding-top: .5em;
}

#signedInAsButton span.BlueCaret {
    background:url("images/icons/arrow-white-down.png") center 6px no-repeat;
    height: 12px;
    width: 12px;
    display:inline-block;
}
#signedInAsMenu {
    text-align: left;
    min-width: 300px;
}
#signedInAsMenu > li.Selectable:not(.Debug):hover
{
    background-color:transparent;
}

#signedInAsMenu.Menu li.Subheader
{
    margin-top: -6px;
    margin-bottom: 2px;
}

#signedInAsMenu.Menu li .TestAsNavInfo a
{
    display: inline-block;
    padding-top: 0px;
    padding-left: 10px;
    color: #427CD8;
}

#customBasicBrandMenus ul {
    text-align: left;
}

.SearchLabel {
    margin-top: .909em;
}

.SearchTableLine {
    margin-top: .5em;
    margin-left: .909em;	
}

.SearchTableLine a.LinkText {
    display: inline-block;
}

.PopOut {
    background: white;
    border: 1px solid #55A0EF;
    padding: 14px;
}

#btnDoQuickFind,#btnDoQuickFindTable {
    margin: 0 0 0 .5em;
}

#searchAppContainer {
    padding:20px;
}

#searchPanelTabs .ClearInput.DisplayNone {
    display: none;
}

#searchPanelTabs .ClearInput {
    position: relative;
    width: 16px;
    height: 16px;
    background: url("images/icons/clearsearch.png");
    cursor: pointer;
    top: 50%;
    margin-top: -8px;
    right: 1.7em;
    top: 0.3em;
}

#searchPanelTabs,#searchAppContainer {
    cursor:default;
}

#matchExactQuickFind, #matchExactQuickFindTable {
    vertical-align: top;
}

#searchPanelTabs .SearchLinks {
    margin: .5em 0;
    clear: both; 
}

#searchPanelTabs {
    border:0;
}

#searchPanelTabs .ui-tabs-nav.ui-corner-all {
   border-radius: 3px 3px 0 0;
   background:#eee;
}

#searchPanelTabs .ui-tabs-nav .ui-state-default {
    background:transparent;
}

#searchPanelTabs li.ui-corner-top {
    margin: 0px 0 0 0;
}

#searchPanelTabs li.ui-corner-top:first-child {
    margin-left:6px;
}
#searchPanelTabs li.ui-corner-top:last-child {
    margin-right:10px;
}

#searchPanelTabs .ui-state-default.ui-tabs-selected,
#searchPanelTabs .ui-state-default.ui-tabs-active {
    border: 1px solid #ccc;
    background: #fff;/*#ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
}

#searchPanelTabs .ui-widget-header,
#searchPanelTabs .ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ccc;
}

#searchTableTab, #searchAppTab {
   width:500px;
   height:60px;
}

#searchTableTab .DisplayTableRow>.DisplayTableCell,
#searchAppTab .DisplayTableRow>.DisplayTableCell {
    width: 100%;
    padding-bottom: 1em;
}

#searchTableTab a, #searchAppTab a {
    font-weight: normal;
    color: #427CD8;
    display: inline-block;
    padding: 0;
}

#searchTableTab a:hover, #searchTableTab a:hover {
    color: #365ebf;
}

#searchPanelTabs .ui-corner-top.ui-tabs-selected,
#searchPanelTabs .ui-corner-top.ui-tabs-active { 
    -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; 
}

#searchMenu {
    padding: 0;
}

#searchMenu>li {
    margin-top:0 !important;
}

#searchMenu li {
    padding: 0;
}

#searchMenu span.clearwrapper {
    border:1px solid #CCC;
    background-color: #eef6fd;
    border-radius: 3px;
    height: 26px;
    padding: 1px;
    min-width: 20.909em;
    width:100%;
}

#searchMenu img.clearsearch {
    vertical-align: middle;
}

#srchtxt, 
#srchtable {

    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 18px;
    margin-right: 0px;
    width: 100%;
}

x#searchPanelTabs .ui-tabs-nav li a {
    padding-bottom: 7px;
    padding-top: 2px;
}

#searchPanelTabs .ui-tabs-nav .ui-icon.TblIcon16 {
    border:2px solid #eee;
    vertical-align:bottom;
}

#searchPanelTabs .ui-tabs-nav .ui-icon.Icon16 {
    border:2px solid #eee;
    vertical-align:bottom;
}

#searchPanelTabs .ui-tabs-nav .ui-tabs-selected .ui-icon,
#searchPanelTabs .ui-tabs-nav .ui-tabs-active .ui-icon 
{
    border:2px solid #fff;
    background-image: none;
    text-indent: unset;
}

#searchPanelTabs .ui-tabs-nav .ui-icon { 
    display: inline-block; 
}
#searchPanelTabs .ui-tabs-nav .ui-icon.Icon16.App { 
    display: inline-block; 
    background-image: url('./images/icons/app_icon_16x16.png');
    background-position: 0 0;
}

#recentsMenu > li .TblIcon16 {
position: absolute;
top: 50%;
left: .4em;
margin-top: -8px;
}

#recentsMenu li.Record > a {
    padding-right: 0px;
}

.recentsTableName {
    color: #999;
}
    
.BrandBar a.Vibrant {
    margin: 0px;
}
#navRightMenus > li
{
    cursor: pointer;
    outline:none;
    text-align: left;
}

#goBackToMobileButton
{
    padding: 0 9px 0 0 ;
}

#betaFeedbackButton {
    margin-right: 9px;
}

#betaFeedbackButton a {
    padding: 6px 6px 0px;
    color: #ff8800;
}

.GrayShadow {
    -webkit-box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    -moz-box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#CCD4DC, Strength=2, Direction=0),
            progid:DXImageTransform.Microsoft.Shadow(Color=#CCD4DC, Strength=2, Direction=90),
            progid:DXImageTransform.Microsoft.Shadow(Color=#CCD4DC, Strength=2, Direction=180),
            progid:DXImageTransform.Microsoft.Shadow(Color=#CCD4DC, Strength=2, Direction=270);
}




/***********************************/
/* Help Menu Stylings */
/***********************************/
.BrandBar .HelpMenu {
    min-width: 558px;
    max-width: 558px;
    padding: 0;
    white-space: normal;
    overflow-y: hidden;
}

.BrandBar .HelpMenu > li 
{
	margin: 0 !important;
	padding: 0;
}

.BrandBar .HelpMenu > li.NoHoverMenu 
{
	cursor: default;
}

.BrandBar .HelpMenu a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none;
outline: none !important;
}

.BrandBar .HelpMenu a:active, 
.BrandBar .HelpMenu a:selected, 
.BrandBar .HelpMenu a:visited { 
    border: none;
    outline: none !important;
}

/* Top Bar */
.BrandBar .HelpMenu #helpTopBar{
    border-bottom: none;
}

.BrandBar .HelpMenu #helpTopBar,
.BrandBar .HelpMenu #helpAskAnExpertTopBar {
	color: #CCC;
    background: #eee;
    background: -moz-linear-gradient(top, #FFFFFF, #f2f2f2); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, #FFFFFF, #f2f2f2); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF, #f2f2f2); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF, #f2f2f2); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF, #f2f2f2); /* IE10+ */
    background: linear-gradient(top, #FFFFFF, #f2f2f2); /* W3C */
    padding: .75em;
}

.BrandBar .HelpMenu #helpTopBar {
    padding: 0.3em 1em .2em;
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    text-align: right;
    cursor: default;
}

.BrandBar .HelpMenu #helpTopBar > a, .helpAppGuideLink, .SubMenuTrigger {
    display: inline-block;
    max-width: 17em;
    height:auto;
    overflow: hidden;
    text-decoration: none !important;
    text-overflow: ellipsis;
    color: #02B8F3;
}

.BrandBar .HelpMenu #helpTopBar > a:hover {
    text-decoration: none;
    background: none;
    color: #36CEFF;
}

.BrandBar .HelpMenu #helpTopBar .HelpTopBarBorder 
{
    color: Gray;
}

/* App Guide Dropdown : Just like searchresults.css tr.hd td, tr.hd th */
/* TODO after the other styles are complete.  */

.BrandBar .HelpMenu  #HelpAppGuideMenuLink {
   padding: 5px 20px 5px 10px;
   position: relative;
}

.BrandBar .HelpMenu #helpTopBar #HelpAppGuideMenuLink:hover {
}


.BrandBar .HelpMenu  #HelpAppGuideMenuLink .DropdownIcon{
    background: url("images/icons/Caret_blue.png") no-repeat center center;
    height: 26px;
    width: 20px;
    display:block;
    right: 0;
    top: 0;
    position: absolute;
}

/* Form Elements */
.BrandBar .HelpMenu #helpSearchForm {
    position: relative;
    margin: 8px 14px 14px 14px;
    cursor: default;
}

.BrandBar .HelpMenu #helpSearchForm .FS-H2
{
	margin: 8px 0;
}
	
.BrandBar .HelpMenu #helpSearchForm .searchableWrapper{
    display: block;
	margin-right: 54px;
}

.BrandBar .HelpMenu #helpSearchForm #helpSearchBtn {
    position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	height: 28px;
}

#helpSearchBtn .ui-button-text 
{
	padding-bottom: 0;
	padding-top: 0;
}

/* Sort Bar */
.BrandBar .HelpMenu #helpSortBar{
   text-align:center
}

.BrandBar .HelpMenu #helpSortBar a{
    display: inline-block; 
    color: #333;
}

.BrandBar .HelpMenu #helpSortBar .selected{
    font-weight: bold;
    text-decoration: none;
}

.BrandBar .HelpMenu #helpSortBar .unselected{
    font-weight: normal;
    text-decoration: underline;
}

/* Filter Search Section */

.searchableWrapper 
{
    position: relative;
}

.searchableWrapper .searchableInput
{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
    padding: 0 26px 0 0.7em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eef6fd;
    border: 1px solid #ccc;
    margin: 0;
    height: 28px
}

.searchableWrapper .Icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('./images/icons/action_ico_search.png') no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 4px;
}

.searchableWrapper .Searching.Icon {
    background-image: url('./images/loading.gif');
}
.searchableWrapper .Clear.Icon {
    background-image: url('./images/icons/clearsearch.png');
}

.BrandBar .HelpMenu #helpOutputSection 
{
	border-top: 1px solid #CCC;
	background: #FFF;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.helpOutputContainer 
{
	float:left;
	width:100%;
	position:relative;
	right: 63.440860215%; /* right = desired width of results container / width of help search panel * 100 */
	background: #eef6fd;
}

.BrandBar .HelpMenu #helpFilterSection {
    width: 36.559139785%; /* width = desired width of sidebar / width of help search panel * 100 */
    float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow: hidden;
	left: 0;
} 

.BrandBar .HelpMenu #helpSearchFilters,
.BrandBar .HelpMenu #helpSearchFilters li
{
	margin: 0;
	padding: 0;
	background: inherit;
}

.BrandBar .HelpMenu #helpSearchFilters {
	margin-top: 1em;
    padding-bottom:70px;
}

#helpFilterSection .HelpSearchFilter {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	height: 28px;
	line-height: 28px;
	color: #505050;
}

#helpFilterSection .HelpSearchFilter:hover 
{
	color: #427CD8;
}

.BrandBar .HelpMenu #helpFilterSection .selected {
    background: white;
    border-radius: 3px 0 0 3px;
} 

.BrandBar .HelpMenu #helpFilterSection .helpAppGuideLink {
	max-width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.BrandBar .HelpMenu #helpSearchResultsSection {
	max-height: 380px;
	overflow-x: hidden; 
	overflow-y: auto;
	background: #FFFFFF;
	float:left;
	position:relative;
	padding:0 0 1em 0;
	left: 100%;
	width: 63.440860215%; /* right = desired width of results container / width of help search panel * 100 */
} 

/* Search Results Section */
.BrandBar .HelpMenu #helpSearchResultsSection .Spinner {
    background: url('images/ajax-loader.gif') no-repeat center center;
    height: 32px;
    padding: 20px;
}

.BrandBar .HelpMenu #helpSearchResultsSection .Result .header {
    margin: 0;
    max-width: 98%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.BrandBar .HelpMenu #helpSearchResultsSection .body {
    margin: 0;
    color: #444;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 35px;
    word-wrap: break-word;
    white-space: normal !important;
}

.BrandBar .HelpMenu #helpSearchResultsSection .Result {
    display: block;
    border: none;
    padding: .75em 1em;
    cursor: pointer;
    line-height: 1.25em;
}

.BrandBar .HelpMenu .Error {
    color: Red;
}

.BrandBar .HelpMenu #helpSearchResultsSection .Result .HelpCategoryIcon 
{
	position: absolute;
	left: 1em;
	margin: 0;
}

.BrandBar .HelpMenu #helpSearchResultsSection .Result a 
{
	padding: 0;
	margin: 0;
	margin-left: 28px;
}

#helpFilterSection .HelpGetQuickBaseTrainingLi{
    bottom: 0px; 
    position: absolute; 
    width: 100%;          
    height:75px;
}

#helpFilterSection .HelpGetQuickBaseTrainingAnchor, #helpFilterSection .HelpGetQuickBaseWhatsNewAnchor {
    background-color: #edf0f3; 
    font-size:12px;
    padding:6px !important;
    color:#404040;
    border-left: 6px solid #f2b835;
    border-top:1px solid #cccccc;
}

#helpFilterSection .PlainAnchor > span:first-child {
    background-color: transparent;
    height: 24px;
    width: 33px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 9px;
}

#helpFilterSection .HelpGetQuickBaseTrainingSpan {
    background: url("images/icons/training_greysolid.png") no-repeat;
}

#helpFilterSection .HelpGetWhatsNewSpan {
    background: url("images/icons/icon_whats-new.png") no-repeat;
}

/* Facet Icons */
.HelpCategoryIcon {
    background: url("images/icons/HelpSearchPanel_Sprite.png") top left no-repeat;
    background-color: transparent; 
    height: 24px;
    width: 24px;
    display: inline-block !important;
    vertical-align: middle;
    text-align : center;
}
.HelpCategoryIcon.OnlineHelp { background-position: 0px 0px;}
.HelpSearchFilter:hover .HelpCategoryIcon.OnlineHelp { background-position: 0px -24px;}

.HelpCategoryIcon.KnowledgeBase { background-position: -24px 0;}
.HelpSearchFilter:hover .HelpCategoryIcon.KnowledgeBase { background-position: -24px -24px;}

.HelpCategoryIcon.QuickBaseCommunity { background-position: -48px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.QuickBaseCommunity, .HelpCategoryIcon.QuickBaseCommunity.Alt { background-position: -48px -24px; }

.HelpCategoryIcon.Videos { background-position: -72px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.Videos { background-position: -72px -24px; }

.HelpCategoryIcon.Webinars { background-position: -96px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.Webinars { background-position: -96px -24px; }

.HelpCategoryIcon.QuickBaseNews { background-position: -120px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.QuickBaseNews { background-position: -120px -24px; }

.HelpCategoryIcon.APIGuide { background-position: -144px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.APIGuide { background-position: -144px -24px; }

.HelpCategoryIcon.FormulaFunctions { background-position: -168px 0; }
.HelpSearchFilter:hover .HelpCategoryIcon.FormulaFunctions { background-position: -168px -24px; }

.HelpCategoryIcon.EmailOwner.Alt  { background-position: -192px -24px; }

.HelpCategoryIcon.Support.Alt { background-position: -216px -24px; }


.HelpCategoryIcon.WithText { margin-right: 6px; margin-top: -4px;}

/* Ask the Expert Section */
.BrandBar .HelpMenu #helpAskAnExpertTopBar {
    text-align: left;
    clear: both;
}

.BrandBar .HelpMenu #helpAskAnExpertTopBar .qbPersist.ToggleSectionIcon {
	position: static;
	display: inline-block;
	margin: 0;
    vertical-align: top;
}
#askAnExpertToggleLink 
{
	color: #555;
	padding: 0;
	line-height: 18px;
	vertical-align: top;
	height: 18px;
}

.BrandBar .HelpMenu #helpAskAnExpertSection {
    padding: 0 1em;
}

.BrandBar .HelpMenu #helpAskAnExpertSection > div {
    width : 33.33333333%;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    float: left;
    padding: 1.05em 1em;
    position: relative;
    padding-left: 32px;
}

.BrandBar .HelpMenu #helpAskAnExpertSection .Icon 
{
	position: absolute;
	left: 0;
	top: 1em;
}

.BrandBar .HelpMenu #helpAskAnExpertSection a {
    padding: 0;
    display: block;
    margin-top: .5em
}

#dialogEmailAppOwner #emailMessage{
    overflow-y: auto;
    resize: none;
}


/***** App Menu Bar - Customize/Users/Recent/etc *****/

#noRecentItemsMenuSpan {
    width: 200px;
    padding: 10px;
}

#createNewTableSelector #createNewTableSelectorList > a {
    padding: .5em .25em .5em .25em;
    display: block;
}

#createNewTableSelector #createNewTableSelectorList > a:hover {
    background-color: #dce8f4;
}


#addRoleDesc {
    vertical-align: top;
	width: 95%;
}
#addRoleName {
    width: 95%;
}

/* Two-column grid for forms of format <label>:<span class="field">[<input>|<select>|[Text]] 
Used for Find Menu dialog*/

.FormGridRow {
    clear: left;
}
.FormGridRow .Label {
    float: left;
    width: 3em;
    display: block;
    margin-top: .5em;
}
.FormGridRow .Field {
    display: block;
    margin-left: 3em;
    margin-top: .5em;
}


/***** Standard icons *****/

.Icon.AddRecord {
    background-image: url(images/icons/add_record.gif);
}
.Icon.Search {
    background-image: url(images/icons/search.gif);
}
.Icon.NewReport {
    background-image: url(images/icons/report.gif);
}
.Icon.Customize {
    background-image: url(images/icons/customize.gif);
}
.Icon.Fields {
    background-image: url(images/icons/fields.gif);
}
.Icon.Forms {
    background-image: url(images/icons/forms.gif);
}
.Icon.Report {
    background-image: url(images/icons/report.gif);
}

.Icon.Table.Report { 
    background-image: url("images/icons/Table-Report.png"); 
}
.Icon.Summary.Report { 
    background-image: url("images/icons/Summary-Report.png"); 
}
.Icon.Chart.Report { 
    background-image: url("images/icons/Chart-Report.png"); 
}
.Icon.Grid-edit.Report { 
    background-image: url("images/icons/Grid-edit-Report.png"); 
}
.Icon.Calendar.Report { 
    background-image: url("images/icons/Calendar-Report.png"); 
}
.Icon.Timeline.Report { 
    background-image: url("images/icons/Timeline-Report.png"); 
}
.Icon.Map.Report { 
    background-image: url("images/icons/Timeline-Report.png"); 
}
.Icon.RevealedByAdmin {
    background-image: url("images/icons/note_error.png");
}

.Icon.Relationship {
    background-image: url(images/icons/relationship.gif);
}
.Icon.Mail {
    background-image: url(images/icons/email.gif);
}
.Icon.Permissions {
    background-image: url(images/icons/permissions.gif);
}
.Icon.Properties {
    background-image: url(images/icons/properties.gif);
}
.Icon.Help {
    background-image: url(images/icons/help.png);
}
.Icon.GuideAdd {
    background-image: url(images/icons/guide_add.gif);
}
.Icon.Check {
    background-image: url(images/icons/check.gif);
}
.Icon.AlertWhite {
    background: url(../../../i/icons/16/exclamation-white.png) no-repeat;
}
.Icon.AlertRed {
    background: url(../../../i/icons/16/exclamation-red.png) no-repeat;
}

/* Footer Styling */
footer#legalFooter {
    color: #666;
    margin: 28px auto;
    padding: 24px 34px;
    text-align: center;
    font-size: 14px;
    width: 360px;
    border-top: 1px solid #ddd;
}

#customUIfooter, #customUIfooter a {
    width: 100%;
    padding: 5px 0px;
    font-size: 13px;
    letter-spacing: .3px;
    text-decoration: none;
}

#customUIfooter a {
    color: #00ade6;
} 

#customUIfooter a:hover {
    color: #5bc7ff;
}

#customUIfooter .Left {
    margin-left: 1.9em;
}
#realmAppFooter
{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
}
#customUIfooter .Right {
    margin-right: 1em;
}

footer .Left a {
    text-decoration: none;	
    color: #999;
}

footer .Left a:hover {
    text-decoration: underline;	
}

#footerCancelButton.cancelBtn {
    color: #333;
}

#mobileFooter h3 {
    font-size:16px;
    font-weight:bold;
}
#mobileFooter a {
	color: #365ebf;
	text-decoration: none;
}		

#mobileFooter a:hover {
	color: #f0640f;
}

#bottomSpacer {
    display:block;
    width:100%;
    margin-bottom: 15px;
}

/*** Table Bar ***/
#tablesMenuBarWrapper {
    position: relative;
    display:block;
    width:100%;
    z-index: 5;
    background: #f5f5f5;
    min-height: 57px; /* This is needed to keep the menu bar wrapper from collapsing when #tableBar is empty */
}
/* in settings-mode pages, hide the table bar */
body.SettingsMode #tablesMenuBarWrapper {
    display: none;
}

body.FormBuilder #tablesMenuBarWrapper {
    display: block !important;
}


#tablesMenuBarWrapper .TableMenuBar{
    clear: both;   
    border: none;
    margin: 0px;
    white-space: nowrap;
	overflow: hidden; 
	padding-left: 8px;  
}
/*  This element partially obscures the gradient for #tablesMenuBarWrapper and is required 
    for the selected table 'nub' to be visible over this drop shadow gradient */
#tablebarFooterGradient
{
    position:absolute;
    height:10px;
    bottom:0; left:0; right:0;
    background: #FFFFFF;    
}
.TableBarGradient
{
    background: #F5F5F5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eef6fd',GradientType=0 ); /* IE6-9 */
}
#tablesMenuBarWrapper #tablesBar { margin-left:211px;}
#tablesMenuBarWrapper #homeAndUsersBar
{ 
    display:inline-block; 
    width:auto; 
    position:absolute; 
    top:0; 
    left:0; 
    padding-left:22px;
    height:100%;
}
#tablesMenuBarWrapper #homeAndUsersBar li.tableMenuSelected > a {
    border-bottom: 2px solid #333333;
    padding-bottom: .18em;
}

#tablesMenuBarWrapper .NoTablesVisible#homeAndUsersBar
{
    position: relative; /* when no tables in table bar, make this not :absolute so that it still takes up physical space */
    height: auto;
}
#tablesMenuBarWrapper .NoTablesVisible#homeAndUsersBar #DividerRight
{
    display: none; /* when no tables in table bar, hide this ugly thing */
}

#tablesMenuBarWrapper .TableMenuBar > li {
    opacity: 0.85;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all;
    background: transparent;
	background-position:center bottom;
	background-repeat: no-repeat;
	background-image: none;
	padding: 0 3px 0 3px;
    margin: 0 0 0 0;
    position: relative;
	display:inline-block;
	*display: inline; zoom: 1; /*IE7*/
	position:relative;
	max-width:  150px;
	min-width:75px;
	overflow:hidden;
}

#tablesMenuBarWrapper .TableMenuBar > li.app-management {
    opacity: 1;
}

#tablesMenuBarWrapper .TableMenuBar.DataClassificationBadge-Table {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}

#tablesMenuBarWrapper .TableMenuBar.DataClassificationBadge-Table > #hybrid-data-classification-badge {
    height: 56px;
}

#tablesMenuBarWrapper .TableMenuBar > li#tblNavHome,
#tablesMenuBarWrapper .TableMenuBar > li#tblNavUsers 
{
    padding-left: 3px; 
    padding-right: 3px;
}
#tablesMenuBarWrapper .TableMenuBar > li > a {
    padding: 0em 0 .3em 0;
    color: #575757;
    font-weight:normal;
    background-repeat: no-repeat;
    background-position: 50% 4px;
	text-align: center;
	width:100%;
}


#tablesMenuBarWrapper .SelectedTableInd
{
     padding: .3em 0 .3em 0;
     border:1px solid transparent;
     background-color: none;
     transition: all 0.2s ease;
}
#tablesMenuBarWrapper .TableMenuBar > li.tableMenuSelected > a .SelectedTableInd,
#tablesMenuBarWrapper .TableMenuBar > li#appHomeButton.tableMenuSelected > a > .SelectedTableInd
{
    position:relative;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
}
#tablesMenuBarWrapper .TableMenuBar > li:hover > a > .SelectedTableInd {
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

#tablesMenuBarWrapper .TableMenuBar > li > a div.TableNameLabel 
{
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 5px 0 5px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#tablesMenuBarWrapper .TableMenuBar > li > div.TablebarFooter
{
    position:absolute; 
    left:0; right:0; bottom:0;
    height:5px; 
    background-color:white; 
}
/* Table bar - new table li */
.tableMenuIcon.add, 
.newtableMenuIcon.add 
{
    background: url("./images/icons/navIconSprite.png") no-repeat;
    background-position: 0px -50px;
    display: inline-block;
    zoom: 1;
    width: 24px;
    height: 24px;
}

#btnNewTable .SelectedTableInd .Spinner {
    background-image: url('./images/ajax-loader.gif');
    background-position: 0px -48px;
    background-size: 100%;
    display: none;
    zoom: 1;
    width: 24px;
    height: 24px;
}

#tablesMenuBarWrapper .TableMenuBar > li#DividerRight > .DivImage
{
    height:51px;
    width:9px;
    background: url("./images/icons/tblIconsHome.png") no-repeat;
    background-position: -9px 0px;
    min-width:9px;
}
#tablesMenuBarWrapper .TableMenuBar > li#DividerLeft > .DivImage
{
    height:51px;
    width:9px;
    background: url("./images/icons/tblIconsHome.png") no-repeat;
    min-width:9px;
}
/* IE 7&8 table bar footer */
body.IE #tablesMenuBarWrapper .TableMenuBar > li#DividerLeft > .DivImage,
body.IE #tablesMenuBarWrapper .TableMenuBar > li#DividerRight > .DivImage
{
    height:52px;
}
#tablesMenuBarWrapper .TableMenuBar > li#DividerRight,
#tablesMenuBarWrapper .TableMenuBar > li#DividerLeft
{ 
    min-width:0px; 
    padding-right:0;
    padding-top:7px;
  }
#tablesMenuBarWrapper .TableMenuBar > li#DividerRight:hover,
#tablesMenuBarWrapper .TableMenuBar > li#DividerLeft:hover
{ background:none; }
#tablesMenuBarWrapper .TableMenuBar > li#DividerLeft
{padding: 7px 10px 7px 5px;}

#tablesMenuBarWrapper .TableMenuBar > li > a#createTableMenuBtn_tabMenu {
    padding-bottom: 0;  
}
#createTableMenuBtn_tabMenu .SelectedTableInd
{
     padding: .4em 0 .3em 0;
     border:1px solid transparent;
}

#createTableMenu 
{
    border: 1px solid #55A0EF;
    width: auto;
}

#createTableMenuAppHome 
{
    width: auto;
}

#createTableMenuAppTable 
{
    padding: 0;
    width: auto;
}
#createTableMenuAppTable.Menu .Separator
{
    margin:0;
}
#createTableMenuAppTable.Menu .Selectable
{
    padding:6px 9px;
}

.AddFieldOptions.Menu {
    padding:0;
}

.AddFieldOptions.Menu .Selectable
{
    padding:6px 9px;
}
.AddFieldOptions.Menu .Separator {
    margin:0;
}
#tblNavHome > a .TblIcon20
{
    background-position: 0px -3144px;
}
#tblNavUsers > a .TblIcon20
{
    background-position: 0px -3168px;
}


/* Table dropdown list scrolling and dropdown styles */
.TableListForm {
    margin: 3px 5px 2px 0px;
    width: 100%;
}


ul.TablePicker.ui-qbmenu {
    padding-bottom: 6px;
}

 ul.TablePicker.Menu  li.FilterTableList {
    padding-right: 10px;
    position:relative;
 }
 
 ul.TablePicker.NoSearch.Menu  .Header 
 {
     padding: 3px 0px 3px 1em;
 }

form.TableListForm span.ClearContainer {
    display: block;
} 

form.TableListForm input.FilterTableListText  
{
    
    width: 100%;
}

.FilterTableItem 
{
    position: relative;
}

.menuItem
{
    margin: auto;
}

.FilterTableItemLine {
    padding-left: 1em;
    position: relative;
    vertical-align: middle;
    height: 100%;   
}

.menuConnectedTableIcon 
{
    width: 18px;
    height: 15px;
    background: url('./images/Plug_small.png') center right no-repeat;
    background-color: transparent;  
    display: inline-block;  
    vertical-align: middle;
    float: right; 
}

@-moz-document url-prefix() {
    .menuConnectedTableIcon 
    {
        margin-top: -15px;
    }
}

.FilterTableItemLine .FilterTableItemIcon,
.FilterTableItemLine .FilterTableItemName {
    display: inline-block;
}

.FilterTableItemLine .FilterTableItemName {
    margin-left: 1em;
    max-width: 500px;
    white-space: normal;
    word-wrap: break-word;    
    vertical-align: bottom;
}

#settingsJumpMenu .FilterTableList {
    margin-left: 0px;
    padding-right: 1px; 
    padding-left: 0;    
    padding-top: 5px;
    padding-bottom: 1em;    
}
 
 ul.TablePicker.Menu  li.FilterTableList {
     padding: 0px;
     margin: 0px;
 }

.FilterTableList {
     position:relative;
}

.fromscratch{
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    display: inline-block; 
    padding-left:10px;
}

.fromDataConn {
	font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    display: inline-block;
    padding-left:10px;
}

.fromDataConnDetail {
    font-weight: normal;
}

.fromscratchDetail {
    font-weight: normal;
}
 
#createTableMenuBtn_tabMenu .DownArrow {   
    background-position: 0% 90%;
    float:right;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px; 
   position: absolute;
} 
 
#newTableMenuButtonAppHome .DownArrow {    
    background-position: 80% 20%;
    float:right;
    background-repeat: no-repeat;
    display: inline-block;
} 

.DownArrow.Settings {    
    background-position: 80% 20%;
    float:right;
    background-repeat: no-repeat;
    display: inline-block;
} 


.Icon.NewNonConnectedTable
{ 
    width: 47px;
    height: 30px;
    display: inline-block;
    background-image: url("images/icons/New_Table_Menu_sprite.png");
    background-repeat: no-repeat;
}   

#newTableMenuButton .DownArrow {    
    background-position: 50% 50%;
    float:right;
    background-repeat: no-repeat;
    display: inline-block;
} 


#createTableMenu 
{
    padding-top:0;
    padding-bottom:0;
}
#createTableMenu .Separator
{
    margin:0;
}

#createTableMenu .Selectable
{
    padding-top:8px;
    padding-bottom:8px;
}

#createTableMenu .Spinner {
    display:none;
    pointer-events: none;
    background: url("images/ajax-loader.gif") no-repeat center;
    background-size: 10%;
    height:80px;
}

.Icon.NewConnectedTable
{ 
    width: 47px;
    height: 30px;
    background-position: 0px -40px;
    display: inline-block;
    background-image: url("images/icons/New_Table_Menu_sprite.png");
    background-repeat: no-repeat;
}   

.Icon.New {
    width: 33px;
    height: 13px;
    display: inline-block;
    background: url("images/icons/new.png") no-repeat 0px 0;
}
.TablePicker .FilterTableItemIcon {
    vertical-align: top;
    left:.4em;
    position:relative;
}
.TablePicker.NoSearch .HeaderTitle
.TablePicker >.Header {
    margin-bottom: .25em;
}

.TablePicker {
    padding-top: 0px;
    min-width: 21em;    
}
.IE .TablePicker {
    width: 21em;
}

.TablePicker .HeaderTitle {
    margin-bottom: .6em;
    font-size: 13px;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    color: #333;
}
.TablePicker.NoSearch .HeaderTitle {
    margin: 0px 0;
    padding: 6px 0;
}

.TablePicker li.CurrentPage a {
    font-weight: bold;
}

#tableBarLeftGroup,
#tableBarRightGroup {
    position: absolute;
    top: 0;
    height:85%;
}
#tableBarLeftGroup {
    left: 0;
}
#tableBarRightGroup {
    right: 0;
}
#tableBarRightGroup .IconStack > * {
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    transition: 0.2s linear all;
    opacity: 1.0;
}
#tableBarRightGroup .IconStack > *:hover {
    background-color: #FEFEFF;
}

#tablesMenuBarWrapper .ScrollArrow,
#tableBarRightGroup .IconStack {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}
#tableBarRightGroup .IconStack {
    z-index: 4;
    position: relative;
}
#tableBarRightGroup .IconStack > * {
    display: block;
    height: 50%;
    margin: 0;
    padding: 0;
    border: none;
    border-left:1px solid #ebeaea;
    border-right: 1px solid #ebeaea;
    background-color: #FFFFFF;
    width: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*first child (add table button, when allowed) 
  or table search drop down when table add not allowed
*/
#tableBarRightGroup .IconStack > *:first-child {
    border-top: 1px solid #ebeaea;
    border-top-left-radius: 2px;
}   
/*table search dropdown*/
#tableBarRightGroup .IconStack #allTablesTrigger {
    border-bottom: 1px solid #ebeaea;
    border-bottom-left-radius: 2px;
}

/*when table search dropdown menu is only child*/
#tableBarRightGroup .IconStack > :only-child {
    height: 100%;
}

.IconParent { 
    position:relative; 
    cursor:pointer;
}

.Icon.NavControl, .Icon.NavControl.Disabled
{
    background-image: url('./images/icons/scroll_sprite.png');
    position:absolute;
    width:16px;
    height:16px;
    top:50%;
    left:50%;
    margin-top:-7px;
    margin-left:-7px;
    background-color:transparent;
}

#btnNewTableLite .Spinner {
    background-image: url('./images/ajax-loader.gif');
    background-size: 100%;
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    background-color: transparent;
    background-position: -32px 16px;
}

.ScrollArrow > .Icon.ScrollRight { background-position: -15px 0px; }
.Icon.MenuDown { background-position: -48px 17px; }
.Icon.NewTable { background-position: -31px 16px; }
:hover > .Icon.MenuDown { background-position: -48px 0;}
:hover >  .Icon.NewTable { background-position: -31px 0; }

/* general overflow scroll arrows */
.ScrollArrow {
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    transition: 0.2s linear all;
    display: inline-block;
    width: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
#tableBarRightGroup .ScrollArrow
{
    margin-left: -4px;
    margin-right: 2px
}
#tableBarLeftGroup .ScrollArrow
{
    margin-left: 2px;
}

.ScrollArrow.NoShadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body.IE .ScrollArrow.ScrollLeft {
    border-right: 1px solid #cee0f0;
}
body.IE .ScrollArrow.ScrollRight {
    border-left: 1px solid #cee0f0;
}

/* bg color remains same when disabled */
.ScrollArrow,
.ScrollArrow.Disabled,
.ScrollArrow.Disabled:hover {
    background-color: #fff;
    border: 1px solid #ebeaea;
}
.ScrollArrow.IconParent {
    border: 1px solid #ebeaea;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#tableBarLeftGroup > .ScrollArrow.IconParent {
    border: 1px solid #ebeaea;
    border-radius:2px;
}

/* nondisabled buttons highlight on hover */
.ScrollArrow:hover {
    background-color: white;
}

/* disabled buttons have normal cursor and are transparent */
.Icon.ScrollRight.Disabled, 
.Icon.ScrollLeft.Disabled {
    cursor: default;
    filter: alpha(opacity=40); /*IE9+*/
    opacity: 0.4; /*standards-compliant browsers*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /*IE8*/
}

/** overlay on top of page bar **/
/* the full-sized container, with the background color.  show and hide this one */
#pageBarReportTray .OverlayOuter {
    display: none;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    bottom: 6px;
    width: 100%;
    background: #ccc;
    /* 10x10px #fff @ 0.7 opacity, for IE */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABxJREFUKFNj+Pfv30xiMAMxikBqRhXiDU+igwcAhQZlfC2Ph4sAAAAASUVORK5CYII=");
    background: rgba(255,255,255,0.7);
}
/* an inner, full-size display:table element.  necessary for vertically centering.
has to be inside the .OverlayOuter as the display:table element won't take the full 100% height otherwise */
#pageBarReportTray .OverlayOuter > .OverlayInner {
    display: table;
    width: 100%;
    height: 100%;
}
/* the actual stuff, vertically and horizontally centered */
#pageBarReportTray .OverlayOuter > .OverlayInner > .OverlayContent {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#pageBarReportTray .OverlayOuter > .OverlayInner > .OverlayContent > .Spinner {
    background: url("images/ajax-loader.gif") no-repeat center center;
    display: inline-block;
    width: 32px;
    height: 32px;
}

/************************************************************************************
********************** Page-level nav bar *******************************************
************************************************************************************/
#navBars #backToTop
{
    display:none;
    position:absolute; 
    top: 0px; 
    left: 50%;
    width:32px;
    margin-left:-16px;
    padding: 0.1em 0;
    text-align: center;
    cursor: pointer;
    z-index: 2000;
    background-color: #505050;
    color: #EDEDED;
    line-height: 1px;
    /* Border radius */
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    /* Shadow */
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
}
#navBars #backToTop .Icon {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url("images/icons/arrows_global_collapse.png") no-repeat left top;
}
#navBars #backToTop .Icon.BlackArrow {
    background-position: 0px 0px;
}
#navBars #backToTop .Icon.WhiteArrow {
    background-position: -12px 0px;
}
#navBars > .BrandBarSpacer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    background-color: #505050;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .25);
}

/* a bar shown on every page, containing titles and actions/nav specific to that page */
.PageNavBar {
    padding: 6px 0 0;
    background: #ffffff;
    z-index: 4;
    position: relative;
    -webkit-transition: 0.4s linear box-shadow, 0.4s linear background-image;
    -moz-transition: 0.4s linear box-shadow, 0.4s linear background-image;
    transition: 0.4s linear box-shadow, 0.4s linear background-image;
    /*border-bottom: 1px solid #ccc;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

#TableNPageBarSeparator {
    padding-top: 11px;
}
.PageNavBar > .TwoColumn {
    padding: 0 0 6px 0;
}

.PageBarItemListTray > .TwoColumn {
    padding: .75em 35px 1em 4em;
}
/* fixed-size icons in page nav bar */
.PageNavBar .Icon16,
.PageNavBar .Icon20 {
    display: inline-block;
}
.PageNavBar .Icon20 {
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: top;
    top: 5px;
}
body.IE .PageNavBar .Icon20 {
    vertical-align: middle;
}
.PageNavBar .Icon20.App {
    background: url('./images/icons/app20.png') no-repeat center center;
}
.PageNavBar .Icon20.Personal {
    background: url('./images/icons/personal-settings-20.png') no-repeat center center;
}
.PageNavBar .Icon20.MyQB {
    background: url("./images/icons/navIconSprite.png");
    background-repeat: no-repeat;
    background-position: -16px 0px;
    width: 16px;
    height: 16px;
}

/* adjust button margins in the nav bar */
.PageNavBar .Vibrant {
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
}

.PageBarItemListTray  .RightColumn > .Vibrant,
.PageNavBar .RightColumn > .Vibrant {
    margin-right: 0;
}

/* keep from scrolling off the top (javascript adds/removes this class) */
#navBars .PageNavBar.Fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.333);
    background-image: none;
}

/* the top-left group of navigational elements */

.PageNavBar .Header {
    padding-left: 2.3em;
}

#settingsButton + .Header {
    padding-left: 0;
}

.PageNavBar .Header > * {
    display: table-cell;
    vertical-align: top;
}
.PageNavBar .Header .DisplayNone {
    display: none;
}

.PageBarItemListTray .TwoColumn ,
.PageNavBar .TwoColumn {
    position:relative;
    overflow: hidden;
}

.PageBarItemListTray .TwoColumn > * ,
.PageNavBar .TwoColumn > * {
    display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.PageBarItemListTray .TwoColumn > .LeftColumn,
.PageNavBar .TwoColumn > .LeftColumn {
    width: 100%;
}
.PageBarItemListTray .TwoColumn > .RightColumn,
.PageNavBar .TwoColumn > .RightColumn {
    padding: 5px 20px 0 8px;
    position:relative;
    text-align: right;
    top: -5px;
}
.PageNavBar.Fixed .TwoColumn > .RightColumn {
    padding-top: 4px;
}

.PageBarSearchableTray .TwoColumn a,
.PageNavBar .TwoColumn a {
    text-decoration: none;
}


/* the top-left nav has one or more title sections (levels of hierarchy / breadcrumbs) */
.PageNavBar .Header .TitleGroup {
    padding: 0 9px;
}

/* section title with link */
.PageNavBar .Header .TitleGroup .FS-H1 > a,
.PageNavBar .Header .TitleGroup .FS-H2 > a,
.PageNavBar .Header .TitleGroup .FS-H3 > a {
    color: black;
    text-decoration: none;
    cursor: pointer;
	
}
.PageNavBar .Header .TitleGroup .FS-H1 > a:hover,
.PageNavBar .Header .TitleGroup .FS-H2 > a:hover,
.PageNavBar .Header .TitleGroup .FS-H3 > a:hover {
    color: #02B8F3;
}
/* the primary section title, reserved for only the first in the group of titles */
.PageNavBar .Header .TitleGroup .FS-H1 {
    margin-top: 0;
    font-family: "Gibson-SemiBold";
    font-size: 18px;
    letter-spacing: 0px;
}

/* a title showed beneath the section title (e.g. a settings link or a subtitle) */
.PageNavBar .Header .TitleGroup .FS-Action {
    white-space: nowrap;
    color: #888;
    font-weight: lighter;
}
.PageNavBar .Header .TitleGroup .FS-H1 + .FS-Action {
    margin-top: 0;
}
.PageNavBar .Header .TitleGroup a.FS-Action,
.PageNavBar .Header .TitleGroup .FS-Action a {
    text-decoration: none;
    text-transform: none;
    font-size: 13px;
    color: #333;
    position: relative;
    top: 2px;
    left: -1px;
}
.PageNavBar .Header .TitleGroup a.FS-Action:hover,
.PageNavBar .Header .TitleGroup .FS-Action a:hover {
    color: #02B8F3;
}

/* should the section have a right divider visible? */
.PageNavBar .Header .RightDivider {
    padding-right: 14px;
    background-image: url("./images/pagebar-divider.png");
    background-position: right 0px;
    background-repeat: no-repeat;
}
body.IE9 .PageNavBar .Header .RightDivider,
body.Firefox .PageNavBar .Header .RightDivider {
    background-position: right -18px;
}
/* main icon w/ drop shadow */
.PageNavBar .Header .MainIcon {
    margin-right: 0.25em;
    width: 28px;
    height: 28px;
    text-align: center;
    position: relative;
}

/*overlay a gear on top of the main icon in settings mode */
.PageNavBar .Header .MainIcon .SettingsModeGear.Icon {
    position: absolute;
    right: -5px;
    bottom: -5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("./images/icons/settings-gear-overlay.png");
    background-position: center center;
	background-repeat: no-repeat;
}

/* primary actions (on right of page nav bar) */
/* You should also mark these up as fs-actions */
.PageNavBar .PageNavBarActions > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .5em;
}
.PageNavBar .PageNavBarActions > .DisplayNone {
    display: none;
}

.PageNavBar .PageNavBarActions > a.Action,
.Header a.Action,
.treeDiv a.Action {
    text-decoration: none;
    color: #555;
    padding-left: 6px;
    cursor: pointer;
}
.PageNavBar .PageNavBarActions > a.Action span, .Header a.Action span {
    vertical-align: middle;
}
.PageNavBar .PageNavBarActions > a.Action span.Icon.Delete {
    background-position: center;
	background-repeat: no-repeat;
}
.PageNavBar .PageNavBarActions > a.Action span.Icon.Copy {
    background-position: center;
	background-repeat: no-repeat;
}
.PageNavBar .PageNavBarActions > a.Action.deleteBtn:hover {
    color: red;
}
.PageNavBar .PageNavBarActions > a.Action:hover,
.PageNavBar .PageNavBarActions > a.Action.Open,
.Header a.Action:hover,
.Header a.Action.Open {
    color: #365ebf;
}
.PageNavBar .PageNavBarActions > a.Action.Disabled,
.PageNavBar .PageNavBarActions > a.Action.Disabled:hover {
    color: #ccc;
}

.PageNavBar .PageNavBarActions .reportRefreshHolder {
}

.PageNavBar .PageNavBarActions .reportRefreshHolder #refreshReport {
    display: block;
    cursor: pointer;
    line-height: 22px;
}

.PageNavBar .PageNavBarActions .reportRefreshHolder #refreshReport .ActionLabel {
    vertical-align: top;
    color:#555;
}

.PageNavBar .PageNavBarActions .reportRefreshHolder #refreshReport .RefreshReportIcon {
    vertical-align: top;
}

.PageNavBar .PageNavBarActions .reportRefreshHolder .refreshHolderLabel {
    display: block;
    color: #999;
}

/* tray that can be opened/closed in the page bar; contents are customizable for each page 
one example is this can hold the categorized list of reports in the app
*/
.PageNavBar .Tray {
    display: none; /* starts hidden, gets shown later */
    color: #555;
    position: relative;
    /*Safari mobile will flash on tap if there are events bound on an element, this prevents the flash */
    -webkit-tap-highlight-color: #f3f0f6;
}

.testAppAsMsg .ToggleArrow{
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 2px;
    background-image: url("./images/icons/arrow-grey-right.png");
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
}

.testAppAsMsg.Open .ToggleArrow {
    background-image: url("./images/icons/arrow-grey-down.png");
}

.testAppAsBtn {
    border-radius: 0px;
}

.PageNavBar .TrayToggler .ToggleArrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 2px;
    background-image: url("./images/icons/arrow-blue-right.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.PageNavBar .TrayToggler .ToggleArrow.Open {
    background-image: url("./images/icons/arrow-blue-down.png");
}

#pageBarReportTray .Icon.Customize,
#pageBarReportTray .Icon.Settings,
.PageNavBar .Icon.Customize,
.PageNavBar .Icon.Settings {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-image: url("./images/icons/settings.png");
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -2.5px;
}

/* a dropdown with more details */
#pageBarReportTray .Icon.More,
.PageNavBar .Icon.More,
.treeDiv .Icon.More {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 2px;
    background-image: url("./images/icons/arrow-blue-down.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 2px;
    margin-top: 2px;
}

.PageNavBar .Icon.More {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 2px;
    background-image: url("./images/icons/arrow-blue-down.png");
    background-repeat: no-repeat;
    background-position: center center;
}

#pageBarReportTray .Icon.GoBack,
.PageNavBar .Icon.GoBack {
    display: inline-block;
    background-image: url("./images/icons/settings-exit.png");
    width: 9px;
    height: 9px;
    vertical-align: baseline;
    margin-right: 4px;
    margin-bottom: -1px;
}

.PageNavBar .Icon.BlueBullet,
#pageNavBarMoreActionsMenu .Icon.BlueBullet {
    background-image: url("../../../i/blue_bullet.gif");
}

#pageNavBarMoreActionsMenu li a {
    color: #333;
}
#pageNavBarMoreActionsMenu li a:hover {
    color: black;
}

/*
Styling for the default report-list tray in pageNavBars
*/
.PageBarItemListTray {
    /* relative position so that left/right arrows can be absolutely positioned */
    position: relative;
    background: #f5f5f5;
    border-top: 2px solid #dddddd;
    overflow: hidden; /* hide glow from left/right arrows */
}

.PageBarItemListTray.Editing {
    /* don't allow text selection; it looks awful when dragging and dropping */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}
/* allow text selection inside of certain elements */
.PageBarItemListTray.Editing input,
.PageBarItemListTray.Editing .UserInput,
.PageBarItemListTray.Editing textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.PageNavBar .CalloutArrow {
    display: inline-block;
    position: absolute;
    width: 11px;
    height: 7px;
    top: 0;
    left: -11px;
    background-image: url("./images/pagebar-tray-callout.png");
    background-repeat: no-repeat;
	background-position: center center;
}

#settingsButton {
    display: inline-flex;
    width: 55px;
    box-sizing: border-box;
    height: 35px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-right: 1px solid #d7d6d9;
}

#settingsButton > .qbIcon.iconUI-settings-filled {
    font-size: 18px;
    color: #57535d;
}

#settingsButton > .qbIcon.iconUI-settings-filled::before {
    border-radius: 50%;
    padding: 10px;
}

#settingsButton:hover > .qbIcon.iconUI-settings-filled::before {
    border-radius: 50%;
    color: #07040d;
    background-color: #c9c9c933;
}

#pageNavBarHeaderWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 40px;
}

#pageNavBarTray .Header {
    padding: 0.5em 3.5em 0.5em 2.3em;
    margin-bottom: 1em;
    background: #e9e9e9;
}
/* input box to live-filter the list, along with a [x] button to clear the box */
.FilterBox {
    position: relative;
    display: inline-block;
}
.FilterBox .ClearInput {
    background-image: url("./images/icons/clearsearch.png");
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
    cursor: pointer;
}
.FilterBox .SearchIcon,
body.UXV2.IE .FilterBox .SearchIcon,
body.UXV2.IE .FilterBox .SearchIcon.UserInput {
    background-image: url('./images/icons/action_ico_search.png');
    background-repeat: no-repeat;
	background-position: right center;
}
.FilterBox #pageNavReportListFilter {
    padding: 8px 0 6px 8px;
}
.FilterBox #pageNavReportListFilter::placeholder {
    color: rgba(0,0,0,.45)
}
.ListFilter {
    padding: 0.5em;
    width: 220px;
}
/* links at top-right of the tray*/
#pageNavBarTray a.Action {
    margin-left: 1em;
}

/* reports can be put into categories ; default is personal reports / common reports
in the future, other categories / user-defined cats will be supported */
#pageNavBarTray .CategoriesWrapper {
    position: relative; /* full-height container for scrollable and left/right arrows */
    padding: 0 3.5em 1em 4em; /* left align, spacing on bottom, right side should just hide under arrows */
}
#pageNavBarTray .PageBarItemListTray.Editing .CategoriesWrapper {
	padding-right: 2.5em;
	padding-bottom: 0.5em;
}
#pageNavBarTray .PageBarItemListTray.Editing.Scrolling .CategoriesWrapper {
	padding-right: 11.25em;
}
#pageNavBarTray .PageBarItemListTray.Editing.Scrolling.HideDropZone .CategoriesWrapper {
    padding-right: 2.5em;
}
#pageNavBarTray .PageBarItemListTray.HideDropZone .NewGroupDropZone {
    display: none;
}
#pageNavBarTray .Categories {
    padding: 0;
    white-space: nowrap;
	overflow: hidden;
	position: relative; /* make this the offset parent, needed for scroll handling */
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    transition: 0.2s linear all;
    min-height:13em;
}

.touch #pageNavBarTray .Categories {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#pageNavBarTray .Categories .Category {
    display: inline-block;
    vertical-align: top;
    margin-left: .8em;
    margin-right: 4px;
    border-left: 2px solid transparent;
    border-right: 1px solid #ddd;
    padding-top: 1px;
    min-height: 14em;
}
#pageNavBarTray .Categories .Category:last-child {
    border-right: none;
}
#pageNavBarTray .Categories .Category:first-child {
    margin-left: 0;
}
#pageNavBarTray .Categories > .Category > .Title
{
    cursor:pointer;
    margin-bottom: 0.5em;
    white-space: nowrap;
    padding-left:.4em;
    position:relative;
    display:inline-block;
}
#pageNavBarTray .Categories > .Category > .Title.Collapsed {
    width: 1em;
    min-width: 16px;
    white-space: normal;
    padding-right: 6px;
}
#pageNavBarTray .Categories > .Category > .Title.Collapsed > .sectionTitle
{
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left center;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left center;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left center;
    -o-transform: rotate(90deg);
    -o-transform-origin: left center;
    transform: rotate(90deg);
    transform-origin: left center;
	margin: 0 0 0 0.667em;
	padding: 0;
	white-space: nowrap;
}

#pageNavBarTray .Categories > .Category > .Title form { display:inline-block;vertical-align:middle;}
#pageNavBarTray .Categories > .Category > .Title form input { font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; margin:0;}
#pageNavBarTray .Categories > .Category > .Title form.DisplayNone{ display:none;}
#pageNavBarTray .Categories > .Category > .Title > form > input { margin: 0 0 0 0.2em; vertical-align: middle; padding: 0.1em 0.2em; }
#pageNavBarTray .Categories > .Category > .Title .Controls > div,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem .Controls > div
{
    display:inline-block; 
    width: 20px; height: 20px;
    vertical-align: middle;
    cursor:pointer;
    margin:1px 3px 1px 3px;
}

#pageNavBarTray .Categories > .Category > .Title .HoverControls,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls
{   
    display:none;
    position: absolute;
    top: 0px;
    right: 20px;
    border-radius: 2px 0px 0px 2px;
    background-color: rgba(255,255,255,0.8);
}
html.touch #pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls 
{ 
    right: 0px; 
    border-radius: 2px 2px 2px 2px;
}

#pageNavBarTray .Categories > .Category > .Title .HoverControls{ right:0px; border-radius: 2px 2px 2px 2px;}
#pageNavBarTray .Categories > .Category > .Title:hover .HoverControls{ border:1px solid #427cd8; }
#pageNavBarTray .Categories #trayGroup_0 > .Title:hover .HoverControls{ border:none; }
#pageNavBarTray .Categories > .Category > .Title:hover .HoverControls{ border:1px solid #427cd8; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls.Deployed{ border:1px solid #c3ddfc; padding-bottom:1px;}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem.Selected > .HoverControls.Deployed{ border:1px solid #c9ae41; }
.no-touch #pageNavBarTray .Categories > .Category > .Title:hover .HoverControls{ display:block; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls
{
    display:block;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .ActionIconSprite
{    
    width:0px;
    margin: 0px 0px 0px 0px;
    -webkit-transition: .2s linear width;
    -moz-transition: .2s linear width;
    -o-transition: .2s linear width;
    transition: .2s linear width;
    vertical-align:top;
}
#pageNavBarTray .Categories > .Category .HoverControls .ActionIconSprite:hover
{
    background-color: rgba(255,255,255,1); 
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls.Deployed > .ActionIconSprite
{
    width:23px;
    margin:0px 0px 0px 4px;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem >  .DeployHovers
{
    visibility:hidden;
    width:20px;
    height:23px;
    border-radius: 0px 2px 2px 0px;
    overflow:hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #c3ddfc;
    cursor:pointer;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem >  .DeployHovers > .HoverCaret
{
    background-color:inherit;
    background-image: url("images/icons/icons_collapse_UD.png");
    background-position: -48px 0px;
    position:absolute;
    top:50%;
    margin-top:-8px;
    left:50%;
    margin-left:-8px;
    height:16px;
    width:16px;
    -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem >  .DeployHovers > .HoverCaret:hover
{
    background-position: -48px -16px;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem >  .DeployHovers.Deployed > .HoverCaret
{
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem.Selected >  .DeployHovers > .HoverCaret
{
    background-position: -32px 0px;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem.Selected >  .DeployHovers:hover > .HoverCaret
{
    background-position: -32px -16px;
}
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem.Selected >  .DeployHovers
{
    background-color:#C9AE41;
}
html.no-touch #pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem:hover >  .DeployHovers { visibility:visible; }

#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .EditReport { background-position: -34px 0px; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .EditReport:hover { background-position: -34px -20px; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .AdministerReport { background-position: -88px 0px; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .AdministerReport:hover { background-position: -88px -20px; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .DeleteReport { background-position: -116px 0px; }
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls .DeleteReport { background-position: -116px -20px; }

#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > .HoverControls > .ReportSettings
{ background-position: -112px -20px; background-image: url("./images/icons/pageBarSprite_28x20.png");}

#pageNavBarTray .Categories > .Category > .Title .HoverControls > .EditGroup{background-position: -34px 0px;}
#pageNavBarTray .Categories > .Category > .Title .HoverControls > .DeleteGroup{background-position:-116px 0px;}
#pageNavBarTray .Categories > .Category > .Title .HoverControls > .DeleteGroup:hover{background-position:-116px -20px;}
#pageNavBarTray .Categories > .Category > .Title form .SaveChanges,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > form > .Controls > .SaveChanges
{ 
    background-position: -396px 0px;
}
#pageNavBarTray .Categories > .Category > .Title form .SaveChanges:hover,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > form > .Controls > .SaveChanges:hover
{ 
    background-position: -396px -20px;
}
#pageNavBarTray .Categories > .Category > .Title form .CancelChanges,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > form > .Controls > .CancelChanges 
{ 
    background-position: -368px 0px;
}
#pageNavBarTray .Categories > .Category > .Title form .CancelChanges:hover,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > form > .Controls > .CancelChanges:hover 
{ 
    background-position: -368px -20px;
}
#pageNavBarTray .Categories > .Category > .Title form .Controls,
#pageNavBarTray .Categories > .Category > .GroupContents > .Column > .TrayItem > form .Controls 
{ 
    display:inline-block; 
    vertical-align:middle; 
}
#pageNavBarTray .Categories > .Category > .Title > .sectionTitle,
#pageNavBarTray .sectionTitle
{
    display:inline-block; 
    margin-left: 0;
    border:3px solid transparent;
    vertical-align:middle;
    font-weight:normal;
    color: #333;
    min-width:75px;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
}

#pageNavBarTray .Categories > .Category > .Title.Collapsed > .sectionTitle
{
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pageNavBarTray .Categories > .Category > .Title > .qbPersist.ToggleSectionIcon
{
    background-image:url("images/icons/icons_collapse_UD.png");
    background-position:0px 0px;
    background-repeat:no-repeat;
    top:-1px;
    left:0;
    height:16px;
    width:16px;
    display:inline-block;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    margin: 4px 0;
    vertical-align:middle;
}
#pageNavBarTray .Categories > .Category > .Title > .qbPersist.ToggleSectionIcon:hover {
    background-position: 0px -16px
}
#pageNavBarTray .Categories > .Category > .Title.Collapsed > .qbPersist.ToggleSectionIcon
{
    background-position: -16px 0px;
    display:block;
}
#pageNavBarTray .Categories > .Category > .Title.Collapsed > .qbPersist.ToggleSectionIcon:hover
{
    background-position: -16px -16px;
}
/* within each category we show reports in columns, columns go next to each other */
#pageNavBarTray .Categories .Category .Column,
#pageNavBarTray .Category .Column {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    max-width: 200px;
    margin-right:.5em;
    white-space: normal;
    padding-bottom:2px;
}
#pageNavBarTray .Categories .Category .FS-H2 + .Column {
    margin-left: 0;
}
/* in a column, each report has its icon and its name as a link to view the report */
#pageNavBarTray .Categories .Category .Column .Report {
    margin-top: 2px;
    word-wrap: break-word; /*force wrapping of really long words*/
}
#pageNavBarTray .Categories .Category .Column .Report:first-child {
    margin-top: 0;
}
#pageBarReportTray .Report > a {
    display: block;
    padding: 4px 21px 3px 27px; /*leave room for the icon from the parent <li>*/
    background-repeat: no-repeat;
    background-position: 5px 3px;
    text-decoration: none;
    color: #555;
    border-radius: 3px;
    min-height: 16px;
    margin-bottom: 0px;
}
#pageBarReportTray .Report.Selected > a
{
    background-color: #ffe18a;
    color: black;
}
#pageBarReportTray .Column .Report.Selected:hover > a
{
    background-color: #fed355;
}
#pageBarReportTray .DragHelper {
    display: inline-block;
    box-shadow: 1px 2px 8px rgba(0,0,0,.25);
    z-index: 10;
    max-width: 200px;
    list-style-type: none;
}
#pageBarReportTray .DragHelper > div
{
    background-color: white;
    color:Black;
    padding:5px;
}

#pageBarReportTray .Report.DragHelper a {
    background-color: white;
    color: black;
}
#pageBarReportTray .DragHelper div
{
    display: none !important;
}
#pageBarReportTray .TrayItem 
{ 
    position:relative;
    min-width:135px;
}
#pageBarReportTray .TrayItem > a {
    -webkit-transition: 0.1s linear opacity, 0.1s linear background-color;
    -moz-transition: 0.1s linear opacity, 0.1s linear background-color;
    transition: 0.1s linear opacity, 0.1s linear background-color;
    cursor: pointer;
}
#pageBarReportTray .TrayItem.MovePending > a,
#pageBarReportTray .Report.Selected.MovePending .HoverControls {
    opacity: 0.33;
    filter: alpha(opacity=33);
    background-color: #F6F9FD;
    cursor: default;
}
/* Don't show hover controls when reports are MovePending */
#pageBarReportTray .Report.Selected.MovePending div { display:none !important; }

/* drop target for reports that creates a new group */
#pageNavBarTray .NewGroupDropZone {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
    text-align: center;
    background: #fbfdfe;
    cursor: default;
	color: #666;
    /* 100% height */
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 1em;
    -webkit-transition: 0.2s linear color;
    -moz-transition: 0.2s linear color;
    transition: 0.2s linear color;
}
#pageNavBarTray .NewGroupDropZone.Frozen {
    right: 1.9em;
    bottom: 0.5em;
}

#pageNavBarTray .NewGroupDropZone .Inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1em;
    border: 1px dashed #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s linear border;
    -moz-transition: 0.2s linear border;
    transition: 0.2s linear border;
}
#pageNavBarTray .NewGroupDropZone .IfNotDropping,
#pageNavBarTray .NewGroupDropZone.Dropping .IfDropping {
    display: inline;
}
#pageNavBarTray .NewGroupDropZone .IfDropping,
#pageNavBarTray .NewGroupDropZone.Dropping .IfNotDropping {
    display: none;
}
#pageNavBarTray .NewGroupDropZone .DropIcon {
    display: inline-block;
	background: url("images/icons/report-manage-newgroup-drop.png") no-repeat 0px 0px;
	width: 44px;
	height: 44px;
	margin: 0.6em 0 0.4em 0;
}
#pageNavBarTray .NewGroupDropZone.Active,
#pageNavBarTray .NewGroupDropZone.Dragging {
	color: #333;
}
#pageNavBarTray .NewGroupDropZone.Active .Inner,
#pageNavBarTray .NewGroupDropZone.Dragging  .Inner{
	border-color: #333;
}
#pageNavBarTray .NewGroupDropZone.Active .DropIcon {
    background-position: -44px 0px;
}
#pageNavBarTray .NewGroupDropZone.Dropping .DropIcon {
    background-position: -88px 0px;
}

/* currently viewed report */
#pageBarReportTray .Column .Report.Active > a,
#pageBarReportTray .Column .Report:hover > a
{
    background-color: #e9e9e9;
    color: #02B8F3;
}
#pageNavBarTray {
    line-height: 16px;
}
/* report type icons; default is table report */
#pageBarReportTray .Report > a { background-image: url("images/icons/Table-Report.png");}
#pageBarReportTray .Table.Report > a { background-image: url("images/icons/Table-Report.png");}
#pageBarReportTray .Summary.Report > a { background-image: url("images/icons/Summary-Report.png");}
#pageBarReportTray .Grid-edit.Report > a { background-image: url("images/icons/Grid-edit-Report.png");}
#pageBarReportTray .Timeline.Report > a { background-image: url("images/icons/Timeline-Report.png");}
#pageBarReportTray .Calendar.Report > a { background-image: url("images/icons/Calendar-Report.png");}
#pageBarReportTray .Map.Report > a { background-image: url("images/icons/Map-Report.png");}
#pageBarReportTray .RevealedByAdmin.Report > a { background-image: url("images/icons/note_error.png");}
#pageBarReportTray .StackOfReports.Report > a { background-image: url("images/icons/StackOfReports-Report.png");}
#pageBarReportTray .OnDropZone.Report > a { background-image: url("images/icons/add16px.png");}
#pageBarReportTray .Kanban.Report > a { background-image: url("images/icons/Kanban-Report.png");}

 /*Chart types*/
#pageBarReportTray .Chart.Report > a {
    background-image: none;
    padding-left: 6px;
}
#pageBarReportTray .Chart .chartIcon {
    background-image:url("images/icons/agf_chart_icons_sprite.png");
    background-repeat: no-repeat;
    height:16px;
    width:16px;
    display:inline-block;
    margin-right: 3px;
    margin-bottom: -4px
}

/* page bar specific scroll arrow styling/positioning */

.PageBarItemListTray .ScrollArrow {
    position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0.0;
}

.Scrolling.PageBarItemListTray .ScrollArrow {
    opacity: 1.0;
}

.Scrolling.PageBarItemListTray .ScrollArrow.Disabled {
    opacity: 0.4;
}

.PageBarItemListTray .ScrollArrow.ScrollLeft {
    left: 0;
}
.Scrolling.PageBarItemListTray .ScrollArrow.ScrollLeft {
    left: 0;
}

.PageBarItemListTray .ScrollArrow.ScrollRight {
    right: 0;
}
.Scrolling.PageBarItemListTray .ScrollArrow.ScrollRight {
    right: 0;
}

.ActionIconSprite {
    background-image:url("./images/icons/pageBarSprite_28x20.png");
    background-repeat:no-repeat;
    height:20px;
    width:25px;
    display:inline-block;
}

.ActionIconSprite.GridEdit { background-position:-3px 0px; }
a:hover .ActionIconSprite.GridEdit, .ActionIconSprite.GridEdit:hover { background-position:-3px -22px; }
.ActionIconSprite.Edit { background-position:-32px 0px; }
a:hover .ActionIconSprite.Edit, .ActionIconSprite.Edit:hover { background-position:-32px -22px; }
.ActionIconSprite.Share { background-position:-57px 0px; }
a:hover .ActionIconSprite.Share, .ActionIconSprite.Share:hover { background-position:-57px -20px; }
.ActionIconSprite.Administer { background-position:-84px 0px;}
a:hover .ActionIconSprite.Administer, .ActionIconSprite.Administer:hover { background-position:-84px -22px; }
.ActionIconSprite.Delete { background-position:-109px -1px; }
a:hover .ActionIconSprite.Delete, .ActionIconSprite.Delete:hover { background-position:-109px -21px; }
.ActionIconSprite.Roles { background-position:-142px 0px; }
a:hover .ActionIconSprite.Role, .ActionIconSprite.Role:hover { background-position:-142px -22px; }
.ActionIconSprite.Groups { background-position:-169px 0px; }
a:hover .ActionIconSprite.Group, .ActionIconSprite.Group:hover { background-position:-169px -22px; }
.ActionIconSprite.Print { background-position:-199px 0px; }
a:hover .ActionIconSprite.Print, .ActionIconSprite.Print:hover { background-position:-199px -22px; }
.ActionIconSprite.Email { background-position:-227px -1px; }
a:hover .ActionIconSprite.Email, .ActionIconSprite.Email:hover { background-position:-227px -21px; }
.ActionIconSprite.Page { background-position:-253px 0px; }
a:hover .ActionIconSprite.Page, .ActionIconSprite.Page:hover { background-position:-253px -22px; }
.ActionIconSprite.Import { background-position:-280px 0px; }
a:hover .ActionIconSprite.Import, .ActionIconSprite.Import:hover { background-position:-280px -22px; }
.ActionIconSprite.Export  { background-position:-308px 0px; }
a:hover .ActionIconSprite.Export, .ActionIconSprite.Export:hover  { background-position:-308px -22px; }
.ActionIconSprite.Revert  { background-position:-337px 0px; margin-top:0.1em}
a:hover .ActionIconSprite.Revert, .ActionIconSprite.Revert:hover  { background-position:-337px -22px; margin-top:0.1em}
.ActionIconSprite.RecordPicker  { background-position:-481px 0px;}
a:hover .ActionIconSprite.RecordPicker, .ActionIconSprite.RecordPicker:hover  { background-position:-481px -22px; }
.ActionIconSprite.Favorited  { background-position:-505px -1px; margin-right: 5px; }
a:hover .ActionIconSprite.Favorited, .ActionIconSprite.Favorited:hover  { background-position:-505px -23px; }
.ActionIconSprite.Favoritable  { background-position:-532px 0px;  margin-right: 5px;}
a:hover .ActionIconSprite.Favoritable, .ActionIconSprite.Favoritable:hover  { background-position:-532px -22px; }
.ActionIconSprite.FavoriteDisabled  { background-position:-560px -1px; margin-right: 5px;}
a:hover .ActionIconSprite.FavoriteDisabled, .ActionIconSprite.FavoriteDisabled:hover  { background-position:-560px -23px; }
.ActionIconSprite.Users { background-position:-614px 0px; }
a:hover .ActionIconSprite.User, .ActionIconSprite.User:hover { background-position:-614px -22px; }

.ActionIconSprite.RefreshDataIcon {
    background-image:url("./images/icons/refresh.png");
    height:22px !important;
    width:22px;
}

.ActionIconSprite.RefreshReportIcon {
    background-image:url("./images/icons/refreshReport.png");
    height:22px !important;
    width:28px !important;
    margin-top: 1px;
}

#adminExperienceToggle {
    color:black;
    cursor:pointer
}
#adminExperienceToggle:hover {
     color: #365ebf;
    background-color: transparent;
}

.AdminExperienceToggleIcon {
    background-image:url("./images/icons/toggle.png");
    background-repeat:no-repeat;
    height:20px;
    width:20px;
     vertical-align:-7px;
    display:inline-block;
    margin-bottom: 2px; 
}

a:hover .AdminExperienceToggleIcon, .AdminExperienceToggleIcon:hover {
    background-image:url("./images/icons/toggle-hover.png");
    background-repeat:no-repeat;
    height:20px;
    width:20px;
     vertical-align:-7px;
    display:inline-block;
}

.ActionSpinner .rvml {
	margin-left: -1px;
	margin-top: -1px;
}

.PageNavBar .ActionLabel {
    position:relative;
    font-size: 14px;
}  

#stdCustThisButton {
    margin-left: -6px;
}

.permissionsPageExperienceToggle {
    background: url("./images/icons/toggle-off.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 44px;
    padding-left: 8px;
    padding-bottom: 2px;
    cursor: pointer;
}

.permissionsPageExperienceText {
    font-family: "Nunito Sans",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #07040D;
    cursor: pointer;
}

/** Record Navigation--previous/next/Return **/
.Icon.ScrollSprite {
    background-image: url('./images/icons/sprite_recordnav_16px.png');
    width: 16px;
    height: 16px;
    background-color: transparent;
}

.Icon.ScrollSprite:hover {
    background-position-y:-14px;
}

#recordNavBar .recordNavButton:hover .Icon.ScrollSprite {
    background-position-y:-14px;
}

/* In the scroll sprite, the right and left arrows are not centered vertically
   so we had to nudge them a couple pixels down.  So the hover has to be different 
   for the middle one.  If the sprite itself ever gets fixed, we can take this out. */
#recordNavBar .recordNavButton:hover .Icon.ScrollSprite.Return {
    background-position-y:-16px;
}
    
#recordNavBar .recordNavButton:hover .recordNavLabel {
    color: #427CD8;
}

.Icon.ScrollSprite.ScrollLeft {
    background-position:0px 2px
}

.Icon.ScrollSprite.ScrollRight {
    background-position:-32px 2px
}

.Icon.ScrollSprite.Return {
    background-position:-16px 0px
}

#recordNavBar {
	height: 2em;
	position:absolute;
	right:18px;
	background-color:transparent;
    z-index: 1;
}
    
#recordNavBar a {
    color:#555;
    text-decoration:none;
}
    
#recordNavBar .ScrollSprite {
    display:inline-block;
    position:relative;
    top:.3em;
}
    
#recordNavBar .recordNavLabel {
    display:inline;
}

#recordNavBar .recordNavButton {
	display: inline;
	padding: .2em 0;
}

.recordNavButton.disabled {
	visibility:hidden;
}

.NewAppBuildSelectStep {
    border: 1px solid #ccc;
    width: 30%;
}


#newAppLightBox.QB.Dialog.ui-dialog {
    padding:0;
}

#newAppLightBox.QB.Dialog {
    border: 1px solid #55A0EF;
    -webkit-box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    -moz-box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    box-shadow: 0 0 7px 2px rgba(102, 102, 102, .5);
    border-radius: 0;
}

#newAppLightBox.QB.Dialog > .Contents {
    padding: 0px;
    overflow: hidden;
}
#newAppLightBox.QB.Dialog #withCreateOptionsContent,
#newAppLightBox.QB.Dialog #noCreatePermContent {
    position: absolute;
    top: 0;
    height: 100%;
    width: 800px;
    overflow: hidden;
}

#newAppLightBox.QB.Dialog #withCreateOptionsContent {
    left: 0;
}
#newAppLightBox.QB.Dialog #noCreatePermContent {
    left: 800px;
}

.LightBoxDiv .DialogContent {
    padding: 14px 40px 20px 20px;
    display: table;
    position: relative;
}

.LightBoxDiv .DialogContent ul{
    padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.LightBoxDiv .DialogTitle {
    position: relative;
	color: #333;
    border: none;
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    letter-spacing: 0.025em;
    background: #e2effc;
    width: 100%;
}
.LightBoxDiv .LeftArrowGroup {
    z-index: 999;
}
.LightBoxDiv .DialogTitle > #accountPicker {
    padding: 5px 5px 5px 24px;
}
.LightBoxDiv .DialogTitle #accountSelectBox {
    font-size:13px;
    margin: 14px;
}

a.CloseIcon {
    cursor: pointer;
}

.LightBoxDiv .NoTitle > a.CloseIcon{
    top: .9em;
}
#accountPicker > a.CloseIcon:hover, 
.LightBoxDiv .NoTitle > a.CloseIcon:hover{
    padding:1px;
}
.LightBoxDiv .NoTitle {
    height: 20px;
    background: white;
}
#newAppLightBox.QB.Dialog .ui-icon {
    background: url(./images/icons/closetab.png);
}

.LightBoxDiv .Img {
    display: table-cell;
	width:167px;
    height: 270px;
    vertical-align: top;
}
.LightBoxDiv .NewAppGlamor.Img {
    background-image: url(./images/icons/NewAppGlamor.png);
    background-position: 0 -27px;
}
#newAppLightBox.QB.Dialog .Pending.Img {
    background-image: url(./images/icons/icon_app_pending.png);
    background-repeat: no-repeat;
    background-position: -10px 27px;
    width: 250px
}

.LightBoxDiv .DialogContent > .RightSect {
    display: table-cell;
    padding-left: 40px;
    vertical-align: top;
}
.LightBoxDiv #noCreatePermContent .DialogContent > .RightSect {
    padding-left: 30px;
}
.LightBoxDiv #noCreatePermContent .DialogContent > .RightSect{
   vertical-align: middle;
}
.LightBoxDiv .DialogContent > .RightSect >.FS-H1 {
    font-size:1.79em;
}
.LightBoxDiv .DialogContent > .RightSect >.FS-H2 {
    font-size:1.277em;
}
.LightBoxDiv .DialogContent > .RightSect > .VerticalSpacerSmall {
    padding-top: 7px;
}
.LightBoxDiv .DialogContent > .RightSect > .VerticalSpacer {
    padding-top:24px;
}

.LightBoxDiv .DialogFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 90px;
    display: table;
    background-color: #E2EFFC;
    width: 100%;
}

.LightBoxDiv .DialogFooter > .LeftSect {
    background-color: #F2F8FE;
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    text-align: right;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.LightBoxDiv .DialogFooter > .LeftSect > .noCreatePerms {
    position: absolute;
    right:0;
    top: 35px;
}

body.Firefox .LightBoxDiv .DialogFooter > .LeftSect > .noCreatePerms {
    position: absolute;
    right:auto;
    top: 35px;
    left: 5%;
    z-index: 997;
}
.LightBoxDiv .DialogFooter > .ArrowSect {
    display:table-cell;
	width:33px;
	height: 90px;
	background-position: 0 -2px;
	background-image: url(./images/arrow_bg_relation.png);
}

.LightBoxDiv .DialogFooter > .RightSect {
    background-color: #E2EFFC;
    display: table-cell;
    vertical-align: middle;
    padding-left: 33px;
}
.LightBoxDiv .DialogFooter > .RightSect {
    z-index: 999;
}

#newAppLightBox.QB.Dialog .ui-dialog-buttonpane {
	display: none;
}

.LightBoxDiv .Button {
    cursor: pointer;
    color: #365EBF;
    position: relative;
    margin-top: -28px;
    display: inline-block;
	vertical-align: middle;
	text-decoration: underline;
	max-width: 120px;
	font-size: 11px;
	margin-right: 16px;
}

.LightBoxDiv #startTrial.Button {
    font-size: 13px;
    font-weight: bold;
    margin-top: auto;
}
.LightBoxDiv .AppCreateTypeImg {
    margin-left: 24px;
    margin-right: 10px;
    display: inline-block;
	background: url(./images/sprite_apptypes.png) no-repeat;
}

.LightBoxDiv .AppCreateTypeImg.Scratch {
    background-position: 0 0;
    width: 38px;
    height: 46px;
}
.LightBoxDiv .AppCreateTypeImg.Scratch:hover {
    background-position: 0 -46px;
}
.LightBoxDiv .AppCreateTypeImg.Import {
    background-position: -38px 0;
    width: 75px;
    height: 46px;
}
.LightBoxDiv .AppCreateTypeImg.Import:hover {
    background-position: -38px -46px;
}

/* Connection Cloud data service icons */

.DataConnection.Icon.Bill-com {
    background-image:url("./images/icons/connections/Billdotcom.svg");
    background-position:0 0;
}

.DataConnection.Icon.Box-com {
    background-image:url("./images/icons/connections/box.svg");
    background-position:0 0;
}

.DataConnection.Icon.CDyne-Weather {
    background-image:url("./images/icons/connections/CdyneWeather.svg");
    background-position:0 0;
}

.DataConnection.Icon.Public-CSV {
    background-image:url("./images/icons/connections/CSV.svg");
    background-position:0 0;
}

.DataConnection.Icon.Dropbox {
    background-image:url("./images/icons/connections/dropbox.svg");
    background-position:0 0;
}

.DataConnection.Icon.DropBox {
    background-image:url("./images/icons/connections/dropbox.svg");
    background-position:0 0;
}

.DataConnection.Icon.Eloqua {
    background-image:url("./images/icons/connections/Eloqua.svg");
    background-position:0 0;
}

.DataConnection.Icon.Facebook {
    background-image:url("./images/icons/connections/Facebook.svg");
    background-position:0 0;
}

.DataConnection.Icon.GoogleDrive {
    background-image:url("./images/icons/connections/GoogleDrive.svg");
    background-position:0 0;
}

.DataConnection.Icon.Intacct {
    background-image:url("./images/icons/connections/Intacct.svg");
    background-position:0 0;
}

.DataConnection.Icon.NetSuite {
    background-image:url("./images/icons/connections/NetSuite.svg");
    background-position:0 0;
}

.DataConnection.Icon.QuickBase {
    background-image:url("./images/icons/connections/QuickBase.svg");
    background-position:0 0;
}

.DataConnection.Icon.QuickBooks {
    background-image:url("./images/icons/connections/QuickBooks.svg");
    background-position:0 0;
}

.DataConnection.Icon.Salesforce-com {
    background-image:url("./images/icons/connections/Salesforce.svg");
    background-position:0 0;
}

.DataConnection.Icon.SugarCRM {
    background-image:url("./images/icons/connections/SugarCRM.svg");
    background-position:0 0;
}

.DataConnection.Icon.Zuora {
    background-image:url("./images/icons/connections/Zuora.svg");
    background-position:0 0;
}

.DataConnection.Icon.Zendesk {
    background-image:url("./images/icons/connections/Zendesk.svg");
    background-position:0 0;
}

.DataConnection.Icon.Sample-Data {
    background-image:url("./images/icons/connections/SampleData.svg");
    background-position:0 0;
}

.DataConnection.Icon.EchoSign {
    background-image:url("./images/icons/connections/EchoSign.svg");
    background-position:0 0;
}

.DataConnection.Icon.Gmail {
    background-image:url("./images/icons/connections/Gmail.svg");
    background-position:0 0;
}

.DataConnection.Icon.OneDrive {
    background-image:url("./images/icons/connections/OneDrive.svg");
    background-position:0 0;
}

.DataConnection.Icon.Salesforce-Sandbox {
    background-image:url("./images/icons/connections/Salesforce-Sandbox.svg");
    background-position:0 0;
}

.DataConnection.Icon.SFTP {
    background-image:url("./images/icons/connections/SFTP.svg");
    background-position:0 0;
}

.DataConnection.Icon.Exchange {
    background-image:url("./images/icons/connections/Exchange.svg");
    background-position:0 0;
}

.DataConnection.Icon.Admin-Console {
    background-image:url("./images/icons/connections/Admin-Console.svg");
    background-position:0 0;
}

.AddFieldOptions {
    border: 1px solid;
    width: auto;
}

.AddFieldDownArrow {
    display: inline-block;
    padding: 0 0 0 0;
    height: 0;
    margin-bottom: 7px;
}

.Medium.DataConnection.Icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

.AddFieldMenu.Medium.DataConnection.Icon {
    display: inline-block;
    margin-left: 9px;
    margin-right: 8px;
}

.createConnectedFieldButton.disabled {
    filter: alpha(opacity=50); 
    opacity: 0.5;
}

.ActionLabel.disabled 
{
    filter: alpha(opacity=50); 
    opacity: 0.5;
}
/*
new flyout menu styles and overrides
*/

#signOutButton.ui-state-default 
{
	border:none;
	background-color:#fff;
	background-image:none;
}
#signOutButton span.ui-button-text 
{ 
	padding: 0px;
	background-color:#fff;
	font-weight:normal;
}

#signedInAsMenu.Menu li a {
	padding-top:10px;
	padding-bottom:0px;
}
#signedInAsMenu.Menu li
{
    padding-left: 18px;
}
li.signoutButton 
{
    float:left;
    width:268px;
}
#signedInAsMenu.Menu li:not(.nohover) a:hover 
{	
	color:#0098CD;
}
#signedInAsMenu li.Separator 
{
	margin-top:18px;
	margin-bottom:10px;
}

#signedInAsMenu .signoutButton
{
   margin-top: -5px;
   margin-bottom: 5px; 
}

.signedInMenuH1 
{
    font-size: 16px;
    font-family: 'Gibson-SemiBold', Helvetica, Arial, Sans-Serif;
    color: #333;
	line-height:16px;
	padding-top:10px;
	padding-bottom:5px;
	display:inline-block;
}

/* Secondary header */
.signedInMenuH2 
{
    font-size: 11px;
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: #9b9b9b;
   	line-height:11px;
}
/*items in qbo-specific menu that aren't h1 or h2*/
.signedInMenuOther
{
    font-size: 14px; /* doublecheck this with kana - diff from spec */
    font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif;
    color: #333;
}

#roleList 
{
    max-width: 268px; /* Solution for QBE009910: For multiple roles displayed dont put the all the roles in next line */
    display: inline-block;
    margin-top: 3px;
    white-space: normal;
}
#signedInMyPreferences
{
	padding-top:8px;
}
#signedInAsMenu.Menu li a#signedInBuyNow 
{
	padding-top:8px;
}

#signedInMyPreferences:hover 
{
	color:#0098CD;
}

#userEmail 
{
    float:left;
}

.ActionLabel.RefreshedLabel {
    cursor:default;
}
/* Hard-overide on the menu background color changes for signinasmenu. Need this because IE8 something forgets the overrides and still loads the yellow highlighted backgrounds */
#signedInAsMenu.Menu li:hover, .Menu li.Selected, .Menu li.Open,
#signedInAsMenu.Menu li:hover, .Menu li.Open, .Menu li.Selected
{
    background-color:White;
}

#subscribeNow, #manageAccount 
{
    display:none;
}

#stdAddRecButton .Icon.DownArrowWhite
{
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 7px;
  vertical-align: middle;
  margin-left: 5px;
  /* Harmony buttons already have a styling for "Icon" class so the following three nullify those */
  position:relative;
  margin-top: auto;
  left: inherit;
}

.PageNavBar .PageNavBarActions #saveAction,
.PageNavBar .PageNavBarActions a[id="saveButton"],
.PageNavBar .PageNavBarActions a[id="saveButton"] + a.qb-splitbutton-menubtn,
.PageNavBar .PageNavBarActions #stdAddRecButton,
.PageNavBar .PageNavBarActions #stdAddRecButton + a.qb-splitbutton-menubtn,
#formFooterButtonsContainer #footerSaveButton,
#formFooterButtonsContainer #footerSaveButton + a.qb-splitbutton-menubtn {
    background: #6BBD57;
    border: 1px solid #6BBD57;
}

.PageNavBar .PageNavBarActions #saveAction:hover,
.PageNavBar .PageNavBarActions a[id="saveButton"]:hover,
.PageNavBar .PageNavBarActions a[id="saveButton"] + a.qb-splitbutton-menubtn:hover,
.PageNavBar .PageNavBarActions a[id="saveButton"]:focus,
.PageNavBar .PageNavBarActions a[id="saveButton"] + a.qb-splitbutton-menubtn:focus,
.PageNavBar .PageNavBarActions #stdAddRecButton:hover,
.PageNavBar .PageNavBarActions #stdAddRecButton + a.qb-splitbutton-menubtn:hover,
#formFooterButtonsContainer #footerSaveButton:hover,
#formFooterButtonsContainer #footerSaveButton + a.qb-splitbutton-menubtn:hover {
    background: #82D06F;
    border: 1px solid #82D06F;
}

#testAs:focus 
{
    outline:0!important;
}

#testAs .Icon .btn-group .Icon16
{
    margin-right: 6px;
    top: -2px;
    position: relative;
}

#testAsRoleBtn {
    border-radius: 3px 0 0 3px;
}

#testAsUserBtn {
    border-radius: 0 3px 3px 0;
}

#testAs .btn:active, #testAs .btn.active {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .125);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .125);
}

#testAs .btn
{
    padding-left: 10px;
    padding-right: 10px;
    width: 65px;
    padding: 5px 10px 4px;
}

li#testAs {
    font-size: 14px;
}

.testSection 
{
    margin-top:10px!important;
    margin-bottom:10px!important;
}

.testSection .qb-iup 
{
    max-width:280px!important;
    width:280px!important;
}

.testSection .inputs .search-text
{
    width:auto!important;
}

.testSection .user-detail .icon.iconHidden
{
    display:none;

}

.testSection .user-detail .user-main.iconHidden
{
    margin-left:0px;
}

.testSection .testAsUserHelp
{
     width:280px;
     margin-top:10px;
}

.testSection .testAsUserHelp .Icon.Help
{
    height:16px;
    width:16px;
    display:inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute
}

.testSection .testAsUserHelp .textHelp
{
    margin-left: 30px;
    padding-top: 6px;
    display: block;
    line-height: 5px;
    white-space: normal;
}

/* Login Customizations */
footer#legalFooter #copyright, footer#legalFooter .Right {
    float: left;
    padding-left: 6px;
}

#favoritesMenu {
    width: 362px;
}

#addNewAppButton.AddAppButton[aria-disabled="true"] {
    pointer-events: none;
    background: url('./images/ajax-loader.gif') top 50% right 0 no-repeat;
    background-size: 10%;
}