/*

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;

}