 
window {
  background-color: #2c2c2c;
  border: 1px solid black !important;
  -moz-appearance: none !important; /* for mac os */
  background-image: url('chrome://yoonorunner/skin/bg-head-window.png');
  background-repeat: repeat-x;
}

menupopup {
  -moz-appearance: none;
  background: #404040;
  border: 0;
  padding: 5px;
  color: white;
}
menuitem {
  color: white;
}

#browser-panel {
  
}

#website-header {
  height: 10px;
  background-color: rgb(136, 136, 136);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#urlbar-account-selector {
  margin-top: 4px !important;
  margin-left: 20px;
  padding: 2px;
  height: 20px;
}

#urlbar-account-selector {
  -moz-border-radius: 3px !important;
}

.linux #urlbar-account-selector {
  padding: 0;
}
.linux #yoono-account-selector-name {
  margin-top: 0;
}

#urlbar {
  min-height: 2em;
  margin-left:0;
  margin-top:4px;
}

#website-open-in-browser {
  color: white;
  font-size: 12px;
  background-color: black;
  background-image: url('chrome://yoonorunner/skin/bt_black_bg.png');
  background-repeat: repeat-x;
  margin-top: 3px;
  margin-right: 10px;
  padding: 2px;
  padding-left: 10px;
  padding-right: 5px;
  border: 1px solid #5f6160;
  border-top: 1px solid #6f7170;
  cursor: pointer;
}
#website-open-in-browser:hover {
  border: 1px solid #A0A0A0;
}
#website-open-in-browser > hbox {
  opacity: 0.7;
}
#website-open-in-browser > hbox:hover {
  opacity: 1;
  text-decoration: underline;
}
#website-open-in-browser > hbox > box.icon {
  background-image: url('chrome://yoonorunner/skin/open-external.png');
  width: 16px; height: 16px;
}
#website-open-in-browser > hbox > label {
  cursor: pointer;
}
#website-open-in-browser > box.popup-button {
  background-image: url('chrome://yoonorunner/skin/down-arrow-mini.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  width: 18px; 
  border-left: 1px solid #818182;
  opacity: 0.7;
}

#website-open-in-browser > box.popup-button:hover {
  opacity: 1;
}

#website-share-button {
  background-image: url('chrome://yoonorunner/skin/share_bt_en.png');
  background-repeat: no-repeat;
  width: 63px; height: 17px;
  margin-top: 6px;
  margin-right: 10px;
  cursor: pointer;
}

#website-maximize-button {
  background-image: url('chrome://yoonorunner/skin/maximize_icon_16x16.png');
  background-repeat: no-repeat;
  width: 16px; height: 16px;
  margin-top: 7px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.5;
}
#website-maximize-button:hover {
  opacity: 1;
}

#website-close {
  cursor: pointer; 
  background-image: url('chrome://yoonorunner/skin/close.png');
  background-repeat: no-repeat;
  min-width: 10px;
  min-height: 10px;
  opacity: 0.5;
  margin-top: 5px;
  margin-right: 10px;
}
#website-close:hover {
  opacity: 1;
}

#website-url {
  margin: 5px; margin-left: 10px; 
  font-weight: bold; 
  color: white; 
}
#website-url.secure {
  background-image: url('chrome://yoonorunner/skin/Secure.png'); 
  background-repeat: no-repeat; 
  padding-left: 22px;
}

#website-iframe {
  background: #404040;
}

#website-progress-box {
  background:#404040; 
  color: white;
}

#website-progress {
  
}

#website-quit-box {
  margin-left: 5px;
  margin-top: 4px;
  background-color: black;
  padding-left: 2px;
  padding-right: 2px;
  cursor:pointer;
}
#website-refresh-box,
#website-home-box,
#website-history-box {
  border: 1px solid #a0a0a0;
  -moz-border-radius: 3px;
  margin-left: 5px;
  margin-top: 4px;
  background-color: black;
  background-image: url('chrome://yoonorunner/skin/bt_black_bg.png');
  background-repeat: repeat-x;
  padding-left: 2px;
  padding-right: 2px;
}
#website-history-box > spacer {
  background-color: white;
  opacity: 0.3;
  width: 1px;
  margin: 2px;
}
#website-go-previous, #website-go-next {
  opacity: 0.5;
}
#website-go-previous.active, #website-go-next.active {
  opacity: 1;
}
#website-go-previous {
  background-image: url('chrome://yoonorunner/skin/left_arrow.png');
  background-repeat: no-repeat;
  width: 16px; height: 16px;
  margin: 2px;
  cursor: pointer;
}
#website-go-next {
  background-image: url('chrome://yoonorunner/skin/right_arrow.png');
  background-repeat: no-repeat;
  width: 16px; height: 16px;
  margin: 2px;
  cursor: pointer;
}

#website-refresh {
  background-image: url('chrome://yoonorunner/skin/refresh.png');
  background-repeat: no-repeat;
  width: 16px; height: 16px;
  margin: 2px;
  cursor: pointer;
}
#website-home {
  background-image: url('chrome://yoonorunner/skin/home.png');
  background-repeat: no-repeat;
  width: 16px; height: 16px;
  margin: 2px;
  cursor: pointer;
}
