body {
  background-color:#f2f2f2;
  font-family:'Open Sans', sans-serif;
  font-size:14px;
}


.info {
  position:fixed;
  width:300px;
  top:0px;
  left:0px;
  border:1px solid #e0e0e0;
  background-color:#ffffff;
  -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.info .cover {
  width:100%;
}
.profilePic {
  width:80px;
  height:80px;
  border-radius:100%;
  position:absolute;
  top:130px;
  left:50%;
  margin-left:-40px;
}
.infopadding { height:40px; }
.title { text-align:center; }
.morestuff {
  text-align:center;
  padding:10px;
}
.corin-checkbox {
  visibility: hidden;
}
.corin-checkbox-container {
  position: relative;
  display: inline-block;
}
.corin-checkbox-sub {
  position: absolute;
  top: 0;
  left: 0;

  display: inline-block;
  width: 15px;
  height: 15px;
}

.corin-checkbox-sub.unchecked {
  background: #f2f2f2;
  border:2px solid #808080;
}
.strip{
  content: "beta";
  position: fixed;
  width: 80px;
  height: 25px;
  background: #EE8E4A;
  top: 7px;
  left: -20px;
  text-align: center;
  font-size: 13px;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  line-height: 27px;
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.corin-checkbox-sub.checked {
  background: #0585D6;
  content:"\0252";
  border:2px solid #0585D6;
}
hr {
  border:0px;
  height:1.2px;
  width:100%;
  background-color:#C9C9C9;
}
.chatarea {
  position:fixed;
  bottom:0px;
  right:0px;
  margin:0px;
  padding:0px;
}

.strip{
  content: "beta";
  position: fixed;
  width: 80px;
  height: 25px;
  background: #EE8E4A;
  top: 7px;
  left: -20px;
  text-align: center;
  font-size: 13px;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  line-height: 27px;
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}


.chatarea_nub {
  position:fixed;
  bottom:0px;
  right:0px;
  margin:0px;
  padding:0px;
}
/*.chat {
  margin:0px;
  padding:0px;
  width:250px;
  float:right;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;;
  overflow:hidden;
  margin-right:30px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}*/

.chat_nub {
  margin:0px;
  padding:0px;
  width:35px;
  float:right;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;;
  overflow:hidden;
  margin-right:0px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.chathead {
  width:250px;
  background-color:#1a1a1a;
  height:30px;
  color:#ffffff;
  padding-top:7px;
  padding-left:10px;
  cursor:pointer;
}

.chathead_nub {
  width:35px;
  background-color:#1a1a1a;
  height:30px;
  color:#ffffff;
  padding-top:7px;
  padding-left:10px;
  cursor:pointer;
}
.chathead img {
  width:20px;
  vertical-align:middle;
  padding-right:10px;
}
.settings {
  height:30px;
  width:100%;
  border-bottom:1px solid #E0E0E0;
  background-color:#ffffff;
  position:relative;
}
.settings img {
  width:15px;
  padding-top:7px;
  padding-left:10px;
}
.settingsExpand {
  position:absolute;
  width:250px;
  z-index:10;
  top:0px;
  left:0px;
  border:1px solid #e0e0e0;
  box-sizing:border-box;
  padding:10px;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  background-color:#ffffff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.settingsExpand:before {
  content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #e0e0e0;
  position:absolute;
  top:-5px;
  left:13px;
  margin-left:-2.5px;
}
.feed {
  padding:10px;
  background-color:#f2f2f2;
  max-height:300px;
  overflow-y:scroll;
  overflow-x:hidden;
}
.feed_nub {
  padding:10px;
  background-color:#f2f2f2;
  max-height:30px;
  overflow-y:scroll;
  overflow-x:hidden;
}


/*.feed i:before{
 content:"";
    width: 0;
  height: 0;
  position:absolute;
  top:0px;
  left:27px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid #ffffff;


}*/

.feed img {
  width:100%;
}

.other, .me {
  position:relative;
  margin-top:10px;

}
.me {
  -webkit-animation:intro 1s;
  animation:intro 1s;
}
.other {
  -webkit-animation:intro2 1s;
  animation:intro2 1s;
  position:relative;
}
.other{}
.other .profile {
  position:absolute;
  top:0px;
  left:0px;
}
.other .message {
  max-width: 176px;
  min-height:30px;
  margin-left:0px;
  border:1px solid #E0E0E0;
  background-color:#ffffff;
  padding:10px;
  color:#1a1a1a;
  word-wrap: break-word;
}

.other .message:before {
  content:"";
  	width: 0;
	height: 0;
  position:absolute;
  top:0px;
  left:-5px;
  /*border:1px solid #E0E0E0;*/
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #ffffff;
  word-wrap: break-word;
}

/*.me .message::after {
  content:"";
    width: 0;
  height: 0;
  position:absolute;
  top:0px;
  left:-5px;
  border:1px solid #E0E0E0;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid #ffffff;
  word-wrap: break-word;
}*/


.me .profile {
  position:absolute;
  bottom:0px;
  right:0px;
}
.me .message {
  min-height:30px;
  max-width:187px;
  border:1px solid #E0E0E0;
  background-color:#AFEEEE;
  padding:10px;
  color:#1a1a1a;
  word-wrap: break-word;
  margin-left: 32px;
}
.meta {
  padding-top:5px;
  font-size:12px;
  color:#808080;
}
.messagebox {
  min-height:30px;
  width:250px;
  border-top:1px solid #e0e0e0;
  background-color:#ffffff;
}
.messagebox textarea {
  width:250px;
  box-sizing:border-box;
  height:100%;
  border:0px;
  font-family:Arial;
  padding-left:10px;
}
@-webkit-keyframes intro {
  0% { opacity:0; left:25px;}
  100% { opacity:1; left:0px;}
}
@-webkit-keyframes intro2 {
  0% { opacity:0; left:-25px;}
  100% { opacity:1; left:0px;}
}
@keyframes intro {
  0% { opacity:0; left:25px;}
  100% { opacity:1; left:0px;}
}
@keyframes intro2 {
  0% { opacity:0; left:-25px;}
  100% { opacity:1; left:0px;}
}