html {
  font-family: Helvetica, sans-serif;
  height: 100%;
  font-size: 12px;
}

body {
  margin: 0px;
  height: 100%;
}

body > #container {
  height: auto;
}

#container {
  margin-left: auto;
  margin-right: auto;
}

#main {
  margin-bottom: 20px;
}

#link {
}

#form {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

#form div {
  text-align: center;
}
#form div.message {
  text-align: left;
}

#textarea {
  width: 90%;
  height: 76px;
}

#form button {
  font-size: 0px;
  border: none;
  padding: 0px;
}

#form div.button_container {
  margin-top: 20px;
}

#form div.button_container .facebook {
  width: 176px;
  height: 32px;
}
#form div.button_container .twitter {
  width: 176px;
  height: 32px;
}
#tweet {
  margin: 5px;
}

button.facebook, .facebook button {
  /* 758fc7 */
  width: 176px;
  height: 32px;
  background: url("../img/facebook.png") no-repeat center top;
  -moz-background-size: contain;
  background-size: contain;
  margin-right: 20px;
}

button.twitter, .twitter button {
  /* 6ac2c6 */
  width: 176px;
  height: 32px;
  background: url("../img/twitter.png") no-repeat center top;
  -moz-background-size: contain;
  background-size: contain;
  margin-right: 20px;
}
.twitter button.disabled {
  width: 176px;
  height: 32px;
  background: url("../img/twitter-disabled.png") no-repeat center top;
  -moz-background-size: contain;
  background-size: contain;
  margin-right: 20px;
}

div.profile {
  float: left;
  width: 50px;
  margin-right: 10px;
}
img.profile {
  width: 50px;
  height: 50px;
}
div.sankaku {
  float: left;
  margin-top: 14px;
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background: url("../img/sankaku.png") no-repeat center top;
}
div.balloon {
  float: left;
  width: 502px;
  min-height: 80px;
  border: 1px solid #758fc7;
  background-color: #758fc7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
/*  -webkit-box-shadow: 0px 0px 5px #758fc7;
  box-shadow: 0px 0px 5px #6ac2c6;;
*/
}
div.prof {
  margin: 5px;
}
div.tweet {
  float: left;
  width: 100%;
  color: black;
  padding: 4px;
  margin: 5px;
}
div.badgebutton {
  float: left;
  width: 60px;
}
img.badgebutton {
  width: 60px;
  height: 60px;
  margin-top: 4px;
}

/* balloon-2 top */
.balloon-2-top {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
//	height: 40px;
	color: #F6F6F6;
//	line-height: 40px;
	text-align: center;
	background: #758fc7;
	z-index: 0;
}
.balloon-2-top:after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #758fc7 transparent;
}

/* balloon-2 left */
.balloon-2-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
//	height: 40px;
	color: #F6F6F6;
//	line-height: 40px;
	text-align: center;
	background: #758fc7;
	z-index: 0;
}
.balloon-2-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #758fc7 transparent transparent;
}