div.status_boxes{width:90%; margin:0 auto;}
#header{background:#002060; border-bottom:groove 4px #ff0000; margin-bottom:10px;}
.logo-name{color:#fff;}
a.anchor {display:block; position:relative; top:-140px; visibility:hidden;}
#container {width: 85%; background: #002060;}
.animationBtn{display: none;}
.column1Page{width: 35%; background: #002060; color: #ececec; float: left; position: fixed; top: 55px; padding-bottom: 3000px;}
.column2Page{text-align: left; width: 60%; background: #002060; padding-top: 10px; float: right; padding-bottom: 200px; margin-top: -10px;}
.light{position: fixed; top: 30%; left: 35%; width: 40%; height: 75%; padding: 5px; border: 10px groove #ab0000; background-color: #fff; z-index: 1002; overflow: auto;}
#templateStatusIndPostsImage{vertical-align:middle; width: 40px; height: 40px; border:none; border-radius:50%;}
#templateStatusIndPostsName{font-size: 16px; margin-left: 5px; vertical-align: middle;}
/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container {width: 100%; background: #002060;}
      .column1Page{width: 100%; background: none; color: #002060; float: none; position: relative; top: 0; padding-bottom: 5px;}
      .column2Page{text-align: left; width: 100%; background: #fff; padding-top: 5px; float: none; padding-bottom: 5px;}
      #mobilebottommenu{background:#002060; border-top:groove 4px #ff0000;}
      .light{left: 15%; width: 80%;}
      img.friendsearchpics{width: 100px; height: 100px;}
      #searchFriendInput{font-size: 30px;}
      #templateStatusIndPostsImage{vertical-align:middle; width: 90px; height: 90px; border:none; border-radius:50%;}
      #templateStatusIndPostsName{font-size: 40px; margin-left: 5px; vertical-align: middle;}
}