@font-face {
  font-family: 'schedule_icons';
  src: url('/schedule_icons.eot');
  src: url('/schedule_icons.eot#iefix') format('embedded-opentype'),
       url('/schedule_icons.woff') format('woff'),
       url('/schedule_icons.ttf') format('truetype'),
       url('/schedule_icons.svg#schedule_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size:12px
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden { display:none !important }
.offscreen { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }

/*
 * CLASSIC
 */
img {border:none}
body.classic {background:#000; color: #fff; margin:0px; padding:0px; }
.classic a {color: #FFC300; text-decoration:none}
.classic a {color: #FFC300; text-decoration:none}
.classic a:visited {color: #001A43;}
.classic .title { background: #001A43; color: #FFFFFF; margin: 0px; padding: 0px}
.classic hr  { border:solid; border-width:1px; border-color:#336666;}



/*
 * MOBILENOW
 */
.iphone img { border:none; max-width:98%; height:auto }

/* BODY */
body.iphone {
	background-color: #114583;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	font:12px/1 Helvetica, Arial, sans-serif;
	color:#fff;
}

#page_wrapper { overflow:hidden }

.iphone h1 { 
  color: #F2F2F2;
  font-weight: 100;
  padding:10px 5px;
  text-shadow: 1px 1px 1px #111111;
  top: 0;
  font-size:24px
}

.iphone h2.page-subtitle {
  color:#f2f2f2;
  font-weight:100;
  text-shadow: 1px 1px 1px #111111;
  font-size:18px;
  padding:0 5px 10px;
}

.iphone h1.page-title {
	font-size:11px;
	text-transform:uppercase;
	line-height:28px;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	text-indent:11px;
	background:#000000;
	border-bottom:5px solid #396498;
}

.iphone h1.page-title a {
	color:#fff; 
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

.iphone #wrapper_content > h3 { padding: 10px 5px; }
.iphone #wrapper_content > p { margin: 5px 0px 10px; }

.iphone .wrapper > .teams {
	position:absolute;
	height:26px;
	width:100%;
	background-position:100% 0;
}

.iphone  .teams h4 {
	font-style:italic;
	font-weight:100;
	padding:5px;
	margin:8px 0 0;
}


.iphone  .teams ul {
	margin:0;
	padding:0;
	list-style:none
}

.iphone .footer-links {
	background:#fff;
	width:100%;
	margin:0;
	text-align:center;
	padding:5px 0
}

.iphone .footer-ps {
	background-image:url(/info/mobile/ps-logo-2015.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	display: block;
	height: 23px;
	background-size:127px 23px;
	overflow: hidden;
	text-indent: -9999px;
}

.iphone #wrapper {
	width: 100%;
	position:relative;
}

.iphone a { color: #FFC300 }

/* HEADER */
.iphone #header {
	height: 70px;
	cursor: pointer;
}

	.iphone #header .menu {
		width: 34%;
		min-width: 127px;
		height: 26px;
		padding-right: 10px;
		float: right;
	}
	
		.iphone #header .menu .content {
			position: relative;
			background-color: rgb(2,20,40);
			width: 244px;
			height: 320px;
			border-top: 1px solid rgb(43,43,43);
			border-left: 1px solid rgb(43,43,43);
			border-bottom: 0;
			margin-top: -1px;
			margin-left: -118px;
		}

		.iphone #header .menu .content .group {
			border-right: 1px solid rgb(43,43,43);
			width: 121px;
			float: left;
		}

		.iphone #header .menu .content .group .item {
			border-bottom: 1px solid rgb(43,43,43);
			padding: 13px 5px 0 5px;
			height: 26px;
			cursor: pointer;
		}

/* CONTENT */
.iphone #wrapper_content {
	border: 2px solid rgb(196,201,204);
	width:auto;
	margin:0;
	background:#114583;
	position:relative; 
	z-index:1
}

/* SLIDER */
.iphone #slider .slides .slide .image { text-align: center; }

.iphone #slider .slides .slide .headline {
	padding: 5px;
	font-size:12px
}

.iphone #slider .slides .slide .headline .title {
	padding: 10px 0 5px 0;
	color: rgb(255,195,0);
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.iphone #slider .slides .slide .headline .links { color: #CCC; }

.iphone #slider .slides .slide .headline .text {
	padding: 10px 0 10px 0;
	line-height:15px
}

.iphone #slider .toggles {
	text-align: center;
	margin:10px 0
}

	.iphone #slider .toggles .toggle {
		border: 2px solid rgb(178,178,178);
		margin-right: 2px;
		cursor: pointer;	
	}
		
		.iphone #slider .toggles .toggle:hover { border-color: rgb(255,195,0); }
		
	.iphone #slider .toggles a {
		display:inline-block;
		position:relative;
		text-decoration:none
	}

.iphone #slider .video-play-button {
	background: url("/info/images/play_btn_small.png") no-repeat scroll 50% 50% transparent;
	height: 22px;
	width: 22px;
	left: 50%;
	position: absolute;
	top: 50%;
	margin:-11px 0 0 -11px;
	z-index:10
}


.iphone #slider .slides .slide .image img  {
	position:relative;
	z-index:1;
	width:298px;
	border:2px solid;
}

.iphone #slider .slides .slide .image { position:relative }


/* ACCORDION HOME */
.iphone #wrapper_accordion .accordion_toggle {
	height: 40px;
	background-image: url(/info/mobile/mobile-accordion-bg.jpg);
	background-color: rgb(0,0,0);
	margin: 0;
	padding: 0;
	border-top: 1px solid rgb(196,201,204);
	cursor: pointer;
	color:#EAEAEA;
	font-size:15px;
	font-weight:900;
	line-height:40px;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
}

.iphone #wrapper_accordion .accordion_toggle_active { border-bottom: 1px solid rgb(79,79,79); }

.iphone #wrapper_accordion .accordion_content { overflow: hidden; }

/* ACCORDION HOME RESULTS */
.iphone #tabs_panels { padding: 5px; }

.iphone #tabs_panels .tabs {
	height: 30px;
	background-image: url(/info/mobile/mobile-tab-panel-tab-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.iphone #tabs_panels .tabs .tab {
	width: 87px;
	float: left;
	background-image: url(/info/mobile/mobile-content-tabs.gif);
	background-position: top right;
	text-align: center;
	cursor: pointer;
	font-size:11px
}

.iphone #tabs_panels .tabs .tab a { display:block; padding-top:10px; height:20px; text-decoration:none }

.iphone #tabs_panels .tabs .tab.ui-state-active { background-position: top left; }

.iphone #tabs_panels .panels {
	background-image: url(/info/mobile/mobile-tab-panel-bg.jpg);
	background-repeat: repeat-x;
	background-color: rgb(24,23,24);
	border: 1px solid rgb(0,0,0);
	border-top: 0;
	padding: 5px;
}

.iphone #tabs_panels .panels .panel { padding: 10px 5px 10px 5px;  }

/* results */
.iphone #tabs_panels .panels .panel .result {
	font-size: 14px; 
	color: #BBB;
}
	.iphone #tabs_panels .panels .panel .result .date { color:#fff; margin-bottom:15px; }
	.iphone #tabs_panels .panels .panel .result .event {
		margin-bottom:15px; 
		font-size:12px;
		line-height:15px
	}
	
	.iphone #tabs_panels .panels .panel .result .sport {
		color: #FFFFFF; 
		font-size: 14px;
		font-weight: 100;
		margin-bottom: 5px;
	}
	
	.iphone #tabs_panels .panels .panel .result .event .team-name { float:left; width:50%;  }
	.iphone #tabs_panels .panels .panel .result .event .team-result {
		float: right;
		text-align: right;
		width: 50%;
	}
	

.iphone #tabs_panels .panels .panel .result .title {
	font-weight: bold;
	color:#fff;
}

.iphone #tabs_panels .panels .panel .link {
	padding-top: 2px; 
	color: #BBB;
}

.iphone #tabs_panels .panels .panel .link span:hover {
	cursor: pointer;
	text-decoration: underline;
}

.iphone #change_tab {
	height: 44px;
	width: 284px;
	margin: 15px auto 10px auto;
}

.iphone #change_tab .back {
	float: left;
	width: 44px;
}

.iphone #change_tab .text {
	float: left;
	width: 194px;
	height: 44px;
	background-image: url(/info/mobile/mobile-content-btn-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.iphone #change_tab .next {
	float: left;
	width: 44px;
}

/* ACCORDION HOME HEADLINES */
.iphone #headlines .new,
.iphone .auctions li {
	padding: 5px;
	border-top: 1px solid rgb(76,81,84);
	background:url(/info/mobile/headlines-bg.png) repeat-x 0  0
}

.iphone #headlines .new:first-child { border-top: 0; }
	
.iphone #headlines .new .title {
	padding-top: 5px;
	font-weight: bold;
	font-size:12px;
    color: rgb(255,195,0);
}

.iphone #headlines .new .links { color: #CCC; }

.iphone #headlines .new .text {
	font-size:12px;
	line-height:15px;
	padding:5px 0;
}

/* ACCORDION HOME CALENDAR */
.iphone #calendar .item {
	padding: 5px;
	border-top: 1px solid #BBBBBB;
	background:url(/info/mobile/headlines-bg.png) repeat-x 0  0;
	border-top: 1px solid rgb(76,81,84);
	min-height:60px;
}

.iphone #calendar .item:first-child  { border-top: 0; }

.iphone #calendar .item .event {
    color:#fff;
	font-size:14px;
	padding: 5px 0 5px 0;
	line-height:15px;
}

	.iphone #calendar .item .event p.date {
		color: #BBBBBB;
		font-size: 12px;
		padding: 0 0 3px;
	}

	.iphone #calendar .item .event .team-name { float:left; width:50%;  }
	.iphone #calendar .item .event .team-result {
		float: right;
		text-align: right;
		width: 50%;
	}
	
/* CLEARFIX */
.iphone .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.iphone .clearfix { display:inline-block; }
.iphone .clearfix { display:block; }
* html .clearfix { height:1px; }

.clear { clear:both; overflow:hidden; height:0 }

body.iphone p { padding:0 5px}

/* NEW NAVIGATION */
.iphone .teams-inner {
	position:absolute;
	top:0px;
	left: 0;
	width: 305px; 
	width:100%;
	z-index:3;
	background:#000;
	font-size:14px
}

.iphone .teams-inner li {
	border-bottom:1px solid #2B2B2B;
	font-size:1.1em;
}

.iphone .teams-inner a {
	color:#fff;
	text-decoration:none; 
	display:block; 
	width:100%; 
	height:100%; 
	padding:10px 0;
	text-indent:10px
}

.teams-header {
	position:absolute;
	right:1%;
	background:url("/info/mobile/teams.png") no-repeat;
	height:26px;
	cursor:pointer;
	width:256px;
	top:-25px;
}

.teams-inner .hard-link {
	background:#0B090A;
	border-top:1px solid #4A4A4A;
	font-size:1em;
	padding:15px 0;
	text-align:center;
	color:#fff;
	cursor:pointer;
}

/* NAVBAR SECONDARY */
.iphone .navbar-secondary {
	background: url("/info/mobile/sport-title.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #C4C9CC;
	color: #FFFFFF;
	font-size: 11px;
	/* height: 26px; */
	margin-bottom: 0;
	padding-top: 35px;
	position: relative;
	width: 100%;
	z-index:1;
}
	
	.iphone .navbar-secondary #mobile-sport-title {
		color: #F2F2F2;
		font-weight: 100;
		line-height: 32px;
		overflow: hidden;
		position: absolute;
		text-indent: 1%;
		text-overflow: ellipsis;
		text-shadow: 1px 1px 1px #111111;
		top: 0;
		white-space: nowrap;
		width: 95%;
	}
	
		.iphone .navbar-secondary #mobile-sport-title.text-large { font-size:24px }
		.iphone .navbar-secondary #mobile-sport-title.text-medium { font-size:16px }
		.iphone .navbar-secondary #mobile-sport-title.text-small { font-size:14px }

#mobile-nav-container {
	overflow:hidden;
	position:relative;
	height:26px;
	margin:0;
}
	
#mobile-nav {
	overflow:hidden;
	position:absolute;
	width:auto;
	min-width:100%;
}

	#mobile-nav.initialized { position:relative; }

	#mobile-nav li { float:left; }
	
	#mobile-nav li a { padding:7px 10px; display:block; }
	
	#mobile-nav li.active a {
		font-weight: 700;
	}

.iphone .navbar-secondary a {
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	font-size:12px;
	color:#fff;
}

.iphone .navbar-secondary .wiki {
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
}
	
	.iphone .navbar-secondary .wiki a { padding:3px; }
	
/* ROSTER & SCHEDULES */
.iphone .roster .title,
.iphone .mobile-schedule .title,
#headlines h1 {
	background: url("/info/mobile/schedules-bg.png") repeat-x scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	min-height: 19px;
	overflow: hidden;
	padding: 14px 1%;
	text-indent: 1%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.iphone .roster .table,
.iphone .mobile-schedule .table {
	margin: auto;
	font-size: 12px;
	color:#fff;
}

.iphone .roster .table .titles,
.iphone .mobile-schedule .table .titles {
	border-top: 1px solid #C4C9CC;
	padding-top: 12px;
	height:28px;
	color:#fff;
	font-size:14px;
	font-weight:900;
}

.iphone .roster.no-page-title .table .titles,
.iphone .mobile-schedule.no-page-title .table .titles { border-top:0; }

/* ROSTER SPECIFIC */
.iphone .roster .table .titles > div {
	float: left;
	font-weight: bold;
	padding:0 1%;
}

	.iphone .roster .table .titles .number { width: 19% }
	.iphone .roster .table .titles .name { width: 42% }
	.iphone .roster .table .titles .positions { width: 24% }

	.iphone .roster.staff .table .titles .name { width: 50% }
	.iphone .roster.staff .table .titles .positions { width: 35% }
	
.iphone .roster .table .item { border-top:1px solid #114583 }

.iphone .roster .table .item .data {
	height: 25px;
	padding-top: 12px;
	border-bottom:1px solid #114583;
}

.iphone .roster .table .item.even { background-color:#235189; }

.iphone .roster .table .item .data div {
	padding:0 1%;
	float:left;
	font-weight: bold;
}

.iphone .roster.staff .table .item .data { overflow:hidden }

.iphone .roster .table .item .data .number { width: 19%; }
.iphone .roster .table .item .data .name { width: 42%; }
.iphone .roster .table .item .data .positions { width: 24% }

.iphone .roster.staff .table .item .data .name { width: 50%; }
.iphone .roster.staff .table .item .data .positions { width: 35%; }

.iphone .roster .table .item .data .arrow,
.iphone .mobile-schedule .table .item .data .arrow {
	float: left;
	padding: 7px 0;
	text-align: left;
	width: 9%;
}

.iphone .roster .table .item .more {
	background:url(/info/mobile/roster-more-bg.png) no-repeat;
	border-top: 0;
	padding:10px;
	margin: 0 0 5 0;
	overflow:hidden;
	padding:7px 0;
	border:none;
}

.iphone .roster .table .item .more .text {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding-left: 1%;
	padding-top: 0;
	text-align: left;
}

.iphone .roster .table .item .more .icon {
	margin: 10px 5px 0 0;
	float: right;
	cursor: pointer;
}

/* SCHEDULES SPECIFIC */
.iphone .mobile-schedule .titles > div {
	padding:0 1%;
	font-weight: bold;
	float: left;
}

/* TEAM RECORD TABLE */
.iphone .mobile-schedule .table.team-record .titles > div,
.iphone .mobile-schedule .table.team-record .data > div {
	padding:0 1%;
	font-weight: bold;
	float: left;
	width:23%
}

.iphone .mobile-schedule .titles .date { width: 17%; }
.iphone .mobile-schedule .titles .opponent { width: 30%; }
.iphone .mobile-schedule .titles .result { width: 19%; }
.iphone .mobile-schedule .titles .time { width: 17%; }

/* SCHEDULE BODY */
.iphone .mobile-schedule .item.even { background-color:rgba(0,0,0,0.1) }
.iphone .mobile-schedule .item .data {
	overflow:hidden;
	padding-top: 3px;
	cursor: pointer;
}

.iphone .mobile-schedule .table .item .data > div { padding: 7px 1%; float: left; }

	.iphone .mobile-schedule .item .date {
		width: 17%;
		font-weight:900
	}
	.iphone .mobile-schedule .item .opponent { width: 30%; }
	.iphone .mobile-schedule .item .result { width: 19%; }
	.iphone .mobile-schedule .item .time { width: 17%; }
	
	.iphone .mobile-schedule .item .conf-teams-container { width:51% }
	.iphone .mobile-schedule .item .conf-teams-container .opponent {
		float: left;
		margin-bottom: 5px;
		padding-right: 5%;
		width: 57.5%;
	}
	.iphone .mobile-schedule .item .opponent .team-logo { display:none !important }
	.iphone .mobile-schedule .item .conf-teams-container .result {  float: left; width: 36%; }
	
.iphone .mobile-schedule .table .item .more {
  border:solid 1px rgba(255,255,255,0.3);
  margin:0 5px 5px;
  padding:15px 10px;
}

.iphone .mobile-schedule .share { border-top: 4px solid rgb(200,215,237); }

/* iCAL and RSS links */
.iphone .mobile-schedule .subscribe-links { padding: 5px 14px 10px;  }

.iphone .mobile-schedule .subscribe-links a {
	margin-right:10px
}


/* BIOS */
.iphone .bios { padding:0 5px 5px }
.iphone .bios .profile {
	background:#114583;
	overflow:hidden;
	position:relative;
	padding:15px 0;
}


.iphone .bios .icon {
	position:absolute;
	right:31px;
	bottom:-4px;
}

.iphone .bios .profile .images {
	float: left;
	width: 110px;
}

.iphone .bios .profile .images .photo { text-align: center; }

.iphone .bios .profile .images .photo img { border: 2px solid #FFF; }

.iphone .bios .profile .images .number {
	margin-top: 5px;
	text-align: center;
	background-image: url("/info/mobile/voleyball_five.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 33px;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
}

.iphone .bios .profile .texts {
	float: right;
	width: 165px;
}

.iphone .bios .profile .texts .name {
	font-size: 14px;
	font-weight: bold;
}

.iphone .bios .profile .texts .data {
	font-size: 12px;
	line-height: 180%;
}

.iphone .bios .profile .texts .icon {
	text-align: right;
	padding: 0 31px 0 0; 
	position:relative;
	top:3px;
}

.iphone .bios .details {
	color:#ffffff;
	text-align: left;
	padding: 20px 5px 20px 5px;
	padding:0;
	background:#114583;
}

.iphone .bios .details table td { text-align:left; }

.iphone .bios .details .bios-stat-wrapper {  margin-bottom:10px;  }
.iphone .bios .details .bios-stat-wrapper h4,
.iphone .bios .details .bios-stat-wrapper th { color:#bbb }

.iphone .bios .details p {
	margin: 0;
	padding: 0 0 10px 0;
}

/* mobile information */
.iphone .mobile-info  {
	display:block;
	overflow:hidden;
	padding:10px 5px;
}
	.iphone .mobile-info a {
		display:block;
		float:left;
		font-size:12px;
		margin-bottom:10px;
		text-align:center;
		width:50%;
	}

	.iphone .mobile-info .wiki {
		background:none repeat scroll 0 0 #FFFFFF;
		color:#000000;
		position:absolute;
		right:0;
		top:0;
	}

		.iphone .mobile-info .wiki a {
			color:#000000;
			display:inline;
			float:none;
			font-size:12px;
			margin:0;
			text-align:left;
			width:auto;
		}

	.iphone .mobile-info-bg  {
		background:-moz-linear-gradient(center top , #000000, #FFFFFF) repeat scroll 0 0 transparent;
		background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#FFFFFF));
		height:100%;
		left:0;
		opacity:0.08;
		position:absolute;
		top:0;
		width:100%;
		z-index:1;
	}

	.iphone .mobile-info-content  {
		position:relative;
		z-index:2
	}

.iphone #view-mode { margin:10px 5px  }

.iphone span.error {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	background:-moz-linear-gradient(center top , #F4241F, #E13A36) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, left bottom, from(#F4241F), to(#E13A36));
	display:block;
	font-size:12px;
	margin:0;
	padding:5px;
	text-align:center;
    text-shadow:1px 1px 1px #333333;
}


/* FADED BOTTOM */
.iphone #slider .slides .slide .image .image-shadow { background:none !important; display:none !important }

/* MOBILE ARTICLE */
.mobile-article {
	overflow:hidden;
	margin:10px;
	font-size:12px
}
		
	.mobile-article .page-date { color:#fff; margin:0 0 5px }
				
	.mobile-article h1 {
		font-size: 16px;
		margin: 10px 0;
		padding: 0;
	}
	
	.mobile-article .sidebar {
	  max-width:none !important;
	}
		
	.mobile-article .thumb {
		margin:0 0 10px 5px;
		margin: 10px 0 15px;
		position:relative;
	}
			
		.mobile-article .thumb img {
			border:2px solid;
			margin:0 auto;
			padding:0;
			max-width:auto;
			display:block;
		}
				
		.mobile-article .thumb-caption {
			font-size: 10px;
			font-weight: bold;
			font-style: italic;
			margin-top: 5px;
			text-align: center;
		}
		
		.mobile-article .thumb .buynow-button {
			display: block;
			width: 80px;
			height: 50px;
			background: url(/info/marketplace/buy-now-80-X-50.png) no-repeat left top;
			position: absolute;
			right: 10px;
			bottom: 10px;
			text-indent:-9999px;
		}

	body.iphone .mobile-article p {
		margin:0 0 10px 0;
		padding:0;
		font-size:12px;
		color:#fff;
		line-height:14px
	}
	
	.mobile-article .mini-boxscore,
	.mobile-article .mini-gallery {
	  display:none !important;
	}

	/* FLASH VIDEO */
	.mobile-article object,
	.mobile-article embed { display:none !important }
	
	.mobile-article .facebook-like {
		display:none;
	}
	
.iphone .related {
  background: none repeat scroll 0 0 rgba(140, 140, 140, 0.3);
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  line-height: 16px;
  margin: 10px;
  padding: 6px 0 8px;
  text-align: center;
}
	
.iphone .ui-widget-overlay { background:#fff; opacity:1; z-index:10001 !important  }
.iphone .ui-dialog { z-index:10002 !important }

.mobile-video-container {
	text-align:center;
	padding:10px 10px 0;
}

/* mobile tabs - bios and stats */
.mobile-tabs.ui-tabs { 
	border-radius:0;
	position: relative; 
	border:0;
	zoom: 1; 
}
.mobile-tabs.ui-tabs .ui-tabs-nav {
	margin: 0 0 5px; 
	border-radius:0;
	border-bottom:2px solid #fff;
}
.mobile-tabs.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	margin: 0 .2em 1px 0; 
	border-bottom: 0 !important; 
	padding: 0; 
	white-space: nowrap;
}
.mobile-tabs.ui-tabs .ui-tabs-nav li a {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	min-width: 35px;
	padding:6px 6px 5px;
}
.mobile-tabs.ui-tabs .ui-tabs-nav li.ui-state-active a {
	border:1px solid #fff;
	border-bottom:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	border-radius:4px 4px 0 0
}
.mobile-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.mobile-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.mobile-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.mobile-tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.mobile-tabs.ui-tabs.ui-tabs-nav li a, 
.mobile-tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.mobile-tabs.ui-tabs.ui-tabs-panel { 
	border-radius:0;
	border-top:0;
	display: block; 
	border-width: 0; 
	padding-top:10px;
}
.mobile-tabs.ui-tabs .ui-tabs-hide { display: none !important; }


/* mobile forms */
.mobile-form { text-align:left; padding:10px 5px 10px }

.mobile-form td {
	font-size: 14px;
	font-weight: 100;
	text-align: left;
	padding:0 !important
}

.iphone .mobile-form h1,
body.iphone .mobile-form p { padding-left:0; }

.mobile-form ul,
.mobile-form ol { margin-bottom:10px; padding-left:10px; }
.mobile-form ul { list-style:disc inside }
.mobile-form ol { list-style:decimal inside }

/* form text */
.mobile-form p,
.mobile-form li {
	line-height:18px;
	font-size:14px;
}

/* field comment */
.mobile-form em {
	color: #F2F2F2;
	display: block;
	font-size: 12px;
	margin: 4px 0 0;
}

.mobile-form input[type=text], input[type=email], input[type=number], 
.mobile-form textarea,
.mobile-form select {
	padding: 5px; 
	margin: 4px 0 10px; 
	font-size: 14px; 
	display: block; 
	width: 100% !important;
	outline: 0;
	min-height:16px;
	border:1px solid #444444;
}

/*.mobile-form input[disabled]:not([value=""]), 
.mobile-form textarea[disabled]:not(:empty) */ 

.mobile-form input[disabled],
.mobile-form textarea[disabled] {
  /*background: none !important;
  border: medium none !important;
  color: #444;
  opacity:1;
  font-style: italic;*/
  -webkit-text-fill-color:#444;
  opacity:0.9;
  background:#f2f2f2;
  color: #444;
}

.mobile-form input[type=text], .mobile-form input[type=email], .mobile-form input[type=number], 
.mobile-form textarea {
	line-height: 16px;
	background-image: none;
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box; 
}

.mobile-form select { padding:2px; }

.mobile-form input[type=text], input[type=email], input[type=number] { -webkit-appearance: none; }

.mobile-form textarea {
	height: 50px; 
	-webkit-transition: height 200ms linear; 
	-moz-transition: height 200ms linear; 
	-o-transition: height 200ms linear; 
	transition: height 200ms linear; 
}

/* Width of textinput depends on its type, for Android 4.1 */
.mobile-form input[type=number]::-webkit-outer-spin-button { margin: 0; }

.mobile-form input[type=button], 
.mobile-form input[type=submit] {
	color: #444444;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 34px;
	padding: 0 10px;
	text-shadow: 0 1px 0 #FFFFFF;
	border:1px outset #444;
	
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
}

.mobile-form input[type=submit] { margin-top:10px }

/* .mobile-form input[type=button]:active, .mobile-form input[type=submit]:active { text-indent:1px } */

/* cell with radio */
.mobile-form__selectable-cell {
	 box-shadow: 1px 1px 3px #444;
}

.mobile-form__selectable-wrapper {
	-webkit-tap-highlight-color: transparent;
	
	background-color: #FFFFFF;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	position: relative;
}
	.mobile-form__selectable-label {
		color: #444;
		display: inline-block;
		font-size: 14px;
		font-weight: 100;
		height: 100%;
		left: 0;
		position: absolute;
		text-indent: 25px;
		top: 0;
		width: 100%;
	}

.mobile-form__selectable-wrapper:first-child { border-top: 1px solid #999; }

.mobile-form__selectable-wrapper:last-child { margin-bottom:10px; }

/*
.mobile-form__selectable-check  {
	float: right;
    -webkit-transition: all 0.125s  ease-in-out;
    -moz-transition: all 0.125s  ease-in-out;
    transition: all 0.125s  ease-in-out;
    opacity: 0
}

	.mobile-form__selectable-wrapper.m-selected > .mobile-.mobile-form__selectable-check {
		opacity: 1;
		color: #444;
	}
*/
.mobile-form__selectable-wrapper input {
	position: relative;
	z-index: 1;
}

/* NAVIGATION */
#navbar { margin-top:-26px; position:relative; background:transparent }
#navbar:before,
#navbar:after { content: " "; display:table }
#navbar:after { clear:both }
#jump-to-nav { float:right; width:40px; height:26px; color:#FFF; margin:0 10px; text-indent:-9999px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: url(/info/images/mobile_nav_icon.png) no-repeat 50% 50% #333;
border-color: #040404 #040404 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#jump-to-nav.active { background-color:#333 }

.dropnav { display:none; font-size:14px; position:relative }
.dropnav:before,
.dropnav:after { content: " "; display:table }
.dropnav:after { clear:both }
.dropnav.active { display:block }
.dropnav ul, .dropnav li { margin:0; padding:0; list-style:none }
.dropnav li { position:relative; z-index:100; border-bottom:solid 1px #111; border-top:1px solid #444; background:#333 }
.dropnav li.active, .dropnav li.active li { background:#242424; border:none }
.dropnav li:last-child, .dropnav li.active li:last-child { border-bottom:none }
.dropnav li:first-child, .dropnav li.active li:first-child { border-top:none }
.dropnav li.active > a { text-transform:uppercase } 
.dropnav .nav a { display:block; text-decoration:none; padding:0 10px; height:34px; line-height:34px; font-weight:normal; text-transform:none; color:#FFF }
.dropnav li.active > a { text-transform:uppercase }
.dropnav .submenu { display:none }
.dropnav .has-submenu.active > .submenu { display:block }
.dropnav .has-submenu > a { position:relative }
.dropnav .has-submenu > a:after { display:block; width:40px; height:34px; line-height:34px; text-align:center; background:#242424; position:absolute; right:0; top:0; content: " +" }
.dropnav .has-submenu.active > a:after { content:" -"; background:#333 }
.dropnav .close { display:none; position:relative; z-index:99  }
.dropnav.active .close { display:block; text-indent:-9999px; position:absolute; left:0; right:0; top:-9999px; bottom:-9999px }

@media (max-width: 767px) {
  /* ROSTER */
  .mod-roster .toggle-buttons { display:none }
  .mod-roster .roster table, 
  .mod-roster .roster tbody, 
  .mod-roster .roster thead, 
  .mod-roster .roster tr, 
  .mod-roster .roster th, 
  .mod-roster .roster td { display:block }
  .mod-roster .roster thead { display:none }
  .mod-roster .roster tr { position:relative; overflow:hidden; padding:15px 0 15px 110px; border-top:solid 1px #ccc }
  .mod-roster .roster td { display:block; padding: 2px 10px; line-height:1.2; background:transparent }
  .mod-roster .roster tr:nth-child(even) td { background:transparent }
  .mod-roster .roster td[data-title]:before { content:attr(data-title) ": "; padding-right:5px; float:left; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
  .mod-roster .roster td.name:before,
  .mod-roster .roster td.number:before { display:none }
  .mod-roster .roster td.number { float:left  }
  .mod-roster .roster td.name { font-size:1.2em; text-transform:uppercase }
  .mod-roster .roster td.headshot { display:block; width:100px; padding:0 5px; float:left; margin-left:-110px }
  .mod-roster .roster td.headshot img { max-width:100% }
}

/* COACHES BIO */
.coach-bio { padding:10px }
.coach-bio .thumb { float:left; margin-right:10px; max-height:140px; overflow:hidden }
.coach-bio .info { float:left }
.coach-bio p { margin:5px 0 0 }
.coach-bio .name { font-size:1.2em }

@media only screen and (max-width:479px) {
  .coach-bio .thumb { max-width:70px; max-height:90px }
  .coach-bio p:first-child { margin:0 }
}

/* STAFF DIRECTORY */
.staff-directory { margin-top:10px }
.staff-directory > h2 { margin-bottom:10px }
.staff-directory table { width:100% }
.staff-directory td, 
.staff-directory th { padding:5px }
.staff-directory th { text-align:left; font-weight:normal }
.staff-directory td[data-title="Name"] { width:18% }
.staff-directory td[data-title="Title"] { width:35% }
.staff-directory td[data-title="Phone"] { width:18% }

@media only screen and (max-width:767px) {
  .staff-directory table,
  .staff-directory tbody, 
  .staff-directory thead, 
  .staff-directory tr, 
  .staff-directory th, 
  .staff-directory td { display:block; }
  .staff-directory thead { display:none }
  .staff-directory tr { position:relative; margin-top:2px }
  .staff-directory td { display:none }
  .staff-directory td:after { content:""; line-height:0; display:table; clear:both; *zoom:1 }
  .staff-directory td:first-child { display:block }
  .staff-directory td[data-title="Name"],
  .staff-directory td[data-title="Title"], 
  .staff-directory td[data-title="Phone"] { width:auto }
  .staff-directory tr.active { padding:5px; background:rgba(0,0,0,0.2) }
  .staff-directory tr.active td { display:block }
  .staff-directory tr.active td[data-title]:before { content:attr(data-title) ": "; padding-right:5px; float:left; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
  .staff-directory tr:after { content:""; display:block; border-width:6px; border-style:solid; border-color:#999 transparent transparent; position:absolute; top:10px; right:10px }
  .staff-directory tr.active:after { border-color:transparent transparent #999 }
}

.rich-v2 { padding:10px; line-height:1.3 }
.rich-v2 .article-body p { padding:0; margin:0 0 15px }
.rich-v2 .brief-stats table { width:100%; border-collapse:collapse }
.rich-v2 .brief-stats th, .brief-stats td { padding:4px; vertical-align:top }
.rich-v2 .brief-stats thead th { background:#444; color:#FFF; text-align:center; text-transform:uppercase }
.rich-v2 .brief-stats .team-record { font-size:smaller }

.rich-v2 .related-links { margin-bottom:5px; position:relative; overflow:hidden }
.rich-v2 .related-links > div { float:left; position:relative }
.rich-v2 .related-links ul,
.rich-v2 .related-links li { margin:0; padding:0; list-style:none }
.rich-v2 .related-links ul { white-space:nowrap }
.rich-v2 .related-links li { display:inline-block; margin-left:5px; overflow:hidden }
.rich-v2 .related-links li:first-child { margin-left:0 }
.rich-v2 .related-links a { display:block; padding:5px; text-decoration:none }

.rich-v2 .article-title { padding:0; margin:0 0 15px }
.rich-v2 .article-date { margin-bottom:15px }
.rich-v2 .article-date > div { display:inline-block; vertical-align:middle; margin-right:10px }
.rich-v2 .article-date .date { font-size:0.9em }
.rich-v2 .article-date .date:before { content:"Posted: " }
.rich-v2.small .article-date { padding:5px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC }
.rich-v2.small .article-date .date { display:block; margin-bottom:10px; margin-right:0 }

.rich-v2 .banner-image { margin-bottom:1em; position:relative }
.rich-v2 .banner-image img { width:100% }

.rich-v2.standard .article-image { max-width:100%; float:right; margin:0 0 1em 1em; clear:both; position:relative }
.rich-v2.classic.has-sidebar .article-image { max-width:100%; float:left; margin:0 0 1em 0; position:relative }
.rich-v2.classic.has-sidebar .article-image img { width:1000px }
.ie8 .rich-v2.classic.has-sidebar .article-image img { width:auto }
.rich-v2.classic.has-sidebar .article-text { clear:left }
.rich-v2.classic.no-sidebar .article-image { float:right; margin:0 0 15px 15px; clear:both; position:relative }

.rich-v2 .image .thumb-caption { position:absolute; left:0; right:0; bottom:0; padding:5px 10px; background:#444; background:rgba(60,65,70,0.8); color:#FFF; font-size:0.9em; font-style:italic }
.rich-v2 .image .play-btn { display:block; width:116px; height:116px; text-indent:-9999px; background:url(/info/images/ico_play_video.png) no-repeat 0 0; position:absolute; left:50%; top:50%; margin-left:-58px; margin-top:-58px }
.rich-v2 .image .buynow-btn { display:block; width:80px; height:50px; text-indent:-9999px; background:url(/info/marketplace/buy-now-80-X-50.png) no-repeat 0 0; position:absolute; right:10px; top:10px }

.rich-v2 .article-image.player .image,
.rich-v2 .banner-image.player .image { display:none }
.rich-v2 .article-image .video-player,
.rich-v2 .banner-image .video-player { position:absolute; left:-9999px; top:-9999px }
.rich-v2 .article-image.player .video-player,
.rich-v2 .banner-image.player .video-player { position:static }

.rich-v2 .sidebar { float:right; margin:0 0 1em 1em; width:320px; max-width:100% }
.rich-v2.standard .sidebar { clear:both }
.rich-v2 .sidebar .widget { position:relative }
.rich-v2 .sidebar .widget > .more { display:block; margin-top:10px; padding:5px; text-align:center; text-transform:uppercase; text-decoration:none; background:#666; color:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.2) inset; border-radius:3px; -webkit-transition:background .4s; -moz-transition:background .4s; transition:background .4s }
.rich-v2 .sidebar .widget > .more:hover { background:#444 }

.rich-v2 .stats-box { margin-top:10px; border:solid 1px #CCC }
.rich-v2 .stats-box:first-child { margin-top:0 }
.rich-v2 .stats-box .team-name { font-weight:bold; text-transform:uppercase }
.rich-v2 .stats-box h3 { padding:4px; margin:0; background:#444; color:#FFF; font-size:1em; text-align:center; text-transform:uppercase }
.rich-v2 .stats-box .stat-row { padding:4px 10px; border-top:solid 1px #CCC }
.rich-v2 .stats-box .stat-row:before,
.rich-v2 .stats-box .stat-row:after { content:""; line-height:0; display:table }
.rich-v2 .stats-box .stat-row:after { clear:both }
.rich-v2 .stats-box .stat-title { font-size:1em; margin:0 }
.rich-v2 .stats-box .stat-row .vis { float:left; width:48% }
.rich-v2 .stats-box .stat-row .home { float:right; width:48%; text-align:right }
.rich-v2 .stats-box .team-stat { position:relative; line-height:1.4 }
.rich-v2 .stats-box .team-stat .stat-title { text-align:center; line-height:1.4 }
.rich-v2 .stats-box .team-stat .vis { width:30%; position:absolute; left:0; top:0; text-align:center }
.rich-v2 .stats-box .team-stat .home { width:30%; position:absolute; right:0; top:0; text-align:center }
.rich-v2 .stats-box hr { display:none }

.rich-v2 .sidebar .gamebox { display:none }
.rich-v2 .sidebar .linebox th,
.rich-v2 .sidebar .linebox td { text-align:center; border:solid 1px #CCC }
.rich-v2 .sidebar .linebox th { background:#444; color:#FFF; border:solid 1px #444 }
.rich-v2 .sidebar .linebox th:first-child,
.rich-v2 .sidebar .linebox td:first-child { text-align:left }
.rich-v2 .sidebar .linebox .team-record,
.rich-v2.small .linebox .team-record { display:none }

.rich-v2 .related-title { padding-bottom:5px; border-bottom:solid 2px #CCC; margin:0 0 5px; text-transform:uppercase; position:relative }
.rich-v2 .related-title > a { position:absolute; right:0; top:0; font-size:small; text-transform:none; font-weight:normal; text-decoration:none }

.rich-v2 .related-gallery { margin-top:15px }
.rich-v2 .related-gallery .related-title span { display:none }
.rich-v2 .related-gallery > div { text-align:center }
.rich-v2 .related-gallery .picbox { display:inline-block; vertical-align:top }
.rich-v2 .related-gallery .picbox > a { display:block; margin:4px 0 0; position:relative }
.rich-v2 .related-gallery .picbox img { vertical-align:middle; max-height:90px }

.rich-v2 .related-stories { margin-top:15px }
.rich-v2 .related-stories > div { padding:10px 0 }
.rich-v2 .related-stories .story { width:25%; float:left }
.rich-v2 .related-stories .story > a { display:block; padding:0 10px; border-left:solid 1px #CCC; color:#666; font-weight:bold; position:relative; text-decoration:none; -webkit-transition:all .4s ease-in }
.no-touch .rich-v2 .related-stories .story > a:hover { color:#444 }
.rich-v2 .related-stories .story:first-child > a { border-left:none }
.rich-v2 .related-stories .story .title { display:block; padding:5px; background:none }
.rich-v2 .related-stories .story .thumb { display:block }
.rich-v2 .related-stories .story img { display:block; width:100% }
.rich-v2.small .related-stories > div { padding:0 }
.rich-v2.small .related-stories .story { width:100%; float:none; padding:10px 0; border-top:solid 1px #CCC }
.rich-v2.small .related-stories .story:first-child { border-top:none }
.rich-v2.small .related-stories .story > a { padding:0; border-left:none }
.rich-v2.small .related-stories .story .thumb { display:none; float:left; margin-right:10px; width:100px }
.rich-v2.small .related-stories .story .title { padding:0 }

.banner-score { margin-bottom:15px }
.banner-score .linescore { padding:0 90px; max-width:700px; margin:0 auto; border:none; position:relative }
.banner-score .linescore .linebox { position:relative; z-index:2 }
.banner-score .linescore .linebox th, 
.banner-score .linescore .linebox td { padding:4px; height:16px; line-height:16px; text-align:center }
.banner-score .linescore .linebox th { background:#4E4E4E; color:#EEE; font-weight:normal; border:solid 1px #4E4E4E }
.banner-score .linescore .linebox td { background:#F5F5F5; color:#444; border:solid 1px #CCC }
.banner-score .linescore .linebox .team-name { text-transform:uppercase }
.banner-score .linescore .linebox th:first-child { text-align:left; padding-right:10px }
.banner-score .linescore .linebox td:first-child { text-align:left; text-transform:uppercase }
.banner-score .linescore .linebox th.accent,
.banner-score .linescore .linebox td.accent { background:#444; border-color:#555; color:#FFF }
.banner-score .linescore .gamebox { height:30px; line-height:30px }
.banner-score .linescore .dhgame { text-align:center }
.banner-score .linescore .scorebox { position:absolute; top:0 }
.banner-score .linescore .scorebox.vis { left:0 }
.banner-score .linescore .scorebox.home { right:0 }
.banner-score .linescore .scorebox .name { font-size:1.2em; font-weight:bold; text-transform:uppercase }
.banner-score .linescore .scorebox .score { width:80px; height:48px; padding:15px 0; font-size:3em; line-height:48px; font-weight:bold; background:#EEE; color:#444; text-align:center; box-shadow:0 0 1px inset }
.banner-score .linescore .scorebox.home .score { float:right }
.banner-score .linescore .score { overflow:hidden }
.banner-score .linescore .score span { -webkit-animation-name:drop-digit; -webkit-animation-duration:1s; -webkit-animation-timing-function:ease-in-out; -webkit-animation-delay:1s; -webkit-animation-fill-mode:both }
.banner-score .linescore .summary { margin-top:10px; color:#666; font-size:smaller }
.banner-score .linescore .summary > div { display:inline-block; padding:0 10px }

.small .banner-score .linescore { padding:0; max-width:100% }
.small .banner-score .linescore .gamebox { display:none }
.small .banner-score .basebl { font-size:11px }

.viewport-overlay { position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.9) }
.viewport-overlay .player { position:absolute; left:50%; top:50%; }
.viewport-overlay .player.large { width:800px; height:450px; margin-left:-400px; margin-top:-225px }
.viewport-overlay .player.medium { width:640px; height:360px; margin-left:-320px; margin-top:-180px }
.viewport-overlay .player.small { width:320px; height:180px; margin-left:-160px; margin-top:-90px }

/* BETWEEN 750px and 900px */
.rich-v2.classic.has-sidebar.medium .article-image { max-width:100% !important; float:none }

/* LESS THAN 750px */
.rich-v2.classic.small .article-image,
.rich-v2.standard.small .article-image { max-width:100% !important; float:none; margin:0 0 10px }
.rich-v2.small .sidebar { float:none; margin:0 0 15px; width:100% }

/* ==========
   Highlights table for team statistics and bios
   ========== */
.highlights { margin-top:10px; background:rgba(0,0,0,0.2) }
.highlights .stat { width:25%; float:left; padding:10px 0 }
.highlights .stat-title,
.highlights .stat-value { display:block; text-align:center; text-transform:uppercase }  
.highlights .stat-title { font-size:0.9em  }
.highlights .stat-value { font-size:1.2em }

/* bio-template */
.stats-responsive-container.m .highlights.highlights-bio .stat { width:20% }
.stats-responsive-container.l .highlights.highlights-bio { position:absolute; right:0; top:0; width:280px; margin-top:0 }
.stats-responsive-container.l .highlights.highlights-bio .stat { width:33.3% }
.stats-responsive-container.xl .highlights.highlights-bio { padding:5px 0 }
.stats-responsive-container.xl .highlights.highlights-bio .stat { width:33.3% }

/* bio-network && teaminfo-network */
.highlights.highlights-standalone { position: static; width: 100%; margin-bottom: 10px; margin-top:0; display: table; table-layout: fixed; }
.highlights.highlights-standalone .stat { padding: 5px 0; width: auto; display: table-cell; float: none; }
.highlights.highlights-standalone .stat-value { font-weight:700 }
.stats-responsive-container.s .highlights.highlights-standalone .stat { display: block; float: left; width: 25%; }
.stats-responsive-container.s .highlights.highlights-standalone .stat:nth-child(5n) { clear: both; }
.stats-responsive-container.xl .highlights.highlights-standalone { padding: 0; }

/* ==========
   BIO STYLES
   ========== */
.bio-wrap { position:relative; padding:10px 5px; overflow:hidden; line-height:1.4 }
.bio-wrap .related-bios { margin-bottom:10px; text-align:right }
.bio-wrap .head { padding:15px }
.bio-wrap .head > div { position:relative }
.bio-wrap .body { position:relative; margin-top:10px }
.bio-wrap .player-headshot { width:25%; max-width:150px; min-width:80px; float:left; margin-right:15px }
.bio-wrap .player-headshot .number { display:none }
.bio-wrap .player-headshot img { vertical-align:middle }
.bio-wrap .player-name { margin-bottom:5px; font-size:1.9em; line-height:1; white-space:nowrap }
.bio-wrap .player-name .number:after { content:" -" }
.bio-wrap .player-info td { padding:2px 0; line-height:1.3; }
.bio-wrap .player-info .label { white-space:nowrap; }
.bio-wrap .player-info .value { padding-left:10px; font-size:1.1em }

.bio-wrap .tab-container .tab-panels { position:relative }
.bio-wrap .tab-container .tab-panel { display:block; visibility:hidden; position:absolute; left:0; right:0; top:-9999px  }
.bio-wrap .tab-container .tab-panel.active { visibility:visible; position:static }

.bio-wrap .bio-news .item { width:33.2%; float:left; padding:5px; box-sizing:border-box }
.bio-wrap .bio-news .item:first-child { margin-left:0 }
.bio-wrap .bio-news .item > div { position:relative; height:0; padding-top:56.2%; overflow:hidden }
.bio-wrap .bio-news .item img { position:absolute; left:0; top:0; width:100% }
.bio-wrap .bio-news .title { position:absolute; left:0; right:0; bottom:0; z-index:2; display:block; padding:20px 5px 5px; color:#fff; font-size:1.1em; text-transform:uppercase; text-shadow:0 1px 1px #000 }
.bio-wrap .bio-news .item > div:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 57%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 57%,rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.07) 57%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.07) 57%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 57%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#bf000000',GradientType=0 );
}

/* CONTAINER IS LESS THAN 460 */
.bio-wrap.s .head { padding:0 }
.bio-wrap.s .head > div { padding:50px 10px 10px }
.bio-wrap.s .related-bios select { width:100% }
.bio-wrap.s .player-headshot { margin:0 10px 10px 0 }
.bio-wrap.s .player-name { position:absolute; left:0; right:0; top:0; margin:0; padding:0 15px; height:50px; line-height:50px; font-size:1.8em }
.bio-wrap.s .player-info td { white-space:normal }
.bio-wrap.s .player-info .value { font-size:1em }

.bio-wrap.bio-wrap-network.s .player-name { font-size:1.5em; padding:0; height:auto; line-height:1; position:relative }


/* CONTAINER IS BETWEEN 460 AND 820 */

/* CONTAINER IS BETWEEN 820 AND 1100 */
.bio-wrap.l.bio-wrap-has-highlights .head > div { padding-right:280px }

/* CONTAINER > 1100 */
.bio-wrap.xl .head { width:340px; float:left; margin-right:10px; padding:0 }
.bio-wrap.xl .head > div { padding:50px 10px 10px }
.bio-wrap.xl .body { margin-top:0; overflow:hidden }
.bio-wrap.xl .player-headshot { width:auto; float:none; margin:0 0 10px; padding-left:50px; position:relative }
.bio-wrap.xl .player-headshot .number { position:absolute; left:0; top:0; display:block; width:50px; padding:10px 0; background:rgba(0,0,0,0.4); font-size:1.6em; text-align:center }
.bio-wrap.xl .player-name { position:absolute; left:0; right:0; top:0; margin:0; padding:0 15px; height:45px; line-height:45px }
.bio-wrap.xl .player-name .number { display:none }
.bio-wrap.xl .player-info { padding:0 10px }

.bio-wrap.bio-wrap-network.xl .player-name { position: static; margin-bottom: 15px; padding: 0; height: auto; line-height: 1; }

.bio-wrap.bio-wrap-network .player-name { margin-bottom:15px; white-space:normal }
.bio-wrap.bio-wrap-network .player-name span:after { content: "|"; font-size: 0.8em; color: #ccc; padding-left: 1%; vertical-align: top; }

/* AMD TABS */
.tab-container .tab-nav { position:relative; margin-bottom:10px; overflow:hidden }
.tab-container .tab-nav > div { position:relative; float:left }
.tab-container .tab-nav ul { padding:0; margin:0; list-style:none; white-space:nowrap }
.tab-container .tab-nav a { text-decoration:none }
.tab-container .tab-panel { display:none }
.tab-container .tab-panel.active { display:block }

.tab-container.primary > .tab-nav { background:rgba(0,0,0,0.4) }
.tab-container.primary > .tab-nav li { display:inline-block; vertical-align:top }
.tab-container.primary > .tab-nav a { position:relative; display:block; padding:15px; line-height:1; color:#FFF; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; transition:all .4s ease }
.tab-container.primary > .tab-nav .active a { color:#fff; background:rgba(0,0,0,0.4) }

.tab-container.secondary > .tab-nav > div { padding:0 5px }
.tab-container.secondary > .tab-nav li { display:inline-block; vertical-align:top; margin-left:-4px; border-width:1px 0 1px 1px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; transition:all .4s ease }
.tab-container.secondary > .tab-nav li:last-child { border-width:1px }
.tab-container.secondary > .tab-nav a,
.tab-container.secondary > .tab-nav span { position:relative; display:block; padding:10px 15px; line-height:1; color:#ccc; -moz-transition:color .4s ease; -webkit-transition:color .4s ease; transition:color .4s ease }
.tab-container.secondary > .tab-nav .active { box-shadow:0 0 10px rgba(0,0,0,0.6) inset }
.tab-container.secondary > .tab-nav .active a { color:#fff }

.tab-container.tab-container-floated .tab-nav { float:left }
.tab-panels.tab-panels-floated { clear:both; }

/* =========
   NEW STATS 
   ========= */
 .stats-wrap { width:100%; margin-bottom:20px; font-size:12px; line-height:1.3 }
.stats-wrap .stats-box table { width:100%; border-collapse:collapse }
.stats-wrap .stats-box th,
.stats-wrap .stats-box td { padding:6px; text-align:center }

/* responsive stats-bios-template included in old teaminfo-network-template : remove horizontall scroll by setting side paddings to 0 */
.stats-wrapper .stats-wrap .stats-box th, 
.stats-wrapper .stats-wrap .stats-box td { padding:8px 0 }

.stats-wrapper .stats-wrap .stats-box th.text:first-child, 
.stats-wrapper .stats-wrap .stats-box td.text:first-child { padding-left:4px; }

.stats-wrap .stats-box th.text,
.stats-wrap .stats-box td.text { text-align:left }
.stats-wrap .stats-box th a { color:#fff; text-decoration:none }
.stats-wrap .stats-box th { text-transform:uppercase; font-weight:normal; background:rgba(0,0,0,0.4); color:#FFF; white-space:nowrap }
.stats-wrap .stats-box td { border-top:solid 1px rgba(25,25,25,0.3) }
.stats-wrap .stats-box .caption { padding:10px; margin-bottom:10px; text-align:left; white-space:nowrap; font-size:1.2em; background:rgba(0,0,0,0.3) }
.stats-wrap .stats-box .caption h2,
.stats-wrap .stats-box .caption h3 { margin:0; font-family:inherit; color:#fff }
.stats-wrap .stats-box .caption h2 { font-size:1.2em }
.stats-wrap .stats-box .caption .team-logo { display:inline-block; vertical-align:middle; width:50px; margin-right:10px }
.stats-wrap .stats-box .row-head { border-top:1px solid rgba(25,25,25,0.3); white-space:nowrap; text-transform:initial; background:none }
.stats-wrap .stats-box .totals th,
.stats-wrap .stats-box .totals td { font-weight:700 }
.stats-wrap .empty-row .empty-cell { visibility:hidden }

.stats-wrap .stats-box tr td.sort, 
.stats-wrap .stats-box .striped tr:nth-child(even) { background-color:rgba(0,0,0,0.4) }
.stats-wrap .stats-box .striped tr:nth-child(even) .pinned-col { background-color:rgba(0,0,0,0.4) }
.stats-wrap .stats-halfbox-right { width:auto; border:none; float:none; margin-bottom:0 }

.stats-wrap .stats-box > .scrollable > div { overflow-x:auto; overflow-y:hidden; margin-left:140px; border-left:solid 2px rgba(25,25,25,0.3) }
.stats-wrap .stats-box > .scrollable .pinned-col { position:absolute; left:0; top:auto; width:128px; text-overflow:ellipsis }
.stats-wrap .stats-box.half { margin-top:20px }
.stats-wrap .stats-box.half:first-child { margin-top:0 }

.game-boxscore .head { position:relative; margin-bottom:15px }
.game-boxscore .head h1 { margin-bottom:5px; font-family:helvetica, arial; font-size:14px }
.game-boxscore .head .teams { position:relative; padding:10px; color:#ccc;  text-align:center; background:rgba(0,0,0,0.6) }
.game-boxscore .head .teams:before { content:'-'; position:absolute; left:50%; top:10px; margin-left:-5px; width:10px; font-size:35px; line-height:40px; text-align:center }
.game-boxscore .head .team { width:50%; padding:0 0 0 50px; margin-bottom:10px; float:left; box-sizing:border-box }
.game-boxscore .head .team .team-name { display:block; font-size:14px; line-height:1.2 }
.game-boxscore .head .team .team-name .name { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.game-boxscore .head .team .team-name a { color:#fff; text-decoration:none }
.game-boxscore .head .team .team-name .record { display:block; font-size:11px; line-height:15px; color:#ccc }
.game-boxscore .head .team .team-logo { display:block; width:50px; margin:0 auto 5px }
.game-boxscore .head .team .team-logo img { vertical-align:top }
.game-boxscore .head .team .team-score { position:absolute; right:50%; top:10px; width:55px; margin-right:-65px; padding:0 0 0 10px; font-size:30px; font-weight:400; line-height:40px; text-align:left }
.game-boxscore .head .team.visitor { padding:0 50px 0 0 }
.game-boxscore .head .team.visitor .team-score { left:50%; right:0; margin-left:-65px; margin-right:0; padding:0 10px 0 0; text-align:right }
.game-boxscore .head .team.winner { color:#fff }

.game-boxscore .head .linescore { position:static; float:left; width:100%; margin:10px 0 0; clear:both }
.game-boxscore .head .linescore table { width:100%; border-collapse:collapse; table-layout:fixed }
.game-boxscore .head .linescore th,
.game-boxscore .head .linescore td { vertical-align:middle; padding:4px 2px; border-top:1px solid #ccc; font-weight:400; font-size:12px; line-height:1; text-align:center; white-space:nowrap; background:none }
.game-boxscore .head .linescore .col-head { border:none }
.game-boxscore .head .linescore .score { width:20px; font-size:11px }
.game-boxscore .head .linescore .text { text-align:left; text-overflow:ellipsis; overflow:hidden }

.game-boxscore .plays .periods-links { font-weight:700; line-height:30px }
.game-boxscore .plays .periods-links .label { float:left; margin-right:10px }
.game-boxscore .plays .periods-links ul { list-style:none; margin:0 }
.game-boxscore .plays .periods-links li { display:inline-block; vertical-align:top }
.game-boxscore .plays .periods-links li:before { content:'|'; margin:0 4px }
.game-boxscore .plays .periods-links li:first-child:before { display:none }

.game-boxscore .plays .row .play.blank-cell { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }
.game-boxscore .plays .row .play { padding:6px 60px 6px 110px; text-align:left; white-space:normal }
.game-boxscore .plays .row .team-logo { float:left; width:40px; margin:0 0 0 -50px }
.game-boxscore .plays .row .time,
.game-boxscore .plays .row .score { position:absolute; width:48px; padding:6px; background:none }
.game-boxscore .plays .row .time { left:0 }
.game-boxscore .plays .row .score { right:0 }
.game-boxscore .plays .row .text { float:right; width:100% }
.game-boxscore .plays .score-changed td { background:rgba(0,0,0,0.5) }
.game-boxscore .plays .score-changed.home .h-score,
.game-boxscore .plays .score-changed.visitor .v-score { font-weight:700 }
.game-boxscore .plays .back-to-top a { display:block; padding:10px; margin-top:5px; font-weight:700; text-align:center; background:rgba(0,0,0,0.5) }

.game-boxscore.soc-fh .plays .row .time { position:static; padding:6px }
.game-boxscore.soc-fh .plays .row .play { padding:6px }

.game-boxscore .stats-summary { margin:10px 0; padding:10px; background:rgba(0,0,0,0.5) }
.game-boxscore .stats-summary .caption { margin:10px 0; padding:0; font-size:1.2em; font-weight:700; text-transform:uppercase; background:none }
.game-boxscore .stats-summary .caption:first-child { margin-top:0 }
.game-boxscore .stats-summary > div { margin-top:5px }

.game-boxscore.soc-fh .scoring-summary th,
.game-boxscore.soc-fh .scoring-summary td { padding:5px; vertical-align:middle }
.game-boxscore.soc-fh .scoring-summary .team-logo { display:inline-block; vertical-align:middle; width:35px; height:35px; background:no-repeat 50% 50%; background-size:100% auto }
.game-boxscore.soc-fh .scoring-summary .period { width:60px }
.game-boxscore.soc-fh .scoring-summary .time,
.game-boxscore.soc-fh .scoring-summary .total { width:40px }

.game-boxscore.soc-fh .penalty-summary th,
.game-boxscore.soc-fh .penalty-summary td { padding:5px; vertical-align:middle }
.game-boxscore.soc-fh .penalty-summary .team-logo { display:inline-block; vertical-align:middle; width:35px; height:35px; background:no-repeat 50% 50%; background-size:100% auto }
.game-boxscore.soc-fh .penalty-summary .period { width:60px }
.game-boxscore.soc-fh .penalty-summary .time { width:40px }

.game-boxscore.bsb .plays table { margin-top:20px }
.game-boxscore.bsb .plays table:first-of-type { margin-top:0 }
.game-boxscore.bsb .plays th,
.game-boxscore.bsb .plays td { padding:10px }
.game-boxscore.bsb .plays .team-logo { display:inline-block; vertical-align:middle; width:40px; height:40px; background:no-repeat 50% 50%; background-size:100% auto }
.game-boxscore.bsb .plays .totals { background:rgba(0,0,0,0.5) }

.game-boxscore.bsb .scoring-summary th,
.game-boxscore.bsb .scoring-summary td { padding:10px }
.game-boxscore.bsb .scoring-summary .team-logo { display:inline-block; vertical-align:middle; width:40px; height:40px; background:no-repeat 50% 50%; background-size:100% auto }
.game-boxscore.bsb .scoring-summary .total { width:40px }

.game-boxscore .shootout-summary .home { text-align:right }
.game-boxscore .shootout-summary .visitor { text-align:left }
.game-boxscore .shootout-summary .icon { display:inline-block; vertical-align:middle; width:15px; height:15px; margin-right:10px; background:#d00; border-radius:100% }
.game-boxscore .shootout-summary .home .icon { margin-left:10px; margin-right:0 }
.game-boxscore .shootout-summary .shot-made .icon { background:#2eb24a }

.game-boxscore .player-stats .stats-wrap,
.game-boxscore .player-stats .stats-box { margin:0 }
.game-boxscore .player-stats table .caption { position:absolute; left:-9999px }
.game-boxscore .player-stats .team { margin-top:0 }
.game-boxscore .player-stats { position:relative; padding-top:50px; margin-bottom:20px }
.game-boxscore .player-stats .radio { display:none }
.game-boxscore .player-stats .label { position:absolute; left:0; top:0; display:block; width:49%; padding:5px; opacity:0.8; color:#fff; line-height:30px; white-space:nowrap; text-align:center; text-decoration:none; text-overflow:ellipsis; overflow:hidden; background:rgba(0,0,0,0.5) !important; box-sizing:border-box;  }
.game-boxscore .player-stats .label.home { left:auto; right:0 }
.game-boxscore .player-stats .radio:checked + .label { opacity:1; box-shadow:0 0 25px rgba(0,0,0,0.8) inset }
.game-boxscore .player-stats .radio + .label + .stats-box { display:none }
.game-boxscore .player-stats .radio:checked + .label + .stats-box { display:block }

.game-boxscore .player-stats .radio ~ .stats-wrap .stats-box { display:none }
.game-boxscore .player-stats .radio.visitor:checked  ~ .stats-wrap .stats-box.v,
.game-boxscore .player-stats .radio.home:checked ~ .stats-wrap .stats-box.h { display:block }

.game-boxscore .player-stats .player-name.sub { padding-left:10px }
.game-boxscore .player-stats .penalty-card { display:none }

.game-boxscore .stat-graphs .stat-graph { padding:15px; margin-top:10px; box-shadow:0 0 1px rgba(0,0,0,0.3) inset; color:#fff; background:rgba(0,0,0,0.2) }
.game-boxscore .stat-graphs .stat-graph:first-child { margin-top:0 }
.game-boxscore .stat-graphs .stat-graph .graph-label { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.3); line-height:1 }
.game-boxscore .stat-graphs .stat-graph .stat-bar { position:relative; height:30px; overflow:hidden }
.game-boxscore .stat-graphs .stat-graph .stat { float:right; min-width:80px; font-size:18px; line-height:30px; text-align:right }
.game-boxscore .stat-graphs .stat-graph .bar { margin:11px 0; height:8px; background:rgba(0,0,0,0.3); border-radius:5px; overflow:hidden }
.game-boxscore .stat-graphs .stat-graph .bar > div { height:8px; background:#ccc !important; border-radius:5px }
.game-boxscore .stat-graphs .stat-graph .stat-bar.vis { border-bottom:1px solid rgba(0,0,0,0.3) }
.game-boxscore .stat-graphs .stat-graph .team { font-size:0.9em; line-height:1 }

.stats-container { padding: 0 5px; }

/* SEARCH PAGE */
.search-page .results ul { margin:0; padding:0; list-style:none; max-width:560px }
.search-page .results li { padding:10px 0; border-top:dotted 1px #ccc }
.search-page .results .title { display:block; font-size:1.3em; line-height:1.2; text-decoration:none }
.search-page .results .url { color:#aaa }
.search-page .results .snippet { margin:0 }
.search-page .results .title:hover { text-decoration:underline }

.search-page .pages { margin:10px 0 15px }
.search-page .pages > span { display:inline-block; vertical-align:middle; margin-right:10px }
.search-page .pages ul { margin:0; padding:0; list-style:none; display:inline-block; vertical-align:middle }
.search-page .pages li { float:left }
.search-page .pages li a { padding:0 5px; text-decoration:none }
.search-page .pages li:first-child a { padding-left:0 }
.search-page .pages li.active a { color:#fff }

.search-page .search-form { position:relative; max-width:560px; margin-bottom:5px } 
.search-page .search-form input[type="text"] { width:200px; height:18px; padding:5px }
.search-page .search-form input[type="submit"] { height:30px; border:none }
.search-page .search-form .query,
.search-page .search-form .submit { display:inline-block; vertical-align:top } 

/* CONFERENCE SCOREBOARD */
.conference-scoreboard { padding:0 5px }
.conference-scoreboard .dates-filter input.dateinput-field { top:35px }
.conference-scoreboard .dates-filter a.caltrigger { top:0; right:-43px; width:42px; height:42px; text-indent:-9999px; background:url(/info/calendar.png) no-repeat 50% 50% rgba(255,255,255,0.2) }
.conference-scoreboard .dates-filter ul li,
.conference-scoreboard .dates-filter ul li:hover { background:rgba(0,0,0,0.5); border:none; box-shadow:none }
.conference-scoreboard .dates-filter ul li.active { background:rgba(0,0,0,0.2) }
.conference-scoreboard .dates-filter ul li a,
.conference-scoreboard .dates-filter ul li span,
.conference-scoreboard .event-box .team-name,
.conference-scoreboard .event-box .team-record { color:inherit }
.conference-scoreboard .events-box .event-box > div { box-shadow:none }
.conference-scoreboard .event-box .event-status,
.conference-scoreboard .event-box th { background:rgba(0,0,0,0.2) } 
.conference-scoreboard .events-box .event-box .links { min-height:0; background:rgba(0,0,0,0.2) }

@-webkit-keyframes drop-digit {
  from { opacity:0; -webkit-transform:translateY(100px) }
  to { opacity:1; -webkit-transform:translateY(0px) }
}

@-moz-keyframes drop-digit {
  0% { opacity:0; -moz-transform:translateY(100px) }
  100% { opacity:1; -moz-transform:translateY(0px) }
}

@keyframes drop-digit {
  0% { opacity:0; transform:translateY(100px) }
  100% { opacity:1; transform:translateY(0px) }
}

/* retina @2x */
@media  (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), 
(min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 144dpi) {
	.iphone .footer-ps {
		background-image:url(/info/mobile/ps-logo-2015@2x.png);
	}
}

/* retina @3x */
@media (min-device-pixel-ratio: 3), (-webkit-min-device-pixel-ratio: 3), 
(min--moz-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	.iphone .footer-ps {
		background-image:url(/info/mobile/ps-logo-2015@3x.png);
	}
}

/* HISTORICAL RECORDS OVERRIDE DEFAULT STYLES */
.historical-records .data-table tr { background:transparent }
.historical-records .data-table tr:nth-child(even) { background:rgba(0,0,0,0.2) }
.historical-records .streak-stats .label { color:inherit }
.historical-records .streak-stats .col { border:none }

.news-layout { position:relative; line-height:1.3 }
.news-layout ul { margin:0; list-style:none }
.news-layout .message { padding:20px; font-size:1.4em; text-align:center }
.news-layout .filter-bar { margin-bottom:15px }
.news-layout .type-filter li { display:inline-block; margin-right:5px }
.news-layout .type-filter li a { display:block; padding:0 15px; line-height:30px; cursor:pointer; text-align:center; text-transform:uppercase; text-decoration:none; -webkit-transition:all .2s }
.news-layout .type-filter li.active a,
.news-layout .type-filter li:hover a { box-shadow:0 0 100px 100px inset }
.news-layout .type-filter li.active span,
.news-layout .type-filter li:hover span { color:#fff; font-weight:700 }
.news-layout .filter-bar .season-filter { margin-top:10px }
.news-layout .filter-bar .season-filter select { width:96% }
.news-layout .filter-bar .view-switch { display:none !important } 
.news-layout .filter-bar select { position:relative; background:#fff; border:solid 1px #ccc; color:#444; min-width:140px; height:30px }
.news-layout .story { padding-top:15px; border-top:dotted 1px #ccc; margin-top:10px }
.news-layout .story:first-child { padding-top:0; margin-top:0; border-top:none }
.news-layout .story .details { overflow:hidden }
.news-layout .story .thumb { float:left; width:100px; margin-right:10px }
.news-layout .story .title { display:block; font-size:1.2em; font-weight:700 }
.news-layout .load-more { display:block; padding:0 10px; margin:10px auto 0; color:#444; line-height:30px; text-align:center; text-transform:uppercase; box-shadow:0 0 2px rgba(0,0,0,0.4); background:#eee }
.news-layout .load-more:hover { color:#444; text-decoration:none; box-shadow:0 0 2px rgba(0,0,0,0.4) inset }
.news-layout.loading .load-more { display:none } 
.news-layout.loading { padding-bottom:45px } 
.news-layout.loading:after { position:absolute; left:50%; bottom:0; border:solid 5px rgba(50,50,50,0.2); border-left-color:#fff; border-radius:100%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation:spinner 1s infinite linear; animation:spinner 1s infinite linear }
.news-layout.loading:before,
.news-layout.loading:after { content:''; width:20px; height:20px; border-radius:100% }


@-webkit-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}