/* place overall style hooks here */

/* Make chrome items appear to be non-selectable */

::selection {

  background: transparent;

  color: inherit;

}

body {

  margin:0px;

  -webkit-user-select:none;

}

#StatusBarChromeId {

 height: 26px;

}

#UrlSearchChromeId {

//  height: 34px;

  height: 44px;

}

/*

#ToolbarChromeId {

  height: 50px;

}

*/

#WindowCountBarId {

  height: 26px;

}

/* White-washed overlay. */

#ShadingOverlayId {

    background-color: #fff;

    position: absolute;

    width: 100%;

    height: 100%;

    overflow:hidden;

    left: 0;

    right: 0;

    top: 0;

    opacity: 0.7;

    z-index:-10;

    display: block;

}

/* Toolbar CSS */

#WebViewToolbarId, #WindowViewToolbarId, #RecentUrlViewToolbarId, #BookmarkViewToolbarId, #SettingsViewToolbarId {

  height:58px;

  width:100%;

  /* Need to specify border-style for width to have effect*/

  border-style:solid;

  border-top-color:#2A3447;

  border-top-width:3px;

  padding-top:4px;

}

.ButtonSnippet {

  height: 58px;

  width:58px;

}