html,
body {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

.gcsc-find-more-on-google {
  display: none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  margin-right: 6px;
  display: inline;
  border: 1px solid #000000;
  padding: 10px 15px 10px 15px;
  font-size: 40px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: #777777;
  background-color: #FFFFFF;
  color: #000;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #000;
  background-color: #D3D3D3;
  color: #000;
}

#puzzle-board-container {
  width: 1042px;
  font-family: Verdana;
  font-size: 12px;
  margin: 0 auto;
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-container {
    width: 100%;
  }
}

#puzzle-board {
  height: 350px;
  border: 1px solid #000000;
  border-radius: 2px;
  background: url("../images/py.png");
}
@media screen and (max-width: 83.5em) {
  #puzzle-board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
  }
}

#piece-bin, #puzzle-board-right {
  float: left;
}

#piece-bin {
  width: 169px;
  height: 250px;
  padding: 5px 15px;
  border-right: 1px solid #505050;
}
@media screen and (max-width: 83.5em) {
  #piece-bin {
    height: auto;
    padding: 5px 5px;
  }
}

#puzzle-board-right {
  width: 840px;
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area {
    width: calc(100% - 30px);
    height: auto;
    min-height: 190px;
    padding: 5px;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area .piece {
    height: auto;
    margin: 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area .piece .label {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area .piece .close-button {
    display: block !important;
    width: 25px;
    height: 25px;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    top: -14px;
    right: -14px;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area .piece .separator {
    display: none;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #piece-area .piece .term {
    padding-left: 14px;
    padding-right: 14px;
    text-align: center;
    float: none;
  }
}
#puzzle-board-right #piece-area .piece:hover .close-button {
  display: block !important;
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #notification-area2 {
    clear: both;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #bottom-bar {
    height: auto;
    clear: both;
    margin-top: 15px;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #bottom-bar #notification-area {
    width: calc(100% - 40px);
    line-height: 1.3;
    padding: 10px 20px;
    float: none;
  }
}
@media screen and (max-width: 83.5em) {
  #puzzle-board-right #bottom-bar #button-area {
    float: none;
    width: 100%;
  }
}

#piece-area {
  width: 810px;
  height: 190px;
  padding: 15px;
}

#bottom-bar {
  width: 100%;
  height: 39px;
  border-top: 1px solid #E7E7E7;
  background: url("../images/bottom-bg.png");
}

#bottom-bar > div {
  float: left;
}

#notification-area {
  width: 527px;
  height: 100%;
  line-height: 39px;
  padding: 0 20px;
}

#button-area {
  width: 273px;
  height: 100%;
}

#button-area button {
  height: 28px;
  line-height: 24px;
  width: 80px;
  margin: 6px 4px;
  padding: 1px 6px;
  border: 1px solid #DDD;
  border-radius: 4px;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
  background: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
  -pie-background: linear-gradient(#ffffff, #e7e7e7);
  behavior: url("css/PIE.php");
}

#button-area button:active {
  background: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));
  background: linear-gradient(to bottom, #e7e7e7 0%, #fff 100%);
  -pie-background: linear-gradient(#e7e7e7, #ffffff);
}

#button-area button:hover {
  background: #4a8eff;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a8eff), to(#4486f5));
  background: linear-gradient(to bottom, #4a8eff 0%, #4486f5 100%);
  -pie-background: linear-gradient(#4a8eff, #4486f5);
  color: #fff;
}

.piece.ui-draggable-dragging, .piece.ui-sortable-helper {
  -webkit-box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.25);
}

.piece, .placeholder {
  position: relative;
  margin: 5px;
  display: inline-block;
  float: left;
  color: #FFF;
  height: 28px;
  line-height: 27px;
  border: 1px solid #FFF;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  behavior: url("css/PIE.php");
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.placeholder {
  border: 1px solid #FFF;
  background: url("../images/bottom-bg.png");
}

.piece span, .piece input {
  display: inline-block;
  float: left;
  height: 100%;
}

.piece .label {
  border-radius: 3px;
  behavior: url("css/PIE.php");
}

#piece-bin .separator {
  display: none;
}

#piece-area .piece span {
  float: left;
}

#piece-area .label, #piece-area .term, .piece input {
  height: 28px;
  padding: 0 14px 0 0;
  border-radius: 3px;
}

.piece input {
  line-height: 12px;
  height: auto;
  padding-top: 5px;
}

.piece .term {
  color: #000;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
  background: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
  -pie-background: linear-gradient(#ffffff, #e7e7e7);
  behavior: url("css/PIE.php");
}

.piece input {
  background: #e7e7e7;
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#fff));
  background: linear-gradient(to bottom, #e7e7e7 0%, #fff 100%);
  -pie-background: linear-gradient(#e7e7e7, #ffffff);
  behavior: url("css/PIE.php");
}

.piece .separator {
  width: 14px;
  height: 28px;
  margin-left: -14px;
  background: url("../images/triangle.png");
}

.piece .separator.inverted {
  background: url("../images/triangle-inverted.png");
}

#piece-bin .piece {
  float: left;
  clear: both;
  background: #FFFFFF;
}

.piece input {
  width: 20px;
  border: none !important;
  outline: none !important;
  margin: 0;
}

#new-word-or-phrase-piece .label, .word-or-phrase-piece .label {
  min-width: 108px;
}

#new-word-or-phrase-piece-and .label, .word-or-phrase-piece .label {
  min-width: 50px;
}

#new-exact-word-or-phrase-piece .label, .exact-word-or-phrase-piece .label {
  min-width: 144px;
}

#new-not-piece .label, .not-piece .label, #new-or-piece .label, .or-piece .label {
  min-width: 50px;
}

#new-title-piece .label, .url-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  min-width: 82px;
}

#new-inurl-piece .label, .url-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  min-width: 82px;
}

#new-filetype-piece .label, .url-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  min-width: 82px;
}

#new-url-piece .label, .url-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  min-width: 78px;
}

#new-word-or-phrase-piece .label, .word-or-phrase-piece .label, #new-exact-word-or-phrase-piece .label, .exact-word-or-phrase-piece .label {
  background: #006400;
  background: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#ade000));
  background: linear-gradient(to bottom, #006400 0%, #ade000 100%);
  -pie-background: linear-gradient(#006400, #ade000);
}

#new-word-or-phrase-piece-and .label, .word-or-phrase-piece .label, #new-exact-word-or-phrase-piece .label, .exact-word-or-phrase-piece .label {
  background: #000080;
  background: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#ade000));
  background: linear-gradient(to bottom, #006400 0%, #ade000 100%);
  -pie-background: linear-gradient(#006400, #ade000);
}

#new-not-piece .label, .not-piece .label {
  background: #ee3c1f;
  background: -webkit-gradient(linear, left top, left bottom, from(#ee3c1f), to(#d73218));
  background: linear-gradient(to bottom, #ee3c1f 0%, #d73218 100%);
  -pie-background: linear-gradient(#ee3c1f, #d73218);
}

#new-or-piece .label, .or-piece .label {
  background: #ffb400;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb400), to(#e19f00));
  background: linear-gradient(to bottom, #ffb400 0%, #e19f00 100%);
  -pie-background: linear-gradient(#ffb400, #e19f00);
}

#new-url-piece .label, .url-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  background: #af02cf;
  background: -webkit-gradient(linear, left top, left bottom, from(#af02cf), to(#a003bd));
  background: linear-gradient(to bottom, #af02cf 0%, #a003bd 100%);
  -pie-background: linear-gradient(#af02cf, #a003bd);
}

#new-title-piece .label, .title-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  background: #af02cf;
  background: -webkit-gradient(linear, left top, left bottom, from(#af02cf), to(#a003bd));
  background: linear-gradient(to bottom, #af02cf 0%, #a003bd 100%);
  -pie-background: linear-gradient(#af02cf, #a003bd);
}

#new-inurl-piece .label, .inurl-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  background: #af02cf;
  background: -webkit-gradient(linear, left top, left bottom, from(#af02cf), to(#a003bd));
  background: linear-gradient(to bottom, #af02cf 0%, #a003bd 100%);
  -pie-background: linear-gradient(#af02cf, #a003bd);
}

#new-filetype-piece .label, .filetype-piece .label, #new-synonym-piece .label, .synonym-piece .label {
  background: #af02cf;
  background: -webkit-gradient(linear, left top, left bottom, from(#af02cf), to(#a003bd));
  background: linear-gradient(to bottom, #af02cf 0%, #a003bd 100%);
  -pie-background: linear-gradient(#af02cf, #a003bd);
}

#saved-search-results {
  position: absolute;
  width: 300px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: none;
  background: #4a8eff;
  background: -webkit-gradient(linear, left top, left bottom, from(#4a8eff), to(#4486f5));
  background: linear-gradient(to bottom, #4a8eff 0%, #4486f5 100%);
  -pie-background: linear-gradient(#4a8eff, #4486f5);
  behavior: url("css/PIE.php");
  z-index: 10;
}
@media screen and (max-width: 83.5em) {
  #saved-search-results {
    left: 0 !important;
    top: 0 !important;
    width: calc(100% - 20px);
  }
}

#saved-search-results h2 {
  font-size: 18px;
}

#saved-search-results h2 {
  padding: 16px 20px;
}

.saved-search-result {
  display: block;
  padding: 0 20px;
  height: 20px;
  line-height: 17px;
}

#saved-search-results a:link {
  color: #FFFFFF;
}

#saved-search-results a:visited {
  color: #FFFFFF;
}

#saved-search-results a:hover {
  color: #FFFFFF;
}

#saved-search-results a:focus {
  color: #FFFFFF;
}

#saved-search-results a:active {
  color: #FFFFFF;
}

.saved-search-result:nth-child(even) {
  background: #5b97fc;
}

.close-button {
  width: 16px;
  height: 16px;
  position: absolute;
  background: url("../images/close.png");
  display: none;
  top: -8px;
  right: -8px;
  z-index: 200000;
}

#saved-search-results .close-button {
  background: url("../images/close-blue.png");
  display: block;
}

#saved-search-results .viewport {
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
}

#saved-search-results .overview {
  width: 100%;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}

#saved-search-results .thumb .end, #saved-search-results .thumb {
  background-color: #2d67c9;
}

#saved-search-results .scrollbar {
  position: absolute;
  right: 0;
  z-index: 1;
}

#saved-search-results .track {
  height: 100%;
  width: 3px;
  position: relative;
  padding: 0 2px;
}

#saved-search-results .thumb {
  height: 20px;
  width: 3px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}

#saved-search-results .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 3px;
}

#saved-search-results .disable {
  display: none;
}