#logo_tools {
  width:255px;
  height:185px;
  margin:100px auto 0 auto;
  background:url(/img/logo_tools.jpg) no-repeat top left;
}
#passcode-box {
  width: 640px;
  margin-top: 100px;
}
#lens {
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  font-family:Calibri;
  font-size:100px;
  color:#ffffff;
  background: #000 url(/img/spin-cube.gif) no-repeat center center;
  opacity:0.5;
  filter:alpha(opacity=50);
  z-index:9999;
  cursor:default;
}
#lens-text {
  font: normal 100px/1 Arial;
  padding-top: 280px;
  letter-spacing: -10px;
  text-shadow: 0 0 20px #fff;
}
.panel {
  position: relative;
  padding: 10px;
  border: 2px solid #f5f5f5;
  background: #eee;
  box-shadow: 0 0 10px 0 #444;
  margin-top: 20px;
}
.subpanel {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 0 10px 10px;
  list-style: none;
}
.subpanel-heading {
  font: bold 24px Calibri;
  color: #444;
  letter-spacing: -2px;
  margin: 5px 0;
  padding: 0;
  text-align: center;
}
div.panels {
  position:relative;
  top:20px;
  width:720px;
  height:auto;
  text-align:center;
  margin:auto;
  padding:0;
}
a.panel, a.disabled {
  position:relative;
  float:left;
  display:-moz-inline-box;
  display:inline-block;
  -moz-box-orient:vertical;
  -moz-box-align:center;
  width:338px;
  height:73px;
  font-family:Calibri,Trebuchet MS;
  font-size:16px;
  color:#909090;
  line-height:18px;
  text-align:left;
  margin:auto;
  padding:50px 10px 10px 10px;
  background:url(/img/panel.jpg) no-repeat 0 0;
  text-decoration:none;
  outline:none;
}
a.panel:hover {
  color:#000000;
  background-position:0 -133px;
  text-decoration:none;
}
a.disabled, a.disabled:hover {
  color:#909090;
  background:url(/img/panel.jpg) no-repeat 0 0;
  cursor:default;
}
a.panel .ppld {
  position:absolute;
  top:0;
  left:0;
  width:84px;
  height:47px;
  background:url(/img/panel_ppld.png) no-repeat top left;
  /* IE6 */
  -background:none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/panel_ppld.png',sizingMethod='scale');
}
.warning {
  position:relative;
  font-family:Calibri,Trebuchet MS;
  font-size:52px;
  font-weight:bold;
  color:#aa5959;
  letter-spacing:-2px;
  margin:0;
  padding:0;
}
.title {
  position:relative;
  font-family:Calibri,Trebuchet MS;
  font-size:52px;
  font-weight:bold;
  color:#aaa;
  letter-spacing:-2px;
  margin:0;
  padding:0;
}
.center {
  width:100%;
  text-align:center;
  margin:auto;
}
.description {
  font-family: Calibri,Trebuchet MS;
  font-size: 16px;
  color: #000;
    margin-top: 20px;
}
.description a {
  font-family:Calibri,Trebuchet MS;
  color:#1020cc;
  text-decoration:none;
  border-bottom:1px dotted #1020cc;
}
.description a:hover {
  color:#3060ff;
  border-bottom:1px dotted #3060ff;
}

.caption {
  font-family:Calibri,Trebuchet MS;
  font-size:14px;
  font-style:italic;
  color:#000000;
}
.error {
  font-family:Calibri,Trebuchet MS;
  font-size:20px;
  color:#ff5050;
}
input.error,
input.error:focus {
  border: 2px solid #ff5050;
  box-shadow: 0 0 15px #ff5050;
}
.input {
  font-family:Calibri,Trebuchet MS;
  font-size:20px;
  color:#000000;
  letter-spacing:-1px;
  border: 2px solid #ccc;
  background:url(/img/background_ice.gif) repeat-x top left;
  outline: none;
}
.input:focus {
  border-color: #aaf;
}
.download-button {
  display:inline-block;
  position:relative;
  width:100px;
  height:25px;
  top:-20px;
  font-size:0;
  text-decoration:none;
  background:url(/img/button_download.gif) no-repeat 0 0;
  text-indent: -9999px;
}
.download-button:hover {
  text-decoration:none;
  background-position:0 -25px;
}
.clear-button {
  display:inline-block;
  width:55px;
  height:25px;
  font-size:0;
  text-decoration:none;
  background:url(/img/button_clear.gif) no-repeat 0 0;
  text-indent: -9999px;
}
.clear-button:hover {
  text-decoration:none;
  background-position:0 -25px;
}
.site-down {
  width: 256px;
  height: 256px;
  background: url(/img/gears.gif) no-repeat 0 0;
}
.version {
  font-size: 32px;
  font-style: italic;
}
.change-list {
  width: 300px;
  background: #eee;
  border: 2px dashed #333;
  margin: 0;
  padding: 10px;
  list-style-type: none;
}
.change-list li {
  text-align: left;
  margin: 0;
  padding: 0;
  font-family: Courier New;
}
.album-art-text {
  display: inline-block;
  width: 322px;
  padding: 0 10px;
  text-align: center;
}
#album-art-image {
  box-shadow: 0px 3px 5px rgba(0,0,0, 0.35);
}