/* Classic theme - Widget specific styles */

/* nag box / notifications */
.QBNagBox {
    display: block;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 1em;
    max-height: 4em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.75em;
    position: relative;
    color: #555;
}

.QBNagBox.NoSideMargins {
    margin-left: 0;
    margin-right: 0;
}

.QBNagBox.Thin {
    margin: 0 0 1em 0;
    padding: 0.6em 0.8em;
    border-radius: 4px;
}

.Icon.Close {
    background-image: url(../i/closeX-lightblue.gif);
}
.Icon.Info16 {
    background:url(../i/icons/16/info_16.gif) no-repeat 0 50%;
    padding: 2px 30px;
}
.Icon.Lock16 {
    background:url(../i/icons/16/lock.png) no-repeat 0 50%;
    padding: 2px 30px;
} 
.Icon.Error16 {
    background:url(../i/icons/16/exclamation-red.png) no-repeat 0 50%;
    padding: 2px 30px;
} 
.Icon.Warning {
    background:url(../i/icons/24/lock_24.gif) no-repeat 0 50%;
    display: inline-block;
    padding: 6px 30px;
}

.NagBoxClose {
    height: 9px;
    width: 12px;
    position: absolute;
    right: .5em;
    top: .5em;
}
.NagBoxHeader, .NagBoxContent {
    margin-right: 2em;
}

.NagBoxHeader {
    font-weight: bold;
    font-size: 110%;
}
.QBNagBox.NonBold .NagBoxHeader {
    font-weight: normal;
}

.QBInfoBox {
    background: none repeat scroll 0 0 #F6F7FA;
    border: 1px solid #E0E6EF;
}

.QBWarningBox {
    background: none repeat scroll 0 0 #FFD;
    border: 1px solid #DDA;
}
.QBErrorBox {
    background: none repeat scroll 0 0 #FDD;
    border: 1px solid #DAA;
}

/* Sticky headers on scrolling */

.StickyHeader {
    position: fixed;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    zoom: 1 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.Firefox tr.hd.StickyHeader td.SortField {
    padding: 5px 5px 5px 20px;
}

.ScrollSticky {
    position: absolute !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    zoom: 1 !important;
}


/*  ---  Google Chrome Frame (gcf) Lightbox styling */
#gcfOverlay { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #333; 
    opacity: .5; 
    filter: alpha(opacity=50); 
    z-index: 99998;
} 
    
#gcfPrompt { 
    display: none; 
    position: absolute; 
    padding: 36px;
    width: 625px; 
    height: 190px; 
    margin-left: auto;
    margin-right: auto;    
    background-color: #FFF;
    color: #333;
    border: solid 2px #789cc0; 
    z-index: 99998;
} 

#gcfPrompt .Reset {
    padding: 0;
    margin: 0;
}

/*.FS-H1 & .FS-H1 from fontstack.css needed for classic UX / old IE browser users prompt */
#gcfPrompt .FS-H1 {
    font-size: 1.636em; /* 18pt/11pt baseline */
    font-family: "HelveticaNeue-Roman", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.025em;
    color: #000;
    font-weight: lighter;
}

#gcfPrompt .FS-H2 {
    font-size: 1.273em; /* 14pt/11pt baseline */
    font-family: "HelveticaNeue-Roman", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.025em;
    color: #000;
    font-weight: lighter;
}

#gcfPrompt .FS-Tool-A {
    font-size: 1.0em; /* 11pt baseline */
    font-family: "HelveticaNeue-Roman", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    letter-spacing: 0.025em;
    color: #505050;
}

#gcfPrompt .Right.FS-Tool-A {
    margin-top: 6px;
}

.gcfHeader {
    border: solid 1x #CACECF;
}

.gcfBody {
    background-color: #F7FAFE;
    background-image:url('themes/classic/images/icons/section_divider_A.png');
    background-repeat:repeat-x;
}

.gcfBody.gcfBrowsers {
   padding-left: 20px;
}

.gcfBrowsers p {
   padding-top : 10px;
   margin-top : 8px;
   margin-bottom : 0px;
}


.gcfChoices {
    padding-top: 20px;
    padding-bottom: 25px;
}

.gcfBrowser {
    margin-left : 50px;
}
#gcfPrompt a, 
#gcfPrompt a.FS-H2,
#gcfPrompt .Link{
    color: #427CD8;
    text-decoration: none;
    cursor: pointer;
}


#gcfPrompt span.BrowserName {
    display: inline-block;
    zoom: 1;
    margin: 0px; 
    margin-top:7px;
}
.gcfBody.gcfPlugIn {
    background-color: #FFF;
}


.Icon44 {
    width: 44px;
    height: 44px;
    padding-right: 6px;    
    background-color: transparent; 
    display:inline-block;
}

.GoogleIcon44 {
    background: url('themes/classic/images/icons/browser_Chrome_44.png') top left no-repeat; 
    width: 48px;
    height: 48px;
}

.FirefoxIcon44 {
    background: url('themes/classic/images/icons/browser_Firefox_44.png') top left no-repeat; 
}

.IEIcon44 {
    background: url('themes/classic/images/icons/browser_IE_44.png') top left no-repeat; 
}

.gcfPluginOption {
    margin-top:40px;
}
.gcfPlugIn{
    padding-top:10px;
}
#gcfPrompt a.FS-H2
{
    line-height: 1.2;
}
.gcfInfo {
    width:345px;
    padding-top:15px;
    padding-left:20px;
    line-height: 1.6;    
}
.gcfPlugIn .Right {
    margin-right: 40px;
}
.ReducedFont {
    font-size: 90%;
}

#gcfDialog {
    position: relative;
    z-index: 99999;
}

#saveAsReport {
    background: url("themes/classic/images/saveas_pagebar_bg.png") left no-repeat;
    background-position: 0 -16px;
}
body.IE9 #saveAsReport,
body.Firefox #saveAsReport {
    background-position: 0 -18px;
}
.PageNavBar .Header #saveAsReport.TitleGroup {
    padding-right: 2px;
}
#saveAsReport #changedCustomizeButton > .Icon.Customize {
    padding: 0;
    margin : 0;
    vertical-align: middle;
	}
#saveAsReport a.WhiteButton {
    width: 30px;
    height: 21px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: white;
    -moz-box-shadow: 0 0 3px 0 rgba(153,153,153,.51);
    -webkit-box-shadow: 0 0 3px 0 rgba(153, 153, 153, .51);
    box-shadow: 0 0 3px 0 rgba(153, 153, 153, .51);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: .5em;
    cursor: pointer;
}
#saveAsReport.NoTable #changedCustomizeButton {
    margin-left: 0;
}
#changedCustomizeButton .ActionIconSprite.Administer {
    background-position-y: 1px;
}
#changedReportBubbleContent .Vibrant {
    margin: 0;
    font: Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
    font-weight: normal;
    padding:2px 8px 4px 8px;
    margin: 0px 2px;
    vertical-align: middle;
}

#changedReportBubbleContent a {
    text-decoration: none;
}
#changedReportBubbleContent > div {
    margin-left: .5em;
    margin-bottom: .25em;
    margin-right: .25em;
}
#changedReportBubbleContent > div + div {
   margin-bottom: .5em; 
}

body.IE8 #changedReportBubbleContent a.Vibrant.Selectable {
    padding: 1px 1px 2px 1px;
}
#changedReportBubbleContent a.Vibrant.Selectable {
    padding: 2px 1px 2px 1px;
}
#changedReportBubbleContent .FS-Tool-A {
    white-space: nowrap;
    margin-left: .7em;
}
#changedReportBubbleContent > div > table td {
    vertical-align: top;
}
#changedReportBubbleContent .IconOnly {
    width: 24px;
}
.darkOverlay {
	background:	#555;
	background: -moz-radial-gradient(circle, rgba(150, 150, 150, 0.9) 20%, #555555 45%, #000000);
	background: -webkit-radial-gradient(rgba(150, 150, 150, .9) 20%, #555 45%, #000);
    opacity: .70;
    filter:Alpha(Opacity=70); 
}

/* CKEditor custom styles - this overries the floating toolbar's default style(legacy form) */
div.cke_remix_floating_toolbar_custom_styles {
    z-index:499 !important;
}