bodyrep-symphony2/sandbox/web/css/site.css

.main-content {
	background-color : #fff;
	overflow: hidden;
	height : 1000px;
}


.mc-main-nav {
	width : 170px;
	border-right : 1px solid #e6e6e6;
}

.mc-profile-pic {
	width : 140px;
	height : 125px;
	border-radius : 3px;
	border : 4px solid #fff;
	box-shadow : 1px 1px 5px #ccc;
	background : url('/img/profile-pic.png') no-repeat;
	margin : 0 auto;
}

.big-menu {
	/*height : 15px;*/
	padding : 5px 10px 5px 35px;
	text-transform : uppercase;
	font-size : 15px;
	line-height : 15px;
	font-weight : bold;
	margin : 12px 0 0 0;
	width : 100%;
	height : 15px;
}

.menu-selected {
	text-decoration : underline;
}

.sub-menu {
	font-size : 13px;
	padding : 4px 0 4px 22px;

}

.sub-side-menu {
	padding-left : 12px;
	font-weight : bold;
}

.side-menu {
	padding : 11px;
}

.sicon-bodystats {background : url('/img/sicon-bodystats.png') no-repeat left center;}
.sicon-bodyreputation {background : url('/img/sicon-bodyreputation.png') no-repeat left center;}
.sicon-challenges {background : url('/img/sicon-challenges.png') no-repeat left center;}

.icon-apps {background : url('/img/icon-apps.png') no-repeat left center;}
.icon-community {background : url('/img/icon-community.png') no-repeat left center;}
.icon-learning {background : url('/img/icon-learning.png') no-repeat left center;}
.icon-meals {background : url('/img/icon-meals.png') no-repeat left center;}
.icon-profile {background : url('/img/icon-profile.png') no-repeat left center;}
.icon-shopping {background : url('/img/icon-shopping.png') no-repeat left center;}
.icon-workout {background : url('/img/icon-workout.png') no-repeat left center;}



/*OLD NEW CONTENT*/
.arrowup {
	width : 12px;
	height : 14px;
	background-image : url('/img/arrowup.PNG');
	display : inline-block;
}


.stats {
	padding : 10px;
	background-color : fff;
	position: relative;
}

.comment_block {
	border-top : 1px solid #bbb;
	padding-left : 10px;
}

.block_types {
	overflow: hidden;
}

.avatar {
	left: 14px;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 3px;
}

.sub-avatar {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	left: 79px;
	position: absolute;
}

.user1 {
	background-image: url('/img/user1.jpg');
}

.user2 {
	background-image: url('/img/user2.jpg');
}

.block_type {
	width : 50px;
	height : 0px;
	float : left;
	border-bottom-right-radius : 4px;
	border-bottom-left-radius : 4px;
	overflow: hidden;
	z-index : 100;
	border : 3px solid gray;
	background-color : #e5e5e5;

}

.block_type i{
	margin : 12px 10px;
}


.tnc-blurb {
	padding : 10px;
	float: right;
	font-size : 12px;
	font-weight : bold;
	color : #888;

}

.basic-comment {
	margin-top : 10px;
	font-size : 13px;
	margin-left : 10px;
}

.user-comment {
	font-size : 13px;
	padding: 13px 13px 20px 66px;
}

.user-sub-comment {
	font-size : 13px;
	padding: 5px 5px 5px 66px;
	background-color : #e5e5e5;
	margin-left : 65px;
	margin-top : 5px;
	border-radius: 3px;
}

.like-comment-time {
	font-size : 12px;
	color : #888;
	margin-top : 5px;
	margin-left : 10px;
}

.block_type_small {
	width : 14px;
	height : 15px;
	border-radius : 3px;
	border : 3px solid gray;
	margin-left : 3px;
	box-shadow: 0 1px 4px rgba(151, 156, 159, .4);
}

.block_type_small:hover {
	box-shadow: 0 1px 4px rgba(151, 156, 159, .9);
}

.bluebg 	{background-color : #429ECD;}
.greenbg 	{background-color : #45C700;}
.redbg 		{background-color : #EC1C24;}
.orangebg 	{background-color : #FF9200;}
.purplebg 	{background-color : #90278E;}
.tealbg 	{background-color : #00BC98;}
.graybg 	{background-color : #808080;}

.bluebd 	{border-color : #429ECD;}
.greenbd 	{border-color : #45C700;}
.redbd 		{border-color : #EC1C24;}
.orangebd 	{border-color : #FF9200;}
.purplebd 	{border-color : #90278E;}
.tealbd 	{border-color : #00BC98;}
.graybd 	{border-color : #808080;}

.blue		{color : #429ECD;}
.green  	{color : #45C700;}
.red 		{color : #EC1C24;}
.orange 	{color : #FF9200;}
.purple		{color : #90278E;}
.teal 		{color : #00BC98;}
.gray		{color : #808080;}

.sicon-bodystats {background : url('/img/sicon-bodystats.png') no-repeat left center;}
.sicon-bodyreputation {background : url('/img/sicon-bodyreputation.png') no-repeat left center;}
.sicon-challenges {background : url('/img/sicon-challenges.png') no-repeat left center;}

.icon-apps {background : url('/img/icon-apps.png') no-repeat left center;}
.icon-community {background : url('/img/icon-community.png') no-repeat left center;}
.icon-learning {background : url('/img/icon-learning.png') no-repeat left center;}
.icon-meals {background : url('/img/icon-meals.png') no-repeat left center;}
.icon-profile {background : url('/img/icon-profile.png') no-repeat left center;}
.icon-shopping {background : url('/img/icon-shopping.png') no-repeat left center;}
.icon-workout {background : url('/img/icon-workout.png') no-repeat left center;}

.scroll
{
  position: absolute;
/*  margin: 0 auto;*/
  visibility: hidden;
  background-color: white;
  z-index: 10000;

  border: 1px 0px 1px 1px;
  border-collapse: collapse;
  border-color: #111;
  overflow: visible;
}

.suggest_types li:hover
{
  color: black;
  background-color: #f6f6f6;

}

.scroll div
{
  margin: 0 auto;
  overflow: visible;

  text-align:left
}

.normalcell {
  width: 50%;
  padding: 10px 5px 10px 3px;
}

.suggest table
{
  font-size: 11px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;  
  z-index: 10000;
  overflow: inherit;
  text-align:left;   
  margin: 0px
}

.highlightrow
{
  background-color: rgb(100,135,220);
  color: white;
  cursor: pointer;
  padding: 0.3em;
}
 
.normallink
{
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none;
  color: rgb(0,51,153);
}

.highlightlink
{
  margin-left: 2px;
  text-decoration: none;
  color: white;
}

.typecell
{
  color: rgb(0,51,153);
  padding: 0.3em;
  font-size: 10px;
  text-align: right;
}

.search {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 18px;
}

.highlightcell
{
  background-color: rgb(100,135,220);
  color: white;
  cursor: pointer;
}