.social-media-container
{
	height: 280px;
	width: 300px;
	font-size: 10px;
	background-color: #F1ECE6;
}

/* Tabs and column header */
.social-media-header-left
,.social-media-header
{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14pt;
	color:#72463b;
	text-transform: uppercase;
	text-align: center;
	width: 100px;
	padding: 10px 0px 10px 0px;
	border-top:solid;
	border-right:solid;
	border-width:1px;
	display: table-cell;
}

.social-media-header-left
{
	border-left:solid;
	border-left-width:1px;
	border-left-style:solid;
}

.social-media-selected
{
	background-color: #72463B;
}

.social-media-selected > a:link
,.social-media-selected > a:visited
,.social-media-selected > a:hover
,.social-media-selected > a:active
{
	color: #F1ECE6;
	text-decoration: none; 
}

.social-media-subheader
{
	padding: 5px 5px 5px 10px;
	text-align:left;
	color: #F1ECE6;	
	font-family: Arial;
	font-size: 9pt;
	text-transform: uppercase;
	background-color: #72463B;
}

.social-media-subheader-title
{
	width: 73%;
	display:inline-block;
}

.social-media-subheader-comments
{
	width: 25%;
	text-align: center;
	display:inline-block;
}

/* Article panel content */

.social-media-step-num {
  font: Arial 9pt bold;
  background: #333;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}

.social-media-step
{
	float: left;
	min-height: 35px;
	width: 35px;
	padding: 10px 0px 0px 10px;
}

.social-media-text
{
	float: left;
	text-align: left;
	float: none;
	width: 175px;
	height: 45px;
	display: table-cell;
    vertical-align: middle;
}

.social-media-comments
{
	border-left: solid 1px white;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 18pt;
	color: #333;
	padding-top: 10px;
	text-align: center;
	float: left;
	width: 75px;
	height: 35px;
}

.social-media-text > a:link
,.social-media-text > a:visited
,.social-media-text > a:hover
,.social-media-text > a:active
{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color:#333;
}

.social-media-post-container-show
,.social-media-post-container
{
	height: 180px;
	width: 300px;
	min-height: 30px;
	display: none;
}

.social-media-post-container-show
{
	display: block;
}

.social-media-post
,.social-media-post-even
,.social-media-post-odd
{
	min-height: 45px;
	vertical-align: middle;
}

.social-media-post-odd
{
	background-color:#DDD9D0;
}

.social-media-post-even
{
	background-color:#F1ECE6;
}

.social-media-post-even > ul
,.social-media-post-odd > ul
{
	display:inline;
	list-style-type:none;
	width:300px;
	height:45px;
}

.social-media-post-even > ul > li
,.social-media-post-odd > ul > li
{
	float: left;
}