body {background: #fff;}
#container{width: 100%; background:#fff; position: relative;}
.animationBtn{display: none;}
.rowPage {margin-top: 30px; padding-bottom: 1000px;}
.column1Page{width: 40%; background: navy; color: #ececec; float: left; position: fixed; top: 55px; padding-bottom: 3000px;}
.column2Page{position: fixed; top: 95px; overflow-y: scroll; bottom: 0; text-align: left; width: 19.5%; background: #ececec; padding: 20px 20px 20px 20px; border: #FAD2D2 2px solid; border-radius: 2%; box-shadow: 2px 5px 4px #888888; margin-top: 10px; margin-left: 40.5%;}
.column3Page{text-align: left; width: 40%; background: #fff; padding-top: 10px; float: right; padding-bottom: 120px; margin-top: -10px;}
#navmenu{width: 60%; margin-left: 40%;}
#templateStatusHomeImage{vertical-align:middle; width: 40px; height: 40px; border:none; border-radius:50%;}
#templateStatusHomeName{font-size: 16px; margin-left: 5px; vertical-align: middle;}
#templateStatusHomeButtons{font-size: 10px;}
div.reply_boxes{width: 85%; margin: 0 auto; border: lightblue 1px solid; border-radius: 3%; margin-bottom: 3px; background: #F0F8FF; color: #002060; margin-top: -20px;}
#statusImageFanPage{vertical-align:middle; width: 40px; height: 40px; border:none; border-radius:50%;}
#uploadStatusImage{font-size: 12px; color:#0000ab; background: #E9E9FA; border:solid #ab0000 2px; height: 30px; padding: 5px 5px 8px 5px; margin-right: 20px;}
#uploadStatusImage:hover{color:#ab0000; background: #F5CACA; border:solid #0000ab 2px;}
#uploadStatusImage img{width: 22px; height: 22px; vertical-align: middle; margin-right: 5px;}
#uploadVideoFanPage{font-size: 12px; color:#0000ab; background: #E9E9FA; border:solid #ab0000 2px; height: 30px; padding: 5px 5px 8px 5px;}
#uploadVideoFanPage:hover{color:#ab0000; background: #F5CACA; border:solid #0000ab 2px;}
#uploadVideoFanPage img{width: 22px; height: 22px; vertical-align: middle; margin-right: 5px;}
.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;}
#footer {font-size: 11px; background: none; padding: 0; color: #AAAAAA;}
#footer a {color: #AAAAAA; text-decoration: none;}
#footer a:hover {color: #ab0000;}
#boostPostBtn {color:#fff; font-size:14px; background:#006ec6; padding:7px; border:solid 3px #006ec6; border-radius:10px; float: right;}
#boostPostBtn:hover {color:#002060; background:none; border:solid 3px #ff0000;}
#page-credentials-icon{width: 20px; height: 20px; margin-right: 4px; vertical-align: middle;}
textarea#statusPageText{width:80%; height: 40px; background:#ececec; padding:10px; border:#FAD2D2 1px solid; border-radius:25px; font-size:15px; font-family:sans-serif; resize:none; margin-left:20px; vertical-align:middle;}
textarea#statusPageText:hover{background:#dadada;}
textarea#statusPageTextdropdown{width:80%; height: 40px; background:#ececec; padding:10px; border:#FAD2D2 1px solid; border-radius:25px; font-size:15px; font-family:sans-serif; resize:none; margin-left:20px; vertical-align:middle;  margin-bottom:5px;}
textarea#statusPageTextdropdown:hover{background:#dadada;}
#sell-or-no-sell {display: none;}
#link-input {width: 80%; height: 30px; border: solid 1px #ab0000; border-radius: 10px; display: none;}
.display_black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 500%;
    background-color: #fff;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=30);
}
.display_white_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 20%;
    width: 60%;
    height: 400px;
    padding: 16px;
    border: 8px groove red;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
.replyCloseBtn {
    background: none;
    border: 2px solid #0000ab;
    color: #0000ab;
    padding: 3px;
}
.replyCloseBtn:hover {
    background: none;
    border: 2px solid #ab0000;
    color: #ab0000;
}
.reply-iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      .rowPage {margin-top: 30px; padding-bottom: 350px;}
      .column1Page{display: none;}
      .column2Page{font-size: 25px; width: 100%; margin: 0 auto; bottom: 130px; position: absolute; top: unset; overflow-y: unset;}
      .column3Page{text-align: left; width: 100%; background: #fff; padding-top: 5px; padding-bottom: 450px; float: none;}
      #templateStatusHomeImage{vertical-align:middle; width: 90px; height: 90px; border:none; border-radius:50%;}
      #templateStatusHomeName{font-size: 40px; margin-left: 5px; vertical-align: middle;}
      #templateStatusHomeButtons{font-size: 15px; display: block;}
      div.reply_boxes{font-size: 35px; line-height: 110%;}
      #statusImageFanPage{vertical-align:middle; width: 90px; height: 90px; border:none; border-radius:50%;}
      #uploadStatusImage{font-size: 25px; color:#0000ab; background: #E9E9FA; border:solid #ab0000 2px; height: 50px; padding: 15px 15px 18px 15px; margin-right: 20px;}
      #uploadStatusImage img{width: 50px; height: 50px; vertical-align: middle; margin-right: 5px;}
      #uploadVideoFanPage{font-size: 25px; color:#0000ab; background: #E9E9FA; border:solid #ab0000 2px; height: 50px; padding: 15px 15px 18px 15px;}
      #uploadVideoFanPage img{width: 50px; height: 50px; vertical-align: middle; margin-right: 5px;}
      .light{left: 15%; width: 80%;}
      #removePageBtn{font-size: 35px;}
      #page-credentials-icon{width: 60px; height: 60px;}
      #page_information {scroll-margin-top: 350px;}
      #mobilebottommenu{z-index: 5000;}
      textarea#statusPageText{width: 80%; height: 90px; background: #ececec; padding: 10px; border: #FAD2D2 1px solid; border-radius: 25px; font-size: 35px; font-family: sans-serif; resize: both; margin-left: 20px; vertical-align: middle;}
      textarea#statusPageText:hover{background: #dadada;}
      .radio-size{width: 50px; height: 50px; margin-left: 25px; margin-right: 15px; vertical-align: top;}
      #link-input {height: 60px; margin-bottom: 5px;}
      .display_white_content {width: 100%; left: 0;}
  }