Members page basic style

Melissa Wen
2 parents e08a4dc9 fd42e2c4
Showing 3 changed files with 472 additions and 2 deletions Show diff stats
css/community-pages.css
css/tabs.css
style.css
@@ -23,7 +23,7 @@
   font-size: 11px;
 }
-/* Search form - need to develop solution - hideen on profile page*/
+/* Search form - need to develop solution - hidden on profile page*/
 .profile-type-is-community .action-profile-index #public-profile-search{
   display: none;
 }
@@ -125,6 +125,399 @@
   display: block;
 }
+/*Members Page*/
+
+/*Select area*/
+
+.action-profile-members #profile-members-sort-options{
+  font-size: 14px;
+  text-align: right;
+  margin:16px 15px 17px 6px;
+  border-bottom: 1px solid #ECEDF1;
+  padding-bottom:8px;
+}
+
+.action-profile-members #profile-members-sort-options label{
+  font-weight: 700;
+  color:#172738;
+}
+
+.action-profile-members #profile-members-sort-options select{
+  background: none;
+  border: 1px solid #D3D6DE;
+  border-radius: 4px;
+  padding: 4px 15px 4px 4px;
+  margin: 0px 0px 0px 10px;
+  font-size: 14px;
+}
+/*end of select*/
+
+.action-profile-members .profile-members{
+  padding-left: 5px; /*34px;*/
+}
+
+.action-profile-members .profile-admins{
+  padding-left: 5px;
+}
+
+/* Image area*/
+.action-profile-members .box-1 .common-profile-list-block span{
+  margin-right: 9px;
+  width: 90px;
+  height: 86px;
+}
+.action-profile-members .common-profile-list-block img{
+  border-radius: 4px;
+  width: 82px;
+  height: 82px;
+  max-width: 150px;
+  max-height: 150px;
+}
+
+/*Image hover and informations*/
+.action-profile-members .common-profile-list-block .vcard{
+  border:none;
+}
+
+.action-profile-members .common-profile-list-block .vcard:hover{
+  border:none;
+  background:none;
+}
+
+.action-profile-members .menu-submenu{
+  background:#172738;
+  border-radius: 4px;
+  /***side block position***/
+  bottom:0px;
+  right: 105%;
+  width: 131px;
+  height: 178px;
+  box-shadow: 2px 2px 2px #ECEDF1;
+  -webkit-box-shadow: 2px 2px 2px #ECEDF1;
+  -moz-box-shadow: 2px 2px 2px #ECEDF1;
+}
+
+.action-profile-members .menu-submenu.down::before {
+  content:"\f0da";
+  color:#172738;
+  font-family: FontAwesome;
+  font-size: 25px;
+  float: right;
+  position: relative;
+  margin:-7px;
+  margin-top: 30%;
+}
+
+.action-profile-members .menu-submenu-header,
+.action-profile-members .menu-submenu-content,
+.action-profile-members .menu-submenu-footer{
+  background:none;
+}
+
+.action-profile-members .menu-submenu-header,
+.action-profile-members .menu-submenu-footer{
+  display: none;
+}
+
+.action-profile-members .menu-submenu-content{
+  height: 100%;
+}
+
+.action-profile-members #content .menu-submenu-content h4{
+  color:#fff;
+  font-size: 13px;
+  background:#243F59;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom: 2px solid #FF0366;
+  text-transform: uppercase;
+  padding:8px 7px 10px 6px;
+  margin:0px 0px 2px 0px;
+  text-align: center;
+  max-height: 16px;
+  overflow: hidden;
+}
+
+.action-profile-members #content .menu-submenu-content ul a{
+  padding-left: 0px;
+}
+
+.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend::before{
+  content:"\f067";
+  font-family: FontAwesome;
+  color:#FF0366;
+  font-size: 11px;
+  padding-right: 6px;
+}
+
+.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend:last-child{
+  border-bottom:none;
+}
+
+.action-profile-members #content .menu-submenu-content .menu-submenu-list li a {
+  color:#fff;
+  font-family: Arial;
+  font-size: 14px;
+  border-bottom:1px dotted #2C4B6B;
+  text-align: center;
+  padding-top:8px;
+  padding-bottom:10px;
+  margin-right: 1px;
+}
+
+.action-profile-members .box-1 .common-profile-list-block span{
+  margin-right: 9px;
+  width: 90px;
+  height: 86px;
+}
+
+.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
+  display: block;
+  background:#172738;
+  top:5px;
+  left:4px;
+  border:1px solid #172738;
+  padding-bottom: 0px;
+  border-radius: 5px;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  height: 15px;
+}
+
+.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
+  content:"\f053";
+  color:#fff;
+  font-family: FontAwesome;
+  font-size: 10px;
+  line-height: 11px;
+}
+
+.action-profile-members .common-profile-list-block .vcard a{
+  padding-bottom: 30px;
+}
+
+.action-profile-members .box-1 .common-profile-list-block .fn{
+  font-size: 14px;
+  color:#172738;
+  margin-bottom: 27px;
+  margin-top:2px;
+  height: 35px;
+  max-height: 35px;
+  overflow: hidden;
+}
+
+/************************************************************/
+/*****title of the area members******/
+.action-profile-members #content .page-members-header{
+  font-family: Arial;
+  border-bottom: 1px solid #D3D6DE;
+  margin-bottom: 45px;
+  padding-bottom: 26px;
+  background-image: url("titulo.png");
+
+}
+
+.action-profile-members #content .page-members-header h1{
+  margin:20px 0px 8px 0px;
+}
+
+.action-profile-members #content .page-members-header h3.community-name-members{
+  font-size: 14px;
+  font-weight: 600;
+  margin:0px 0px 5px 0px;
+}
+
+.action-profile-members  #content .page-members-header a.button.with-text{
+  border:1px solid #ccc;
+  text-transform: none;
+  font-size: 12px;
+  padding:3px 15px;
+}
+
+.action-profile-members  .page-members-header .join-leave-button.require-login-popup{
+  float:left;
+  margin-right: 4px;
+}
+
+/*************************************/
+
+/*Members block*/
+
+#content .members-block{
+  border:1px solid #D3D6DE !important;
+  border-radius: 4px;
+}
+
+#content .members-block .block-title{
+  background-color:#ECEDF1;
+  border-bottom:1px solid #D3D6DE;
+  border-top:none;
+  color:#172738;
+  font-size:14px;
+  padding:12px;
+  margin-bottom:12px;
+}
+
+.members-block .block-footer-content{
+  background-color:#ECEDF1;
+  padding:8px 10px 15px 0px;
+  margin-right:0px; 
+  border-top:1px solid #D3D6DE;
+  text-align: right;
+}
+
+#content .members-block .block-footer-content a{
+  padding-right: 0px !important;
+}
+
+#content .members-block .block-footer-content a.view-all{
+  background-image:none;
+  border:none;
+  text-transform: uppercase;
+  line-height: 21px;
+}
+
+#content .members-block .block-footer-content a.view-all::after{
+  content:"\f105";
+  font-family: FontAwesome;
+  padding-left: 7px;
+  padding-right: 4px;
+  color:#ffffff;
+  background: #3E67B1;
+  border-radius: 4px;
+  font-size: 18px;
+  line-height: 20px;
+  text-align: center;
+  margin-left: 5px;
+  position: relative;
+  top: 2px;
+}
+
+.members-block .common-profile-list-block .vcard{
+  border:none;
+}
+.members-block .common-profile-list-block .vcard:hover{
+  border:none;
+  background:none;
+}
+
+#content .members-block .common-profile-list-block .vcard li a{
+  color:#172738;
+}
+
+.members-block .menu-submenu{
+  background:#172738;
+  border-radius: 4px;
+  /***side block position***/
+  bottom:-29px; 
+  right: 100%;
+  width: 131px;
+  height: 176px;
+  box-shadow: 2px 2px 2px #ECEDF1;
+  -webkit-box-shadow: 2px 2px 2px #ECEDF1;
+  -moz-box-shadow: 2px 2px 2px #ECEDF1;
+}
+
+.members-block .menu-submenu.down::before{
+  content:"\f0da";
+  color:#172738;
+  font-family: FontAwesome;
+  font-size:25px;
+  float:right;
+  position:relative;
+  margin:-7px;
+  margin-top:30%;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-content,
+.members-block .menu-submenu-footer{
+  background:none;
+}
+
+.members-block .menu-submenu-header,
+.members-block .menu-submenu-footer{
+  display: none;
+}
+.members-block .menu-submenu-content{
+  height:100%;
+}
+
+#content .members-block .common-profile-list-block li{
+  margin:0px !important;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
+  display: block;
+  background:#172738;
+  top:2px;
+  left:3px;
+  border:1px solid #fff;
+  padding-bottom: 0px;
+  opacity: 0.7;
+  height: 13px;
+}
+
+.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
+  content:"\f053";
+  color:#fff;
+  font-family: FontAwesome;
+  font-size: 8px; 
+  line-height: 11px; 
+}
+
+#content .members-block .common-profile-list-block .fn {
+  margin-top:2px;
+  color:#172738;
+}
+
+#content .members-block .menu-submenu-content h4{
+  color: #fff;
+  font-family: Arial;
+  font-size: 13px;
+  background:#243F59;
+  border-bottom: 2px solid #FF0366;
+  text-transform: uppercase;
+  padding:8px 7px 10px 6px;
+  margin:0px 0px 2px 0px;
+  text-align: center;
+  max-height: 16px;
+  overflow: hidden;
+}
+
+#content .friends-block ul, #content .members-block ul {
+min-width: 196px;
+width: 192px;
+margin: 0px 0px 0px 0px;
+padding: 0px;
+}
+
+#content .members-block .menu-submenu-content .menu-submenu-list li a{
+  color:#fff;
+  border-bottom:1px dotted #2C4B6B;
+  text-align: center;
+}
+
+#content .members-block .menu-submenu-content h4:hover,
+#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
+  color:#ECEDF1;
+}
+
+.members-block .common-profile-list-block img{
+  border-radius: 4px;
+  max-height:50px; 
+  max-width:50px;
+  width: 50px;
+  height: 50px;
+}
+
+.members-block .block-footer-content a.view-all{
+  position:relative;
+}
+
+/*****************************************************/
+
+
 /*** Events ***/
 #content .article-body-event .event-card{
@@ -180,4 +573,3 @@
   font-family: Arial;
   line-height: 22px;
 }
-
@@ -0,0 +1,77 @@
+.profile-members-tabs-container{
+  font-family: Arial;
+}
+
+.profile-members-tabs-container .ui-corner-all{
+  overflow: visible;
+}
+.profile-members-tabs-container .ui-widget{
+  font-size: 0px;
+}
+.profile-members-tabs-container .ui-widget-header{
+  background:#ECEDF1;
+  border:none;
+  border-bottom: 3px solid #D3D6DE;
+}
+
+.profile-members-tabs-container .ui-widget-content{
+  border:none;
+  background:none;
+}
+
+.profile-members-tabs-container .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
+.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
+.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
+  border-radius:0px;
+}
+
+.profile-members-tabs-container .ui-state-default,
+.profile-members-tabs-container .ui-widget-content .ui-state-default,
+.profile-members-tabs-container .ui-widget-header .ui-state-default{
+  border:none;
+  background:#ECEDF1;
+  font-weight: normal;
+  color:#172738;
+}
+
+.profile-members-tabs-container .ui-tabs .ui-tabs-nav {
+  font-size: 15px;
+}
+
+/*.profile-members-tabs-container .ui-tabs .ui-tabs-nav{
+  margin: 0px;
+  padding: 0px;
+}
+
+.profile-members-tabs-container .ui-tabs .ui-tabs-panel {
+  padding: 0px;
+}*/
+
+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li{
+  padding-right: 3px;
+}
+
+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li a:visited{
+  color:#172738;
+}
+
+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
+  margin-bottom: -3px !important;
+  padding-bottom: 1px;
+  border-bottom: 3px solid #FF0366; 
+}
+
+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
+  content:"\f0dd";
+  font-family: FontAwesome;
+  font-size: 16px;
+  position:absolute;
+  top:26px;
+  margin:0px 45%;
+  color:#FF0366;
+}
+
+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
+  color: #FF0366;
+  font-weight: 700;
+}
@@ -19,6 +19,7 @@
 @import url(css/article-page.css);
 @import url(css/software-pages.css);
 @import url(css/community-pages.css);
+@import url(css/use-report.css);
 @import url(css/news-page.css);
 @import url(css/search-pages.css);
 @import url(css/software-catalog-page.css);
	@@ -23,7 +23,7 @@		@@ -23,7 +23,7 @@
23	font-size: 11px;	23	font-size: 11px;
24	}	24	}
25		25
26	-/* Search form - need to develop solution - hideen on profile page*/	26	+/* Search form - need to develop solution - hidden on profile page*/
27	.profile-type-is-community .action-profile-index #public-profile-search{	27	.profile-type-is-community .action-profile-index #public-profile-search{
28	display: none;	28	display: none;
29	}	29	}
	@@ -125,6 +125,399 @@		@@ -125,6 +125,399 @@
125	display: block;	125	display: block;
126	}	126	}
127		127
		128	+/Members Page/
		129	+
		130	+/Select area/
		131	+
		132	+.action-profile-members #profile-members-sort-options{
		133	+ font-size: 14px;
		134	+ text-align: right;
		135	+ margin:16px 15px 17px 6px;
		136	+ border-bottom: 1px solid #ECEDF1;
		137	+ padding-bottom:8px;
		138	+}
		139	+
		140	+.action-profile-members #profile-members-sort-options label{
		141	+ font-weight: 700;
		142	+ color:#172738;
		143	+}
		144	+
		145	+.action-profile-members #profile-members-sort-options select{
		146	+ background: none;
		147	+ border: 1px solid #D3D6DE;
		148	+ border-radius: 4px;
		149	+ padding: 4px 15px 4px 4px;
		150	+ margin: 0px 0px 0px 10px;
		151	+ font-size: 14px;
		152	+}
		153	+/end of select/
		154	+
		155	+.action-profile-members .profile-members{
		156	+ padding-left: 5px; /34px;/
		157	+}
		158	+
		159	+.action-profile-members .profile-admins{
		160	+ padding-left: 5px;
		161	+}
		162	+
		163	+/* Image area*/
		164	+.action-profile-members .box-1 .common-profile-list-block span{
		165	+ margin-right: 9px;
		166	+ width: 90px;
		167	+ height: 86px;
		168	+}
		169	+.action-profile-members .common-profile-list-block img{
		170	+ border-radius: 4px;
		171	+ width: 82px;
		172	+ height: 82px;
		173	+ max-width: 150px;
		174	+ max-height: 150px;
		175	+}
		176	+
		177	+/Image hover and informations/
		178	+.action-profile-members .common-profile-list-block .vcard{
		179	+ border:none;
		180	+}
		181	+
		182	+.action-profile-members .common-profile-list-block .vcard:hover{
		183	+ border:none;
		184	+ background:none;
		185	+}
		186	+
		187	+.action-profile-members .menu-submenu{
		188	+ background:#172738;
		189	+ border-radius: 4px;
		190	+ /*side block position*/
		191	+ bottom:0px;
		192	+ right: 105%;
		193	+ width: 131px;
		194	+ height: 178px;
		195	+ box-shadow: 2px 2px 2px #ECEDF1;
		196	+ -webkit-box-shadow: 2px 2px 2px #ECEDF1;
		197	+ -moz-box-shadow: 2px 2px 2px #ECEDF1;
		198	+}
		199	+
		200	+.action-profile-members .menu-submenu.down::before {
		201	+ content:"\f0da";
		202	+ color:#172738;
		203	+ font-family: FontAwesome;
		204	+ font-size: 25px;
		205	+ float: right;
		206	+ position: relative;
		207	+ margin:-7px;
		208	+ margin-top: 30%;
		209	+}
		210	+
		211	+.action-profile-members .menu-submenu-header,
		212	+.action-profile-members .menu-submenu-content,
		213	+.action-profile-members .menu-submenu-footer{
		214	+ background:none;
		215	+}
		216	+
		217	+.action-profile-members .menu-submenu-header,
		218	+.action-profile-members .menu-submenu-footer{
		219	+ display: none;
		220	+}
		221	+
		222	+.action-profile-members .menu-submenu-content{
		223	+ height: 100%;
		224	+}
		225	+
		226	+.action-profile-members #content .menu-submenu-content h4{
		227	+ color:#fff;
		228	+ font-size: 13px;
		229	+ background:#243F59;
		230	+ border-top-right-radius: 4px;
		231	+ border-top-left-radius: 4px;
		232	+ border-bottom: 2px solid #FF0366;
		233	+ text-transform: uppercase;
		234	+ padding:8px 7px 10px 6px;
		235	+ margin:0px 0px 2px 0px;
		236	+ text-align: center;
		237	+ max-height: 16px;
		238	+ overflow: hidden;
		239	+}
		240	+
		241	+.action-profile-members #content .menu-submenu-content ul a{
		242	+ padding-left: 0px;
		243	+}
		244	+
		245	+.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend::before{
		246	+ content:"\f067";
		247	+ font-family: FontAwesome;
		248	+ color:#FF0366;
		249	+ font-size: 11px;
		250	+ padding-right: 6px;
		251	+}
		252	+
		253	+.action-profile-members #content .menu-submenu-content .menu-submenu-list .add-friend:last-child{
		254	+ border-bottom:none;
		255	+}
		256	+
		257	+.action-profile-members #content .menu-submenu-content .menu-submenu-list li a {
		258	+ color:#fff;
		259	+ font-family: Arial;
		260	+ font-size: 14px;
		261	+ border-bottom:1px dotted #2C4B6B;
		262	+ text-align: center;
		263	+ padding-top:8px;
		264	+ padding-bottom:10px;
		265	+ margin-right: 1px;
		266	+}
		267	+
		268	+.action-profile-members .box-1 .common-profile-list-block span{
		269	+ margin-right: 9px;
		270	+ width: 90px;
		271	+ height: 86px;
		272	+}
		273	+
		274	+.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
		275	+ display: block;
		276	+ background:#172738;
		277	+ top:5px;
		278	+ left:4px;
		279	+ border:1px solid #172738;
		280	+ padding-bottom: 0px;
		281	+ border-radius: 5px;
		282	+ -moz-border-radius:5px;
		283	+ -webkit-border-radius:5px;
		284	+ height: 15px;
		285	+}
		286	+
		287	+.action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger::before{
		288	+ content:"\f053";
		289	+ color:#fff;
		290	+ font-family: FontAwesome;
		291	+ font-size: 10px;
		292	+ line-height: 11px;
		293	+}
		294	+
		295	+.action-profile-members .common-profile-list-block .vcard a{
		296	+ padding-bottom: 30px;
		297	+}
		298	+
		299	+.action-profile-members .box-1 .common-profile-list-block .fn{
		300	+ font-size: 14px;
		301	+ color:#172738;
		302	+ margin-bottom: 27px;
		303	+ margin-top:2px;
		304	+ height: 35px;
		305	+ max-height: 35px;
		306	+ overflow: hidden;
		307	+}
		308	+
		309	+/************************************************************/
		310	+/***title of the area members****/
		311	+.action-profile-members #content .page-members-header{
		312	+ font-family: Arial;
		313	+ border-bottom: 1px solid #D3D6DE;
		314	+ margin-bottom: 45px;
		315	+ padding-bottom: 26px;
		316	+ background-image: url("titulo.png");
		317	+
		318	+}
		319	+
		320	+.action-profile-members #content .page-members-header h1{
		321	+ margin:20px 0px 8px 0px;
		322	+}
		323	+
		324	+.action-profile-members #content .page-members-header h3.community-name-members{
		325	+ font-size: 14px;
		326	+ font-weight: 600;
		327	+ margin:0px 0px 5px 0px;
		328	+}
		329	+
		330	+.action-profile-members #content .page-members-header a.button.with-text{
		331	+ border:1px solid #ccc;
		332	+ text-transform: none;
		333	+ font-size: 12px;
		334	+ padding:3px 15px;
		335	+}
		336	+
		337	+.action-profile-members .page-members-header .join-leave-button.require-login-popup{
		338	+ float:left;
		339	+ margin-right: 4px;
		340	+}
		341	+
		342	+/*************************************/
		343	+
		344	+/Members block/
		345	+
		346	+#content .members-block{
		347	+ border:1px solid #D3D6DE !important;
		348	+ border-radius: 4px;
		349	+}
		350	+
		351	+#content .members-block .block-title{
		352	+ background-color:#ECEDF1;
		353	+ border-bottom:1px solid #D3D6DE;
		354	+ border-top:none;
		355	+ color:#172738;
		356	+ font-size:14px;
		357	+ padding:12px;
		358	+ margin-bottom:12px;
		359	+}
		360	+
		361	+.members-block .block-footer-content{
		362	+ background-color:#ECEDF1;
		363	+ padding:8px 10px 15px 0px;
		364	+ margin-right:0px;
		365	+ border-top:1px solid #D3D6DE;
		366	+ text-align: right;
		367	+}
		368	+
		369	+#content .members-block .block-footer-content a{
		370	+ padding-right: 0px !important;
		371	+}
		372	+
		373	+#content .members-block .block-footer-content a.view-all{
		374	+ background-image:none;
		375	+ border:none;
		376	+ text-transform: uppercase;
		377	+ line-height: 21px;
		378	+}
		379	+
		380	+#content .members-block .block-footer-content a.view-all::after{
		381	+ content:"\f105";
		382	+ font-family: FontAwesome;
		383	+ padding-left: 7px;
		384	+ padding-right: 4px;
		385	+ color:#ffffff;
		386	+ background: #3E67B1;
		387	+ border-radius: 4px;
		388	+ font-size: 18px;
		389	+ line-height: 20px;
		390	+ text-align: center;
		391	+ margin-left: 5px;
		392	+ position: relative;
		393	+ top: 2px;
		394	+}
		395	+
		396	+.members-block .common-profile-list-block .vcard{
		397	+ border:none;
		398	+}
		399	+.members-block .common-profile-list-block .vcard:hover{
		400	+ border:none;
		401	+ background:none;
		402	+}
		403	+
		404	+#content .members-block .common-profile-list-block .vcard li a{
		405	+ color:#172738;
		406	+}
		407	+
		408	+.members-block .menu-submenu{
		409	+ background:#172738;
		410	+ border-radius: 4px;
		411	+ /*side block position*/
		412	+ bottom:-29px;
		413	+ right: 100%;
		414	+ width: 131px;
		415	+ height: 176px;
		416	+ box-shadow: 2px 2px 2px #ECEDF1;
		417	+ -webkit-box-shadow: 2px 2px 2px #ECEDF1;
		418	+ -moz-box-shadow: 2px 2px 2px #ECEDF1;
		419	+}
		420	+
		421	+.members-block .menu-submenu.down::before{
		422	+ content:"\f0da";
		423	+ color:#172738;
		424	+ font-family: FontAwesome;
		425	+ font-size:25px;
		426	+ float:right;
		427	+ position:relative;
		428	+ margin:-7px;
		429	+ margin-top:30%;
		430	+}
		431	+
		432	+.members-block .menu-submenu-header,
		433	+.members-block .menu-submenu-content,
		434	+.members-block .menu-submenu-footer{
		435	+ background:none;
		436	+}
		437	+
		438	+.members-block .menu-submenu-header,
		439	+.members-block .menu-submenu-footer{
		440	+ display: none;
		441	+}
		442	+.members-block .menu-submenu-content{
		443	+ height:100%;
		444	+}
		445	+
		446	+#content .members-block .common-profile-list-block li{
		447	+ margin:0px !important;
		448	+}
		449	+
		450	+.members-block .common-profile-list-block .vcard .menu-submenu-trigger{
		451	+ display: block;
		452	+ background:#172738;
		453	+ top:2px;
		454	+ left:3px;
		455	+ border:1px solid #fff;
		456	+ padding-bottom: 0px;
		457	+ opacity: 0.7;
		458	+ height: 13px;
		459	+}
		460	+
		461	+.members-block .common-profile-list-block .vcard .menu-submenu-trigger::before{
		462	+ content:"\f053";
		463	+ color:#fff;
		464	+ font-family: FontAwesome;
		465	+ font-size: 8px;
		466	+ line-height: 11px;
		467	+}
		468	+
		469	+#content .members-block .common-profile-list-block .fn {
		470	+ margin-top:2px;
		471	+ color:#172738;
		472	+}
		473	+
		474	+#content .members-block .menu-submenu-content h4{
		475	+ color: #fff;
		476	+ font-family: Arial;
		477	+ font-size: 13px;
		478	+ background:#243F59;
		479	+ border-bottom: 2px solid #FF0366;
		480	+ text-transform: uppercase;
		481	+ padding:8px 7px 10px 6px;
		482	+ margin:0px 0px 2px 0px;
		483	+ text-align: center;
		484	+ max-height: 16px;
		485	+ overflow: hidden;
		486	+}
		487	+
		488	+#content .friends-block ul, #content .members-block ul {
		489	+min-width: 196px;
		490	+width: 192px;
		491	+margin: 0px 0px 0px 0px;
		492	+padding: 0px;
		493	+}
		494	+
		495	+#content .members-block .menu-submenu-content .menu-submenu-list li a{
		496	+ color:#fff;
		497	+ border-bottom:1px dotted #2C4B6B;
		498	+ text-align: center;
		499	+}
		500	+
		501	+#content .members-block .menu-submenu-content h4:hover,
		502	+#content .members-block .menu-submenu-content .menu-submenu-list li a:hover{
		503	+ color:#ECEDF1;
		504	+}
		505	+
		506	+.members-block .common-profile-list-block img{
		507	+ border-radius: 4px;
		508	+ max-height:50px;
		509	+ max-width:50px;
		510	+ width: 50px;
		511	+ height: 50px;
		512	+}
		513	+
		514	+.members-block .block-footer-content a.view-all{
		515	+ position:relative;
		516	+}
		517	+
		518	+/*****************************************************/
		519	+
		520	+
128	/* Events */	521	/* Events */
129		522
130	#content .article-body-event .event-card{	523	#content .article-body-event .event-card{
	@@ -180,4 +573,3 @@		@@ -180,4 +573,3 @@
180	font-family: Arial;	573	font-family: Arial;
181	line-height: 22px;	574	line-height: 22px;
182	}	575	}
183	-
@@ -0,0 +1,77 @@		@@ -0,0 +1,77 @@
	1	+.profile-members-tabs-container{
	2	+ font-family: Arial;
	3	+}
	4	+
	5	+.profile-members-tabs-container .ui-corner-all{
	6	+ overflow: visible;
	7	+}
	8	+.profile-members-tabs-container .ui-widget{
	9	+ font-size: 0px;
	10	+}
	11	+.profile-members-tabs-container .ui-widget-header{
	12	+ background:#ECEDF1;
	13	+ border:none;
	14	+ border-bottom: 3px solid #D3D6DE;
	15	+}
	16	+
	17	+.profile-members-tabs-container .ui-widget-content{
	18	+ border:none;
	19	+ background:none;
	20	+}
	21	+
	22	+.profile-members-tabs-container .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
	23	+.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
	24	+.profile-members-tabs-container .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	25	+ border-radius:0px;
	26	+}
	27	+
	28	+.profile-members-tabs-container .ui-state-default,
	29	+.profile-members-tabs-container .ui-widget-content .ui-state-default,
	30	+.profile-members-tabs-container .ui-widget-header .ui-state-default{
	31	+ border:none;
	32	+ background:#ECEDF1;
	33	+ font-weight: normal;
	34	+ color:#172738;
	35	+}
	36	+
	37	+.profile-members-tabs-container .ui-tabs .ui-tabs-nav {
	38	+ font-size: 15px;
	39	+}
	40	+
	41	+/*.profile-members-tabs-container .ui-tabs .ui-tabs-nav{
	42	+ margin: 0px;
	43	+ padding: 0px;
	44	+}
	45	+
	46	+.profile-members-tabs-container .ui-tabs .ui-tabs-panel {
	47	+ padding: 0px;
	48	+}*/
	49	+
	50	+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li{
	51	+ padding-right: 3px;
	52	+}
	53	+
	54	+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li a:visited{
	55	+ color:#172738;
	56	+}
	57	+
	58	+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	59	+ margin-bottom: -3px !important;
	60	+ padding-bottom: 1px;
	61	+ border-bottom: 3px solid #FF0366;
	62	+}
	63	+
	64	+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
	65	+ content:"\f0dd";
	66	+ font-family: FontAwesome;
	67	+ font-size: 16px;
	68	+ position:absolute;
	69	+ top:26px;
	70	+ margin:0px 45%;
	71	+ color:#FF0366;
	72	+}
	73	+
	74	+#content .profile-members-tabs-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	75	+ color: #FF0366;
	76	+ font-weight: 700;
	77	+}