/*
==========================================================================
 Project: Greenhouse - Application Selector Page
 Author: Matt Grantham - @MattGrantham
==========================================================================
*/

/* Application Picker Page
---------------------------------------------- */

.sc-logo {
  background: static_url('images/logos/sproutcore.png');
}

.greenhouse-logo-l {
  background: static_url('images/logos/greenhouse-l.png');
}

.app-picker .helper {
  background: static_url('images/app-selector/choose-app.png');
}

/* List of Application */

.app-picker .sc-view.sc-scroll-view.sc-gray-border {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #2c2c2c;
  border: 1px solid #1d1d1d;
  -moz-box-shadow: 0 1px 0 #494949;
  -webkit-box-shadow: 0 1px 0 #494949;
}

.app-picker .sc-collection-view {
  background: none;
}

.app-picker .sc-scroll-view .sc-list-item-view {
  font-size: 16px;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #1c1c1c;
}
.sc-theme.focus .app-picker .sc-collection-view.focus .sc-collection-item.sel,
.app-picker .sc-scroll-view .sc-list-item-view.sel {
  color: #e8ffb0;
  border-top: 1px solid #727272;
  background: static_url('images/app-selector/list-item-sel.png') repeat-x;
  border-bottom: 1px solid #1c1c1c;
}
.sc-theme.focus .app-picker .sc-collection-view.focus .sc-collection-item.sel.first,
.app-picker .sc-scroll-view .sc-list-item-view.first,
.app-picker .sc-scroll-view .sc-list-item-view.sel.first {
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-top: none;
}

.app-picker .sc-list-item-view img {
  margin-top: -8px !important;
}

.app-picker .sc-list-item-view label {
  left: 26px !important;
}

/* Load App Button */

/* HACK: Overriding Default Sproutcore button styling...quick and dirty */

.app-picker .sc-button-view.sc-regular-size.def.capsule .right {
  background: static_url('images/buttons/capsule-xl/regular-r.png') !important;
  width: 13px !important;
  height: 28px !important;
  max-height: 28px !important;
}
.app-picker .sc-button-view.sc-regular-size.def.capsule .left {
  background: static_url('images/buttons/capsule-xl/regular-l.png') !important;
  width: 13px !important;
  height: 28px !important;
  max-height: 28px !important;
}
.app-picker .sc-button-view.sc-regular-size.def.capsule .sc-button-label {
  background: static_url('images/buttons/capsule-xl/regular-m.png') !important;
  font-size: 14px !important;
  color: #000 !important;
  text-shadow: 0 1px 0 #c5c5c5 !important;
  height: 28px !important;
  max-height: 28px !important;
  line-height: 28px !important;
  margin: 0 13px !important;
  padding: 0 !important;
}

.app-picker .sc-button-view.sc-regular-size.def.capsule.active .right {
  background: static_url('images/buttons/capsule-xl/active-r.png') !important;
}
.app-picker .sc-button-view.sc-regular-size.def.capsule.active .left {
  background: static_url('images/buttons/capsule-xl/active-l.png') !important;
}
.app-picker .sc-button-view.sc-regular-size.def.capsule.active .sc-button-label {
  background: static_url('images/buttons/capsule-xl/active-m.png') !important;
  color: #313131 !important;
}