+[class*="fl-container"] [class*="fl-list"] > li:first-child, [class*="fl-container"] [class*="fl-list"] > li:first-child a {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+[class*="fl-container"] [class*="fl-list"] > li:last-child, [class*="fl-container"] [class*="fl-list"] > li:last-child a {
+ border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
+}
+
+.fl-theme-iphone .fl-tabs .fl-tabs-active {
+ background-image: -moz-linear-gradient(
+ center top,
+ rgba(149, 184, 239,1),
+ rgba(35,109,229,1),
+ rgba(149, 184, 239,1) 50%,
+ rgba(75,148,244,1) 50%
+ );
+}
+
+/* A simulation for a:active on the device, requires JS */
+/* since .fl-list is for mixed material lists, dont include them in these effects */
+.fl-theme-iphone [class*=fl-list]:not(.fl-list):not(.fl-grid) a:active,
+.fl-theme-iphone [class*=fl-list]:not(.fl-list):not(.fl-grid) a.fl-link-hilight {
+ background: url(../images/themes/iphone/listmenu_arrow.png) no-repeat right -25px,
+ -moz-linear-gradient(#4a94f4, #236de5);
+}