/* This is the page title for all of your integration kit pages, to make it fit in with your site it is suggested that you match these styles to whatever styles you use for your page headers */
.lsik-title {
	font-size: 12pt;
	margin: 0;
	padding: 0;
}

/* This sets the default styles for all the tables. It only has border left because the tds have borders right and bottom applied to them individually */
.lsik-standings-table, .lsik-schedule-table, .lsik-roster-table, .lsik-indiv-table, .lsik-record-table, .lsik-mini-standings-table {
	width: 100%;
	font-size: 8pt;
	border-left: 1px solid #cacab5;
}



/* These are the styles for the top row of the table, you can set a background color or image, specify the font size and weight and whatever other styles you wish to match your site's style */
.lsik-record-header, .lsik-roster-header, .lsik-standings-header, .lsik-indiv-header, .lsik-schedule-header, .lsik-mini-standings-header {
	background: url(../images/tables/table-header.png);
	padding: 2px 10px 2px 10px;
	color: #fff;
	height: 24px;
}

/* These are the default styles for each table cell. Keeping the border-bottom and border-right as well as the border-left on the main table will keep the appearance that each cell has it's own border */
.lsik-record-td, .lsik-roster-td, .lsik-standings-td, .lsik-indiv-td, .lsik-schedule-td, .lsik-mini-standings-td {
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #cacab5;
	border-right: 1px solid #cacab5;
}

/* This is the alternating row colour. On every even row the table rows will have a background of whatever it is set to */
.lsik-indiv-tr-even, .lsik-standings-tr-even, .lsik-schedule-tr-even, .lsik-roster-tr-even, .lsik-record-tr-even, .lsik-mini-standings-tr-even {
	background: #e5e5cf;
}

/* This is the odd row colour. Every odd row will have a background of whatever you like, should be set as different than the even one if you wish to have alternating colours */
.lsik-indiv-tr-odd, .lsik-standings-tr-odd, .lsik-schedule-tr-odd, .lsik-roster-tr-odd, .lsik-record-tr-odd, .lsik-mini-standings-tr-odd {
	background: ;
}



/* ---- STANDINGS PAGE STYLES ---- */

/* On the standings page the tables are indented so that they are more clearly a part of each conference */
.lsik-standings-table {
	width: 97%;
	margin: 0 0 0 3%;
}

/* On the standings page this is the title of the Conference (eg. Western Conference). */
.lsik-conference-title {
	font-size: 11pt;
	border-bottom: 1px solid #000;
	margin: 25px 0 -10px 0;
}

/* This is the title of the Divisions on the standings page, it has the indented margin so it lines up with the standings page table mentioned above */
.lsik-division-title {
	margin: 20px 0 -5px 3%;
	width: 97%;
	font-size: 10pt;
}

/* The team name on the standings page is given it's own special class so that when it shows up these styles will apply to it. This makes it easy for fans to scan the page to find your team and it is a good idea to make a different colour and use larger or bold text to make it stand out */
.lsik-team-name {
	font-weight: bold;
	color: #0f4826;
	font-size: 9pt;
}


/* ---- MINI STANDINGS STYLES ---- */

/* Most of the general styles for mini-standings are the same as the rest of the tables and you can find them on the end of the styles for tds, headers and tables in the above CSS. Just look for "lsik-mini-standings...". They can be removed and turned into their own classes if you need to make them have their own distinct look. */

/* This is the container that holds both the mini standings table and the select box to choose the season */
#lsik-mini-standings-container {
	width: 100%;
}
/* This are the styles that are applied to your team name in the standings box */
.lsik-mini-standings-selected-team {
	font-weight: bold;
}
/* These styles are for the tagline that appears below the standings box (ie. Official AHL Statistics Provided by Leaguestat.com) */
#lisk-mini-standings-tagline {
	font-size: 80%;
}

/***** Next Five Games *****/

/* This is the container that holds the title, next five games table, and tagline */
#lsik-next-games-container                              { width: 100%; }

/* This is the table for the next five games */
.lsik-next-games-table                                  { font-size: 10pt; border-bottom: 1px solid #19214A; }

/* This controls the next game date area */
.lsik-next-games-table td.date                          { text-transform: uppercase; font-weight: bold; }

/* This controls the title */
#lsik-next-games-container #lsik-next-games-title       { font-size: 12pt; font-weight: bold; color: #237D3A; padding: 2px 0 2px 0;  }

/* This controls the first row in the next five games table */
.lsik-next-games-table tr.lsik-next-games--row          {  }

/* This controls the alternate row in the next five games table */
.lsik-next-games-table tr.lsik-next-games-alt-row       { background: #237D3A; color: #FFFFFF; }

/* This controls borders and spacing for the rows */
.lsik-next-games-table tr.lsik-next-games--row td,
.lsik-next-games-table tr.lsik-next-games-alt-row td    { border-top: 1px solid #19214A; padding: 2px 5px 2px 2px; }

/* This controls the tagline area */
#lsik-next-games-container .lsik-next-games-tagline     { padding: 2px 0 2px 0; }

/***** End Next Five Games *****/