/**
 * leaderboard container
 */
div.leaderboard_content {color:#333;}
div.leaderboard_content h1 {font-size:20pt;margin:7px 0 20px 0;text-align:left;}
div.leaderboard_content table {width:100%;}
div.leaderboard_content a {color: #0099cc;}

/**
 * main tab styles
 */
div.leaderboard_tabs_container {border-bottom:2px solid #CCC;height:24px;padding-bottom:4px;line-height: 24px;}
div.leaderboard_tabs_container_outer_bottom { clear: both;  }
div.leaderboard_tab {float:left;padding:0 10px;color:#11a0cf;cursor:pointer;font-size:16pt;text-align:center;}
div.leaderboard_tab_selected {border-bottom:2px solid #777;padding-bottom:4px;color:#333;}
div.leaderboard_tabcontent {}
div.leaderboard_tab a { color: #333; text-decoration: none; }

.tablink {
	color: #11A0CF !important;
}

/**
 * sub tab styles
 */
div.leaderboard_subtabs_container {height:20px;padding:5px 10px;margin-bottom:10px;line-height: 20px;background-color: #f1f1f1;border-top:1px solid #fff;}
div.leaderboard_subtabs_container_outer_bottom { clear: both; padding-top: 10px; }
div.leaderboard_subtab {float:left;padding:0 10px;color:#11a0cf;cursor:pointer;font-size:10pt;text-align:center;}
div.leaderboard_subtab_selected a{font-weight: bold;padding-bottom:4px; color:#333 !important;}
li.leaderboard_subtab_selected a{font-weight: bold;color:#333 !important;}
li.leaderboard_subtab_selected_more a.more{font-weight: bold;color:#333 !important;}
.subMenuMore {
	font-size:7pt;
}

div.leaderboard_supplemental { color: #777; font-size: 9pt;float: right;margin-top: 10px; }
div.leaderboard_subtitle { float: left; font-size: small; }
div.leaderboard_subtitle h3 { margin: 0px; }

/**
 * table header row styles
 */
div.leaderboard_header {background-color:#F1F1F1;height:15px;padding:10px;text-transform: uppercase; border-bottom: 1px solid #ddd;}
div.leaderboard_header div {float:left;margin:0px;font-weight:bold;cursor:pointer;font-size: small;text-align: center;text-decoration:underline}
div.leaderboard_header a {text-decoration: underline;}
div.leaderboard_header div.rank {cursor: auto;}

/**
 * content row styles
 */
div.leaderboard_row {margin-top:1px;border-bottom: 1px solid #E5E5E5;height: 30px;padding-top:10px}
div.leaderboard_row a {padding:0;}
div.leaderboard_row.highlight {background-color: #fffacd;}
div.leaderboard_cell { float: left; margin: 0px; text-align: center; }

div.leaderboard_cell img.user { max-width: 23px; max-height: 23px; padding-right: 5px; border: 0px;}
div.leaderboard_cell table.user { height: 17px; margin: 0px; vertical-align: middle; }
div.leaderboard_cell table td {padding: 0px;}
div.leaderboard_cell table td.usericon { width: 20px; padding-right: 2px; }
div.leaderboard_cell table td.username { text-align: left; font-size: 10pt; }
div.leaderboard_cell div.rank { font-size: 11pt; font-weight:bold;margin-left: 10px; }
div.leaderboard_cell div.number { font-size: 10pt; margin-top: 0px; }

div.leaderboard_cell img.badge { max-width: 23px; max-height: 23px; padding-right: 5px; border: 0px;}
div.leaderboard_cell table.badge { height: 17px; margin: 0px; vertical-align: middle; }
div.leaderboard_cell table td.badgeicon { width: 20px; padding-right: 2px; }
div.leaderboard_cell table td.badgename { text-align: left; font-size: 10pt; }

div.leaderboard_cell div.upchange { color: #007F00; text-align: center}
div.leaderboard_cell div.downchange { color: #BF0000; }
div.leaderboard_cell div.upchange a { color: #007F00; }
div.leaderboard_cell div.downchange a { color: #BF0000; }
div.leaderboard_cell.change a { color: black; }

div.school_name, div.school_score {
	font-size: 10pt;
}

div.school_name {
	text-align: left !important;
}

div.leaderboard_header div.school_name {
	position: relative;
	left: -10px;
}

/**
 * misc
 */
img.tabloader { padding: 40px 0px; }

div.leaderboard_stripe { background-color: #f5f5f5; }

/**
 * nav
 */
div.nav {
	margin: 0 auto; 
	text-align: left;
}

div.nav ul ul {
	display: none;
}
	div.nav ul li:hover > ul {
		display: block;
	}

div.nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
}
	div.nav ul:after {
		content: ""; clear: both; display: block;
	}

	div.nav ul li {
		float: left;
		padding:0;
		text-align: left;
		white-space:nowrap;
	}
		div.nav ul li:hover {
			background: #f5f5f5;
			
		}
			div.nav ul li:hover a {
				color: #09c;
			}
		
		div.nav ul li a {
			display: block; 
			color: #09c;
			padding: 0 5px;
			text-decoration: none;
		}
		
	#more:hover {
	background-color: #e5e5e5; 
	}

	div.nav ul ul {
		background: #ccc; 
		padding: 0;
		position: absolute; top: 100%;
	}
		div.nav ul ul li {
			float: none; 
			border: 1px solid #ddd;
			border-top:0;
		    position: relative;
		    background-color: #fff;
		}
			div.nav ul ul li a {
				padding: 5px;
				color: #09c;
			}	
		
	div.nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}