@charset "utf-8";
/* CSS Document */

/* This is our basic margin/padding browser reset */
/* 
* {
	margin:0px;
	padding:0px;
}
 */

/* 
Menu Items controlling Account Widgets
 */
 
 .ubermenu-item-205 a {
 	color: #fff !important;
 	font-size: 18px;
 	line-height: 24px;
 }
 
 .podcast .entry-title a {
 	color: #fff;
 }

.podcast .entry-title a:hover {
	color: #999;
}

.podcast .item-details a:hover {
	color: #999;
}

.rankings-form-container {
	display: flex;
	flex-direction: row;
}

.rankings-form-item select {
	font-size: 20px !important;
}

.rankings-form-item {
	padding: 10px;
	float: left;
	margin: auto;
}


/* Setting the basics for the whole Home */



.ranking-banner {
	text-align: center;
	background-color: #333;
	border-radius: 5px;
	color:  #fff;
	font-size: 1.5em;
	padding: 5px;
}

.update {
	font-size: 1vw;
	font-variant: small-caps;
	color: #999;
	clear: both;
	float: left;
	padding-bottom: 10px;
}

.position_rank_number {
	float: left;
}
.position_rank_bookmark {
	float: right;
}

.top {
	background-color: #333 !important;
	color: #fff !important;
}

.playerID {
	color: #ccc;
	font-size: 12px;
	float: right;
}

.summer {
	color: #999;
	font-size: 12px;
	clear: both;
}


.playerHome img {
	float: left;
	height: 80px;
	width: 65px;
	clear: both;
	padding-right: 5px;
	}

.roster table {
	border: 1px solid #CCC;
    border-collapse: collapse;
}

.roster td {
	border: none;
}

.roster th {
	border: none;
}

.roster .pName {
	white-space: nowrap;
}

.phone_player_info {
	display: none; /* this is only for phone size devices. */
}

 .playerTable {
	font: tahoma; 
	border:1px dashed #ccc;
	margin:0px;
	font-size: 16px;
	color: #000;
}
 
.playerTable a {
	color: #000 !important;
}


.dim-rank {
	color: #999 !important;
}
 
.player div {
	display: flex;
}


.playerRow div:nth-child(odd) {
	background:  #fff;
}


.playerTable tr:nth-child(odd) {
	background: #fff;

}

.playerTable tr:nth-child(even) {
	background: #eee;
}

/* Lets style the content (Home cells) */
.playerTable td {

	vertical-align: top;
	line-height: normal;
	padding: 1% 2px 1% 2px;
/* 
	white-space: nowrap;
 */
	
}

.footer td {
	padding: 15px;
	background: #ccc;
}



#pCollege {
	font-size:.95em;
	font-weight:bold;
	padding:inherit;
	color:#000 !important;
}



.playerTable a {
	color:  #00F; 
}

.playerTable td a:hover {
	text-decoration:underline;
}

.region {
	background-color: #ccc;
}

.legend {
	float: left;
	font-size: 12px;
	vertical-align: top;
	padding: 5px;	
}

.legend img {
	height: 15px;
	width: 15px;

}


/* This controls our Home Hover to help the users eye */
.playerTable tbody tr:hover {
	background-color:#e5e5e5;
}


/* 
College List CSS
 */


.commit {
	color: #ff8c00;
	font-weight: bold;
	border-radius: 5px;
	white-space: nowrap;
}	

.offer_icon {
	text-align: right !important;
}

.has_update {
	color: #999;
	margin-left: 3px;
}

.school {
	padding: 0px 0px 0px 3px;
}
	
	
.player .college_list {
	color: #fff;
	background-color: #666;
	padding: 2px;
	border-radius: 5px;
	font-size: 12px;
}

div.colleges:not(:hover) + div.list {
	display: none;
}


.list {
	white-space: normal;
}

/* 
Creating a toolitip in the rankings list
 */
 
.roster .college_list {
/* 
	float: right;
 */
}

.college_list {
 position: relative;
  display: inline-block;
  margin-left: 5px;
}

/* 
Tooltip text
 */
.college_list .list_tooltip {
  visibility: hidden;
  display: block;
  background-color: #009;
  color: #fff;
  padding: 5px 5px 5px 5px;
  white-space: nowrap;
  border-radius: 5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff;
  box-shadow: 5px 5px 5px #666;
  position: absolute;
  z-index: 100;
  top: 200%;
  right: 150%; 
  
  opacity: 0;
  transition: opacity 0.8s;
}  
   
.list_tooltip:before {
 border-radius: 5px;
  border-width: 15px;
  border-style: solid;
  border-color: #000;
}

/* 
This is for the widget lists
*/

.widget_header {
	text-align: center;
	background: #000;
	border-radius:  10px 10px 0px 0px;
	margin-bottom: -15px !important;
}

.widget_header h4 {
	color:  #ddd;
}

.widget_wrapper {
	background:  #333;
	color:  #ccc;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0px 0px 10px 10px;
	font-size: 90%;
}

.widget_wrapper a {
	color:  #ddd !important;
	font-size: 110%;
}

.widget_year {
	background: #222;
	padding-top: 5px;
	padding-bottom: 5px;
}

.widget_ranked a {
	font-weight: bold;
}

.widget_ranked {
	
	padding-bottom: 5px;
	white-space: nowrap;
}

.widget_ranked:hover {
	background: #000;
	border-radius: 5px;
}

.widget_tooltip {
 position: relative;
  display: inline-block;
}


/* 
Show the tooltip text when you mouse over the tooltip container
 */
.college_list:hover .list_tooltip {
  visibility: visible;
  opacity: 1;
}


.list_tooltip_header {
	background-color: #000;
	padding: 5px;
	color: #999;
	text-align: center !important;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.list_school {
	padding: 5px;
}


/* 
End of tooltip section
 */




/* 
end of college list css
 */


@media screen and (max-width: 800px) {
	
	.rankings-form-item select {
		font-size: 10px !important;
	}	
	
	
	.playerTable {
		font-size: 12px;
	}
	
	.roster .level {
		display: none;
	}
	.roster .height {
		display: none;
	}
	
	.phone_player_info {
		display: block;
		color: #666;
	}
	
	.player .commit {
	color: #fff;
	white-space: normal;
	clear: both;
	padding: 0px 5px 0px 5px;
	}
	

	.summer {
	color: #999;
	font-size: 8px;
	clear: both;
	}

	.bookmark-plus input[type=image] {
		height: 15px !important;
		width: 15px !important;

	 }

	
	.clear {
		clear: both;
		white-space: normal;
	}
	
	
/* 
	table td:nth-child(4) {
   		display: none;
	}
	
	table th:nth-child(4) {
   		display: none;
	}
	
 */


}