@eval proportionalFont org.rstudio.core.client.theme.ThemeFonts.getProportionalFont();
@eval fixedWidthFont org.rstudio.core.client.theme.ThemeFonts.getFixedWidthFont();

@external fixedWidthFont;
@external ace_editor, ace_text-layer, ace_gutter, ace_gutter-layer, ace_gutter-cell, ace_info;
@external ace_info, ace_warning, ace_error;
@external ace_breakpoint, ace_inactive-breakpoint, ace_pending-breakpoint, ace_executing-line;
@external ace_sb;
@external cueText;
@external search;
@external highlight, disabled;
@external gwt-Button, gwt-Button-DialogAction, gwt-Button-DefaultDialogAction;
@external gwt-CheckBox, gwt-RadioButton;
@external gwt-DialogBox, gwt-DialogBox-ModalDialog;
@external gwt-PopupPanelGlass;
@external gwt-Label;
@external gwt-MenuItem, gwt-MenuItem-selected, subMenuIcon, subMenuIcon-selected;
@external gwt-MenuItemSeparator, menuSeparatorInner;
@external gwt-MenuBar, gwt-MenuBar-vertical;
@external gwt-SplitLayoutPanel-HDragger, gwt-SplitLayoutPanel-VDragger;
@external gwt-SuggestBoxPopup, item-selected;
@external gwt-TabLayoutPanelTab, gwt-TabLayoutPanelTab-selected;
@external gwt-TabLayoutPanelContentContainer, gwt-TabLayoutPanelTabs;
@external gwt-TabLayoutPanelContent;
@external gwt-TabLayoutPanel-Workbench;
@external gwt-TabLayoutPanelTabs;
@external gwt-DecoratedPopupPanel;
@external editor_dark;

@external windowframe, windowframe-maximized, windowframe-exclusive;

@external windows, windows-highdpi, macintosh, linux;
@external ubuntu_mono;

@external dialogTopLeft, dialogTopLeftInner,
      dialogTopCenter, dialogTopCenterInner,
      dialogTopRight, dialogTopRightInner,
      dialogMiddleLeft, dialogMiddleCenter,
      dialogMiddleCenterInner, dialogMiddleRight, dialogBottomLeft,
      dialogBottomCenter, dialogBottomRight;

@external popupTopLeft, popupTopLeftInner,
      popupTopCenter, popupTopCenterInner,
      popupTopRight, popupTopRightInner,
      popupMiddleLeft, popupMiddleCenter,
      popupMiddleCenterInner, popupMiddleRight, popupBottomLeft,
      popupBottomCenter, popupBottomRight;

@external Caption;

@external EditDialog;

@external avoid-move-cursor;

@url DIALOGTOPLEFT dialogTopLeft;
@url DIALOGTOP dialogTop;
@url DIALOGTOPRIGHT dialogTopRight;
@url DIALOGLEFT dialogLeft;
@url DIALOGRIGHT dialogRight;
@url DIALOGBOTTOMLEFT dialogBottomLeft;
@url DIALOGBOTTOM dialogBottom;
@url DIALOGBOTTOMRIGHT dialogBottomRight;
@url PODTOPLEFT podTopLeft;
@url PODTOP podTop;
@url PODTOPRIGHT podTopRight;
@url PODLEFT podLeft;
@url PODRIGHT podRight;
@url PODBOTTOMLEFT podBottomLeft;
@url PODBOTTOM podBottom;
@url PODBOTTOMRIGHT podBottomRight;
@url HORIZONTALHANDLE horizontalHandle;
@url VERTICALHANDLE verticalHandle;
@url BACKGROUNDGRADIENT backgroundGradient;
@url MAXIMIZE maximize;
@url MAXIMIZESELECTED maximizeSelected;
@url RESTORE restore;
@url RESTORESELECTED restoreSelected;
@url MINIMIZE minimize;
@url MINIMIZESELECTED minimizeSelected;
@url PODMINIMIZEDLEFT podMinimizedLeft;
@url PODMINIMIZEDRIGHT podMinimizedRight;
@url PODMINIMIZEDTILE podMinimizedTile;

@url TABBACKGROUND tabBackground;

@url TOOLBARBACKGROUND toolbarBackground;
@url TOOLBARBACKGROUND2 toolbarBackground2;
@url DESKTOPGLOBALTOOLBARBACKGROUND desktopGlobalToolbarBackground;
@url WEBGLOBALTOOLBARLEFT webGlobalToolbarLeft;
@url WEBGLOBALTOOLBARRIGHT webGlobalToolbarRight;
@url WEBGLOBALTOOLBARTILE webGlobalToolbarTile;

@url MULTIPODACTIVETABLEFT multiPodActiveTabLeft;
@url MULTIPODACTIVETABRIGHT multiPodActiveTabRight;
@url MULTIPODACTIVETABTILE multiPodActiveTabTile;
@url MULTIPODTABLEFT multiPodTabLeft;
@url MULTIPODTABRIGHT multiPodTabRight;
@url MULTIPODTOP multiPodTop;
@url MULTIPODTOPFADE multiPodTopFade;

@url SEARCHFIELDLEFT searchFieldLeft;
@url SEARCHFIELDTILE searchFieldTile;
@url SEARCHFIELDRIGHT searchFieldRight;

@url WORKSPACESECTIONHEADERTILE workspaceSectionHeaderTile;

@url ACTIVEBREAKPOINT activeBreakpoint;
@url INACTIVEBREAKPOINT inactiveBreakpoint;
@url PENDINGBREAKPOINT pendingBreakpoint;
@url EXECUTINGLINE executingLine;

@url INFO syntaxInfo;
@url WARNING syntaxWarning;
@url ERROR syntaxError;

@url INFODARK syntaxInfoDark;
@url WARNINGDARK syntaxWarningDark;
@url ERRORDARK syntaxErrorDark;

@url HANDCURSOR handCursor;

@url MACCHECK macCheck;
@url RADIOBUTTONON radioButtonOn;

body.windows, body.macintosh, body.linux {}

body {
   background: BACKGROUNDGRADIENT repeat-x top #e1e2e5;
}

body {
   font-family: proportionalFont;
   font-size: 12px;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

select {
   font-size: 12px;
}

@if rstudio.desktop true {
.macintosh select {
   font-size: 11px;
   text-indent: 0.1em;
}
}

input[type=text] {
   font-family: proportionalFont;
}
input[type=text][disabled] {
   background-color: transparent;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
   color: black;
}
.fixedWidthFont {
   font-family: fixedWidthFont !important;
}

.gwt-Label {
   cursor: default;
}

.selectableText {
  -ms-user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
}

@if rstudio.desktop false {
@if user.agent safari {
.macintosh .forceMacScrollbars ::-webkit-scrollbar { 
   -webkit-appearance: none; 
   width: 12px; 
   height: 12px; 
}
   
.macintosh .forceMacScrollbars ::-webkit-scrollbar-track {
   
   background: rgb(251,251,251);
   -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
   -webkit-border-radius: 5px;
}   
   
.macintosh .forceMacScrollbars ::-webkit-scrollbar-thumb { 
  
   border: 2px solid rgb(251,251,251);
   background: rgba(0,0,0,.22);
   -webkit-border-radius: 6px;
   -webkit-background-clip: padding-box;
}
}
@else {
.forceMacScrollbars {}	
}
}
@else {
.forceMacScrollbars {}
}

.gwt-DialogBox input[type=text] {
   border: 1px solid #999;
   height: 17px;
}
.gwt-DialogBox .search input[type=text] {
   border: none;
   height: 100%;
}

iframe {
   border: none;
}

button {
   cursor: pointer;
}
.handCursor {
	cursor: pointer;
}

@if rstudio.desktop true {
.linux button {
   cursor: HANDCURSOR 9 5, pointer;
}

.linux .handCursor {
    
   cursor: HANDCURSOR 9 5, pointer;
}
}

textarea {
   outline: none;
}

pre {
  font-family: fixedWidthFont;
  font-size: 12px;
}

.ace_editor {
   border: none !important;
}

.ace_editor, .ace_text-layer {
  font-family: fixedWidthFont !important;
}

.ace_breakpoint,
.ace_pending-breakpoint,
.ace_inactive-breakpoint,
.ace_executing-line
{
   background-position: 12% center !important;
   background-repeat: no-repeat !important;
}

.ace_breakpoint
{
   background-image: ACTIVEBREAKPOINT !important;
}

.ace_pending-breakpoint
{
	background-image: PENDINGBREAKPOINT !important;
}

.ace_inactive-breakpoint
{
	background-image: INACTIVEBREAKPOINT !important;
}

.ace_executing-line
{
	background-image: EXECUTINGLINE !important;
}

.ace_sb
{
	z-index: 6;
}

.gwt-MenuBar {
   cursor: default;
}

.gwt-MenuBar>table {
   border-spacing: 0;
}
.gwt-MenuBar-vertical {
   cursor: default;
}

.gwt-MenuBar .subMenuIcon {
   width: 7px;
}

.gwt-MenuItem {
   padding: 4px;
   white-space: nowrap;
}
.gwt-MenuItem.disabled {
   color: #888;
   background-image: none;
}
.gwt-MenuItem.disabled img {
   opacity: 0.3;
}

.gwt-MenuItemSeparator .menuSeparatorInner{
   border-top: #BABABA 1px solid;
   margin-top: 1px;
   margin-bottom: 2px;
}

.scrollableMenuBar .gwt-MenuItem {
   padding-right: 20px;
}

.menuRightImage {
   cursor: pointer;
}


.highlight {
   color: #900 !important;
}

@if rstudio.desktop false {
.gwt-PopupPanelGlass {
   background-color: black;
   filter: literal("alpha(opacity = 15)") !important;
   opacity: 0.15; /* non-IE */
   z-index: 1000;
}
}

@if rstudio.desktop true {
@sprite .gwt-PopupPanelGlass {
   gwt-image: 'clear';
}
}


.cueText {
   color: #CCC;
}

.adornedText {
   color: #606060;
}


/** Dialogs **/

.miniDialogPopupPanel {
}

.miniDialogPopupPanel .miniDialogContainer {
   position: relative;
   top: -32px;
   margin-bottom: -32px;
}

.miniDialogPopupPanel .miniDialogCaption {
	font-weight: normal;
   font-size: 11px;
   cursor: default;
   margin-bottom: 10px;
   margin-left: -2px;
   padding-top: 1px;
}

.miniDialogPopupPanel .miniDialogTools {
	position: relative;
	top: -2px;
	right: -12px;
}

.gwt-DialogBox-ModalDialog, .gwt-DecoratedPopupPanel {
   z-index: 1001;
}

.gwt-SuggestBoxPopup {
   z-index: 1002;	
   cursor: default;
}

.gwt-DialogBox .dialogTopLeft, .miniDialogPopupPanel .popupTopLeft {
   background: DIALOGTOPLEFT no-repeat;
}
.gwt-DialogBox .dialogTopLeft, .gwt-DialogBox .dialogTopLeftInner, .miniDialogPopupPanel .popupTopLeft, .miniDialogPopupPanel .popupTopLeftInner {
   width: 32px;
   height: 32px;
}
.gwt-DialogBox .dialogTopCenter, .miniDialogPopupPanel .popupTopCenter {
   background: DIALOGTOP repeat-x;
   height: 32px;
}
.gwt-DialogBox .dialogTopCenterInner .Caption {
   font-weight: normal;
   font-size: 11px;
   cursor: default;
   padding-top: 7px;
   margin-top: 1px;
   margin-left: -2px;
}
.gwt-DialogBox .dialogTopRight, .miniDialogPopupPanel .popupTopRight {
   background: DIALOGTOPRIGHT no-repeat;
}
.gwt-DialogBox .dialogTopRight, .gwt-DialogBox .dialogTopRightInner, .miniDialogPopupPanel .popupTopRight, .miniDialogPopupPanel .popupTopRightInner {
   width: 32px;
   height: 32px;
}
.gwt-DialogBox .dialogMiddleLeft, .miniDialogPopupPanel .popupMiddleLeft {
   background: DIALOGLEFT repeat-y;
   width: 32px;
}
.gwt-DialogBox .dialogMiddleCenter, .miniDialogPopupPanel .popupMiddleCenter {
   background: #F3F4F4;
}
.gwt-DialogBox .dialogMiddleCenterInner, .miniDialogPopupPanel .popupMiddleCenterInner {
   margin: 12px -1px -8px -1px;
   position: relative;
   z-index: 100;
}

.dialogBottomPanel {
   margin-top: 8px;
}

.gwt-DialogBox .dialogMiddleRight, .miniDialogPopupPanel .popupMiddleRight {
   background: DIALOGRIGHT repeat-y;
   width: 32px;
}
.gwt-DialogBox .dialogBottomLeft, .miniDialogPopupPanel .popupBottomLeft {
   background: DIALOGBOTTOMLEFT no-repeat;
   width: 32px;
   height: 32px;
}
.gwt-DialogBox .dialogBottomCenter, .miniDialogPopupPanel .popupBottomCenter {
   background: DIALOGBOTTOM repeat-x;
}
.gwt-DialogBox .dialogBottomRight, .miniDialogPopupPanel .popupBottomRight {
   background: DIALOGBOTTOMRIGHT no-repeat;
   width: 32px;
   height: 32px;
}

.header {
   height: 28px;
   padding: 0 0 4px 32px;
   font-size: 11px;
}
.header * {
   white-space: nowrap;
}

.mainMenu {
   font-size: 11px;
   font-weight: bold;
   color: #494949;
}

.mainMenu .gwt-MenuItem {
   padding: 5px 9px 5px 9px;
   height: 15px;
   text-shadow: 0px 1px 0px #FFFFFF;
}
.mainMenu .gwt-MenuItem-selected {
   text-shadow: none;
}
.mainMenu .gwt-MenuItem-selected span {
   color: white !important;
   opacity: 1.0;
}

.gwt-MenuItem-selected, .subMenuIcon-selected, .gwt-SuggestBoxPopup .item-selected {
   background-color: #D6E9F8;
}
.mainMenu .gwt-MenuItem-selected, .mainMenu .subMenuIcon-selected {
   background-color: #79B7F1;
   color: white;
   height: 3px;
}

.windowframe .maximize {
   background-image: MAXIMIZE;
   z-index: 50;
}
.windowframe-maximized .maximize,
.windowframe-exclusive .maximize {
   background-image: RESTORE;
   z-index: 50;
}
.windowframe .minimize {
   background-image: MINIMIZE;
   z-index: 50;
}
.windowframe .maximize:hover {
   background-image: MAXIMIZESELECTED;
}
.windowframe-maximized .maximize:hover,
.windowframe-exclusive .maximize:hover {
   background-image: RESTORESELECTED;
}
.windowframe .minimize:hover {
   background-image: MINIMIZESELECTED;
}

.windowframe-exclusive .minimize {
   display: none;
}

.windowframe {
   -webkit-font-smoothing: subpixel-antialiased;
}

.macintosh #rstudio_console_input {
   margin-left: -1px;
}

/* on the Mac specifically, keeping the ACE input textarea on the same z-index
 * as the text causes rendering problems in Safari (see case 4093), and lifting
 * it above the text causes it to intercept unwanted events (e.g. clicks for
 * double-click), so send it beneath the text. */
.macintosh #rstudio_source_text_editor.ace_editor > textarea {
   z-index: -5;
}

/* the opposite must be done for the console due to the z-indices of the
 * elements it contains */
.macintosh #rstudio_console_input.ace_editor > textarea {
   z-index: 5;
}

.C  { background-color: white; }
.N  { background-image: PODTOP; }
.NE { background-image: PODTOPRIGHT; }
.E  { background-image: PODRIGHT; }
.SE { background-image: PODBOTTOMRIGHT; }
.S  { background-image: PODBOTTOM; }
.SW { background-image: PODBOTTOMLEFT; }
.W  { background-image: PODLEFT; }
.NW { background-image: PODTOPLEFT; }


.minimizedWindow .left {
   width: 8px;
   background-image: PODMINIMIZEDLEFT;
}
.minimizedWindow div {
   height: 30px;
}
.minimizedWindow .right {
   width: 8px;
   background-image: PODMINIMIZEDRIGHT;
}
.minimizedWindow .minimize {
   width: 14px;
   height: 14px;
   background: RESTORE center no-repeat;
   margin: 4px 4px 0 0;
}
.minimizedWindow .maximize {
   width: 14px;
   height: 14px;
   background: MAXIMIZE center no-repeat;
   margin: 4px 3px 0 0;
}
.minimizedWindow .maximize:hover {
   background-image: MAXIMIZESELECTED;
}
.minimizedWindow .minimize:hover {
   background-image: RESTORESELECTED;
}
.minimizedWindow .center {
   background-image: PODMINIMIZEDTILE;
   padding-top: 3px;
   padding-bottom: 5px;
}
.minimizedWindow .title {
   margin-left: -4px;
}
.minimizedWindow {
   margin-left: -1px;
   margin-right: -1px;
}



.gwt-SplitLayoutPanel-HDragger, .gwt-SplitLayoutPanel-VDragger {
   background-color: transparent !important;
   border: 0px;
   cursor: move;
}
body.avoid-move-cursor .gwt-SplitLayoutPanel-HDragger {
	cursor: e-resize;
}
body.avoid-move-cursor .gwt-SplitLayoutPanel-VDragger {
   cursor: n-resize;
}
.gwt-SplitLayoutPanel-HDragger {
   background: VERTICALHANDLE no-repeat center;
}
.gwt-SplitLayoutPanel-VDragger {
   background: HORIZONTALHANDLE no-repeat center;
}

.primaryWindowFrameHeader {
   padding: 4px 0 0 12px;
   margin-right: 10px;
   white-space: nowrap;
}
.title, .subtitle {
   display: inline;
   color: black;
   font-size: 11px;
   font-weight: bold;
   text-shadow: white 0px 1px 0px;
   cursor: default;
}
.subtitle {
   color: #999;
   margin-left: 6px;
}

.gwt-TabLayoutPanelTab {
   float: left;
}

/** Document tabs **/
/*
@def TABSTRIPHEIGHT 24px;
@def TABHEIGHT 18px;

.docTabPanel .gwt-TabLayoutPanelTabs {
   background-image: TABBACKGROUND;
   height: 100%;
   padding-left: 6px;
   font-size: 11px;
}

.docTabPanel .gwt-TabLayoutPanelTab {
   cursor: default;
   margin-right: 2px;
   background: inherit;
}
.docTabPanel .gwt-TabLayoutPanelTab-selected {
}
*/
.docTabPanel .closeTabButton {
   margin-top: 4px;
   margin-left: 3px;
}
.gwt-TabLayoutPanel-Workbench .gwt-TabLayoutPanelTab .closeTabButton {
   position: relative;
   top: 5px;
   margin-left: 4px;
}
.closeTabButton {
   filter: literal("alpha(opacity = 40)") !important;
   opacity: 0.4;
}

.closeTabButton:hover {
   filter: literal("alpha(opacity = 100)") !important;
   opacity: 1.0;
}
.tabLayout {
}
.docTabPanel.moduleTabPanel .gwt-TabLayoutPanelTab .gwt-Label {
   font-weight: normal;
   padding-top: 0;
}
.docTabIcon {
   margin-top: 2px;
   margin-right: 3px;
}
.docTabLabel {
   overflow: hidden;
   max-width: 200px;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.docMenuScroll {
   overflow-y: scroll !important;
   overflow-x: hidden;
   margin: -4px;
   padding-right: 15px;
}

/*
.docTabPanel .tabLayout {
   height: TABSTRIPHEIGHT;
}
@sprite .docTabPanel .tabLayoutLeft {
   gwt-image: 'docTabLeft';
}
@sprite .docTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutLeft {
   gwt-image: 'activeDocTabLeft';
}

@sprite .docTabPanel .tabLayoutCenter {
   gwt-image: 'docTabTile';
   padding-right: 2px;
   padding-left: 6px;
   vertical-align:middle;
}
@sprite .docTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutCenter {
   gwt-image: 'activeDocTabTile';
}

@sprite .docTabPanel .tabLayoutRight {
   gwt-image: 'docTabRight';
}
@sprite .docTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutRight {
   gwt-image: 'activeDocTabRight';
}
*/
.dirtyTab {
   color: #a00;
}

.dirtyTabIndicator {
   display: none;
}
.dirtyTab .dirtyTabIndicator {
   display: inline;
}

/** Module tabs **/
.gwt-TabLayoutPanelTab {
   cursor: default;
}

.moduleTabPanel .gwt-TabLayoutPanelTabs {
   font-size: 11px;
   height: 24px;
   background: MULTIPODTOP top repeat-x;
   background-color: white;
   cursor: default;
}
.moduleTabPanel .gwt-TabLayoutPanelTab {
   font-size: 11px;
   background: inherit;
}
.moduleTabPanel.minimized .gwt-TabLayoutPanelTab {
   margin-top: -1px;
}

.moduleTabPanel .gwt-TabLayoutPanelTab .tabLayoutLeft {
   width: 3px;
   height: 23px;
   background: MULTIPODTABLEFT right top no-repeat;
}
.moduleTabPanel .gwt-TabLayoutPanelTab .tabLayoutCenter {
   height: 23px;
   padding-left: 6px;
   padding-right: 6px;
}
.moduleTabPanel .gwt-TabLayoutPanelTab .tabLayoutRight {
   width: 3px;
   height: 23px;
   background: MULTIPODTABRIGHT left top no-repeat;
}
.moduleTabPanel .gwt-TabLayoutPanelTab .gwt-Label {
   font-weight: bold;
   padding-top: 4px;
}
.moduleTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutLeft {
   height: 24px;
   width: 6px;
   background: MULTIPODACTIVETABLEFT right top no-repeat;
}
.moduleTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutCenter {
   height: 24px;
   background: MULTIPODACTIVETABTILE top repeat-x;
   padding-left: 3px;
   padding-right: 3px;
}
.moduleTabPanel .gwt-TabLayoutPanelTab-selected .tabLayoutRight {
   height: 24px;
   width: 6px;
   background: MULTIPODACTIVETABRIGHT left top no-repeat;
}
.moduleTabPanel .toolbar {
   background-image: TOOLBARBACKGROUND2;
}
.multiPodUtilityArea {
   background: MULTIPODTOPFADE left top repeat-y;
}
.firstTabSelected {
}

/** Toolbar **/

.toolbar .gwt-CheckBox {
   position: relative;
   top: 1px;
   margin: 0 9px 0 0;
   padding: 0;
   white-space: nowrap;
}

.toolbar {
   font-size: 11px;
   width: 100%;
   height: 23px;
   background: TOOLBARBACKGROUND repeat-x top;
   padding: 0 0 0 6px;
   white-space: nowrap;
}

.toolbar * {
   margin-top: 0px;
}

.toolbar input[type=checkbox] {
   margin: 0 3px 0 0;
   max-height: 14px;
}

.toolbarButton {
   border: none;
   background-color: transparent;
   margin: 0 8px 0 0;
   padding: 0;
   vertical-align: top;
   height: 21px;
   overflow: hidden;
}
.toolbarButton.noLabel {
   margin-right: 4px;
}
@if user.agent safari gecko1_8 {
   .toolbarButtonPushed {
      position: relative;
      top: 1px;
   }
}
.toolbarButtonPushed {
}
.toolbarButton[disabled] {
   /* joecheng: This renders poorly in ie8 */
   /*filter: literal("alpha(opacity = 50)") !important;*/
   opacity: 0.3;
   color: #333;
   cursor: default;
}

.toolbarButton[disabled]:active {
   top: 0px;
}
.toolbarSeparator {
   margin-right: 5px;
}

.toolbarFileLabel {
   margin-right: 7px;
   white-space: nowrap;
}


.secondaryToolbar {
   background: TABBACKGROUND bottom repeat-x;
   height: TABSTRIPHEIGHT;
}
.toolbarButtonRightImage {
   display: none;
}
.toolbarButtonMenu .toolbarButtonRightImage {
   display: inline;
   margin: 4px 0 0 2px;
}
.toolbarButtonMenuOnly {
   position: relative;
   top: -2px;
}
.toolbarButtonMenuOnly.toolbarButtonPushed {
   position: relative;
   top: -1px;
}
.toolbarButtonLeftImage {
   margin-top: 2px;
}
.toolbarButtonLabel {
   margin: 4px 0 0 2px;
   font-family: proportionalFont;
   font-size: 11px !important;
   white-space: nowrap;
}

.toolbarButtonInfoLabel {
   color: #82868C;
}

.toolbarButtonLatchable {
  padding-right: 6px;
  padding-left: 4px;
  height: 16px;
}

.toolbarButtonLatchable .toolbarButtonLabel {
  margin-top: 1px;
  margin-left: 3px;
}

.toolbarButtonLatched {
  /*
   -moz-border-image: -moz-linear-gradient(top, #bfc8d0 0%, #cfd4d8 100%);
   -webkit-border-image: -webkit-linear-gradient(top, #bfc8d0 0%, #cfd4d8 100%);
   border-image: linear-gradient(to bottom, #bfc8d0 0%, #cfd4d8 100%);
   border-image-slice: 1;
   border-width: 1px;
   */
   border-radius: 2px;
   background-color: #e3e7e9;
   border: 1px solid #bfc8d0;
}

.globalToolbar {
   height:27px;
   z-index: 1;
}

.globalToolbar .toolbarButton {
   margin-top: -1px;
}

.globalToolbar .toolbarButtonMenu .toolbarButtonLabel {
   margin-left: 4px;
   margin-right: 2px;
}

.globalToolbar .toolbarButtonMenu .toolbarButtonInfoLabel {
   margin-left: 1px;
}

.emptyProjectMenu .toolbarButtonRightImage {
	margin-left: 4px;
}

.emptyProjectMenu .toolbarButtonLabel {
	color: #494949;
}

@if user.agent gecko1_8 { .webHeaderBarCommandsProjectMenu {
      margin-top: 1px;
      margin-left: 5px;
   }
 }
 @else { .webHeaderBarCommandsProjectMenu {
      margin-top: 2px;
      margin-left: 6px;
   }
 }


.webGlobalToolbar {
   margin-top: -3px;
   background: none;
}

 @if user.agent gecko1_8 { .webGlobalToolbar {
      margin-left: 53px;
      padding-right: 49px;
   }
 }
 @else { .webGlobalToolbar {
      margin-left: 55px;
      padding-right: 51px;
   }
 }

.desktopGlobalToolbar {
   background: DESKTOPGLOBALTOOLBARBACKGROUND bottom repeat-x;
}


.windowFrameToolbarButton {
   margin-top: -2px;
   margin-left: 4px;
}

.statusBarMenu {
   font-size: 11px;
}
.statusBarMenu .gwt-MenuItem {
   padding-right: 30px;
}

.miniToolbar {
   margin-top: 4px;
}
.miniToolbar img {
   margin-right: 6px;
}


/** Help Search box **/
.search {
   position: relative;
   top: -1px;
   margin-right: 8px;
   width: 120px;
   height: 18px;
}
.search .left {
   position: absolute;
   top: 0;
   left: 0;
   width: 6px;
   height: 18px;
   background: SEARCHFIELDLEFT top no-repeat;
}
.search .center {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 6px;
   right: 6px;
   background: SEARCHFIELDTILE top repeat-x;
}
.search .right {
   position: absolute;
   top: 0;
   right: 0;
   width: 6px;
   height: 18px;
   background: SEARCHFIELDRIGHT top no-repeat;
}
.searchMagGlass {
   position: absolute;
   top: 3px;
   left: 0;
   width: 14px;
   height: 13px;
}
.clearSearch {
   position: absolute;
   top: 4px;
   right: 0;
   width: 11px;
   height: 11px;
}
.searchBoxContainer {
   position: absolute;
   top: 0;
   bottom: 1px;
   left: 18px;
   right: 18px;
}
.searchBoxContainer2 {
   position: absolute;
   top: 0;
   bottom: 1px;
   left: 0;
   right: 2px;
}
.searchBox {
   width: 100%;
   height: 100%;
   border: 0;
   margin: 0;
   outline: none;
   font-size: 10px;
   background-color: transparent;
}
body.windows .searchBox {
   font-size: 11px;
}
body.ubuntu_mono .searchBox {
   font-size: 11px;
}

/** Workbench **/

.dialogMessage {
   padding-left: 8px;
   padding-top: 12px;
   width: 300px;
   padding-bottom: 12px;
   overflow-wrap: break-word;
   word-wrap: break-word;
}

.sessionAbendMessage {
   padding-left: 8px;
   width: 300px;
}

.applicationHeaderStrong {
   font-weight: bold;
}

@sprite td.environmentDataFrameCol {
   gwt-image: 'zoomDataset';
   background-position: right center; 
}

@sprite td.environmentFunctionCol {
   gwt-image: 'viewFunctionCode';
   background-position: right center;
}

.odd {
   background-color: #f2f2f2;
}

.EditDialog {
   border: 1px solid #BBB;  
   background-color: white;
}

.showFile {
  font-size: 12px;
  padding-left: 5px; 
  border: 1px solid #BBB; 
  background-color: white;
}

.showFileFixed {
  font-size: 12px;
  padding-left: 5px;
  border: 1px solid #BBB;  
  background-color: white;
}

.fileUploadPanel {
  width: 350px;
}

.fileUploadPanel .fileUploadField {
  margin-left: 7px;
  margin-top: 10px;
  margin-bottom: 8px;
}

.fileUploadPanel .fileUploadTipLabel {
   border: 1px solid #BBB; 
   padding: 5px;
   font-size: 11px;
}

.fileList {
   font-size: 12px;
}

.fileList input[type=checkbox] {
   margin-top: 0;
   margin-bottom: 0;
}

.locatorPanel {
   border: none;
   padding: 0;
   margin: 0;
}

.locatorPanel:hover {
   cursor: crosshair;
}

.tabOverflowPopup {
   z-index: 10;
}

.tabOverflowPopup .gwt-MenuBar>table {
   width: 100%;
}
.tabOverflowPopup .search {
   margin: 2px 0 2px 0;
   min-width: 130px;
   width: 100%;
}

.selectWidget {
   margin-bottom: 12px;
}

.selectWidget .gwt-Label {
   margin-right: 4px;  
   margin-left: 4px; 
}

.textBoxWithButton input[type=text] {
   position: relative;
   top: 1px;
   height: 21px;
   border: 1px solid #999;
}

.textBoxWithButton .gwt-Label {
   margin-bottom: 1px;	
}


.fullscreenCaptionIcon {
  margin-top: -1px;
  margin-right: 5px;
}
 
.fullscreenCaptionLabel {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  cursor: default;
}

.presentationNavigatorLabel {
  white-space: nowrap;  
  text-overflow: ellipsis;
  overflow: hidden;
}

.notResizable {
  resize: none;
}

.linux .gwt-CheckBox {
  margin-bottom: 4px;
}

/* checkboxes on the Cocoa (Mac) desktop client and checks/radio buttons on the
 * Linux desktop client have some rendering and positioning inconsistencies, so
 * we redraw them with CSS. */

.macintosh .gwt-CheckBox input[type="checkbox"],
.linux .gwt-CheckBox input[type="checkbox"],
.linux .gwt-RadioButton input[type="radio"],
.windows-highdpi .gwt-CheckBox input[type="checkbox"],
.windows-highdpi .gwt-RadioButton input[type="radio"] {
  -webkit-appearance: none;
  outline: none;
  width: 13px;
  height: 13px;
  border: 1px solid #b0b0b0;
  background: #ffffff;
  vertical-align: middle;
  margin: 3px 3px 5px 3px;
}

.macintosh .gwt-CheckBox input[type="checkbox"],
.linux .gwt-CheckBox input[type="checkbox"],
.windows-highdpi .gwt-CheckBox input[type="checkbox"] {
  -webkit-border-radius: 3px;
}

.linux .gwt-RadioButton input[type="radio"],
.windows-highdpi .gwt-RadioButton input[type="radio"] {
  -webkit-border-radius: 7px;
}

.macintosh .gwt-CheckBox input[type="checkbox"]:focus,
.macintosh .gwt-CheckBox input[type="checkbox"]:active,
.linux .gwt-CheckBox input[type="checkbox"]:focus,
.linux .gwt-CheckBox input[type="checkbox"]:active,
.linux .gwt-RadioButton input[type="radio"]:focus,
.linux .gwt-RadioButton input[type="radio"]:active,
.windows-highdpi .gwt-CheckBox input[type="checkbox"]:focus,
.windows-highdpi .gwt-CheckBox input[type="checkbox"]:active,
.windows-highdpi .gwt-RadioButton input[type="radio"]:focus,
.windows-highdpi .gwt-RadioButton input[type="radio"]:active
{
  border-color: #707070;
}

.macintosh .gwt-CheckBox input[type="checkbox"]:checked,
.linux .gwt-CheckBox input[type="checkbox"]:checked,
.linux .gwt-RadioButton input[type="radio"]:checked,
.windows-highdpi .gwt-CheckBox input[type="checkbox"]:checked,
.windows-highdpi .gwt-RadioButton input[type="radio"]:checked
{
  position: relative;
}

.macintosh .gwt-CheckBox input[type="checkbox"]:checked:before,
.linux .gwt-CheckBox input[type="checkbox"]:checked:before, 
.windows-highdpi .gwt-CheckBox input[type="checkbox"]:checked:before {
  background: MACCHECK;
}

.linux .gwt-RadioButton input[type="radio"]:checked:before,
.windows-highdpi .gwt-RadioButton input[type="radio"]:checked:before {
  background: RADIOBUTTONON;
}

.macintosh .gwt-CheckBox input[type="checkbox"]:checked:before,
.linux .gwt-CheckBox input[type="checkbox"]:checked:before,
.linux .gwt-RadioButton input[type="radio"]:checked:before,
.windows-highdpi .gwt-CheckBox input[type="checkbox"]:checked:before,
.windows-highdpi .gwt-RadioButton input[type="radio"]:checked:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px; 
  left: 0px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position-x: 1px;
  background-position-y: 1px;
}

.dialogTabPanel .gwt-TabLayoutPanelTab
{
  background: #f5f5f5 -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 17%, rgba(255,255,255,0) 50%); 
  background: #f5f5f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(17%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,0)));
  background: #f5f5f5 -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 17%,rgba(255,255,255,0) 50%);
  background: #f5f5f5 linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 17%,rgba(255,255,255,0) 50%); 
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #c0c0c0;
  border-left: none;
  float: none;
}

.dialogTabPanel .gwt-TabLayoutPanelTabs
{
  text-align: center;
  z-index: 10; 
  margin-bottom: -12px;
}

.dialogTabPanel .gwt-TabLayoutPanelTab-selected
{
  background: #9c9c9c -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.01) 85%, rgba(0,0,0,0.1) 100%); 
  background: #9c9c9c -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(20%,rgba(255,255,255,0)), color-stop(85%,rgba(0,0,0,0.01)), color-stop(100%,rgba(0,0,0,0.1))); 
  background: #9c9c9c -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 20%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0.1) 100%); 
  background: #9c9c9c linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 20%,rgba(0,0,0,0.01) 85%,rgba(0,0,0,0.1) 100%); 
  color: #ffffff; 
}

.dialogTabPanel .gwt-TabLayoutPanelContentContainer
{
  border: 1px solid #c0c0c0;
}

.dialogTabPanel .gwt-TabLayoutPanelContent
{
  padding-top: 25px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom : 5px;
}

.dialogTabPanel .gwt-TabLayoutPanelTab:first-child
{
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #c0c0c0;
}

.dialogTabPanel .gwt-TabLayoutPanelTab:last-child
{
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ace_gutter-cell.ace_info {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: INFO;
}

.ace_gutter-cell.ace_warning {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: WARNING;
}

.ace_gutter-cell.ace_error {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: ERROR;
}

.editor_dark .ace_gutter-cell.ace_info {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: INFODARK;
}

.editor_dark .ace_gutter-cell.ace_warning {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: WARNINGDARK;
}

.editor_dark .ace_gutter-cell.ace_error {
   background-repeat: no-repeat;
   background-position: 2px center;
   background-image: ERRORDARK;
}

.inlineChunkToolbar {
	position: absolute;
	right: 5px;
	z-index: 10;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	border-radius: 5px;
}

.highlightIcon {
	cursor: pointer;
}

.highlightIcon:hover {
	background-color: rgba(160, 160, 160, 0.25);
	box-shadow: 0 0 3px rgb(160, 160, 160);
}

.menuSubheader {
   font-family: proportionalFont;
   text-transform: uppercase;
   font-size: 11px;
   color: #909090;
   padding-left: 28px;
   padding-top: 2px;
   padding-bottom: 2px;
}

.borderedIFrame {
   border: 1px solid #BBB;    
}

