/* The grouped-table look of iOS 6, for Cydia's depiction web view (the 2012 WebKit: old flexbox, -webkit- prefixes) */
html, body { margin: 0; padding: 0; }
body {
  background: #c5ccd4;
  background-image: -webkit-repeating-linear-gradient(left, rgba(255,255,255,.18) 0, rgba(255,255,255,.18) 1px, transparent 1px, transparent 7px);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.35;
  color: #000;
  padding: 8px 10px 24px;
  -webkit-text-size-adjust: none;
}
a { color: #2e4d8f; text-decoration: none; }
.lang { text-align: right; font-size: 13px; margin: 0 2px 2px; }
.lang a { color: #4c566c; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
.hdr { display: -webkit-box; display: box; -webkit-box-align: center; box-align: center; margin: 6px 2px 12px; }
.appicon { width: 57px; height: 57px; border-radius: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35); margin-right: 12px; }
.hdrt { -webkit-box-flex: 1; box-flex: 1; min-width: 0; }
.hdrt h1 { font-size: 21px; margin: 0; color: #111; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
.hdrt p { margin: 2px 0 0; color: #4c566c; font-size: 14px; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
h2 { font-size: 17px; font-weight: bold; color: #4c566c; text-shadow: 0 1px 0 rgba(255,255,255,.8); margin: 18px 10px 6px; }
.box { background: #fff; border: 1px solid #a9abae; border-radius: 10px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.55); margin: 0 0 10px; overflow: hidden; }
.box p { margin: 0; padding: 10px 12px; }
.box ul { margin: 0; padding: 6px 12px 6px 28px; }
.box li { padding: 3px 0; }
.list .row { display: -webkit-box; display: box; -webkit-box-align: center; box-align: center; padding: 10px 12px; border-top: 1px solid #d9dbe0; min-height: 24px; }
.list .row:first-child { border-top: 0; }
.row .k { -webkit-box-flex: 1; box-flex: 1; font-weight: bold; }
.row .v { color: #324f85; text-align: right; margin-left: 10px; }
.row.link { color: #000; }
.chev { color: #9a9ca0; font-size: 22px; line-height: 1; margin-left: 10px; }
.row.app img { width: 44px; height: 44px; border-radius: 8px; margin-right: 12px; }
.row.app .t { -webkit-box-flex: 1; box-flex: 1; display: block; min-width: 0; }
.row.app .n { display: block; font-weight: bold; }
.row.app .d { display: block; color: #666; font-size: 13px; }
.row.app .v { font-size: 13px; }
.shots { text-align: center; }
.shots img { max-width: 100%; border: 1px solid #a9abae; border-radius: 6px; margin: 0 0 10px; background: #fff; }
.shots.phone img { max-width: 46%; margin: 0 1% 10px; vertical-align: top; border-radius: 10px; }
.shots.portrait img { max-width: 46%; margin: 0 1% 10px; vertical-align: top; }
.url { font-family: Menlo, Courier, monospace; font-size: 16px; text-align: center; color: #2e4d8f; }
.button {
  display: block; margin: 4px 12px 12px; padding: 10px; text-align: center;
  color: #fff; font-weight: bold; font-size: 16px;
  border: 1px solid #27529a; border-radius: 8px;
  background: #4c7fd2;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8db2ef), color-stop(.5, #5d8fe0), color-stop(.5, #3f72cf), to(#2a5bbd));
  text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.button.alt {
  color: #333; border-color: #9a9ca0; margin-top: 0;
  background: #e4e4e4;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), color-stop(.5, #ededed), color-stop(.5, #dcdcdc), to(#cfcfcf));
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.box p.note { color: #666; font-size: 13px; padding-top: 0; }
.foot { color: #4c566c; font-size: 12px; text-align: center; margin: 14px 10px 0; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
