.SingleForum{
  width:100%;
  height: auto;
  float:left;
  padding-bottom: 100px;
}
.SignleForumHeader{
  width:80%;
  margin-top: 1%;
  height: auto;
  float: left;
  margin-left: 10%;
  background-color: white;
  box-shadow: 2px 2px 6px silver;
}
.upVoteContainer{
  width: 4%;
  height: auto;
  padding-top: 1%;
  float: left;
}
.upVoteArrow{
  width:30px;
  height: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  cursor: pointer;
}
.upVoteArrow:hover{
  background-color: #ddd;
}
.upVoteCount{
  width:100%;
  height: auto;
  margin-top: 1%;
  margin-bottom: 1%;
  text-align: center;
  font-size: 18px;
  color: rgb(24, 24, 24);
}
.DownVoteArrow{
  width:30px;
  height: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  cursor: pointer;
}
.DownVoteArrow:hover{
  background-color: #ddd;
}
.SingleForm_Header_Top{
  width: 80%;
  height: auto;
  float: left;
}
.SingleForm_Created_By_User_Container{
  width: 20%;
  height: 30px;
  float: left;
}
.SingleForm_ProfilePicture{
  width: 30px;
  height: 100%;
  overflow: hidden;
  float: left;
  border-radius: 50%;
  margin-left: 2%;
  margin-top: 0.5%;
  box-shadow: 2px 2px 6px grey;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .2s ease;
}
.SingleForm_Created_By_User{
  width:70%;
  height: auto;
  float: left;
  margin-left: 1%;
  font-weight: bold;
  font-size: 0.8em;
  padding-top: 1%;
  color: rgb(24, 24, 24);
  padding-top: 1.5%;
  padding-left: 0.5%;
}
.SingleForm_Created_On{
  width: 70%;
  height: auto;
  float: left;
  font-size: .6em;
  margin-left: 1%;
  margin-top: 1px;
  color: silver;
}
.displayImageHolder{
  width:24%;
  height: auto;
  margin-top: 1%;
  margin-left: 1%;
  float: left;
  box-shadow:2px 2px 6px silver;
}
.SingleForm_Header_Body{
  width: 80%;
  height: auto;
  float: left;
}
.SingleForm_Header_Title{
  width: 95%;
    height: auto;
    font-weight: bold;
    float: left;
    font-size: 1.8em;
    color: rgb(24, 24, 24);
    margin-left: 1%;
    margin-top: 0.5%;
}
.SingleForm_Header_Description{
  width: 95%;
  height: auto;
  float: left;
  font-size: 1em;
  color: rgb(24, 24, 24);
  margin-left: 1%;
  margin-top: 0.5%;
}
.SingleForm_Header_Footer{
  width: 80%;
  height: 5%;
  float: left;
}
.SingleForm_Header_Footer_ActionButton_Icon{
  width: auto;
  height: 30px;
  float: left;
  margin-left: 1%;
    margin-top: 0.5%;
  cursor: pointer;
}
.SingleForm_Header_Footer_ActionButton_Label{
  width: auto;
  height: auto;
  float: left;
  padding-top: 1%;
    padding-bottom: 1%;
  font-size: .6em;
  color: silver;
  cursor: pointer;
}
.SingleForm_Header_Footer_ActionButton_Label:hover{
  background-color: silver;
  color:white;
}
.SingleForumCommentHeader{
  width:95%;
  margin-top: 1%;
  height: auto;
  float: left;
  margin-left: 2.5%;
  background-color: white;
  border-radius: 2px;
  font-size: .7em;
}
.SingleForumCommentTop{
  width:90%;
  margin-left: 1%;
  margin-top: 1%;
  height: 3%;
}
.SingleForumComment{
  width:100%;
  margin-top: 1%;
  height: 15%;
}
.SingleForumCommentActions{
  width: 100%;
  height: 5%;
  padding-top: 1%;
  float: left;
  background-color: #ddd;
}
.SingleFormContent{
  width:60%;
  width: 80%;
  margin-top: 1%;
  height: auto;
  float: left;
  margin-left: 10%;
  background-color: white;
  border-radius: 10px;
  padding-bottom: 50px;
  box-shadow: 2px 2px 6px silver;
}
.SignleForumComment {
    width: 90%;
    margin-top: 1%;
    height: auto;
    float: left;
    margin-left: 5%;
    border-radius: 10px;
}
.SingleForm_Comment_Description {
    width: 95%;
    height: auto;
    float: left;
    font-size: 1.1em;
    color: rgb(24, 24, 24);
    margin-left: 1%;
    margin-top: 2%;
}
.SingleForm_Comment_Body{
  width: 80%;
  height: auto;
  float: left;
}
.SingleForm_Comment_Top{
  width: 80%;
  height: auto;
  float: left;
}
.comment_Options{
  width: 100%;
  height: auto;
  float: left;
  margin-top: 1%;
}
.comment_upVoteContainer{
  width: auto;
  height: auto;
  float: left;
}
.comment_upVoteArrow{
  width:25px;
  height: 25px;
  float: left;
  display: block;
  margin-left: auto;
  margin-right: auto;
    margin-top: 1%;
  cursor: pointer;
}
.comment_upVoteArrow:hover{
  background-color: #ddd;
}
.comment_upVoteCount{
  width:auto;
  height: auto;
  margin-top: 1%;
  margin-bottom: 1%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  text-align: center;
  font-size: 24px;
  float: left;
  color: rgb(24, 24, 24);
}
.comment_DownVoteArrow{
  width:25px;
  height: 25px;
    margin-top: 1%;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
  cursor: pointer;
}
.comment_DownVoteArrow:hover{
  background-color: #ddd;
}
.displayLinkHolder{
  width: auto;
  height: auto;
  float: left;
  font-size: 0.8em;
}

@media only screen and (max-width: 1100px) {
  .SignleForumHeader{
    width:100%;
    margin-left: 0%;
    margin-top: 1.5%;
  }
  .SingleFormContent{
    width:100%;
    margin-left: 0%;
  }
  .upVoteContainer{
    width:10%;
  }
  .SignleForumComment{
    margin-top: 10%;
  }
  .SingleForm_Header_Footer_ActionButton_Label {
    padding-top: 3%;
  }
  .SingleForm_Created_By_User_Container {
    width:100%;

  }
  .SingleForm_Header_Description {
    font-size: 0.8em;
  }
  .SingleForm_Comment_Description{
    font-size: 0.8em;
  }
  .About {
    width:100%;
    margin-left: 0%;
  }
  .PhotoTitle{
    font-size: 0.8em;
  }
  .AddEventInputTitle{
      font-size: 0.8em;
  }
  .FormInputLabelClear{
    margin-right: 0%;
    font-size: 1em;
        padding: 0.1% 0.1% 0.1% 0.1%;
  }
  .AddEventRequestInput{
      font-size: 0.8em;
  }
  .displayImageHolder {
    width:75%;
    margin-left: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .SingleForm_Header_Title {
    font-size: 1em;
    margin-top: 1%;
  }
  .SingleForm_Header_Body {
    width: 90%;
    height: auto;
    float: left;
}
.SingleForm_Created_On{
  width: 70%;
  height: auto;
  float: left;
  font-size: .6em;
  margin-left: 1%;
  color: silver;

}
}