social_stream 0.3.6 → 0.4.0

data/lib/generators/social_stream/templates/public/javascripts/main.js

@@ -0,0 +1,9 @@
+// initialise plugins
+jQuery(function(){
+jQuery('ul.sf-menu').superfish();
+});
+
+$(document).ready(function() {
+$('#tabright> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
+});
+

data/lib/generators/social_stream/templates/public/javascripts/menu-collapsed.js

@@ -0,0 +1,42 @@
+/* 
+   Simple JQuery Collapsing menu.
+   HTML structure to use:
+
+   <ul id="menu">
+     <li><a href="#">Sub menu heading</a>
+     <ul>
+       <li><a href="http://site.com/">Link</a></li>
+       <li><a href="http://site.com/">Link</a></li>
+       <li><a href="http://site.com/">Link</a></li>
+       ...
+       ...
+     </ul>
+     <li><a href="#">Sub menu heading</a>
+     <ul>
+       <li><a href="http://site.com/">Link</a></li>
+       <li><a href="http://site.com/">Link</a></li>
+       <li><a href="http://site.com/">Link</a></li>
+       ...
+       ...
+     </ul>
+     ...
+     ...
+   </ul>
+
+Copyright 2007 by Marco van Hylckama Vlieg
+
+web: http://www.i-marco.nl/weblog/
+email: marco@i-marco.nl
+
+Free for non-commercial use
+*/
+
+function initMenu() {
+  $('#menu ul').hide();
+  $('#menu li a').click(
+    function() {
+        $(this).next().slideToggle('normal');	
+      }
+    );
+  }
+$(document).ready(function() {initMenu();});

data/lib/generators/social_stream/templates/public/javascripts/menu.js

@@ -96,4 +96,4 @@ jQuery.fn.initMenu = function() {
 });
 };
 
-$(document).ready(function() {$('.menu').initMenu();});
+$(document).ready(function() {$('.toolbar').initMenu();});

data/lib/generators/social_stream/templates/public/javascripts/rails.js

@@ -16,7 +16,7 @@
 
 	// Triggers an event on an element and returns the event result
 	function fire(obj, name, data) {
-		var event = new $.Event(name);
+		var event = $.Event(name);
 		obj.trigger(event, data);
 		return event.result !== false;
 	}
@@ -24,8 +24,9 @@
 	// Submits "remote" forms and links with ajax
 	function handleRemote(element) {
 		var method, url, data,
-			dataType = element.attr('data-type') || ($.ajaxSettings && $.ajaxSettings.dataType);
+			dataType = element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType);
 
+	if (fire(element, 'ajax:before')) {
 		if (element.is('form')) {
 			method = element.attr('method');
 			url = element.attr('action');
@@ -37,37 +38,37 @@
 				element.data('ujs:submit-button', null);
 			}
 		} else {
-			method = element.attr('data-method');
+			method = element.data('method');
 			url = element.attr('href');
 			data = null;
 		}
-
-		$.ajax({
-			url: url, type: method || 'GET', data: data, dataType: dataType,
-			// stopping the "ajax:beforeSend" event will cancel the ajax request
-			beforeSend: function(xhr, settings) {
-				if (settings.dataType === undefined) {
-					xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
+			$.ajax({
+				url: url, type: method || 'GET', data: data, dataType: dataType,
+				// stopping the "ajax:beforeSend" event will cancel the ajax request
+				beforeSend: function(xhr, settings) {
+					if (settings.dataType === undefined) {
+						xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
+					}
+					return fire(element, 'ajax:beforeSend', [xhr, settings]);
+				},
+				success: function(data, status, xhr) {
+					element.trigger('ajax:success', [data, status, xhr]);
+				},
+				complete: function(xhr, status) {
+					element.trigger('ajax:complete', [xhr, status]);
+				},
+				error: function(xhr, status, error) {
+					element.trigger('ajax:error', [xhr, status, error]);
 				}
-				return fire(element, 'ajax:beforeSend', [xhr, settings]);
-			},
-			success: function(data, status, xhr) {
-				element.trigger('ajax:success', [data, status, xhr]);
-			},
-			complete: function(xhr, status) {
-				element.trigger('ajax:complete', [xhr, status]);
-			},
-			error: function(xhr, status, error) {
-				element.trigger('ajax:error', [xhr, status, error]);
-			}
-		});
+			});
+		}
 	}
 
 	// Handles "data-method" on links such as:
 	// <a href="/users/5" data-method="delete" rel="nofollow" data-confirm="Are you sure?">Delete</a>
 	function handleMethod(link) {
 		var href = link.attr('href'),
-			method = link.attr('data-method'),
+			method = link.data('method'),
 			csrf_token = $('meta[name=csrf-token]').attr('content'),
 			csrf_param = $('meta[name=csrf-param]').attr('content'),
 			form = $('<form method="post" action="' + href + '"></form>'),
@@ -85,7 +86,7 @@
 		form.find('input[data-disable-with]').each(function() {
 			var input = $(this);
 			input.data('ujs:enable-with', input.val())
-				.val(input.attr('data-disable-with'))
+				.val(input.data('disable-with'))
 				.attr('disabled', 'disabled');
 		});
 	}
@@ -98,7 +99,7 @@
 	}
 
 	function allowAction(element) {
-		var message = element.attr('data-confirm');
+		var message = element.data('confirm');
 		return !message || (fire(element, 'confirm') && confirm(message));
 	}
 
@@ -114,17 +115,17 @@
 		var link = $(this);
 		if (!allowAction(link)) return false;
 
-		if (link.attr('data-remote') != undefined) {
+		if (link.data('remote') != undefined) {
 			handleRemote(link);
 			return false;
-		} else if (link.attr('data-method')) {
+		} else if (link.data('method')) {
 			handleMethod(link);
 			return false;
 		}
 	});
 
 	$('form').live('submit.rails', function(e) {
-		var form = $(this), remote = form.attr('data-remote') != undefined;
+		var form = $(this), remote = form.data('remote') != undefined;
 		if (!allowAction(form)) return false;
 
 		// skip other logic when required values are missing
@@ -146,7 +147,7 @@
 		var name = button.attr('name'), data = name ? {name:name, value:button.val()} : null;
 		button.closest('form').data('ujs:submit-button', data);
 	});
-	
+
 	$('form').live('ajax:beforeSend.rails', function(event) {
 		if (this == event.target) disableFormElements($(this));
 	});

data/lib/generators/social_stream/templates/public/javascripts/superfish.js

@@ -0,0 +1,121 @@
+
+/*
+ * Superfish v1.4.8 - jQuery menu widget
+ * Copyright (c) 2008 Joel Birch
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * 	http://www.opensource.org/licenses/mit-license.php
+ * 	http://www.gnu.org/licenses/gpl.html
+ *
+ * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
+ */
+
+;(function($){
+	$.fn.superfish = function(op){
+
+		var sf = $.fn.superfish,
+			c = sf.c,
+			$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
+			over = function(){
+				var $$ = $(this), menu = getMenu($$);
+				clearTimeout(menu.sfTimer);
+				$$.showSuperfishUl().siblings().hideSuperfishUl();
+			},
+			out = function(){
+				var $$ = $(this), menu = getMenu($$), o = sf.op;
+				clearTimeout(menu.sfTimer);
+				menu.sfTimer=setTimeout(function(){
+					o.retainPath=($.inArray($$[0],o.$path)>-1);
+					$$.hideSuperfishUl();
+					if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
+				},o.delay);	
+			},
+			getMenu = function($menu){
+				var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
+				sf.op = sf.o[menu.serial];
+				return menu;
+			},
+			addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
+			
+		return this.each(function() {
+			var s = this.serial = sf.o.length;
+			var o = $.extend({},sf.defaults,op);
+			o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
+				$(this).addClass([o.hoverClass,c.bcClass].join(' '))
+					.filter('li:has(ul)').removeClass(o.pathClass);
+			});
+			sf.o[s] = sf.op = o;
+			
+			$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
+				if (o.autoArrows) addArrow( $('>a:first-child',this) );
+			})
+			.not('.'+c.bcClass)
+				.hideSuperfishUl();
+			
+			var $a = $('a',this);
+			$a.each(function(i){
+				var $li = $a.eq(i).parents('li');
+				$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
+			});
+			o.onInit.call(this);
+			
+		}).each(function() {
+			var menuClasses = [c.menuClass];
+			if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
+			$(this).addClass(menuClasses.join(' '));
+		});
+	};
+
+	var sf = $.fn.superfish;
+	sf.o = [];
+	sf.op = {};
+	sf.IE7fix = function(){
+		var o = sf.op;
+		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
+			this.toggleClass(sf.c.shadowClass+'-off');
+		};
+	sf.c = {
+		bcClass     : 'sf-breadcrumb',
+		menuClass   : 'sf-js-enabled',
+		anchorClass : 'sf-with-ul',
+		arrowClass  : 'sf-sub-indicator',
+		shadowClass : 'sf-shadow'
+	};
+	sf.defaults = {
+		hoverClass	: 'sfHover',
+		pathClass	: 'overideThisToUse',
+		pathLevels	: 1,
+		delay		: 800,
+		animation	: {opacity:'show'},
+		speed		: 'normal',
+		autoArrows	: true,
+		dropShadows : true,
+		disableHI	: false,		// true disables hoverIntent detection
+		onInit		: function(){}, // callback functions
+		onBeforeShow: function(){},
+		onShow		: function(){},
+		onHide		: function(){}
+	};
+	$.fn.extend({
+		hideSuperfishUl : function(){
+			var o = sf.op,
+				not = (o.retainPath===true) ? o.$path : '';
+			o.retainPath = false;
+			var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
+					.find('>ul').hide().css('visibility','hidden');
+			o.onHide.call($ul);
+			return this;
+		},
+		showSuperfishUl : function(){
+			var o = sf.op,
+				sh = sf.c.shadowClass+'-off',
+				$ul = this.addClass(o.hoverClass)
+					.find('>ul:hidden').css('visibility','visible');
+			sf.IE7fix.call($ul);
+			o.onBeforeShow.call($ul);
+			$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
+			return this;
+		}
+	});
+
+})(jQuery);

data/lib/generators/social_stream/templates/public/stylesheets/default/activities.css

@@ -0,0 +1,72 @@
+/****************** WALL - ACTIVITIES *********************/
+#wrapper_activities {}
+#wall{	text-align:center;}
+
+
+/****************** WALL - HEADER *********************/
+#wrapper_activities_header {	padding-top: 5px;  padding-bottom: 5px;	background-color: #deeff8;}
+#activities_title {	vertical-align: top;	margin-left: 10px;	font-weight: bold;}
+#activities_header {	width: 100%;	margin-bottom: 5px;	text-align: center;	padding-top: 5px;}
+#input_activities {	border-color: #0656a4; color: #2A3890;	padding: 5px 5px 5px 5px;
+  border:1px solid #BDC7D8; width:95%;}
+#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
+#securities{  display:inline-block;  text-align:left;}
+
+/******************* WALL - ACTIVITY ***************/
+.activity {	text-align:left;	display: block;	vertical-align: top;	padding: 10px 5px 0px 0px;
+	display: inline-block;	color: #000;	width: 100%;  font-size: 13px;  color: #2A3890;}
+.actor_logo {	width: 38px;	padding: 8px 0px 8px 5px;	display: inline-block;	vertical-align: top;}
+.activity_content {	padding: 8px 0px 0px 0px;	display: inline-block;	color: #000;	width: 90%;}
+.actor_name {	font-weight: bold;	color: #2A3890;  font-size: 13px;}
+.post a {	color: #2A3890;}
+
+/***************** ACTIVITY OPTIONS ***/
+.activity_options {	color: #2A3890;	font-size: 10px;  display: inline-block;}
+.actor_name-activity_objects{  font-weight: bold;	color: #2A3890;  font-size:12px;}
+.subactivity_objects{	color: #000;  font-weight:normal;  font-size:11px;}
+.post_time_ago {	color: #6c6d6f;}
+.activity_options {  list-style:none;	margin:0;	padding:0;}
+.activity_options li {	padding-left:0px;  padding-right:5px;	float:left;}
+.activity_options li a {	text-decoration:none;}
+.activity_options li a:hover {	text-decoration:underline;}
+.icon_gray{  list-style-image:url("/images/point_gray.png");}
+.activity_options .icon_blue{  padding-left:5px;  list-style-image:url("/images/point_blue.png");
+  list-style-position:inside;}
+
+
+
+/************* ACTIVITY - FOOTER *********/
+.space_comments {	padding-top: 1px; 	padding-bottom: 1px;}
+.space_activities {	text-align:center;	padding: 0px 0px 0px 1px;	width:100%;}
+.space_sub_activities{	padding: 1px 30px 0px 30px;	border-bottom: thin solid #D4E4E4;
+	width:100%;	text-align:center;	display: inline;}
+.space_sub{	display: inline;	padding: 1px 200px 1px 200px;	border-bottom: thin solid #D4E4E4;
+	font-size: 2px;	text-align:center;}
+
+
+/****************** SUB-ACTIVITY by ACTIVITY ********/
+
+
+.activity_new_comment{  font-size: 11px;  padding-left: 5px;	background: #deeff8;
+	border: thin solid #D4E4E4;}
+.actor_logo_subactivity {	width: 40px;	padding: 5px 3px 5px 2px;	display: inline-block;
+	vertical-align: top;}
+.input_new_comments{	border:1px solid #BDC7D8;	width:98%;	padding: 2px;}
+.activity_new_comment{	font-size: 11px;  width:100%;  padding-top: 3px;  padding-bottom: 3px;}
+.subactivity{  font-size: 11px;  padding: 0px 0px 0px 5px;  background: #deeff8;
+  border: thin solid #D4E4E4;}
+.space_comments {	padding-top: 1px;	padding-bottom: 1px;}
+#input_activities {	border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;
+  border:1px solid #BDC7D8;}
+#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
+.activities_comment_btn{ text-align: right;    padding: 2px 5px 2px 10px;    vertical-align: middle;}
+
+
+/*********** DROP DOWN**********/
+/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
+.ui-dropdownchecklist .ui-widget-content,.ui-dropdownchecklist-selector .ui-state-default {	border: none;  vertical-align:middle;}
+.ui-dropdownchecklist-selector-wrapper {	vertical-align: middle;}
+.ui-dropdownchecklist-selector {}
+.ui-dropdownchecklist-group {}
+.ui-dropdownchecklist-text{ padding:3px 3px 0px;}
+

data/lib/generators/social_stream/templates/public/stylesheets/default/base.css

@@ -0,0 +1,150 @@
+/*************Basic ********************/
+* {	margin: 0;	padding: 0;	font-family: Arial; }
+html, body {height: 100%;}
+.p {	margin: 0px;	padding: 0px;	font-size: inherit;	font-family: inherit;	font-weight: inherit;
+      text-align: inherit;	color: inherit;	line-height: inherit;	vertical-align: top;}
+p {	padding-top: 0px;	margin-top: 0px;}
+img {	border: 0px;}
+div {	margin: 0px;	padding: 0px;	font-family: Helvetica;	font-size: 11px;}
+.AbsWrap {	width: 100%;	position: relative;}
+.rowWrap {	width: 100%;}
+a:link,a:visited {	color: inherit;	text-decoration: inherit;}
+a:hover {	text-decoration: underline;}
+.clearfloat {	clear: both;	height: 0px;}
+
+
+/******* Main Structure ***************************/
+body{font-size:1.0em;  color:#2A3890;  background-color:#ffffff; }
+#wrapper { 	background-color: #f5f5f5;	width: 100%; margin: 0px auto;	  }
+#wrapper_body{min-height: 552px;	width: 960px; margin:0px auto;	margin-left: auto;	margin-right: auto;
+margin-top: auto; margin-bottom:auto;}
+
+* html #wrapper_body,  {height: 100%;}
+/*********** Errors *********************/
+/*
+#notice {  padding:2px;  color:red; font-weight:bold; font-size:1.3em;  display:block; text-align:center;}
+#error_explanation {  width: 80%;  border: 2px solid red;  padding: 7px;  padding-bottom: 0;
+  margin-bottom: 20px;  background-color: #f0f0f0;  color:#fff;}
+#error_explanation h2 {  text-align: left;  font-weight: bold;  padding: 5px 5px 5px 15px;
+  font-size: 1.6em;  margin: -7px;  margin-bottom: 0px;  background-color: #c00; color:#fff;}
+#error_explanation ul li {  font-size: 12px;  list-style: square;  margin-left:10px;}
+*/
+
+#notice {  padding:2px;  color:#1F4A75; font-weight:bold; font-size:1.3em;  display:block; text-align:center;}
+.error, .notice, .success {padding:.8em;margin-bottom:1em;}
+.error{padding:.8em;margin-bottom:1em;color:red;}
+/*
+.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
+.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
+.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
+.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
+.error a {color:#8a1f11;}
+.notice a {color:#514721;}
+.success a {color:#264409;}
+*/
+
+/********* Menu header ************/
+.menu_list ul{list-style-type:none;}
+.menu_list li{display: inline;padding-right: 2px; padding-left: 2px; }
+
+
+/************Forms **************/
+input.other_blue{	background:#497FC1;	border:0px;	cursor:pointer;  font-size:1.0em;  line-height:135%;
+  margin-right:4px;	color:white;	padding:1px;}
+
+
+/************ Forms - Buttons  ***************************/
+.myButton{ cursor:pointer;
+  background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0.01, rgb(116,191,67)),
+      color-stop(0.51, rgb(117,189,68)),color-stop(0.76, rgb(195,222,171)));
+  background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,rgb(117,189,68) 51%,
+      rgb(195,222,171) 76%);
+  border-radius: 0.2em;  color: #fff; width: 88px;  height: 26px;  border: none;}
+.myButton span {  display: block;  line-height: 14px;  padding: 5px 0 5px 18px;}
+.myButton:active {  background-position: bottom right;  color: #000;  outline: none;}
+.myButton:active span {  background-position: bottom left;  padding: 6px 0 4px 18px;}
+
+.myButtonBlue{ cursor:pointer;
+  background-image: -webkit-gradient( linear, left bottom, left top,
+      color-stop(0.16, rgb(0,122,193)), color-stop(0.58, rgb(56,148,209)), color-stop(0.79, rgb(168,222,249)) );
+  background-image: -moz-linear-gradient(center bottom,
+      rgb(0,122,193) 16%, rgb(56,148,209) 58%, rgb(168,222,249) 79%);
+  border-radius: 0.2em;  color: #fff; width: 60px;  height: 22px;  border: none;}
+.myButtonBlue span {  display: block;  line-height: 14px;  padding: 3px 0 3px 10px;}
+.myButtonBlue:active {  background-position: bottom right;  color: #000;  outline: none; }
+.myButtonBlue:active span {  background-position: bottom left;  padding: 3px 0 2px 18px; }
+
+.myButtonLarge{ cursor:pointer;
+  background-image: -webkit-gradient(linear,left bottom,left top,
+          color-stop(0.01, rgb(116,191,67)),color-stop(0.51, rgb(117,189,68)),
+          color-stop(0.76, rgb(195,222,171))  );
+          background-image: -moz-linear-gradient(center bottom,rgb(116,191,67) 1%,
+          rgb(117,189,68) 51%,rgb(195,222,171) 76%);
+          border-radius: 0.2em;color: #fff; width: 200px; height: 26px; border: none;}
+.myButtonLarge span {  display: block;  line-height: 14px;  padding: 5px 0 5px 18px;}
+.myButtonLarge:active {  background-position: bottom right;  color: #000;  outline: none;}
+.myButtonLarge:active span {  background-position: bottom left;  padding: 6px 0 4px 18px;}
+
+.button{margin: 10px 0 10px 10px;padding: 3px 3px 3px 3px;color:#FFFFFF;background-color: #1F4A75;}
+
+
+.field_x{  border: thin solid #005C84;  width: 130px;}
+.line{  display:block;  margin:10px 2px 10px 10px;}
+
+
+/********* links **********/
+.tie_link a{  text-decoration:none;}
+.tie_link a:hover{  text-decoration:underline;}
+
+
+/*************SPACES*************/
+.space_center {	padding-top: 9px;	padding-right: 4px;	text-align: center;}
+
+
+/******** DIVS FORMS *******/
+.block .field{  display:inline;  padding: 0px;  width:50%;}
+.block .form_tag{border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;  border:1px solid #BDC7D8; width:90%;}
+.block .form_tag_long{border-color: #0656a4;	color: #2A3890;	padding: 5px 5px 5px 5px;  border:1px solid #BDC7D8; width:91%;}
+.block .form_label{display:inline-block;  width:25%; font-weight:bold; vertical-align:top; padding-top:3px;}
+.block .form_field{  display:inline-block;  padding: 0px;  width:73%;}
+.block .form_row {	display: block; padding:5px; padding-left:20px; }
+.block .label{  display:inline-block;  width:49%; }
+
+
+/************** BLOCK DIV *********/
+.block .brief {	color: #6C6D6F;}
+.block .center{ text-align:center;}
+.block .close {  float:right;  vertical-align:top;}
+.block .content{ padding: 5px 4px 5px 4px;}
+.block .header{vertical-align: middle;	background: transparent url(/images/title_background.png) scroll 0px;
+	padding-left: 10px;	display: block;  height:20px; font-weight:bold;}
+.block .header_icon{ margin-top: 2px;  width:14px;  height:14px; }
+.block .header_icon_right {	float: right;	padding-right: 5px;	padding-top: 3px;}
+.block .header_text {	margin-bottom: 3px;	display: inline-block;}
+.block .logo{ 	display: inline-block; vertical-align:top;}
+.block .right{padding-right:20px; float:right;}
+.block .row {	display: block;}
+.block .title{ display:inline-block; }
+.block .sub-block{	display: inline-block;  padding-left:3px; width:70%; text-align:left;}
+
+
+
+/******BLOCK TAB CONTENT ********/
+.block .tab { 	margin-top: 2px;	background: #fff;	/*border-top: thin solid #D4E4EA;*/
+	padding: 2px 0px 2px 0px;}
+.block .tab_content{ padding:5px; text-align:center;}
+.block .tab li { display: inline; list-style: none;	padding-right: 2px;}
+.block .tab li a {	background-color: #deeff8;	text-decoration: none;	padding: 4px 3px;	outline: none;}
+.block .tab ul {	background: #deeff8;}
+.block .tab li a:hover,
+.block .tab li.ui-tabs-nav a,
+.block .tab li.ui-tabs-selected a,
+.block .tab li a:active	{	background-color: #deeff8;	font-weight: bold;	text-decoration: none;}
+.block .tab_browse{	width:49%;	display:inline-block;}
+.ui-tabs-hide {	display: none;}
+
+
+
+/*************MENU ICON**********/
+.menu_header{  border-bottom: thin solid #D4E4EA;  width:14.5em;  padding-left:3px;  padding-right:3px;}
+.menu_icon{	vertical-align: middle; padding-bottom: 3px;	padding-right: 3px;  padding-left: 3px;	display: inline-block;}