Index: components/artifactView/css/Artifact.css
===================================================================
--- components/artifactView/css/Artifact.css	(revision 9687)
+++ components/artifactView/css/Artifact.css	(working copy)
@@ -3,7 +3,6 @@
 }
 
 .fl-artifact-image-cell {
-    background-color: #000000;
     height: 240px;
     witdth: 100%;
     text-align: center;
@@ -28,6 +27,8 @@
 .fl-artifact-image {
     max-height: 240px;
     max-width: 100%;
+	display:block;
+	margin:auto;
 }
 
 .fl-artifactView-hidden-icons {
@@ -36,7 +37,6 @@
 
 .fl-artifact-actionPanel {
     width: 100%;
-    background: #F5F5F5;
 }
 
 .fl-artifact-actionButtons {
@@ -47,33 +47,16 @@
 }
 
 .fl-artifact-actionButtons a.fl-artifact-action-button {
-    color: #FFFFFF;
     padding: 5px 10px 5px 30px;
     border-style:solid;
     border-width: 2px;
-    border-color: #000000;
     -webkit-border-image: none;
 	text-align: center;
 	margin: auto;
 }
 
-.fl-artifact-uncollect {
-    background: url(../../../shared/images/uncollect.png) no-repeat left,
-        -webkit-gradient(linear, left top, right bottom, from(#9E9D79), to(#C6C5A1));
-}
-
-.fl-artifact-collect {
-    background: url(../../../shared/images/collect.png) no-repeat left,
-        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
-}
-
-.fl-artifact-comment {
-    background: url(../../../shared/images/comment.png) no-repeat left,
-        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
-}
 
 a.fl-artifact-collect-status {
-    color: white;	
     display: none;
     width: 100%;
     margin: auto;    
@@ -82,5 +65,32 @@
 	padding-top: 10px;
 	padding-bottom: 10px;
 	text-align: center;
-	background-color: rgba(62, 62, 62, 0.5);
+}
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-artifact-image-cell {
+    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 200, from(#ccc), to(#000));
 }
+.fl-theme-engageMobile .fl-artifact-actionPanel {
+    background: #F5F5F5;
+}
+.fl-theme-engageMobile .fl-artifact-actionButtons a.fl-artifact-action-button {
+    color: #FFFFFF;
+    border-color: #000000;
+}
+.fl-theme-engageMobile .fl-artifact-uncollect {
+    background: url(../../../shared/images/uncollect.png) no-repeat left,
+        -webkit-gradient(linear, left top, right bottom, from(#9E9D79), to(#C6C5A1));
+}
+.fl-theme-engageMobile .fl-artifact-collect {
+    background: url(../../../shared/images/collect.png) no-repeat left,
+        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
+}
+.fl-theme-engageMobile .fl-artifact-comment {
+    background: url(../../../shared/images/comment.png) no-repeat left,
+        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
+}
+.fl-theme-engageMobile a.fl-artifact-collect-status {
+    color: white;	
+	background-color: rgba(62, 62, 62, 0.5);
+}
\ No newline at end of file
Index: components/artifactView/html/view.html
===================================================================
--- components/artifactView/html/view.html	(revision 9687)
+++ components/artifactView/html/view.html	(working copy)
@@ -8,18 +8,18 @@
 
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+		
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/cabinet/css/Cabinet.css" />
-        
+
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/artifactView/css/Artifact.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/moreLess/css/MoreLess.css" />
-        
+
         <link type="text/css" rel="stylesheet" href="../../guestbook/css/guestbook.css" />
-        
+
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/json/js/json2.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/framework/core/js/Fluid.js"></script>
@@ -28,16 +28,16 @@
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/framework/renderer/js/fluidParser.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/framework/renderer/js/fluidRenderer.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/fastXmlPull/js/fastXmlPull.js"></script>
-        
+
         <script type="text/javascript" src="../../../../fluid-engage-core/lib/jquery/plugins/cookie/js/jquery.cookie.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/user.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/kettleCore.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/URLUtilities.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/engageRenderUtils.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/components/navigationBar/js/NavigationBar.js"></script>
-        <script type="text/javascript" src="../../../../fluid-engage-core/components/navigationList/js/NavigationList.js"></script>  
+        <script type="text/javascript" src="../../../../fluid-engage-core/components/navigationList/js/NavigationList.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/components/cabinet/js/Cabinet.js"></script>
-        
+
         <script type="text/javascript" src="../../../../fluid-engage-core/components/artifactView/js/ArtifactCollectView.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/components/artifactView/js/ArtifactView.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/components/moreLess/js/MoreLess.js"></script>
@@ -47,28 +47,23 @@
         <script type="text/javascript" src="../../../../fluid-engage-core/lib/jquery/datepicker/i18n/jquery.ui.datepicker-fr.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/dateUtils.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/components/guestbook/js/guestbook.js"></script>
-        <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>         
-    </head>   
-    <body class="fl-theme-iphone"> 
+        <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
+    </head>
+    <body class="fl-theme-engageMobile">
         <div class="flc-artifact fl-artifact">
             <!-- Navigation Bar and Header -->
-	        <div class="flc-navigationBar fl-navbar fl-col-mixed">
-	            <!-- Back button -->
-	            <div class="fl-col-fixed fl-force-left">
-	                <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-	                    <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-	                </a>
-	            </div>
-	            <!-- Home button -->
-	            <div class="fl-col-fixed fl-force-left">
-	                <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-	                    <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-	                </a>
-	            </div>
-	            <!-- Page header -->
-	            <h1 class="flc-artifact-navBarTitle fl-navbar-title fl-col-flex">Catalogue for This Exhibition</h1>
+	        <div class="flc-navigationBar fl-navbar">
+				<!-- Back button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
+				<h1 class="flc-artifact-navBarTitle fl-navbar-title">Catalogue for This Exhibition </h1>
 	        </div>
-	        
+
 	        <!-- My Collection sub-header -->
 	        <div class="flc-artifact-actionPanel fl-artifact-actionPanel">
 	            <div class="flc-artifact-actionButtons fl-artifact-actionButtons">
@@ -79,15 +74,17 @@
                     <a class="flc-artifact-collect-status fl-artifact-collect-status" href="#"></a>
                 </div>
 	        </div>
-            
+
             <div class="fl-table fl-artifact-image-content">
-	            <div class="fl-artifact-image-cell fl-table-cell">
-	                <img src="../images/a.jpg" alt="Artifact Image" class="flc-artifact-image fl-artifact-image" />
-	            </div>
+				<div class="fl-table-row">
+					<div class="fl-artifact-image-cell fl-table-cell">
+						<img src="../images/a.jpg" alt="Artifact Image" class="flc-artifact-image fl-artifact-image" />
+					</div>
+				</div>
             </div>
             <h2 class="flc-artifact-title fl-bold fl-artifact-title">Artifact Title</h2>
             <div class="fl-artifact-info">
-	            <div class="flc-artifact-author">Artifact Author</div> 
+	            <div class="flc-artifact-author">Artifact Author</div>
 	            <div class="flc-artifact-dated">Artifact Dated</div>
 	            <div class="flc-artifact-medium">Artifact Medium</div>
 	            <div class="flc-artifact-dimensions">Artifact Dimensions</div>
@@ -110,7 +107,7 @@
 	                                <a class="flc-navigationList-link">
 	                                    <img class="flc-navigationList-image fl-icon" src="../../../../fluid-engage-core/components/artifactView/images/video_icon.png"/>
 	                                    <img class="flc-navigationList-badge-icon fl-engage-badge-icon"
-	                                        src="../../../../fluid-engage-core/shared/images/media-badge.png" 
+	                                        src="../../../../fluid-engage-core/shared/images/media-badge.png"
 	                                        alt="This artifact includes media" />
 	                                    <div class="fl-navigationList-textContainer">
 		                                    <span class="flc-navigationList-titleText fl-navigationList-title">title/category</span>
@@ -123,7 +120,7 @@
 	               </div>
 	            </div>
 	        </div>
-	        
+
 	        <div class="fl-artifactView-hidden-icons">
 	            <img class="flc-artifactView-audio-icon" src="../../../../fluid-engage-core/components/artifactView/images/audio_icon.png"/>
 	            <img class="flc-artifactView-video-icon" src="../../../../fluid-engage-core/components/artifactView/images/video_icon.png"/>
Index: components/browse/css/Browse.css
===================================================================
--- components/browse/css/Browse.css	(revision 9687)
+++ components/browse/css/Browse.css	(working copy)
@@ -38,7 +38,7 @@
     margin:10px auto;
     background-color:#fff;
     
-    -webkit-mask-box-image: url(../images/spinner_large_mask.png);
+    -webkit-mask-box-image: url(../../../shared/images/spinner_large_mask.png);
     
 }
 
@@ -47,3 +47,8 @@
 .fl-browse-loading .fl-browse-descriptionContainer {
     display: none;
 }
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-browse-spinner {
+    background-color:#fff;
+}
Index: components/browse/html/browse.html
===================================================================
--- components/browse/html/browse.html	(revision 9687)
+++ components/browse/html/browse.html	(working copy)
@@ -8,10 +8,10 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+		
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/cabinet/css/Cabinet.css" />
         
@@ -38,32 +38,26 @@
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
         
     </head>
-    <body class="flc-browse fl-theme-iphone fl-browse-loading">
+    <body class="flc-browse fl-theme-engageMobile fl-browse-loading">
         <!-- Navigation Bar and Header -->
-        <div class="flc-navigationBar fl-navbar fl-col-mixed">
-            <!-- Back button -->
-            <div class="fl-col-fixed fl-force-left">
-                <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                    <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                </a>
-            </div>
-            <!-- Home button -->
-            <div class="fl-col-fixed fl-force-left">
-                <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-                    <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                </a>
-            </div>
-            <!-- Toggle button -->
-            <div class="flc-browse-navlist-toggle fl-col-fixed fl-force-right">
-                <a rsf:id="scr=null" class="flc-navigationBar-toggle fl-button" href="#">
-                    <img class="flc-navigationBar-toggle-grid fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-grid.png" alt="Switch to grid layout"/>
-                    <img class="flc-navigationBar-toggle-list fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-list.png" alt="Switch to list layout"/>
-                </a>
-            </div>
-            <!-- Page header -->
-            <h1 class="flc-browse-title fl-navbar-title fl-col-flex">Browse</h1>
-        </div>
-        
+        <div class="flc-navigationBar fl-navbar">
+			<!-- Back button -->
+			<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+				<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+			</a>
+			<!-- Home button -->
+			<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+				<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+			</a>
+			<!-- Toggle button -->
+			<div class="flc-browse-navlist-toggle fl-force-right">
+		        <a rsf:id="scr=null" class="flc-navigationBar-toggle fl-button" href="#">
+		            <img class="flc-navigationBar-toggle-grid fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-grid.png" alt="Switch to grid layout"/>
+		            <img class="flc-navigationBar-toggle-list fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-list.png" alt="Switch to list layout"/>
+		        </a>
+		    </div>
+			<h1 class="flc-browse-title fl-navbar-title">Browse</h1>
+        </div>        
         <!-- loading message -->
         <div class="fl-browse-loadMessage fl-note fl-bevel-white">
             Loading...
Index: components/cabinet/css/Cabinet.css
===================================================================
--- components/cabinet/css/Cabinet.css	(revision 9687)
+++ components/cabinet/css/Cabinet.css	(working copy)
@@ -2,20 +2,12 @@
 	overflow:auto;
 }
 .fl-cabinet-handle {
-	background-image:url("../images/openCloseArrows.png");
-	background-repeat:no-repeat;
-	background-position:left -105px;
 	padding:5px 0 5px 16px;
 	margin:0;
 }
 .fl-cabinet-handle:focus,
 .fl-cabinet-drawerOpened .fl-cabinet-handle {
 	outline:none;
-	background-color:#666;
-	color:#fff;
-}
-.fl-cabinet-handle:focus {
-	background-color:#999;
 }
 
 .fl-cabinet-drawerClosed .fl-cabinet-contents {
@@ -26,12 +18,25 @@
 }
 
 /************************ Theme Modifications *********************/
+.fl-theme-engageMobile .fl-cabinet-handle {
+    background-image:url("../images/openCloseArrows.png");
+    background-repeat:no-repeat;
+    background-position:left -105px;;
+}
+.fl-theme-engageMobile .fl-cabinet-handle:focus,
+.fl-theme-engageMobile .fl-cabinet-drawerOpened .fl-cabinet-handle {
+    background-color:#666;
+    color:#fff;
+}
+.fl-theme-engageMobile .fl-cabinet-handle:focus {
+    background-color:#999;
+}
 /* add an "ndash" and a non-breaking space before the header */
-.fl-theme-iphone .fl-cabinet-handle::before {
+.fl-theme-engageMobile .fl-cabinet-handle::before {
 	content:"\2013\00A0";
 }
 /* add an "+" and a non-breaking space before the header */
-.fl-theme-iphone .fl-cabinet-drawerClosed .fl-cabinet-handle::before{
+.fl-theme-engageMobile .fl-cabinet-drawerClosed .fl-cabinet-handle::before{
 	content:"+\00A0";
 }
 
Index: components/cabinet/html/Cabinet.html
===================================================================
--- components/cabinet/html/Cabinet.html	(revision 9687)
+++ components/cabinet/html/Cabinet.html	(working copy)
@@ -7,8 +7,10 @@
         <title>Cabinet Demo</title>
 	
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/fss-mobile-layout-engage.css" />
-		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/fss-mobile-theme-engage.css" />
+		
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+		
 		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-components-cabinet.css" />
 		
 		<link type="text/css" rel="stylesheet" href="../css/Cabinet.css" />
@@ -29,7 +31,7 @@
     
     <body>
 
-		<div class="fl-cabinet fl-theme-engage">
+		<div class="fl-cabinet fl-theme-engageMobile">
             <div class="flc-cabinet-drawer">                
 				<h2 class="flc-cabinet-handle flc-cabinet-header">Weather</h2>                
                 <ul class="flc-cabinet-contents fl-list-menu">
Index: components/catalogue/css/Catalogue.css
===================================================================
--- components/catalogue/css/Catalogue.css	(revision 9687)
+++ components/catalogue/css/Catalogue.css	(working copy)
@@ -1,19 +1,9 @@
 .fl-catalogue .fl-catalogue-themes h2 {
-    background: -webkit-gradient(linear, left top, left bottom, from(#EEE9E9), to(#F5F5F5));
     padding: 5px 0 5px 5px;
     margin: 0;
 }
 
-.fl-catalogue-linkToArtifactsHeader {
-    background-color: white;
-}
-
-a.fl-catalogue-linkToArtifacts {
-    background: url(../../../../fluid-infusion/src/webapp/framework/fss/images/themes/iphone/listmenu_arrow.png) no-repeat right 5px;
-}
-
 .flc-catalogue-linkToArtifactsText {
-    background: none;
     margin-left: 0;
 }
 
@@ -25,10 +15,6 @@
     margin: 0px;
 }
 
-.fl-list-menu.fl-list-thumbnails.fl-thumbnails-expanded.fl-grid {
-    background-color: white;
-}
-
 .fl-list-thumbnails > li{
     border-left-width: 0;
     border-right-width: 0;
@@ -44,7 +30,6 @@
 
 [class*=fl-list] li.fl-catalogue-linkToThemeArtifactsContainer {
     border-top: none;
-    background-color: #FBFBFB;
 }
 
 .fl-list-menu li a {
@@ -54,3 +39,23 @@
 [class*=fl-list] li.fl-catalogue-linkToThemeArtifactsContainer a.fl-catalogue-linkToThemeArtifacts {
     font-size: 0.7em;
 }
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-catalogue .fl-catalogue-themes h2 {
+    background: -webkit-gradient(linear, left top, left bottom, from(#EEE9E9), to(#F5F5F5));
+}
+.fl-theme-engageMobile .fl-catalogue-linkToArtifactsHeader {
+    background-color: white;
+}
+.fl-theme-engageMobile a.fl-catalogue-linkToArtifacts {
+    background: url(../../../../fluid-infusion/src/webapp/framework/fss/images/themes/iphone/listmenu_arrow.png) no-repeat right 5px;
+}
+.fl-theme-engageMobile .flc-catalogue-linkToArtifactsText {
+    background: none;
+}
+.fl-theme-engageMobile .fl-list-menu.fl-list-thumbnails.fl-thumbnails-expanded.fl-grid {
+    background-color: white;
+}
+.fl-theme-engageMobile [class*=fl-list] li.fl-catalogue-linkToThemeArtifactsContainer {
+    background-color: #FBFBFB;
+}
\ No newline at end of file
Index: components/catalogue/html/view.html
===================================================================
--- components/catalogue/html/view.html	(revision 9687)
+++ components/catalogue/html/view.html	(working copy)
@@ -8,10 +8,10 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/cabinet/css/Cabinet.css" />
         
@@ -35,32 +35,28 @@
         <script type="text/javascript" src="../../../../fluid-engage-core/components/catalogue/js/Catalogue.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
     </head>   
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <div class="flc-catalogue-container fl-catalogue">
             
             <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
-                <!-- Home button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                    </a>
-                </div>
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
                 <!-- Toggle button -->
-                <div class="fl-col-fixed fl-force-right">
+                <div class="fl-force-right">
                     <a rsf:id="scr=null" class="flc-navigationBar-toggle fl-button" href="#">
                         <img class="flc-navigationBar-toggle-grid fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-grid.png" alt="Switch to grid layout"/>
                         <img class="flc-navigationBar-toggle-list fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-list.png" alt="Switch to list layout"/>
                     </a>
                 </div>
                 <!-- Page header -->
-                <h1 class="flc-catalogue-title fl-navbar-title fl-col-flex">Catalogue for This Exhibition</h1>
+                <h1 class="flc-catalogue-title fl-navbar-title">Catalogue for This Exhibition</h1>
             </div>
  
             <div class="fl-catalogue-linkToArtifactsHeader fl-list-menu">
Index: components/codeEntry/css/codeEntry.css
===================================================================
--- components/codeEntry/css/codeEntry.css	(revision 9687)
+++ components/codeEntry/css/codeEntry.css	(working copy)
@@ -1,7 +1,3 @@
-.fl-theme-iphone {
-	background:	#f3f3f3;
-}
-
 .fl-codeEntry-headMessage {
     width: 320px;
     height: 80px;
@@ -11,11 +7,6 @@
     text-align: center;
 }
 
-.fl-codeEntry-invalidCode {
-	color: white;
-	background-color: #464646;
-}
-
 .fl-codeEntry-block {
     width: 300px;	
     margin: auto;
@@ -31,7 +22,6 @@
 	line-height: 64px;
 	text-align: center;
 	vertical-align: middle;
-	background-color: white;
 	display: inline-block;
 }
 
@@ -65,3 +55,14 @@
     overflow:hidden;
 }
 
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile {
+    background: #f3f3f3;
+}
+.fl-theme-engageMobile .fl-codeEntry-invalidCode {
+    color: white;
+    background-color: #464646;
+}
+.fl-theme-engageMobile .fl-codeEntry-digitField {
+    background-color: white;
+}
\ No newline at end of file
Index: components/codeEntry/html/codeEntry.html
===================================================================
--- components/codeEntry/html/codeEntry.html	(revision 9687)
+++ components/codeEntry/html/codeEntry.html	(working copy)
@@ -8,12 +8,11 @@
 		<title>Code entry</title>
 
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+		
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/codeEntry/css/codeEntry.css" />
 		
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
@@ -27,20 +26,18 @@
    		<script type="text/javascript" src="../../../../fluid-engage-core/components/codeEntry/js/CodeEntryView.js"></script>
    		
 	</head>
-	<body class="fl-theme-iphone">
+	<body class="fl-theme-engageMobile">
 		
 		<div class="flc-codeEntry">
 		    
             <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
+                <a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
                 <!-- Page header -->
-                <h1 class="flc-codeEntry-title fl-navbar-title fl-col-flex">Enter an Object Code</h1>
+                <h1 class="flc-codeEntry-title fl-navbar-title">Enter an Object Code</h1>
             </div>
 			
         	<div class="flc-codeEntry-headMessage fl-codeEntry-headMessage"></div>            
Index: components/exhibition/css/Exhibition.css
===================================================================
--- components/exhibition/css/Exhibition.css	(revision 9687)
+++ components/exhibition/css/Exhibition.css	(working copy)
@@ -1,7 +1,5 @@
 .fl-exhibition-header {
-    background: -webkit-gradient(linear, left top, left bottom, from(#EEE9E9), to(#F5F5F5));
     padding: 5px 0 5px 0;
-    border-top:1px solid #000000;
     font-weight:bold;
 }
 
@@ -28,11 +26,6 @@
     height: 45px;
 }
 
-.fl-theme-iphone {
-    background: none;
-}
-
-
 .fl-list-menu li a {
     padding:12px 0px 12px 12px;
 }
@@ -59,12 +52,7 @@
     margin-right: 5px;
 }
 
-.fl-container li {
-    background-color: white;
-}
-
 .fl-exhibition-linkContainer {
-    background-color: #EEEEEE;
     -webkit-border-radius: 8px;
     padding: 0px;
     margin: 0px 10px 5px 0px;
@@ -104,3 +92,15 @@
 .fl-col-mixed .fl-col-flex {
     margin-left: 70px;
 }
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-exhibition-header {
+    background: -webkit-gradient(linear, left top, left bottom, from(#EEE9E9), to(#F5F5F5));
+    border-top:1px solid #000000;
+}
+.fl-theme-engageMobile .fl-container li {
+    background-color: white;
+}
+.fl-theme-engageMobile .fl-exhibition-linkContainer {
+    background-color: #EEEEEE;
+}
Index: components/exhibition/html/about.html
===================================================================
--- components/exhibition/html/about.html	(revision 9687)
+++ components/exhibition/html/about.html	(working copy)
@@ -8,9 +8,10 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+        
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/exhibition/css/Exhibition.css" />
         
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
@@ -28,25 +29,21 @@
         <script type="text/javascript" src="../../../../fluid-engage-core/components/exhibition/js/ExhibitionView.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
     </head>   
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <div class="flc-exhibition-container">
             
             <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
-                <!-- Home button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                    </a>
-                </div>
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
                 <!-- Page header -->
-                <h1 class="flc-exhibition-navBarTitle fl-navbar-title fl-col-flex">About This Exhibition</h1>
+                <h1 class="flc-exhibition-navBarTitle fl-navbar-title">About This Exhibition</h1>
             </div>
             
             <div class="fl-exhibition-content">
Index: components/exhibition/html/view.html
===================================================================
--- components/exhibition/html/view.html	(revision 9687)
+++ components/exhibition/html/view.html	(working copy)
@@ -8,9 +8,10 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+        
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/exhibition/css/Exhibition.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
         
@@ -43,25 +44,21 @@
         <link type="text/css" rel="stylesheet" href="../../guestbook/css/guestbook.css" />
         
     </head>   
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <div class="flc-exhibition-container fl-exhibition">
             
             <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
-                <!-- Home button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                    </a>
-                </div>
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
                 <!-- Page header -->
-                <h1 class="flc-exhibition-navBarTitle fl-navbar-title fl-col-flex">Exhibition View</h1>
+                <h1 class="flc-exhibition-navBarTitle fl-navbar-title">Exhibition View</h1>
             </div>
 
             <ol class="fl-list-menu">
Index: components/guestbook/css/guestbook.css
===================================================================
--- components/guestbook/css/guestbook.css	(revision 9687)
+++ components/guestbook/css/guestbook.css	(working copy)
@@ -2,24 +2,19 @@
     height: 48px;
     text-align:center;
     font-size:19px;
-    background:#F6F7F7;
 }
 
 .fl-guestbook-text {
     font-size: 19px;
 }
 
-/* Image must be specified in background like this since URLs are not 
- * yet rewritten in dependent templates */
 .fl-guestbook-addnote-control {
     height: 24px;
     width: 28px;
-    background-image: url("../images/addnote.png");
     display: inline-block
 }
 
 .fl-guestbook-header {
-    color: #666;
     font-weight: lighter;
     font-size: 16px;
 }
@@ -53,3 +48,16 @@
 .fl-guestbook-textarea-width {
     width:90%;
 }
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-guestbook-addnote {
+    background:#F6F7F7;
+}
+/* Image must be specified in background like this since URLs are not
+ * yet rewritten in dependent templates */
+.fl-theme-engageMobile .fl-guestbook-addnote-control {
+    background-image: url("../images/addnote.png");
+}
+.fl-theme-engageMobile.fl-guestbook-header {
+    color: #666;
+}
\ No newline at end of file
Index: components/guestbook/html/comment.html
===================================================================
--- components/guestbook/html/comment.html	(revision 9687)
+++ components/guestbook/html/comment.html	(working copy)
@@ -8,13 +8,12 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
         
         <link type="text/css" rel="stylesheet" href="../css/guestbook.css" />
-        
+                
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/json/js/json2.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/framework/core/js/Fluid.js"></script>
@@ -30,20 +29,18 @@
         
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
     </head>
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <!--DISREPUTABLE TEMPLATE BOUNDARY-->
         <div class="flc-guestbook-container" >
         
             <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
+                <a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
                 <!-- Page header -->
-                <h1 class="flc-guestbook-commentEntry fl-navbar-title fl-col-flex">Comment entry</h1>
+                <h1 class="flc-guestbook-commentEntry fl-navbar-title">Comment entry</h1>
             </div>
             <form class="flc-guestbook-form">
 	            <textarea class="flc-guestbook-text fl-guestbook-textarea-width fl-guestbook-textarea-height"></textarea>
Index: components/guestbook/html/guestbook.html
===================================================================
--- components/guestbook/html/guestbook.html	(revision 9687)
+++ components/guestbook/html/guestbook.html	(working copy)
@@ -8,10 +8,9 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
         
         <link type="text/css" rel="stylesheet" href="../css/guestbook.css" />
         
@@ -40,25 +39,21 @@
 
         <script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
     </head>
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <!--DISREPUTABLE TEMPLATE BOUNDARY-->
         <div class="flc-guestbook-container fl-guestbook" >
                         <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
-                <!-- Home button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a class="flc-navigationBar-home fl-button" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                    </a>
-                </div>
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
                 <!-- Page header -->
-                <h1 class="flc-guestbook-title fl-navbar-title fl-col-flex">Guestbook for This Exhibition</h1>
+                <h1 class="flc-guestbook-title fl-navbar-title">Guestbook for This Exhibition</h1>
             </div>
             
             <div class="flc-guestbook-addnote fl-guestbook-addnote">
Index: components/home/css/Home.css
===================================================================
--- components/home/css/Home.css	(revision 9687)
+++ components/home/css/Home.css	(working copy)
@@ -21,10 +21,6 @@
     width: 84px;    
 }
 
-.fl-home .fl-list-thumbnails.fl-grid li a {
-    background-color: rgb(255,255,255);
-}
-
 /* For Language Selection */
 .fl-languageSelection .fl-navbar.fl-table .fl-table-row img.fl-table-cell {
     height: 40px;
@@ -35,7 +31,11 @@
     text-align: center;
 }
 
-.fl-theme-iphone .fl-languageSelection [class*=fl-list]:not(.fl-list):not(.fl-grid) a,
-.fl-theme-iphone .fl-languageSelection [class*=fl-list]:not(.fl-list):not(.fl-grid) a:active {
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-home .fl-list-thumbnails.fl-grid li a {
+    background-color: rgb(255,255,255);
+}
+.fl-theme-engageMobile .fl-languageSelection [class*=fl-list]:not(.fl-list):not(.fl-grid) a,
+.fl-theme-engageMobile .fl-languageSelection [class*=fl-list]:not(.fl-list):not(.fl-grid) a:active {
     background: none;
 }
\ No newline at end of file
Index: components/home/html/home.html
===================================================================
--- components/home/html/home.html	(revision 9687)
+++ components/home/html/home.html	(working copy)
@@ -10,9 +10,9 @@
 
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
         
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/home/css/Home.css" />
         
@@ -28,13 +28,11 @@
         <script type="text/javascript" src="../../../../fluid-engage-core/components/home/js/Home.js"></script>
     </head>   
     
-    <body class="fl-theme-iphone fl-home-white-background">
+    <body class="fl-theme-engageMobile">
         <div class="flc-homeAndLanguage">
             <div class="flc-home fl-home">
-                <div class="fl-navbar fl-table">
-                    <div class="fl-table-row">              
-                        <h1 class="flc-home-title fl-table-cell artifact-name">McCord Museum</h1>                          
-                    </div>
+                <div class="fl-navbar">
+                    <h1 class="flc-home-title fl-navbar-title">McCord Museum</h1>
                 </div>
                 <ul class="fl-list-menu fl-list-thumbnails fl-thumbnails-expanded fl-grid">
                     <li>                
Index: components/mobileHome/html/home.html
===================================================================
--- components/mobileHome/html/home.html	(revision 9687)
+++ components/mobileHome/html/home.html	(working copy)
@@ -10,13 +10,13 @@
 
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
-
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
+        
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+		
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/cabinet/css/Cabinet.css" />
-
+        
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/MyInfusion.js"></script>
         <script type="text/javascript" src="../../../../fluid-engage-core/MyEngage.js"></script>
        
@@ -25,7 +25,7 @@
         <script type="text/javascript" src="../js/condenser.js"></script>
     </head>   
     
-    <body class="fl-theme-iphone fl-home-white-background">
+    <body class="fl-theme-engageMobile">
         <div class="flc-navigator-portal">
         </div>
         <script id="flc-initBlock" type="text/javascript">
Index: components/moreLess/html/MoreLess.html
===================================================================
--- components/moreLess/html/MoreLess.html	(revision 9687)
+++ components/moreLess/html/MoreLess.html	(working copy)
@@ -10,14 +10,16 @@
         
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+        
         <link type="text/css" rel="stylesheet" href="../css/MoreLess.css" />
         
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/framework/core/js/Fluid.js"></script>
         <script type="text/javascript" src="../js/MoreLess.js"></script>
     </head>
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <div class="flc-moreLess">            
             <p class="flc-moreLess-content fl-moreLess-content">
                 <i>Marvel Super Special</i>, vol. 1, no. 25, <i>Rock & Rule</i>, 1983. 
Index: components/myCollection/css/myCollection.css
===================================================================
--- components/myCollection/css/myCollection.css	(revision 9687)
+++ components/myCollection/css/myCollection.css	(working copy)
@@ -29,40 +29,26 @@
 
 .fl-myCollection-actionPanel {
     width: 100%;
-    background: #F5F5F5;
 }
 
 .fl-myCollection-actionButtons {
-    height: 45px;       
-    padding-left: 5px;  
+    height: 45px;
+    padding-left: 5px; 
     display: table-cell;
     vertical-align: middle;
 }
 
 .fl-myCollection-actionButtons a.fl-myCollection-action-button {
-    color: #FFFFFF;
     padding: 5px 10px 5px 30px;
     border-style:solid;
     border-width: 2px;
-    border-color: #000000;
-    -webkit-border-image: none;
     text-align: center;
     margin: auto;
 }
 
-.fl-myCollection-send {
-    background: url(../../../shared/images/send.png) no-repeat left,
-        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
-}
-
-.fl-myCollection-dialogContainer {
-    background-color: rgba(62, 62, 62, 0.9);
-}
-
 .fl-myCollection-sendMailDialog {
     display: none;
     padding: 55px 10px 0 10px;
-    color: white;
     width: 100%;
     margin: auto;
 }
@@ -74,14 +60,11 @@
 }
 
 .ui-state-default {
-    color: #4D4D4D;
     font-size: 14px;
-    background: #F5F5F5;
     -webkit-border-bottom-left-radius: 10px 10px;
     -webkit-border-bottom-right-radius: 10px 10px;
     -webkit-border-top-left-radius: 10px 10px;
     -webkit-border-top-right-radius: 10px 10px;
-    border-color: rgba(62, 62, 62, 0.9);
     padding: 5px 5px 5px 5px;
     text-decoration:none;
     font-weight:bold;
@@ -95,4 +78,29 @@
     -webkit-border-bottom-right-radius: 10px 10px;
     -webkit-border-top-left-radius: 10px 10px;
     -webkit-border-top-right-radius: 10px 10px;
+}
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-myCollection-actionPanel {
+    background: #F5F5F5;
+}
+.fl-theme-engageMobile .fl-myCollection-actionButtons a.fl-myCollection-action-button {
+    color: #FFFFFF;
+    border-color: #000000;
+    -webkit-border-image: none;
+}
+.fl-theme-engageMobile .fl-myCollection-send {
+    background: url(../../../shared/images/send.png) no-repeat left,
+        -webkit-gradient(linear, left top, right bottom, from(#A6A6A6), to(#C8C8C8));
+}
+.fl-theme-engageMobile .fl-myCollection-dialogContainer {
+    background-color: rgba(62, 62, 62, 0.9);
+}
+.fl-theme-engageMobile .fl-myCollection-sendMailDialog {
+    color: white;
+}
+.fl-theme-engageMobile .ui-state-default {
+    color: #4D4D4D;
+    background: #F5F5F5;
+    border-color: rgba(62, 62, 62, 0.9);
 }
\ No newline at end of file
Index: components/myCollection/html/myCollection.html
===================================================================
--- components/myCollection/html/myCollection.html	(revision 9687)
+++ components/myCollection/html/myCollection.html	(working copy)
@@ -9,11 +9,11 @@
 		
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationBar/css/NavigationBar.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" /> 
-               
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
+        
+        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />                
 		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/myCollection/css/myCollection.css" />
 
 		<script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
@@ -35,32 +35,28 @@
 		<script type="text/javascript" src="../../../../fluid-engage-core/framework/js/loadData.js" rsf:id="scr=ignore"></script>
 		
 	</head>
-	<body class="flc-myCollection fl-theme-iphone">
+	<body class="flc-myCollection fl-theme-engageMobile">
 		<div class="flc-myCollection-container">
 					
 		    <!-- Navigation Bar and Header -->
             <div class="flc-navigationBar fl-navbar fl-col-mixed">
                 <!-- Back button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-back fl-button fl-backButton" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back"/>
-                    </a>
-                </div>
-                <!-- Home button -->
-                <div class="fl-col-fixed fl-force-left">
-                    <a rsf:id="scr=null" class="flc-navigationBar-home fl-button" href="#">
-                        <img class="fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home"/>
-                    </a>
-                </div>
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-back fl-force-left fl-button fl-backButton">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/back.png" alt="Go back" />
+				</a>
+				<!-- Home button -->
+				<a rsf:id="scr=null" href="#" class="flc-navigationBar-home fl-force-left fl-button">
+					<img class="fl-button-inner" src="../../../../fluid-engage-core/shared/images/home.png" alt="Go home" />
+				</a>
                 <!-- Toggle button -->
-                <div class="fl-col-fixed fl-force-right">
+                <div class="fl-force-right">
                     <a rsf:id="scr=null" class="flc-navigationBar-toggle fl-button" href="#">
                         <img class="flc-navigationBar-toggle-grid fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-grid.png" alt="Switch to grid layout"/>
                         <img class="flc-navigationBar-toggle-list fl-button-inner fl-button-icon" src="../../../../fluid-engage-core/shared/images/toggle-list.png" alt="Switch to list layout"/>
                     </a>
                 </div>
                 <!-- Page header -->
-                <h1 class="flc-myCollection-title fl-navbar-title fl-col-flex">My Collection</h1>
+                <h1 class="flc-myCollection-title fl-navbar-title">My Collection</h1>
             </div>
             <div class="fl-myCollection-actionPanel">
                 <div class="fl-myCollection-actionButtons">
Index: components/navigationBar/css/NavigationBar.css
===================================================================
--- components/navigationBar/css/NavigationBar.css	(revision 9687)
+++ components/navigationBar/css/NavigationBar.css	(working copy)
@@ -1,33 +0,0 @@
-.fl-navbar.fl-col-mixed {
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-width: 0px;
-}
-
-.fl-navbar.fl-col-mixed .fl-col-fixed {
-    width:35px;
-    padding-left: 5px;
-    padding-right: 5px;
-}
-.fl-navbar.fl-col-mixed .fl-col-flex {
-    margin-left: 0px;
-}
-.fl-navbar .fl-navbar-title {
-    overflow:hidden;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    width: auto;
-}
-.fl-navbar .fl-button {
-    margin-right: 5px;
-}
-
-.fl-navbar .fl-button.fl-backButton {
-    vertical-align: middle;
-    display: table-cell;
-    padding: 0;
-}
-
-.fl-navbar .fl-button-inner.fl-button-icon {
-    padding: 0;
-}
Index: components/navigationList/css/NavigationList.css
===================================================================
--- components/navigationList/css/NavigationList.css	(revision 9687)
+++ components/navigationList/css/NavigationList.css	(working copy)
@@ -12,14 +12,12 @@
     border-right: none;
 }
 
-.fl-theme-iphone .fl-navigationList-container.fl-list a {
-    color: rgb(0, 0, 0);
+.fl-navigationList-container.fl-list a {
     font-size: 0.7em;
     padding-bottom: 0;
 }
 
 .fl-navigationList-container.fl-list > li .fl-link-summary {
-    color: rgb(0, 0, 0);
     font-size: 1em;
     margin: 0;
 }
@@ -76,4 +74,13 @@
     text-overflow:ellipsis;
     white-space:nowrap;
     width: auto;
+}
+
+/*************** Engage theme for component ********************************/
+.fl-theme-engageMobile .fl-navigationList-container.fl-list a {
+    color: rgb(0, 0, 0);
+}
+
+.fl-theme-engageMobile .fl-navigationList-container.fl-list > li .fl-link-summary {
+    color: rgb(0, 0, 0);
 }
\ No newline at end of file
Index: components/navigationList/html/NavigationList.html
===================================================================
--- components/navigationList/html/NavigationList.html	(revision 9687)
+++ components/navigationList/html/NavigationList.html	(working copy)
@@ -8,8 +8,8 @@
 
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-layout.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-infusion/src/webapp/framework/fss/css/fss-mobile-theme-iphone.css" />
-        <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-theme.css" />
+		<link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/shared/css/engage-mobile-layout.css" />
         <link type="text/css" rel="stylesheet" href="../../../../fluid-engage-core/components/navigationList/css/NavigationList.css" />
 
         <script type="text/javascript" src="../../../../fluid-infusion/src/webapp/lib/jquery/core/js/jquery.js"></script>
@@ -23,7 +23,7 @@
         <script type="text/javascript" src="../js/NavigationList.js"></script>
     </head>
     
-    <body class="fl-theme-iphone">
+    <body class="fl-theme-engageMobile">
         <div class="fl-navbar"></div>
         
         <div class="flc-navigationList">
Index: shared/css/engage-components-cabinet.css
===================================================================
--- shared/css/engage-components-cabinet.css	(revision 9687)
+++ shared/css/engage-components-cabinet.css	(working copy)
@@ -1,24 +1,24 @@
-.fl-theme-engage .fl-cabinet .fl-cabinet-handle {
+.fl-theme-engageMobile .fl-cabinet .fl-cabinet-handle {
     margin:0;    
 }
-.fl-theme-engage .fl-collapsable {
+.fl-theme-engageMobile .fl-collapsable {
     margin: 12px;
 }
-.fl-theme-engage .fl-cabinet-animation {
+.fl-theme-engageMobile .fl-cabinet-animation {
     -webkit-transition: max-height 0.75s ease-in;
 }
-.fl-theme-engage .fl-collapsingPanel.fl-cabinet-drawerClosed > *:first-child {
+.fl-theme-engageMobile .fl-collapsingPanel.fl-cabinet-drawerClosed > *:first-child {
     -webkit-border-radius:8px;
 }
-.fl-theme-engage .fl-container-autoHeading > :first-child {
+.fl-theme-engageMobile .fl-container-autoHeading > :first-child {
     background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#F8F8F8));
 	border-width:1px 0;
 	border-color:#fff transparent #ccc;
 	border-style:solid;
     color: #000;
 }
-.fl-theme-engage [class*=fl-container]:not(.fl-navbar),
-.fl-theme-engage [class*=fl-list] {
+.fl-theme-engageMobile [class*=fl-container]:not(.fl-navbar),
+.fl-theme-engageMobile [class*=fl-list] {
     margin:0;
 }
 ./*fl-theme-engage [class*=fl-container] [class*=fl-list] > li:last-child,
Index: shared/css/engage-mobile-layout.css
===================================================================
--- shared/css/engage-mobile-layout.css	(revision 9687)
+++ shared/css/engage-mobile-layout.css	(working copy)
@@ -1,50 +1,49 @@
-.fl-navbar {
+.fl-theme-engageMobile .fl-navbar {
 	min-height:35px;
-	padding:5px 0;	
+	padding:5px 0;
+    border: none;
 }
-.fl-navbar .fl-button {
+.fl-theme-engageMobile .fl-navbar .fl-button {
 	margin-right:10px;
+	height: 35px;
 }
-.fl-navbar .fl-button img {
+.fl-theme-engageMobile .fl-navbar .fl-button img {
 	height: 25px;
 	margin-bottom: -5px;
 	padding: 0px;
 }
-.fl-navbar .fl-backButton {
+.fl-theme-engageMobile .fl-navbar .fl-backButton {
 	padding: 0px;
 	margin:0 5px;
 }
-.fl-navbar .fl-backButton img {
-	margin-bottom: -3px;
-}
-.fl-navbar .fl-navbar-title {
+.fl-theme-engageMobile .fl-navbar .fl-navbar-title {
 	overflow:hidden;
 	text-overflow:ellipsis;
 	white-space:nowrap;
 }
-[class*=fl-container] [class*=fl-list] > li:first-child,
-[class*=fl-container] [class*=fl-list] > li:first-child a {
+.fl-theme-engageMobile [class*=fl-container] [class*=fl-list] > li:first-child,
+.fl-theme-engageMobile [class*=fl-container] [class*=fl-list] > li:first-child a {
 	-webkit-border-radius:0;
 }
-[class*=fl-container] [class*=fl-list] > li:last-child,
-[class*=fl-container] [class*=fl-list] > li:last-child a {
+.fl-theme-engageMobile [class*=fl-container] [class*=fl-list] > li:last-child,
+.fl-theme-engageMobile [class*=fl-container] [class*=fl-list] > li:last-child a {
 	-webkit-border-radius:0;
 }
-[class*=fl-container] [class*=fl-list]:not(.fl-thumbnails-expanded) > li a .fl-icon {
+.fl-theme-engageMobile [class*=fl-container] [class*=fl-list]:not(.fl-thumbnails-expanded) > li a .fl-icon {
 	-webkit-border-radius:0;
 }
-.fl-container-autoHeading > *:first-child {
+.fl-theme-engageMobile .fl-container-autoHeading > *:first-child {
 	-webkit-border-radius:0;
 }
 /* The last element found becomes the "content" - list or otherwise */
-.fl-container-autoHeading > *:last-child {
+.fl-theme-engageMobile .fl-container-autoHeading > *:last-child {
 	-webkit-border-radius:0;
 }
-.fl-container-autoHeading [class*=fl-list] > li:first-child:last-child,
-.fl-container-autoHeading [class*=fl-list] > li:first-child:last-child a {
+.fl-theme-engageMobile .fl-container-autoHeading [class*=fl-list] > li:first-child:last-child,
+.fl-theme-engageMobile .fl-container-autoHeading [class*=fl-list] > li:first-child:last-child a {
 	-webkit-border-radius:0;
 }
 /* Collapsing and expanding panels */
-.fl-container-collapsable {	
+.fl-theme-engageMobile .fl-container-collapsable {	
 	-webkit-border-radius:0px;
 }
Index: shared/css/engage-mobile.css
===================================================================
--- shared/css/engage-mobile.css	(revision 9687)
+++ shared/css/engage-mobile.css	(working copy)
@@ -1,10 +0,0 @@
-.fl-theme-iphone {
-    background: none;
-}
-
-.fl-theme-iphone a,
-.fl-theme-iphone input,
-.fl-theme-iphone textarea,
-.fl-theme-iphone .fl-engage-tappable {
-    -webkit-tap-highlight-color: rgba(0,0,255,0.5);
-}
Index: shared/css/fss-mobile-layout-engage.css
===================================================================
--- shared/css/fss-mobile-layout-engage.css	(revision 9687)
+++ shared/css/fss-mobile-layout-engage.css	(working copy)
@@ -1,50 +0,0 @@
-.fl-navbar {
-	min-height:35px;
-	padding:5px 0;	
-}
-.fl-navbar .fl-button {
-	margin-right:10px;
-}
-.fl-navbar .fl-button img {
-	height: 25px;
-	margin-bottom: -5px;
-	padding: 0px;
-}
-.fl-navbar .fl-backButton {
-	padding: 0px;
-	margin:0 5px;
-}
-.fl-navbar .fl-backButton img {
-	margin-bottom: -3px;
-}
-.fl-navbar .fl-navbar-title {
-	overflow:hidden;
-	text-overflow:ellipsis;
-	white-space:nowrap;
-}
-[class*=fl-container] [class*=fl-list] > li:first-child,
-[class*=fl-container] [class*=fl-list] > li:first-child a {
-	-webkit-border-radius:0;
-}
-[class*=fl-container] [class*=fl-list] > li:last-child,
-[class*=fl-container] [class*=fl-list] > li:last-child a {
-	-webkit-border-radius:0;
-}
-[class*=fl-container] [class*=fl-list]:not(.fl-thumbnails-expanded) > li a .fl-icon {
-	-webkit-border-radius:0;
-}
-.fl-container-autoHeading > *:first-child {
-	-webkit-border-radius:0;
-}
-/* The last element found becomes the "content" - list or otherwise */
-.fl-container-autoHeading > *:last-child {
-	-webkit-border-radius:0;
-}
-.fl-container-autoHeading [class*=fl-list] > li:first-child:last-child,
-.fl-container-autoHeading [class*=fl-list] > li:first-child:last-child a {
-	-webkit-border-radius:0;
-}
-/* Collapsing and expanding panels */
-.fl-container-collapsable {	
-	-webkit-border-radius:0px;
-}
Index: shared/css/fss-mobile-theme-engage.css
===================================================================
--- shared/css/fss-mobile-theme-engage.css	(revision 9687)
+++ shared/css/fss-mobile-theme-engage.css	(working copy)
@@ -1,257 +0,0 @@
-﻿/***************************************/
-/* general styles */
-.fl-theme-engageMobile {
-    background:none;
-}
-.fl-theme-engageMobile .fl-bevel-black {
-    text-shadow: rgba(0,0,0,0.35) 0px -1px 0px;
-}
-.fl-theme-engageMobile .fl-bevel-white {
-    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
-}
-
-.fl-theme-engageMobile a {
-    -webkit-touch-callout:none; /* prevents iphone popup menu to copy / follow / bookmark a particular link */
-    -webkit-tap-highlight-color: rgba(0,0,255,0.5);
-    text-decoration:none;
-    color:#000;
-}
-.fl-theme-engageMobile input,
-.fl-theme-engageMobile textarea,
-.fl-theme-engageMobile .fl-engage-tappable {
-    -webkit-tap-highlight-color: rgba(0,0,255,0.5);
-}
-
-.fl-theme-engageMobile h1,
-.fl-theme-engageMobile h2,
-.fl-theme-engageMobile h3 {
-    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
-    color:#4C566C;
-}
-
-/***************************************/
-/* Navigation Bar */
-
-/*body::before {*/
-.fl-theme-engageMobile .fl-navbar {
-    border-top-color:#ccd6e2;
-    border-bottom-color:#000;
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(#B0BCCD),
-        color-stop(0.5, #889BB3),
-        color-stop(0.50, #6D84A2),
-        to(#6D84A2)
-    );
-}
-.fl-theme-engageMobile .fl-navbar {
-    color:#fff;    
-}
-
-.fl-theme-engageMobile .fl-navbar h1 {
-    color:#fff;
-    text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-}
-
-.fl-theme-engageMobile .fl-navbar a {
-	color: #fff;
-    text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-}
-.fl-theme-engageMobile .fl-navbar [class*=fl-button] {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(#9aafca),
-        color-stop(0.5, #6d8cb3),
-        color-stop(0.50, #4b6b90),
-        to(#4b6b90)
-    );
-    -webkit-border-image:none;
-}
-
-.fl-theme-engageMobile .fl-navbar [class*=fl-button]:active {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(149, 184, 239,1)),
-        to(rgba(35,109,229,1)),
-        color-stop(0.5, rgba(149, 184, 239,1)),
-        color-stop(0.50, rgba(75,148,244,1))
-    );
-}
-
-.fl-theme-engageMobile .fl-navbar .fl-backButton {
-    /* See mobile layout for details */
-    -webkit-border-image: url(../images/themes/engage/navbar_back_button_insetShadow.png) 0 15 stretch;
-    -webkit-mask-box-image: url(../images/themes/engage/backbutton_mask.png) 0 15 stretch;
-}
-
-.fl-theme-engageMobile .fl-navbar .fl-button-inner {
-    -webkit-border-image: url(../images/themes/engage/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
-}
-
-/***************************************/
-/* general purpose gel buttons */
-/* effect is applied anywhere but the navbar, which has its own button look */
-.fl-theme-engageMobile .fl-button {
-    text-decoration:none;
-    font-weight:bold;
-    -webkit-border-image: url(../images/themes/engage/button_bg_insetShadow.png) 10 stretch;
-}
-.fl-theme-engageMobile .fl-button.fl-bevel-white {
-    color:#333333;
-}
-.fl-theme-engageMobile .fl-button.fl-bevel-black {
-    color:#FFFFFF;
-}
-.fl-theme-engageMobile .fl-button-white {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(240,240,240,0.25)),
-        to(rgba(220,220,220,0.75)),
-        color-stop(0.5, rgba(240,240,240,1)),
-        color-stop(0.50, rgba(200,200,200,0.8))
-    );
-}
-.fl-theme-engageMobile .fl-button-black {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(106,106,106,0.25)),
-        to(rgba(00,00,00,0.75)),
-        color-stop(0.5, rgba(130,130,130,1)),
-        color-stop(0.50, rgba(75,75,75,0.8))
-    );
-}
-.fl-theme-engageMobile .fl-button-green {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(120,190,130,0.2)),
-        to(rgba(50,170,60,0.75)),
-        color-stop(0.5, rgba(120,190,130,1)),
-        color-stop(0.50, rgba(0,150,10,0.8))
-    );
-}
-.fl-theme-engageMobile .fl-button-blue {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(149, 184, 239,0.2)),
-        to(rgba(35,109,229,0.75)),
-        color-stop(0.5, rgba(149, 184, 239,1)),
-        color-stop(0.50, rgba(75,148,244,0.8))
-    );
-}
-/***************************************/
-/* tabs 1: small general purpose content dividers */
-
-.fl-theme-engageMobile .fl-tabs li {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(#9aafca),
-        color-stop(0.5, #6d8cb3),
-        color-stop(0.50, #4b6b90),
-        to(#4b6b90)
-    );
-    -webkit-border-image: url(../images/themes/engage/navbar_normal_button_insetShadow.png) 5 5 5 5 stretch;
-    -webkit-border-left-image: none;
-    -webkit-background-origin: border;
-    -webkit-background-clip: border;
-}
-
-.fl-theme-engageMobile .fl-tabs li a,
-.fl-theme-engageMobile .fl-tabs .fl-tabs-active a {
-	color:#fff;
-    border-right-color:rgba(255,255,255,0.35);
-    border-left-color:rgba(0,0,0,0.35);
-}
-
-.fl-theme-engageMobile .fl-tabs .fl-tabs-active {
-    background-image: -webkit-gradient(linear, left top, left bottom,
-        from(rgba(149, 184, 239,1)),
-        to(rgba(35,109,229,1)),
-        color-stop(0.5, rgba(149, 184, 239,1)),
-        color-stop(0.50, rgba(75,148,244,1))
-    );
-}
-
-/*************************************************/
-/* Ordered lists, Unordererd lists, Thumbnail lists, Icon lists, Definition lists */
-/*************************************************/
-/* Default list system setup */
-
-.fl-theme-engageMobile .fl-list a {
-    color:#4a94f4;
-}
-
-.fl-theme-engageMobile [class*=fl-list] > li {
-	color: #000;
-    border-color: rgb(169,173,176);
-	background-color:#fff;
-}
-
-/* secondary link info behaviour */
-.fl-theme-engageMobile [class*=fl-list] > li .fl-link-secondary {
-    color: rgb(50, 79, 133);
-}
-
- /* summary link info ehaviour */
-.fl-theme-engageMobile [class*=fl-list] > li .fl-link-summary {
-    color:#999;
-}
-
-.fl-theme-engageMobile [class*=fl-list]:not(.fl-list):not(.fl-grid) a {
-    background: url(../images/themes/engage/listmenu_arrow.png) no-repeat right 5px;
-}
-
-/* A simulation for a:active on the device, requires JS */
-.fl-theme-engageMobile [class*=fl-list]:not(.fl-list):not(.fl-grid) a:active,
-.fl-theme-engageMobile [class*=fl-list] .fl-link-hilight {
-	color: #fff;
-    background: url(../images/themes/engage/listmenu_arrow.png) no-repeat right -25px,
-                -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
-}
-
-.fl-theme-engageMobile [class*=fl-list]:not(.fl-list) a:active,
-.fl-theme-engageMobile [class*=fl-list] a:active .fl-link-secondary,
-.fl-theme-engageMobile [class*=fl-list] a:active .fl-link-summary,
-.fl-theme-engageMobile [class*=fl-list] .fl-link-loading * {
-    color: #fff !important;
-}
-
-.fl-theme-engageMobile [class*=fl-list] .fl-link-loading {
-    color: #fff !important;
-    background: url(../images/themes/engage/listmenu_loader.gif) no-repeat 97% center,
-		        -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
-}
-
-/***************************************/
-/* Grid overrides, removes nav coloring */
-.fl-theme-engageMobile .fl-grid li {
-    background-color:transparent;
-}
-.fl-theme-engageMobile .fl-grid li,
-.fl-theme-engageMobile .fl-grid li a {
-    background-image:none;
-    border:none;
-}
-.fl-theme-engageMobile .fl-grid li a {
-    background-color:#333;
-}
-.fl-theme-engageMobile .fl-grid li a:active,
-.fl-theme-engageMobile .fl-grid .fl-link-hilight {
-	color: #fff;
-    background: -webkit-gradient(linear, left top, left bottom, from(#4a94f4), to(#236de5));
-}
-
-/***************************************/
-/* instructional text (usually embossed too)*/
-.fl-theme-engageMobile .fl-note {
-    color:#4C566C;
-}
-
-/****************************/
-/* Collapsing and expanding panels */
-.fl-theme-engageMobile .fl-container-autoHeading > *:first-child {
-    color:#fff;
-    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
-}
-.fl-theme-engageMobile .fl-container-autoHeading > *:first-child:focus {
-    color:#000;
-    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
-}
-
-/****************************/
-/* Gloss tint for glossy icons/thumbnails */
-
-.fl-theme-engageMobile .fl-list-glossy > li a::before {
-    background-image: -webkit-gradient(radial, 50% -15%, 10, 50% -50%, 45, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,.65)));
-}
\ No newline at end of file
Index: shared/images/themes/engage/backbutton_mask.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/backbutton_mask.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/button_bg_insetShadow.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/button_bg_insetShadow.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/listmenu_arrow.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/listmenu_arrow.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/listmenu_loader.gif
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/listmenu_loader.gif
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/listmenu_loader.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/listmenu_loader.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/navbar_back_button_insetShadow.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/navbar_back_button_insetShadow.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Index: shared/images/themes/engage/navbar_normal_button_insetShadow.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream

Property changes on: shared/images/themes/engage/navbar_normal_button_insetShadow.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

