<style>

/*SLIDER*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
margin: 0; 
padding: 0;
}

.flex-active-slide {
right: 0px;
}

.flexslider .slides > li {list-style:none;display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: none; position: relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;padding-left:0px;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://api.ning.com:80/files/BAcPAB7hbbh7gep995N4URPxyLmm*5b1CU4D0TL-Yvf-Z4PYmAP5k30DRbTB83h4T8a834JVn2r1kGSHC04X0-SFiVwwkNlo/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {display:none; width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.flex-direction-nav > li {
list-style: none;
}

.flex-active-slide {
    position: relative;
    right: 0px;
}

.flexslider .flex-control-paging {
    padding: 0;
    position: relative;
    top: 0;
}

.flex-direction-nav {
margin-bottom: -60px !important;
}

/*Profile Page Specific*/
.slides .matrix-item {
background-position: center;
background-size: contain;
}

.feedgrabbr_widget {
max-width:580px;
    margin: auto;
    border:0px solid #73AD21;
    padding: 0px;
justify-content: center;
}

.ji-tumblr-photos {
max-width:500px;
margin-left:auto;
    margin-right:auto;
    position-relative;
    border:0px solid #73AD21;
    padding: 0px;
justify-content: center;
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 500;
}

.ssanimate {
max-width:400px;
margin-left:auto;
    margin-right:auto;
    position-relative;
    border:0px solid #73AD21;
    padding: 0px;
justify-content: center;
}

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>


.feedgrabbr_widget  {
max-width:400px;
margin-left:auto;
    margin-right:auto;
    position-relative;
    border:0px solid #73AD21;
    padding: 0px;
justify-content: center;
}

.videofeed {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -40; 
  bottom: -20; 
  left: -20;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.videofeed {
  height: 620px;
  width:630px;
}


<script>
function autoResize(frame1)
{
    var newheight;
    var newwidth;
    if(document.getElementById)
    {
        newheight=document.getElementById(frame1).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(frame1).contentWindow.document .body.scrollWidth;
    }
    document.getElementById(frame1).height= (newheight) + "px";
    document.getElementById(frame1).width= (newwidth) + "px";
} 
</script>

.SP_Profile_Embed {
text-align: center;
width: 100%;
margin-top:20px;
}
.videofeedsmall {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -40; 
  bottom: -40; 
  left: -10;
  top: 20;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.videofeedsmall {
  height: 225px;
  width: 85%;
}


.map {
  right: -40; 
  bottom: 0; 
  left: -10;
  top: 1;

  top: 20;
}

.map {
  height: 700px;
  width:105%;
}

.adspace {
  right: -40; 
  bottom: 0; 
  left: -10;
  top: 1;

  top: 20;
}

.adspace {
  height: 500px;
  width:105%;
}

.form {
  right: -40; 
  bottom: 0; 
  left: -10;
  top: 1;

  top: 20;
}

.form {
  height: 700px;
  width:105%;
}

.videofeed2 {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -20; 
  bottom: -40; 
  left: -10;
  top: 20;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
overflow-x: hidden;
}

.videofeed2 {
  height: 225px;
  width: 98%;
}

.pingmap {
 margin-left:auto;
    margin-right:auto;
  right: -20; 
  bottom: -400; 
  left: -10;
  top: -500;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.pingmap {
  height: 500px;
  width: 98%;
}

var invocation = new XMLHttpRequest();
var url = 'http://www.tiki-toki.com';
   
function callOtherDomain() {
  if(invocation) {    
    invocation.open('GET', url, true);
    invocation.onreadystatechange = handler;
    invocation.send(); 
  }
}

Access-Control-Allow-Origin: http://www.tiki-toki.com

.centralfeed2 {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -20; 
  bottom: -40; 
  left: -10;
  top: 20;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.centralfeed2 {
  height: 225px;
  width: 98%;
}

.cenfeed {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -150; 
  bottom: -900; 
  left: -40;
  top: 200;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
 overflow-x: hidden;
}

.cenfeed {
  height: 625px;
  width: 90%;
}

.cenfeed2 {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -150; 
  bottom: -900; 
  left: -40;
  top: 200;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
 overflow-x: hidden;
}

.cenfeed2 {
  height: 625px;
  width: 90%;
}

.adspace3 {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -150; 
  bottom: -1; 
  left: -40;
  top: 200;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
overflow-y: hidden;
}

.adspace3 {
  height: 695px;
  width: 550;
}

.adspace2 {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: 35; 
  bottom: -10; 
  left: -40;
  top: 1;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
}

.adspace2 {
  height: 500px;
  width: 96%;
}

.welcome {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
overflow-y: hidden;
}

.welcome {
  height: 1155px;
  width: 100%;
}

.broadcast {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
overflow-y: hidden;
}

.broadcast {
  height: 330px;
  width: 100%;
}

.adminsignup {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
overflow-y: hidden;
}

.adminsignup {
  height: 800px;
  width: 100%;
}


.videofeedwide {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: -40; 
  bottom: -1; 
  left: -10;
  top: 20;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
 overflow-x: hidden;
}

.videofeedwide {
  height: 525px;
  width: 95%;
}



.jediform {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: 6; 
  bottom: -140; 
  left: 6
  top: 200;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
overflow-y: hidden;
}

.jediform {
  height: 525px;
  width: 90px;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  #hudid { display: none; } 
}

@media screen and (min-width: 1px) and (max-width: 630px) {
  #mobilehud { display: none; }   
}

@media screen and (min-width: 960px) and (max-width: 2500px) {
  #mobilehud { display: none; }   
}

@media screen and (min-width: 630px) and (max-width: 2500px) {
  #mobilehuds { display: none; }   
}


.shiftbuttons {
 margin-left:auto;
    margin-right:auto;
    position-relative;
  right: 35; 
  bottom: -10; 
  left: -40;
  top: 1;
  -webkit-overflow-scrolling: touch;
overflow-y: scroll;
 overflow-x: hidden;
}

.shiftbuttons {
  height: 500px;c
  width: 96%;
}

.fb-page {
margin: 0 20%;
width: 30%;
min-width: 500px
background-color: #b0e0e6;
height: 100%;
}




