
/* ***************************************
    PAGE LAYOUT - PEOPLE SECTION
*************************************** */

.people_list {
	float: left;
  	background: #f6f6f6;
  	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	width:100px;
	height: 135px;
	padding: 9px 9px 4px 9px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #eeeeee;
}

.people_list .media_icon {
	width: 12px;
	height: 12px;
	margin-bottom: 0px;
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	border: 0px;
	position: relative;
	top: 3px;
}

.people_list img {
	width: 100px;
	height: 100px;
	margin-bottom: 0px;
}

.people_list a {
	font-size: 1.0em;
	line-height: 6px;
	color: #333238;
}

.people_list .gap {
	height: 2px;
}

.people_list_faded {
	float: left;
  	background: #fcfcfc;
  	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	width:100px;
	height: 135px;
	padding: 9px 9px 4px 9px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #eeeeee;
}

.people_list_faded img {
	width: 100px;
	height: 100px;
	margin-bottom: 0px;
	opacity:0.2;
	filter:alpha(opacity=20);
}

.people_list_faded .gap {
	height: 2px;
}

.faded {
	opacity:0.2;
	filter:alpha(opacity=20);
}



a.people_M {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #0092ff;
}

a.people_M:hover {
	background-color: #0092ff;
	text-decoration:none;
}

a.people_M span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_M:hover span{display:inline; position:absolute; background:#0092ff; color:#ffffff;}

a.people_F {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #ff00b9;
}

a.people_F:hover {
	background-color: #ff00b9;
	text-decoration:none;
}

a.people_F span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_F:hover span{display:inline; position:absolute; background:#ff00b9; color:#ffffff;}

a.people_O {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #a248d4;
}

a.people_O:hover {
	background-color: #a248d4;
	text-decoration:none;
}

a.people_O span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_O:hover span{display:inline; position:absolute; background:#a248d4; color:#ffffff;}

a.people_buyer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #9ad800;
}

a.people_buyer:hover {
	background-color: #9ad800;
	text-decoration:none;
}

a.people_buyer span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_buyer:hover span{display:inline; position:absolute; background:#9ad800; color:#ffffff;}

a.people_creative {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #f58f00;
}

a.people_creative:hover {
	background-color: #f58f00;
	text-decoration:none;
}

a.people_creative span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_creative:hover span{display:inline; position:absolute; background:#f58f00; color:#ffffff;}

a.people_publisher {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #00ccb4;
}

a.people_publisher:hover {
	background-color: #00ccb4;
	text-decoration:none;
}

a.people_publisher span {display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_publisher:hover span{display:inline; position:absolute; background:#00ccb4; color:#ffffff;}


a.people_media {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	width: 12px;
	display: inline;
	color: #ffffff;
	margin: 0px;
	
}

a.people_media:hover {
	text-decoration:none;
}

a.people_media span {background-color: #626262; display:none; padding:4px 5px; margin-left:10px; margin-top:15px;}

a.people_media:hover span{display:inline; position:absolute; background:#626262; color:#ffffff;}


.break {
	clear: both;
	width: 650px;
	height: 20px;
}

.tabulation {
	clear: both;
	width: 650px;
	text-align: center;
}

.firstlast {
	font-size: 0.8em;
	margin-right: 40px;
	text-align: left;
}

.tablink {
	margin-right: 40px;
	text-align: left;
}

.greylink {
	color: #cccccc;
	margin-right: 40px;
	text-align: left;
}

.people_home_text {
	float: left;
  	width: 240px;
  	margin-right: 10px;
  	max-width:240px;
}

.people_home_img {
	float: left;
}


.league_table {
  	background: #eeeeee;
  	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	padding: 0px;
	width: 650px;
	clear:both;
}

.league_table .leaguepos {
  	background: #eeeeee;
  	color: #333333;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
	width: 20px;
	border: 3px solid #ffffff;
	float: left;
}

.league_table .updown {
  	background: #eeeeee;
  	color: #333333;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
	width: 30px;
	border: 3px solid #ffffff;
	float: left;
	text-align: center;
}

.league_table .updown img {
  	margin-right: 3px;
}

.league_table .vidtitle {
  	background: #999999;
	padding: 3px;
  	color: #ffffff;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 1.1em;
	font-weight: bold;
	width: 400px;
	border: 3px solid #ffffff;
	float: left;
}

.league_table .vidtitle a, .league_table .vidtitle a:hover {
 	font-family: Georgia;
 	font-size: 1.2em;
	font-weight: bold;
}

.league_table .vidviews {
  	background: #eeeeee;
  	color: #333333;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
	width: 140px;
	border: 3px solid #ffffff;
	float: left;
}


/* ***************************************
    UNSUNG
*************************************** */


div.unsung_profile {
	background-color: #efeac9;
	color: #2c261b;
	width: 655px;
	height: 156px;
	padding: 10px;
	margin: 20px 0;
	position: relative;
}

div.unsung_profile div.rank {
	width: 41px;
	height: 39px;
	background: url(../images/star.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	line-height: 41px;
	position: absolute;
	top: 2px;
	left: 2px;	
}

div.unsung_details {
	width: 390px;
	padding: 5px;
	float: left;
}

div.unsung_details h2, div.unsung_details h2 a, div.unsung_details h3 {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	color: #2c261b;
}

div.unsung_details h2 a {
	font-size: 28px;
}

div.unsung_details h3 {
	font-size: 20px;
}

div.unsung_details p {
	font-size: 14px;
}

div.unsung_details p.examples, div.unsung_details p.examples a {
	font-size: 16px;
	font-weight: bold;
	color: #2c261b;
}

div.unsung_details a span.faded {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

div.unsung_links {
	width: 100px;
	padding: 10px;
	float: left;
}

div.unsung_links img {
	margin-top: 40px;
}
