ticketoldtable.commonTable{width: 100%; border-collapse: collapse !important;font-size: 95%;/*color:#191970;*/}
table.commonTable{width: 100%; border-collapse: collapse !important;border-bottom: 1px solid #cbcbcb; border-right: 1px solid #00ff00; font-size: 100% !important; margin-bottom: 18px }
/* table.commonTable:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} */
table.commonTable td,table.commonTable th{border: 1px solid #cbcbcb;padding: 2px !important}
table.commonTable tfoot {display: none;}
table.commonTable tr.rowEven td {background-color: #ececec;}
table.commonTable tr.rowOdd td {background-color: #fff;}

table.commonTable thead tr.rowEven td,table.commonTable thead tr.rowEven td a{background-color: #00274c;color: #ffcb05;font-weight: bold;}
table.commonTable thead tr.rowEven th,table.commonTable thead tr.rowEven th a{background-color: #00274c;color: #ffcb05;font-weight: bold;}
table.commonTable thead tr.rowOdd td, table.commonTable thead tr.rowOdd td a{background-color: #00274c;color: #ffcb05;font-weight: bold;}
table.commonTable a{color: #00274c;text-decoration: none;font-weight: bold;}
@media (max-width: 479px) {
    #table.commonTable table td {display:block !important; width:100%;}
  #table.commonTable table th {display:block !important; width:100%;}
#stattable,
#stattable td{border:1px solid #000;border-collapse:collapse;}
}

.mgo table{margin-bottom:15px;font-size:12px;}
.mgo table th {font-weight:normal;text-align:left;border-width:0px;padding:0px;}
.mgo table td {padding:0px;}
.mgo ul {padding-left:20px;}
.mgo ul li {font-size:12px!important;}
.mgo p {margin-bottom:15px!important; font-size:12px!important;}

pre { font-size: 95% !important; margin-bottom: 12px !important; line-height: 1.2 !important }
@media (max-width: 479px) {
pre { font-size: 60% !important; margin-bottom: 12px !important; line-height: 1.2 !important }
}

#sortable_roster td { padding: 2px !important; font-family: 'Roboto' !important; font-size: 13px }
#sortable_roster th { text-align: left; padding: 2px !important; font-family: 'Roboto' !important; font-size: 12px }
#sortable_roster a font { font-weight: 500; color: #00274C  !important; }
#sortable_roster font {font-weight:400; color:#000;}
#sortable_roster a:hover font { color: #FFCB05!important; }
table#sortable_roster tr:nth-child(even) { background-color: #ececec }

/* Gallery Roster 105x145 Images
 * ------------------------------------------------ */
.galleryRoster { width:330px; height:160px; margin-bottom: 12px; float:left; }
.galleryRoster:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.galleryRoster img{width: 105px; height: 145px;float: left;}
.galleryRoster ul{ font-size: 90%; margin:0;padding:0 0 0 10px;list-style-type: none; float:left;}
.rosterTitle{ font-weight: bold;}
.rosterName { font-size: 110%; color: #00274c; font-weight: bold;}
.rosterName a{ color: #00274c; text-decoration: none }
.rosterName a:hover{text-decoration: underline;}
.galleryRosterWide { width: 100% !important }

/* Gallery Roster 90x120 Images
 * ------------------------------------------------ */
.galleryRoster2 { width:330px; height:132px; margin-bottom: 10px; float:left; }
.galleryRoster2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.galleryRoster2 img {width: 90px; height: 120px; float: left;}
.galleryRoster2 ul { font-size: 90%; margin:0 !important; padding:0 0 0 10px !important;list-style-type: none;width:200px;float:left;}
.galleryRoster2 li { margin: 2px 0 }
.galleryRoster2 a { text-decoration: none }
.galleryRoster2 a:hover { text-decoration: none }
.rosterName2 { font-size: 110%; color: #00274c; text-decoration: none; font-weight: bold;}

#schedtable td { font-family: 'Roboto' !important; font-size: 12px !important; line-height: 1.5 !important }
.tr-selected { font-size: 12px !important; font-weight: normal !important }

.subhead { background-color: #00274C; border-color: black; color: #FFCB05; padding: 3px; padding-left: 8px; text-transform: uppercase; font-size: 105%; font-weight: bold; width: 100%; clear: both; line-height: 1.3; letter-spacing: 2px }

.allCaps { text-transform: uppercase }

.noBio a:hover {text-decoration: none}

.smaller95 {font-size: 95%}
.mBlue { color: #00274c }
 
.headerSlab { color: #00274c; font-family: Roboto Slab; text-align: center; border-bottom: 6px solid #00274c; padding-bottom: 3px; margin-bottom: 21px }

.promo {padding-bottom: 12px; border-bottom: 1px dashed #808080; margin-bottom: 12px; clear:both;}

.masters { border: 1px solid black; background-color: #FFCB05; font-weight: bold; padding: 1px; width: 135px; text-align: center; text-transform: uppercase; margin-left: auto; margin-right: auto }
.masters a { color: black; text-decoration: none; }
.masters a:hover { color: white; text-decoration: none; }
a.masterslink { color: black; text-decoration: none; }
a.masterslink:hover { color: white; text-decoration: none; }

.qa { font-size: large; color: #00274C; font-weight: bold; margin-right: 3px; background-color: #FFFFFF }

.guide { color: #00274C; font-size: 105% !important; font-weight: bold; border-bottom: 1px dotted #808080;
			padding-bottom: 3px; margin-bottom: 3px !important; width: 100% }

.guide2 { margin-bottom: 18px !important }

.guide3 { color: #00274C; font-family: Roboto Slab; font-size: 120% !important; font-weight: bold; border-bottom: 1px solid #00274c;
			padding-bottom: 4px; margin-bottom: 4px !important; width: 100% }

.topLinks { display: table; border: 1px solid black; background-color: #00274C; text-transform: uppercase;
	padding: 2px; width: 120px; height: 40px; float: left; margin: 0 10px 10px 0; text-align: center;
	font-size: 12px; line-height: 1.2; font-weight: bold; overflow: hidden }
.topLinks:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.topLinks a { display: table-cell; width: 100%; vertical-align: middle; color: white; text-decoration: none }
.topLinks a:hover { color: #FFCB05 !important }

.stanza { display: table; width: 120px; height: 40px; float: left; margin: 0 10px 10px 0 }
.stanza:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Story Photo
 * ------------------------------------------------ */
p.storyPhoto img { width: 100%; max-width: 772px; height: auto; border: none; margin-bottom: 6px }
p.storyPhoto { font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.3 !important }
p.featurePhoto img { margin-bottom: 6px }
p.featurePhoto { font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.4 !important; padding: 9px 0 }
p.signingDay img { margin-bottom: 6px; padding: 9px; border: 1px solid white }
p.signingDay { font-style: italic; line-height: 1.4 !important; padding: 9px 0 }
div.featurePhoto300, div.featurePhoto500 { width: 100%; font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.3 !important; padding: 9px 0 }
div.featurePhoto300 img, div.featurePhoto500 img { width: 100%; height: auto; margin-bottom: 6px }
div.featurePhoto150 { width: 150px; float: right; margin: 0 0 10px 15px; font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.3 !important; }
div.featurePhoto150 img { width: 100%; height: auto; margin-bottom: 6px }
.pullQuote { width: 100%; padding: 15px 25px; margin: 12px 0; font-family: Roboto Slab, serif; color: #00274c; font-size: 150% !important; line-height: 1.2 !important; font-weight: bold; text-align: center; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1 }
.pullQuote2 { width: 100%; padding: 0 35px 0 15px; margin: 12px 0; font-family: Roboto Slab, serif; color: #00274c; font-size: 150% !important; line-height: 1.2 !important; font-weight: bold; border-left: 10px solid #00274c }
.pullQuoteCredit { font-family: Roboto, sans-serif; font-weight: normal; font-size: 80% !important; line-height: 1.4 !important; text-transform: uppercase }

@media screen and (min-width: 1140px) {
div.featurePhoto500 { width: 500px; float: right; margin: 0 0 10px 15px }
div.featurePhoto300 { width: 300px; float: right; margin: 0 0 10px 15px }
div.featurePhoto300Left, div.featurePhoto500Left { float: left !important; margin: 0 15px 10px 0 !important }
p.signingDay { font-size: 120% !important }
}

div.cbs150Left { float: left; width: 150px; margin-right: 15px; margin-bottom: 6px; font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.4 !important; }
div.cbs150Right { float: right; width: 150px; margin-left: 10px; margin-bottom: 6px; font-style: italic; font-size: 90% !important; color: #808080; line-height: 1.4 !important; }
div.cbs150Left img, div.cbs150Right img { margin-bottom: 3px }

/* Facility Pages
 * ------------------------------------------------ */
.facilityBox { float: right; width: 250px; border: 1px solid black; background-color: #d1d1d1; margin: 0 0 6px 20px; padding: 10px; }

@media screen and (max-width: 1023px) {
.facilityBox { float: none; margin: 0 0 16px 0px }
}

/* RWD Columns - from 1 mobile to 2 desktop
 * ------------------------------------------------ */
.columnsContainer { width: 100% }
.columnLeft { width: 100% }
.columnMiddle { width: 100% }
.columnRight { width: 100% }
.leftColumn { width: 100% }
.rightColumn { width: 100% }

@media screen and (min-width: 768px ) {
  .columnLeft { width: 48%; margin-right: 4%; float: left }
  .columnRight { float: left; width: 48% }
  .leftColumn { width: 48%; margin-right: 4%; float: left }
  .rightColumn { float: left; width: 48% }
}

/* Spirit Profiles 2014-15
 * ------------------------------------------------ */
.spiritProfile2014 { line-height: 1.4 }
.spiritProfile2014 .name {font-size: larger; color: #00274C; font-weight: bold; padding-bottom: 6px; margin-bottom: 15px; border-bottom: 1px solid #808080 }
.spiritProfile2014 .faves { background-color: #999999; font-weight: bold; font-size: 100%; padding: 2px 6px; color: white; text-transform: uppercase }
.spiritProfile2014 .headshot { float: left; margin: 0 15px 6px 0; width: 105px; height: 145px; border: 0 }
.spiritProfile2014 .action { width: 100%; height: auto }

.spiritRoster { width:113px; float:left; margin: 0 12px 15px 0; text-align: center;font-size: 13px; line-height: 1.2; font-weight: bold;}
.spiritRoster:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.spiritRoster img{ margin-bottom: 3px; border: 1px solid #d1d1d1; padding: 3px;}
.spiritRoster a{color: #00274C; text-decoration: none;}
.spiritRoster a:hover{color: #FFCB05;}

.spiritRoster3x4 { width:158px; float:left; margin: 0 15px 15px 0; text-align: center; font-size: 15px; line-height: 1.2; font-weight: bold;}
.spiritRoster3x4:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.spiritRoster3x4 img{ width: 158px; height: 208px; margin-bottom: 3px; border: 1px solid #d1d1d1; padding: 3px;}
.spiritRoster3x4 a{color: #00274C; text-decoration: none;}
.spiritRoster3x4 a:hover{color: #FFCB05;}

/* Monotype Boxscore
 * ------------------------------------------------ */
#boxscore { width: 100% }
#boxscore pre { font-size: 90% !important; margin-bottom: 12px; line-height: 1.2 !important }
#boxscore table th, #boxscore table td { line-height: 1.5 !important; padding: 1px 3px !important }
#boxscore h3, hr { margin-bottom: 12px }

@media screen and (max-width: 1023px) {
  #boxscore pre { font-size: 60% !important }
}

/* Alternating Row Color in Table
 * ------------------------------------------------ */
table.alternate tr:nth-child(odd) { background-color: #ffffff; }
table.alternate tr:nth-child(even) { background-color: #ececec; }

/* Center Text in Table Cells
 * ------------------------------------------------ */
.tdCenter td { text-align: center; }
td.tdCenter { text-align: center; }
.tdLeft td { text-align: left; }
td.tdLeft { text-align: left; }
.tdRight td { text-align: right; }
td.tdRight { text-align: right; }
.sportSpacer td { border-left: none !important; border-right: none !important }
td.sportSpacer { border-left: none !important; border-right: none !important }
.tdChamp { background-color: #ffffcc }

/* Social Media Footer on Sport Articles
 * ------------------------------------------------ */
.twitterFooter { float: left; padding: 3px 0 }
.twitterFooter img { width: 20px; height: 20px }

/* SoundCloud in Bios
 * ------------------------------------------------ */
.scBio { background-color: #00274c; padding: 3px; width: 100%; max-width: 345px; height: 26px; margin-bottom: 10px }

/* What You Need to Know, Embedded Tweet
 * ------------------------------------------------ */
.needToKnow { width: 100%; background-color: #EBEBEB; padding: 7px; }
.needToKnow::before { content: "What You Need to Know"; display: block; font-size: 105% !important; color: #00274C; font-weight: bold; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #ffcb05; width: 100%; max-width: 300px; }
.tweetEmbed { font-size: 100% !important; color: #00274C; font-weight: bold; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #ffcb05; width: 100%; max-width: 300px; }

/* Old Sport Files
 * ------------------------------------------------ */
.oldSportFile { width: 100%; max-width: 1000px }
.oldSportFileCenter { margin-left: auto; margin-right: auto }
#ticketNew { width: 100%; max-width: 1050px }

/* Ticket Pages
 * ------------------------------------------------ */

#ticket_information1 img {float:left; margin: 0px 10px 10px 2px }

#futureskeds img { margin: 0 4px; vertical-align: middle }

#ticketPage .featured { width: 150px; height: 100px; float: right; margin: 0 0 6px 10px }

#ticketPage .masters {width: 140px; margin-right: 8px; display: inline-block }

.leftPhoto { margin:0px 2px 5px;  }

#ticketPage 
.ticketSection, .ticketHeader { display: table; width: 100%; padding-bottom: 15px; margin-bottom: 12px }
.ticketSection, .ticketHeader p { color: #00274C; }
.ticketSection .ticketLeft { display: table-cell; width: 200px; vertical-align: top; }
.ticketHeader .ticketLeft { display: table-cell; width: 250px; vertical-align: top; }
.ticketSection .ticketLeft img { width: 181px; height: 115px }
.ticketHeader .ticketLeft { display: table-cell; width: 250px; vertical-align: top; }
.ticketHeader .ticketLeft img { width: 231px; height: 145px }
.ticketRight { display: table-cell; vertical-align: top; }

.ticketFooter { display: table; width: 175px; float: left; margin:0px 0px 0px 18px; }

@media screen and (max-width: 1023px ) {
  .ticketHeader .ticketLeft { display: block; width: 100%; margin-bottom: 10px }
  .ticketHeader .ticketRight { display: block; width: 100% }
}

@media screen and (max-width: 1023px ) {
  .ticketSection .ticketLeft { display: block; width: 100%; margin-bottom: 10px }
  .ticketSection .ticketRight { display: block; width: 100% }
}

@media screen and (max-width: 479px ) {
  .tixLogo { display: none }
}

.clearAll { clear: both }


/* Facilities Home
 * ------------------------------------------------ */

	.facility { color: #00274C; font-size: 100%; font-weight: bold; border-bottom: 1px solid #C1C1C1; padding-bottom: 4px; line-height: 1.4; margin-bottom: 10px !important }
  
	.facility2 { color: #00274C; font-size: 100%; font-weight: bold; line-height: 1.4 }

	.facility a, .facility2 a { text-transform: uppercase; font-size: 130% }

	.facility a:hover, .facility2 a:hover { color: #FFCB05 }

	.facility2 img { width: 100%; height: auto; border: 0 }

	.mainPhoto { width: 100%; height: auto; border: 0; margin-bottom: 24px }

	.facilityItem { display: table; border: 1px solid black; background-color: #d1d1d1; text-transform: uppercase;
	padding: 2px; width: 113px; height: 34px; float: left; margin: 0 8px 8px 0; text-align: center;
	font-size: 12px; line-height: 1.2; font-weight: bold; overflow: hidden }
	
	.facilityItem:after {content: "."; display: block; height: 0; clear: both; visibility: hidden }

	.facilityItem a { display: table-cell; width: 100%; vertical-align: middle; color: #00274C; text-decoration: none }

	.facilityItem a:hover { color: #FFF }

@media screen and (max-width: 479px ) {

	.facility, .facility2 { font-size: 85% !important }
	.facility a, .facility2 a { font-size: 120% !important }
	.mainPhoto { display: none }
	.facility2 img { display: none }
}

/* Promotions Pages
 * ------------------------------------------------ */

.promo {padding-bottom: 12px; border-bottom: 1px dashed #808080; margin-bottom: 18px}

.promo img.featured { width: 200px; height: 150px; float: right; margin: 0 0 6px 10px }

.promo img.sportlogo { height: 60px; width: 60px; }

.promo img.sportlogobar { margin-right: 2px; height: 60px; width: 60px; padding-right: 10px; border-right: 2px solid #CCC }

.gameopp { font-size: larger; color: #00274C; font-weight: bold; line-height: 1.6 }

.gamedate { font-weight: bold; font-style: italic }


/* Sport Archives
 * ------------------------------------------------ */

.historyItem { width: 100%; margin-bottom: 18px; background-color: #00274C;
	border: 1px solid #666666; padding-bottom: 6px; text-align: center; text-transform: uppercase;
	font-size: 13px !important; line-height: 1.2 !important; font-weight: bold }
.historyItem img { width: 100%; height: auto; margin-bottom: 6px }
.historyItem:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.historyItem a { color: white !important; text-decoration: none }
.historyItem a:hover { color: #FFCB05 !important }
.confChamp { background-color: #99ccff !important }
.natChamp { background-color: #ffffcc !important }

.pastSeason { width: 100%; margin-bottom: 15px; border: 1px solid #666666; background-color: #dddddd }
.pastSeason:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pastSeasonTop { width: 100%; font-size: 14px; color: white; font-weight: bold; padding-top: 4px; margin: 0; background-color: #00274c; text-align: center }
.pastSeasonTop img { width: 100%; height: auto; margin-top: 4px; display: block }
.pastSeasonBottom { width: 100%; font-size: 13px !important; line-height: 1.2 !important; padding: 12px; background-color: #dddddd }
img.pdfIcon { height: 10px; width: 10px; margin: 0 }

@media screen and (min-width: 680px ) {
  div.historyItem { width: 31%; margin-right: 3.5%; float: left }
  div.historyItem:nth-of-type(3n) { margin-right: 0 }
  div.pastSeason { width: 31%; height: 385px; margin-right: 3.5%; float: left } 
  div.pastSeason:nth-of-type(3n) { margin-right: 0 }
  div.psShort { height: 190px !important }
} 

@media screen and (min-width: 480px) and (max-width: 679px) {
  div.historyItem { width: 48%; margin-right: 4%; float: left }
  div.historyItem:nth-of-type(2n) { margin-right: 0 }
  div.pastSeason { width: 48%; height: 370px; margin-right: 4%; float: left }
  div.pastSeason:nth-of-type(2n) { margin-right: 0 }
  div.psShort { height: 190px !important }
}

/* Field Hockey Where Are They Now
 * ------------------------------------------------ */

.whereLeft { width: 100%; height: auto }
.whereRight { width: 100%; height: auto }

@media screen and (min-width: 600px) {
.whereLeft { width: 66.66%; height: auto }
.whereRight { width: 33.34%; height: auto }
}

/* Performance Nutrition
 * ------------------------------------------------ */

.socialIcon30 { width: 30px !important; height: 30px !important; float: none !important }

/* Academic All-Big Ten Photo Roster
 * ------------------------------------------------ */

.academicRoster { width:105px; float:left; margin: 0 10px 15px 0; text-align: center;font-size: 13px;font-weight: bold;}
.academicRoster:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.academicRoster img {width: 105px; height: 145px; margin-bottom: 3px; }

.academicRoster150 { width:150px; float:left; margin: 0 15px 15px 0; text-align: center; font-size: 95%; line-height: 1.2;font-weight: bold;}
.academicRoster150:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.academicRoster150 img {width: 150px; height: 200px; margin-bottom: 3px; }

.academicRoster90 { width:90px; float:left; margin: 0 20px 20px 0; text-align: center;font-size: 13px; line-height: 1.3; font-weight: bold;}
.academicRoster90:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.academicRoster90 img {width: 90px; height: 120px; margin-bottom: 4px; }


/* Academic All-Big Ten Photo Roster
 * ------------------------------------------------ */

#historyPage .historyNumber {
  width: 120px;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #00274C;
  float: left;
  margin: 0 20px 15px 0;
}

#historyPage .circle{
  width:100%;
  border-radius:50%;
  text-align:center;
  font-size: 48px;
  padding:50% 0;
  line-height:0;
  position:relative;
  background: #00274C;
  color: #FFCB05;
  font-family: Roboto, Helvetica, Arial Black, sans;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Scholar Stories
 * ------------------------------------------------ */

.scholarStory { width: 100%; float: left; margin-bottom: 18px; text-align: center; font-weight: bold }
.scholarStory a { text-decoration: none }
.scholarStory a:hover { color: #FFCB05 }
.scholarStory:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.scholarStory img { width: 100%; height: auto; margin-bottom: 3px }

@media screen and (min-width: 767px) {

.scholarStory:nth-of-type(odd) { display: inline-block; width: 48%; margin-right: 4% }
.scholarStory:nth-of-type(even) { width: 48%; margin-right: 0 }

  }

/* Stadium Guides
 * ------------------------------------------------ */

#stadiumGuide { max-width: 772px }

#stadiumGuide .stadiumHeader { text-align: center; line-height: 1.5; padding-bottom: 6px; background-color: #00274C; color: white }

#stadiumGuide .stadiumHeader a { color: #FFCC00; }

#stadiumGuide .stadiumHeader a:hover { color: white }

#stadiumGuide .contentItem { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #808080; font-size: 90%; line-height: 1.3 }

#stadiumGuide .thumb { float: left; margin-right: 10px; margin-bottom: 3px; width: 117px; height: 73px }

#stadiumGuide .title { padding-bottom: 2px; text-transform: uppercase; color: #00274C; font-size: 105%; line-height: 1.2; font-weight: bold }

#stadiumGuide .teaser { font-size: 100%; padding-bottom: 2px; color: #333; font-style: italic }

#stadiumGuide .link { font-size: 100%; color: #808080; font-weight: bold; text-transform: uppercase; text-decoration: none }

#stadiumGuide a.link:hover { color: #FFCC00 }

#stadiumGuide .contentMore { width:100%; float:left; margin: 0 22px 15px 0; font-size: 90%; line-height: 1.3 }
#stadiumGuide .contentMore:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#stadiumGuide .sponsor img { margin: 1px 3px; width: 174px; height: 120px }

@media screen and (min-width: 650px ) {
  #stadiumGuide .contentMore { width: 46%; margin-right: 4% }
}

@media (max-width: 479px ) {
  #stadiumGuide .teaser { display: none }
  #stadiumGuide .sponsor img { width: 145px; height: 100px }

}

.futureSked { width:300px; float:left; margin: 0 30px 3px 0; }
.futureSked:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.futureSked img { width: 25px; height: 25px }


#bestOfKornacki .title { padding-bottom: 1px; text-transform: uppercase; color: #00274C; font-size: 110% !important; font-weight: bold }
#bestOfKornacki .link { color: #808080; font-weight: bold; text-transform: uppercase }
#bestOfKornacki a.link:hover { color: #FFCC00 }
#bestOfKornacki .storyRank { background-color: #00274C; width: 50px; height: 38px; font-size: 30px; line-height: 1.0; font-weight: bold; color: #FFCB05; text-align: center; float: left; margin: 4px 9px 3px 0; padding: 4px }
#bestOfKornacki .storyImage { float: right; width: 260px; height: auto; margin: 0 0 6px 10px }
@media screen and (max-width: 1023px ) {
  #bestOfKornacki .storyImage { float: none; width: 100%; height: auto; margin: 0 0 12px 0 }
}

.fanTicket { border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding-top: 10px; line-height: 1.3 }
.fanPhoto { float: left; margin: 0 15px 6px 0px }
.fanHeader { background-color: #00274C; color: white; font-size: smaller; text-transform: uppercase; padding: 1px 5px; border-bottom: 3px }
.fanLocation { float: left; width: 95px; margin-right: 15px; border-right: 1px dashed #808080; padding-right: 15px }
.fanText { font-family: monospace; white-space: pre; font-size: 110%; padding-left: 3px }

.softballName { font-size: 105% !important; color: #00274C; font-weight: bold; padding-bottom: 6px; border-bottom: 1px solid #808080 }

.olympicQuestion { float: left; margin-right: 8px; width: 36px }


/* Table Cards
 * ------------------------------------------------ */

@media screen and (max-width: 600px) {

   #card table { border: 0 !important }

   #card table thead { display: none; }

   #card table tr {
      margin-bottom: 20px;
      display: block;
	  border: 1px solid #ddd;
	  border-bottom: 2px solid #ddd;
    }

   #card table td {
      display: block;
      text-align: right;
	  border: none !important;
	  padding: 0 5px !important;
}

   #card table td:last-child { border-bottom: 0; }

   #card table td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }

	#card tbody{ line-height:0!important; }
}

/* Enhanced Features
 * ------------------------------------------------ */

#featureStory { width: 100%; padding: 0 1em }
#featureStory h1 { font-family: 'Teko', sans-serif; font-weight: 700; font-size: 400%; line-height: 1.0; color: #00274c }
#featureStory p { width: 800px; margin: 0 auto; font-size: 105%; line-height: 1.8; font-family: 'Merriweather', serif; margin-bottom: 1.5em }
#featureStory p.widePhoto { width: 1000px; margin-left: auto; margin-right: auto }
#featureStory p.featurePhoto100 { width: 100% !important }
#featureStory ul { font-size: 105%; line-height: 1.8; font-family: 'Merriweather', serif }
#featureStory div.pWidth { width: 800px; margin: 0 auto }
#featureStory div.widePhoto { width: 1000px; margin: 0 auto 1.0em auto }
#featureStory .sectionHead { font-family: 'Teko', sans-serif; font-weight: 600; font-size: 200%; line-height: 1.2; margin-top: 0.8em; margin-bottom: 0.8em; color: #00274c; }
#featureStory div.outsideLeft { float: left; margin: 0 30px 6px 150px; width: 400px }
#featureStory div.outsideRight { float: right; margin: 0 150px 6px 30px; width: 400px }
#featureStory div.rightMargin { float: right; width: 260px; border-left: 6px solid #00274c; padding-left: 12px; margin: 0 0 6px 18px; font-family: Roboto, sans-serif; font-size: 90%; line-height: 1.4 }
#featureStory .photoBlock { text-align: center !important }
#featureStory .photoBlock img { max-height: 300px; width: auto; max-width: 100%; margin: 4px 3px }
#featureStory p.narrative { font-style: italic !important }
#featureStory p.narrative dfn a { font-style: italic }
#featureStory img.circlePhoto { height: 60px; width: auto; float: left; margin-right: 6px }

#featureStory .sectionHead:before {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 20%; /* Change this to whatever width you want. */
    padding-bottom: 1em; /* This creates some space between the element and the border. */
    border-top: 10px dotted #808080; /* This creates the border. Replace black with whatever color you want. */
}

#featureStory div.buttonSection {
  background-color: #00274c;
  border: none;
  color: #FFCB05;
  padding: 1px 12px 2px 6px;
  display: inline-block;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

#featureStory div.buttonSection i { color: #FFCB05 }

#featureStory .parallax {
    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 24px 0;
}

@media screen and (max-width: 1030px) {
  #featureStory .parallax {
    background-attachment: scroll;
  }
}

@media screen and (max-width: 1099px) {
  #featureStory div.outsideLeft { margin: 0px 30px 6px 0px }
  #featureStory div.outsideRight { margin: 0px 0px 6px 30px }
}

@media screen and (max-width: 999px) {
  #featureStory p.widePhoto { width: 100% }
  #featureStory div.widePhoto { width: 100% }
}

@media screen and (max-width: 799px ) {
  #featureStory div.pWidth { width: 100% }
  #featureStory p { width: 100% }
}

@media screen and (max-width: 599px ) {
  #featureStory h1 { font-family: 'Teko', sans-serif; font-weight: 700; font-size: 300%; line-height: 1.0; color: #00274c }
  #featureStory div.outsideLeft { float: none; width: 100%; margin: 0 auto }
  #featureStory div.outsideRight { float: none; width: 100%; margin: 0 auto }
  #featureStory div.rightMargin { float: none; width: 100%; margin: 0 0 18px 0px }
}

/* Behind the Scenes - BKM 2012-13
 * ------------------------------------------------ */

#behindthescenes { width: 100%; line-height: 1.4 }
#behindthescenes img { border: 0px solid #666666; margin-bottom: 9px; width: 100%; height: auto }
#behindthescenes .titleline { width: 100%; margin-bottom: 4px; border-bottom: 1px dotted #d1d1d1; padding-bottom: 3px }
#behindthescenes .daytitle { font-weight: bold; color: #00265d; text-transform: uppercase }
#behindthescenes a { text-decoration: none; font-weight: bold }
#behindthescenes .daydate { font-weight: bold; color: #808080; text-transform: uppercase }
#behindthescenes .entry { width: 100%; padding: 9px; margin-bottom: 18px; border: 1px solid #d1d1d1 }