.section_header {
    width: 100%;
    display: block;
}
.section_header .pull-right {
    width: 100%;
    float: none;
    text-align: center;
}
.section_header .pull-right .icon {
    width: auto;
}
.section_header .module-header {
   padding: 3px 5px 3px 5px;
    margin: -3px -10px 0px 0px;
}
.membersSection-avatars {
    margin: 0;
    justify-content: center!important;
}
/*Change slideshow  background*/
.photoSlideshow {
background-color: transparent;
}
/*Change color of prew next buttons*/
.slick-prev:before, .slick-next:before {
opacity: 1;
color: black;
}
h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0;
    padding: 0;
}

/* White label */
span.poweredBy-text {
    display: none;
}
.auth_copy {
    display: none;
}

/* end of code */

/*Slider */
#profile_slider {
height:310px;
overflow:hidden;
margin-left: -5px;
margin-top: -5px;
background:#000;
}

#profile_slider_inner {
width:100000px;
float:left;
}

#profile_slider .item {
float:left;
width:653px;
margin:0;
position:relative;
}

#profile_slider .item img {
margin:0;
width:653px !important;
max-width:653px !important;
}

/* Slider Overlay Styles */

#profile_slider .item .overlay {
margin-top:-50px;
padding:18px 18px 12px;
background:url(https://static.ning.com/design/images/60alpha.png) repeat scroll 0 0;
position:absolute;
bottom:87px;
width:653px;
}

#profile_slider .item .overlay h3 {
font-size:24px;
line-height:24px;
float:left;
text-transform:capitalize;
color:#fff;
width:520px;
}
#profile_slider .item .overlay p {
float:left;
color:#fff;
width:520px;
}
#profile_slider .item .overlay a {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

/* Slider Navigation Buttons */

#slider_nav {
position:absolute;
bottom:30px;
right:20px;
}

#slider_nav .btn {
height:24px;
width:29px;
float:left;
background-color:#000;
margin-right:5px;
background-position:1px 2px;
background-repeat:no-repeat;
cursor:pointer;
-moz-border-radius: 4px; /* FF1+ */
-webkit-border-radius: 4px; /* Saf3+, Chrome */
border-radius: 4px; /* Opera 10.5, IE 9 */
border:1px solid #000000;
}

#slider_nav .btn:hover {
border:1px solid #3C78A7;
}

#slider_back {
background-image:url(https://static.ning.com/design/images/slider_back_btn.png);
}

#slider_fwd {
background-image:url(https://static.ning.com/design/images/slider_fwd_btn.png);
}

Once you've done that, click “Publish”.

 

Next, navigate to "My Network" again, and under "Settings" click "Features Layout". Insert a Text 

Box where you want the slider to appear, and then save your changes.

 

Navigate to your homepage, which should now include a Text Box. Click the “Edit” button.

 

Click the "HTML" button, and paste the following HTML code snippet:

 



Slide 1 Headline
Sample text for slide 1 Link 1





Slide 2 Headline
Sample text for slide 2 Link 2





Slide 3 Headline
Sample text for slide 3 Link 3












/* Status Update Button - Facebook Colors */
#status-button-wrapper .xj_submit {
background-color:#5B74A8;border-color:#29447E #29447E #1A356E;padding:5px;font-size:13px;font-

weight:bold;font-

family:tahoma,verdana!important;
background: url

(https://api.ning.com/files/2BtUEErYau0WNk*Or5jIp5TLeQEfEUL22mWTDxOYeUkg**DS*df3iN9su351C2yx*qZ2Xij

Pn1zcS6ZzWieHXGIJ

a7gPb-K1/fb_buttonbg.png) scroll 0 0 repeat-x;
}
#status-button-wrapper .xj_submit:hover {
background: none repeat scroll 0 0 #4F6AA3;
border-bottom-color: #29447E; }




body, .xg_marginbg {
	background-position: 0px -30px;
}
#xn_bar {
	border-bottom: 2px solid #333;
}




/*----------------------------------------------------------------------
    Header & Navigation (#xg_head and descendants)
----------------------------------------------------------------------*/
#xg_head {
	position:relative;
	margin:0 5px;
}




#xg_body {
	border-top:1px solid #000000;
	margin:0 5px;
    padding:5px 0 0 5px;
    width:auto;
}
.xg_welcome_box {
  margin-right:5px;
}




#xg_navigation {
	position:absolute;
	top:-12px;
	width:100%;
}




#xg_navigation ul {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	margin:0;
	padding:5px 0;
	height: 2em;
}




#xg_navigation ul li a{
	color:#0076A3;
	padding: 0 8px;
	border-right:1px dotted #cccccc;
    font-weight:normal;
}




#xg_navigation ul li:last-child a{
	border-right:none;
}




#xg_navigation ul li a:hover,
#xg_navigation ul li.this a {
	color:#333;
}
#xg_masthead {
	padding-bottom: 23px;
}
#xg {
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	margin-top:10px;
}




#xg.xg_widget_main_authorization {
    border-width:0;
}




#xg.xg_widget_main_authorization .xg_module {
    border-color:#bbb;
}




#xg.xg_widget_main_authorization #xg_body {
    margin:0;
}




#xg_masthead p#xg_sitename {
	padding:78px 0 0 10px;
	line-height:1.1em;
	font-size: 48px;
}
#xg_masthead p#xg_sitedesc {
	padding:0 0 0 10px;
	font-size:16px;
	height:1.5em;
}




/*----------------------------------------------------------------------
    Body (#xg_body and descendants)
----------------------------------------------------------------------*/
#xg #xg_body h1 {
    color: #040404;
}




.xg_module {
	border-top:1px solid #000;
}




.xg_1col div:first-child.xg_module, .xg_2col div:first-child.xg_module {
    border-top:none;
}




.xg_module_head {
	padding-left:16px;
	text-transform: uppercase;
    background:transparent url

(https://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/Newspaper/square.gif?

v=201110062202) no-repeat scroll 3px 8px;
}




#xg_module_account .xg_module_head {
	background-image: none;
	font-size:1.3em;
	padding:0;
}




.xg_module_head h2 {
    font-weight:normal;
}




.xg_module_body,
.xg_module_foot {
	border-bottom: 1px dotted #cccccc;
}




.xg_module_body h3,
.xg_module_body caption {
    color: #000000;
}
.module_events div.wrap {
border:none;
}




.xg_floating_container .xg_module_head {
  padding-left:5px;
  background-image:none;
}




/*----------------------------------------------------------------------
    Footer (#xg_foot and descendants)
----------------------------------------------------------------------*/
#xg_foot {
	padding:3px 10px;
}




#xg_foot a {
	color:#0076A3;
}
































.xg_module_activity .feed-story-status .feed-quote {
    display: none;
} 
.xg_module_activity .feed-story-status .feed-endquote {
    display: none;
}
.xg_module_activity .feed-story-status .status-update {
    padding-left: 0;
    padding: 1em 2em;
    margin: 0 0 5px 15px;
    vertical-align: middle;
    color: #666;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
 
    -webkit-box-shadow: 3px 3px 10px #FFC9CF;
    -moz-box-shadow: 3px 3px 10px #FFC9CF;
    box-shadow: 3px 3px 10px #FFC9CF;
}
.xg_module_activity .feed-story-status .rich-detail {
    padding: 0 1em 0 0.8em;
    background: #fff url(http://bit.ly/iVgn6g)
 no-repeat 0 30%;
}


/* Special Status Update Box Style */
/* Regular Background Color */
.status-bar-wrapper .status-bar {
-moz-transition: all 0.1s ease 0s;
    background-color: #5BBCDC!important;
/* Border */
    border: 1px dotted #e6e6e6 !important;
/* Rounded Corners */
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 0 1px #333333 inset;
    padding: 12px 20px !important;
}

/* Hovered Background Color */
.status-bar-wrapper .status-bar:hover {
    background-color: #82C7FF!important;
}
/* Active effect, click and hold to see in action */
.status-bar-wrapper .status-bar:active {
    box-shadow: 0 0 8px #000000 inset;
}

#buttons {margin-top: -21px;margin-left: 396px;} 


#xg_foot {display: none !important}



.xg_widget_main .module_feed {background: none; height:200px;overflow : 

auto;position:relative;margin : 3px;text-

align : left; border:1px solid #e6e6e6;}



div#ogas {
   width:37px;
   height:99px;
   left:5px;
   top:5px;
   position:fixed;
}

div#jobs {
   width:37px;
   height:99px;
   left:5px;
   top:685px;
   position:fixed;
}





div#tweet {
   width:37px;
   height:99px;
   left:5px;
   top:280px;
   position:fixed;
}


div#class {
   width:37px;
   height:99px;
   left:5px;
   top:360px;
   position:fixed;
}

div#video {
   width:37px;
   height:99px;
   left:5px;
   top:440px;
   position:fixed;
}


div#awoof {
   width:40px;
   height:99px;
   left:5px;
   top:520px;
   position:fixed;
}

div#ojoojoo {
   width:40px;
   height:99px;
   left:5px;
   top:600px;
   position:fixed;
}



div#foto {
   width:40px;
   left:119px;
   right:5px;
   top:466px;
   position:fixed;
}

div#add {
   width:40px;
   height:159px;
   right:5px;
   top:605px;
   position:fixed;
}


#buttons {
margin-top: 22px;
margin-left: 5px;
width: 520px;
height: 24px;
}

.fb_iframe_widget iframe {
vertical-align: baseline !important;
width: 120px !important;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
left: -4px;
width: 525px !important;
}

.twitter-share-button {margin-left: -15px;}


/* Scroll Bar for Forums */
.xg_widget_main .module_forum .xg_module_body {height: 100px;overflow : auto;position:relative;}

/* Scroll Bar for Latest Activity */
.xg_widget_main .xg_module_activity .xg_module_body {height:200px;overflow : 

auto;position:relative;}





/* Chat TitleBar Background/Title Color */
.xg_chat .xg_titleBar {background-color:#003366!important;color:#E9F8FE;}
.xg_chatWindow {
/* Main Chat Background/Border Color */
background: none repeat scroll 0 0 #ffffff!important;
border: 1px solid #B7B7B7;
/* Chat Messages/Comments and Member Names Color */
color: #003366!important;
}
/* Add Shadow/border to images - member icons */
.xg_chatWindow img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 3px #999;
-webkit-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}
/* Hover Sender Messages */
.xg_chatWindow li.message:hover {background-color:#E9F8FE;}
/* Hover Members Online */
.xg_chatWindow ul.xg_userList li.userEntry:hover {background-color:#E9F8FE;}






#cse-search-box input,#xn_bar_menu_search_query{border:0 none!important;
border-radius:12px 12px 12px 12px;
-moz-border-radius:12px;
-webkit-border-radius:12px 12px 12px 12px;
-moz-box-shadow:0 4px 3px rgba(0,0,0,0.5) inset;
-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.5) inset;
box-shadow:0 4px 3px rgba(0,0,0,0.5) inset;
outline:0 none;padding:5px 9px!important;width:135px!important;}
#xn_bar{ width:auto;position: fixed !important;position:align:center!important;
 top:0;left:75px;right:75px; z-index: 9999;background-color:#4a4a4a!important;
border-bottom:3px solid #ccc;border-top:0 solid #ccc;bottom:0;
-moz-box-shadow:0 3px 18px #ccc;-webkit-box-shadow:0 3px 18px #ccc;
box-shadow:0 3px 18px #ccc;height:20px;opacity:0.84;padding-bottom:8px;padding-top:0;}
#xn_bar #xn_bar_menu a{color:#fff!important;}
#xg_head { margin-top:30px !important; }



#xg_navigation ul div.xg_subtab ul li a {color:#f9f9f9; background:#000000;}

#xg_navigation ul div.xg_subtab ul li a:hover {color:#f9f9f9;background:#D9D9D9;}

