/**
 * Titlescreen Display
 */

#titlescreen
{
  padding-top: 3px;
  text-align: center;
}
#titlescreen img
{
  width: 320px;
  _width: 160px;
  max-width: 100%;
  overflow: hidden;
}


/**
 * Screenshots Display
 */

#screenshots
{
  width: 640px;
  height: 350px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

#screenshots .button
{
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  margin: 0px;
  border: 0px;
  cursor: pointer;
  _display: none;
}

#screenshots .button.first
{
  left: -3px;
}
#screenshots .button.prev
{
  left: 28px;
}
#screenshots .button.next
{
  right: 28px;
}
#screenshots .button.last
{
  right: -3px;
}

#screenshots .button.first { background: url('showcaseIcons/screen_first.png') no-repeat; }
#screenshots .button.prev  { background: url('showcaseIcons/screen_prev.png') no-repeat; }
#screenshots .button.next  { background: url('showcaseIcons/screen_next.png') no-repeat; }
#screenshots .button.last  { background: url('showcaseIcons/screen_last.png') no-repeat; }
#screenshots .button.first:hover { background: url('showcaseIcons/screen_first_h.png') no-repeat; }
#screenshots .button.prev:hover  { background: url('showcaseIcons/screen_prev_h.png') no-repeat; }
#screenshots .button.next:hover  { background: url('showcaseIcons/screen_next_h.png') no-repeat; }
#screenshots .button.last:hover  { background: url('showcaseIcons/screen_last_h.png') no-repeat; }


/**
 * Screenshot Editing
 */

#screenshotNav
{
  text-align: center;
}

#screenshotNav ul { }

#screenshotNav li
{
  display: inline;
  width: 1px;
  height: 14px;
  margin: 5px;
  color: #FFF;
  text-decoration: none;
  list-style-type: none;
}
#screenshotNav li:hover
{
  text-decoration: underline;
}

#ssnavEdit
{
  display: none;
}

#screenshotNav .show, #screenshotNav .hide
{
  display: block;
  width: 100%;
  border: 1px solid #999;
  margin: 5px 0px;
}
#screenshotNav .show:hover, #screenshotNav .hide:hover
{
  border-color: #bbb;
  text-decoration: underline;
}

#screenshotNav li.first:before { content: "First"; }
#screenshotNav li.back:before { content: "Previous"; }
#screenshotNav li.next:before { content: "Next"; }
#screenshotNav li.last:before { content: "Last"; }
#screenshotNav li.moveTitle:before { content: "Set as Title"; }
#screenshotNav li.moveFirst:before { content: "Move to First"; }
#screenshotNav li.moveBack:before { content: "Move Back"; }
#screenshotNav li.moveNext:before { content: "Move Forward"; }
#screenshotNav li.moveLast:before { content: "Move to Last"; }
#screenshotNav li.delete:before { content: "Delete"; }
#screenshotNav li.add:before { content: "Add New Screenshot(s)"; }