/*
==================================================
html
==================================================
*/

*{
	padding: 0px; 
	margin: 0px; 
	list-style-type: none; 
	text-decoration: none;
}
html {
	font-size: 100%; /* 1 */
	background: #333;
	color: #000;
	overflow-y: scroll;
}
body {
	font-family: arial;
	font-size: medium;
}
img,button {
	border: none;
}
a:link, a:visited, a:hover, a:active {
	outline: 0;
	text-decoration: none;
	color: #2b85d4;
}
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-center {
	margin: 0 auto;
}
hr {
	margin: 5px 0 5px 0;
	border: 0 solid #eee;
	border-top-width: 2px;
}
form.mlfbform > button[type=submit] { 
	cursor: pointer;
	min-width: 60px;
	border: 0 none;
	border-radius: 3px;
	margin: 0;
	padding: 2px 0;
	color: #666;
	background-color: #eee;
	font-weight: bold;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	text-align: center;
}
form.mlfbform > select { 
	min-width: 100px;
	margin: 0;
}
form {
	float: inherit;
}
h3 {
	font-size: x-large;
	padding: 0 0 10px 0;
}

/*
==================================================
main
==================================================
*/

#pagewrap {
	width: 1024px;
	min-height: 100%;
	margin: 0px auto; /* center */
	padding: 0 0 20px 0;
}
header {
	background-color: #272727;
}
.logo {
	float: left;
	background: url('images/prospects_live-logo-v3-white.png') no-repeat;
	background-size: cover;
	margin: 20px;
	height: 60px;
	width: 75px;
}
header h1 {
	padding: 0px 115px 0px 115px;
	vertical-align: middle;
	line-height: 100px;
	font-size: xx-large;
	background-color: #272727;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
header h2 {
	padding: 5px 10px;
	font-size: small;
	background-color: #555;
	color: #fff;
}
article {
	padding: 20px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #fff;
}
nav {
	width: 100%;
	padding: 5px;
	margin: 0;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #666;
}
nav img {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
}
nav a {
	outline: none; /* get rid of dotted borders in FireFox */
}
nav a:link, nav a:visited, nav a:hover, nav a:active {
	color: #fff;
}

nav ul {
	padding: 0;
	margin: 0;
	color: #fff;
}
nav ul li {
	font-size: 10pt;
	list-style: none;
}
nav ul li h1{
	margin: 0;
	font-size: 10pt;
	color: #fff; 
	background-color: #555;
	text-align: center;
	border-radius: 6px;
}
nav ul li a{
	color: #fff; 
	text-decoration: none;
	white-space: nowrap;
}
img.cntr {
	display: block;
	margin: 0 auto;
}
.teamnav {
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
	background-color: #ccc;
}
.yearnav {
	margin-top: -20px;
	margin-bottom: 20px;
	margin-left: -20px;
	margin-right: -20px;
	background-color: #ccc;
}
.inner {
	float: left;
	margin: 4px;
}
.inleft {
	float: left;
	margin: 0 auto;
	padding-left: 20px;
}
.inright {
	float: right;
	margin: 0 auto;
	padding-right: 20px;
}
.incenter {
	display: flex;
	justify-content: center;
	margin: 4px;
	padding: 0 20px 0 20px;
}
.headerdiv {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;
	line-height: 44px;
	color: #fff;
	padding: 4px 0 4px 20px;
}
.topheader {
	margin: -20px -20px 20px -20px;
	line-height: 44px;
	color: #fff;
	padding: 4px 0 4px 20px;
}
.midheader {
	margin: 0px -20px 20px -20px;
	line-height: 44px;
	color: #fff;
	padding: 4px 0 4px 20px;
}
.owned {
	color: #ccc;
}
.owned a {
	color: #999;
}
.unowned a {
	color: #D31141;
}
.gray {background-color: #555;}

.role-bold {
	font-weight: bold;
	color: #666;
}
.role-blue {
	font-weight: bold;
	color: #0000ff;
}
.role-red {
	font-weight: bold;
	color: #ff0000;
}
.role-none {
	color: #666;
}
.status-1 {
	background-color: #F3F5F7;
}
.status-2 {
	background-color: #FBF2E3;
}
.status-3 {
	background-color: #FEE4E8;
}
.status-9 {
	background-color: #D9F7EC;
}

/*
==================================================
WIP - Draggable
==================================================
*/

[draggable] {
	user-select: none;
}
.playerdrag {
	text-indent: 3px;
	width: 100%;
	float: left;
	cursor: move;
}
.addgroup .playerdrag {
	width: 100%;
	margin: 1px 0px 1px 0px;
}
.dragnl {background-color: #B2BDFF;}
.dragal {background-color: #FFB2B2;}
.dragfa {background-color: #99FFA3;}
.dragam {background-color: #ddd;}
.ablue {color: #06c;}

/*
==================================================
Div Table
==================================================
*/

.divtable {
	display:table;
	border-collapse: collapse;
	width:100%;
}
div.thead {
	display:table-header-group;
}
div.tbody {
	display:table-row-group;
}
div.tr, form.tr {
	display:table-row;
	width:100%;
}
.divtable div.tr:nth-child(odd), .divtable form.tr:nth-child(odd) {
	background: #eee;
}
div.td {
	display:table-cell;
	padding:1px;
}
div.th {
	display:table-cell;
	padding:4px;
	font-weight: bold;
	color: #fff;
	background-color: #666;
}

/*
==================================================
titles
==================================================
*/

.nl {
	background-color: #036;
	color: #fff;
	text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.al {
	background-color: #c00;
	color: #fff;
	text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.ml {
	background-color: #666;
	color: #fff;
	text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.ws {
	background-color: #a39058;
	color: #fff;
	text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/*
==================================================
depth
==================================================
*/

table.depth {
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: collapse;
}
table.depth tr:nth-child(even) {
	background-color: #eee;
}
/*
table.depth th {
	background-color: #666;
	color: #fff;
	text-align: left;
}
table.depth td, table.depth th {
	font-size: medium;
	padding: 1px;
}
*/
table.depth thead th {
	font-size: x-large;
	line-height: 40px;
	background-color: #666;
	color: #fff;
	text-align: left;
	text-indent: 10px;
}
table.depth tbody th {
	background-color: #666;
	color: #fff;
	text-align: left;
	text-indent: 2px;
}
table.depth tbody td, table.tbody th {
	font-size: medium;
	padding: 1px;
}

/*
==================================================
roster
==================================================
*/

.fxtable {
	width:100%;
	text-align: right;
	border-spacing: 0 2px;
}
.fxtable td:nth-child(1),
.fxtable th:nth-child(1),
.fxtable td:nth-child(2),
.fxtable th:nth-child(2),
.fxtable td:nth-child(4),
.fxtable th:nth-child(4) {
	text-align: left;
}
table.fxtable thead th {
	background-color: #666;
	color: #fff;
}

/*
==================================================
roster
==================================================
*/

.roster {
	margin-bottom: 20px;
	background-color: #eee;
	margin-top: 10px;
	border: 1px solid #666;
}
.roster h2 {
    font-size: 1.25em;
	background-color: #666;
	padding-left: 5px;
	color: #fff;
}
.roster h3 {
	font-size: .875em;
	font-weight: normal;
	background-color: #ccc;
	padding-left: 5px;
}
.roster table {
    border-collapse: collapse;
    font-size: .875em;
    width: 100%;
	background-color: #fff;
}
.roster table td {
	padding-left: 5px;
}
.roster table th {
	padding: 1px;
	background-color: #205696;
	color: #fff;
}
.roster table td:nth-child(6),.roster table td:nth-child(7),.roster table td:nth-child(8) {
	text-align: right;
	padding-right: 2px;
}

.bench {
	background-color: #eee;
}
.minors {
	background-color: #90ee90;
}

/*
==================================================
reports
==================================================
*/

.reports {
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
	width: 100%;
	font-size: medium;
	background-color: #fff;
}
.reports th {
	background-color: #666;
	color: #fff;
}
.reports thead th {
	/* font-size: x-large; */
	text-indent: 10px;
	line-height: 44px;
}
.reports tr:nth-child(odd) {
	background-color: #eee;
}
.reports td, .reports th {
	padding: 1px;
}
.lists td:nth-child(1), .lists td:nth-child(2), .lists td:nth-child(3), .lists tbody th:nth-child(1), .lists tbody th:nth-child(2), .lists tbody th:nth-child(3) {
	text-align: right;
}
.lists td:nth-child(4), .lists td:nth-child(5), .lists tbody th:nth-child(4), .lists tbody th:nth-child(5)  {
	text-align: center;
}

.teamrank thead {
	font-size: 1.25em;
}
.teamrank tbody td, .teamrank th:nth-child(-n+2), .teamrank td:nth-child(-n+2) {
	text-align: right;
	padding-right: 8px;
}
.teamrank td:nth-last-child(-n+3), .teamrank th:nth-last-child(-n+3) {
	text-align: left;
	text-indent: 10px;
}

/*
==================================================
draft roster
==================================================
*/

.droster {
	background-color: #eee;
	margin-top: 10px;
	border: 1px solid #666;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.droster h2 {
	font-size: 1.25em;
	background-color: #666;
	padding-left: 5px;
	color: #fff;
}
.droster table {
	border-collapse: collapse;
	font-size: .875em;
	width: 100%;
}
.droster table th {
	font-weight: normal;
	background-color: #ccc;
	color: #666;
}
.droster table td {
	padding-left: 5px;
}
.droster table tr:nth-child(odd) {
	background-color: #eee;
}
.col-dr1 {
	width:10%;
}
.col-dr2 {
	width:90%;
}

/*
==================================================
text
==================================================
*/

.info {
    font-size: .75em;
	margin-bottom: 10px;
}
.info p {
	margin-top: 10px;
}
.info h1, .info h2, .info h3, .info h4, .info ul {
	margin-top: 10px;
}
.info ul li {
	list-style: disc;
	margin-left: 20px;
}

/* 
==================================================
SVG Logos
==================================================
*/

.cap_onlite_108 {background: url(../svg/cap-on-lite/108.svg) no-repeat;}
.cap_onlite_109 {background: url(../svg/cap-on-lite/109.svg) no-repeat;}
.cap_onlite_110 {background: url(../svg/cap-on-lite/110.svg) no-repeat;}
.cap_onlite_111 {background: url(../svg/cap-on-lite/111.svg) no-repeat;}
.cap_onlite_112 {background: url(../svg/cap-on-lite/112.svg) no-repeat;}
.cap_onlite_113 {background: url(../svg/cap-on-lite/113.svg) no-repeat;}
.cap_onlite_114 {background: url(../svg/cap-on-lite/114.svg) no-repeat;}
.cap_onlite_115 {background: url(../svg/cap-on-lite/115.svg) no-repeat;}
.cap_onlite_116 {background: url(../svg/cap-on-lite/116.svg) no-repeat;}
.cap_onlite_117 {background: url(../svg/cap-on-lite/117.svg) no-repeat;}
.cap_onlite_118 {background: url(../svg/cap-on-lite/118.svg) no-repeat;}
.cap_onlite_119 {background: url(../svg/cap-on-lite/119.svg) no-repeat;}
.cap_onlite_120 {background: url(../svg/cap-on-lite/120.svg) no-repeat;}
.cap_onlite_121 {background: url(../svg/cap-on-lite/121.svg) no-repeat;}
.cap_onlite_133 {background: url(../svg/cap-on-lite/133.svg) no-repeat;}
.cap_onlite_134 {background: url(../svg/cap-on-lite/134.svg) no-repeat;}
.cap_onlite_135 {background: url(../svg/cap-on-lite/135.svg) no-repeat;}
.cap_onlite_136 {background: url(../svg/cap-on-lite/136.svg) no-repeat;}
.cap_onlite_137 {background: url(../svg/cap-on-lite/137.svg) no-repeat;}
.cap_onlite_138 {background: url(../svg/cap-on-lite/138.svg) no-repeat;}
.cap_onlite_139 {background: url(../svg/cap-on-lite/139.svg) no-repeat;}
.cap_onlite_140 {background: url(../svg/cap-on-lite/140.svg) no-repeat;}
.cap_onlite_141 {background: url(../svg/cap-on-lite/141.svg) no-repeat;}
.cap_onlite_142 {background: url(../svg/cap-on-lite/142.svg) no-repeat;}
.cap_onlite_143 {background: url(../svg/cap-on-lite/143.svg) no-repeat;}
.cap_onlite_144 {background: url(../svg/cap-on-lite/144.svg) no-repeat;}
.cap_onlite_145 {background: url(../svg/cap-on-lite/145.svg) no-repeat;}
.cap_onlite_146 {background: url(../svg/cap-on-lite/146.svg) no-repeat;}
.cap_onlite_147 {background: url(../svg/cap-on-lite/147.svg) no-repeat;}
.cap_onlite_158 {background: url(../svg/cap-on-lite/158.svg) no-repeat;}

.cap_ondark_108 {background: url(../svg/cap-on-dark/108.svg) no-repeat;}
.cap_ondark_109 {background: url(../svg/cap-on-dark/109.svg) no-repeat;}
.cap_ondark_110 {background: url(../svg/cap-on-dark/110.svg) no-repeat;}
.cap_ondark_111 {background: url(../svg/cap-on-dark/111.svg) no-repeat;}
.cap_ondark_112 {background: url(../svg/cap-on-dark/112.svg) no-repeat;}
.cap_ondark_113 {background: url(../svg/cap-on-dark/113.svg) no-repeat;}
.cap_ondark_114 {background: url(../svg/cap-on-dark/114.svg) no-repeat;}
.cap_ondark_115 {background: url(../svg/cap-on-dark/115.svg) no-repeat;}
.cap_ondark_116 {background: url(../svg/cap-on-dark/116.svg) no-repeat;}
.cap_ondark_117 {background: url(../svg/cap-on-dark/117.svg) no-repeat;}
.cap_ondark_118 {background: url(../svg/cap-on-dark/118.svg) no-repeat;}
.cap_ondark_119 {background: url(../svg/cap-on-dark/119.svg) no-repeat;}
.cap_ondark_120 {background: url(../svg/cap-on-dark/120.svg) no-repeat;}
.cap_ondark_121 {background: url(../svg/cap-on-dark/121.svg) no-repeat;}
.cap_ondark_133 {background: url(../svg/cap-on-dark/133.svg) no-repeat;}
.cap_ondark_134 {background: url(../svg/cap-on-dark/134.svg) no-repeat;}
.cap_ondark_135 {background: url(../svg/cap-on-dark/135.svg) no-repeat;}
.cap_ondark_136 {background: url(../svg/cap-on-dark/136.svg) no-repeat;}
.cap_ondark_137 {background: url(../svg/cap-on-dark/137.svg) no-repeat;}
.cap_ondark_138 {background: url(../svg/cap-on-dark/138.svg) no-repeat;}
.cap_ondark_139 {background: url(../svg/cap-on-dark/139.svg) no-repeat;}
.cap_ondark_140 {background: url(../svg/cap-on-dark/140.svg) no-repeat;}
.cap_ondark_141 {background: url(../svg/cap-on-dark/141.svg) no-repeat;}
.cap_ondark_142 {background: url(../svg/cap-on-dark/142.svg) no-repeat;}
.cap_ondark_143 {background: url(../svg/cap-on-dark/143.svg) no-repeat;}
.cap_ondark_144 {background: url(../svg/cap-on-dark/144.svg) no-repeat;}
.cap_ondark_145 {background: url(../svg/cap-on-dark/145.svg) no-repeat;}
.cap_ondark_146 {background: url(../svg/cap-on-dark/146.svg) no-repeat;}
.cap_ondark_147 {background: url(../svg/cap-on-dark/147.svg) no-repeat;}
.cap_ondark_158 {background: url(../svg/cap-on-dark/158.svg) no-repeat;}

.league_103 { background: url(../svg/league/103.svg) no-repeat;}
.league_104 { background: url(../svg/league/104.svg) no-repeat;}
.league_109 { background: url(../svg/league/109.svg) no-repeat;}
.league_110 { background: url(../svg/league/110.svg) no-repeat;}
.league_111 { background: url(../svg/league/111.svg) no-repeat;}
.league_112 { background: url(../svg/league/112.svg) no-repeat;}
.league_113 { background: url(../svg/league/113.svg) no-repeat;}
.league_116 { background: url(../svg/league/116.svg) no-repeat;}
.league_117 { background: url(../svg/league/117.svg) no-repeat;}
.league_118 { background: url(../svg/league/118.svg) no-repeat;}
.league_119 { background: url(../svg/league/119.svg) no-repeat;}
.league_120 { background: url(../svg/league/120.svg) no-repeat;}
.league_121 { background: url(../svg/league/121.svg) no-repeat;}
.league_122 { background: url(../svg/league/122.svg) no-repeat;}
.league_123 { background: url(../svg/league/123.svg) no-repeat;}
.league_124 { background: url(../svg/league/124.svg) no-repeat;}
.league_125 { background: url(../svg/league/125.svg) no-repeat;}
.league_126 { background: url(../svg/league/126.svg) no-repeat;}
.league_127 { background: url(../svg/league/127.svg) no-repeat;}
.league_128 { background: url(../svg/league/128.svg) no-repeat;}
.league_130 { background: url(../svg/league/130.svg) no-repeat;}
.league_131 { background: url(../svg/league/131.svg) no-repeat;}
.league_132 { background: url(../svg/league/132.svg) no-repeat;}
.league_133 { background: url(../svg/league/133.svg) no-repeat;}
.league_135 { background: url(../svg/league/135.svg) no-repeat;}
.league_162 { background: url(../svg/league/162.svg) no-repeat;}
.league_565 { background: url(../svg/league/565.svg) no-repeat;}
.league_5536 {background: url(../svg/league/5536.svg) no-repeat;}

.logo_blank { background: none;}

.logo_nl {background: url(../svg/league-nl.svg) no-repeat;}
.logo_al {background: url(../svg/league-al.svg) no-repeat;}
.logo_milb {background: url('../svg/logo-milb.svg') no-repeat;}
.logo_mlb {background: url('../svg/logo-mlb.svg') no-repeat;}
.league_mlb {background: url('../svg/logo-mlb.svg') no-repeat;}

.logo40c {
	float: left;
	width: 40px;
	height: 40px;
	margin: 2px 10px 2px 2px;
	background-position: center;
	background-size: 30px 30px;
	line-height: 38px;
	background-color: #ccc;
	border-radius: 20px;
}
.logo40rt {
	float: right;
	width: 40px;
	height: 40px;
	margin: 2px;
	background-position: center;
	background-size: 30px 30px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 38px;
}
.logo40 {
	float: left;
	width: 40px;
	height: 40px;
	margin: 2px;
	background-position: center;
	background-size: 30px 30px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 38px;
}
.svglogo18l {
	margin-right: 4px;
	float: left;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}

button.logo40:focus, button.logo40:active, button.logo40.active {
	border: 3px solid #0066CC;
}
button.logo40:hover {
	border: 3px solid #D31141;
}
button.logo40 {
	border: 3px solid #ddd;
	cursor: pointer;
	border-radius: 6px;
	background-color: #fff;
}
button.logo40:disabled {
	border: 3px solid #ddd;
	cursor: pointer;
	border-radius: 6px;
	color: #ddd;
	background-color: #eee;
}
.tmlogo {
    width: 18px;
    height: 18px;
}

#tm121, .tm121, #nym, .nym, #nyn, .nyn {background-color: #002C77;}
#tm144, .tm144, #atl, .atl {background-color: #002F5F;}
#tm143, .tm143, #phi, .phi {background-color: #BA0C2F;}
#tm146, .tm146, #mia, .mia, #fla, .fla {background-color: #00A3E0;}
#fla, .fla {background-color: #249EA3;}
#tm120, .tm120, #was, .was {background-color: #BA122B;}
#tm138, .tm138, #stl, .stl, #sln, .sln {background-color: #C41E3A;}
#tm112, .tm112, #chc, .chc, #chn, .chn {background-color: #003366;}
#tm113, .tm113, #cin, .cin {background-color: #C6011F;}
#tm158, .tm158, #mil, .mil {background-color: #202C4b;}
#tm134, .tm134, #pit, .pit {background-color: #000000;}
#tm119, .tm119, #lad, .lad, #lan, .lan, #la, .la {background-color: #083C6B;}
#tm137, .tm137, #sf, .sf, #sfn, .sfn {background-color: #F2552C;}
#tm109, .tm109, #ari, .ari {background-color: #A71930;}
#tm135, .tm135, #sd, .sd, #sdn, .sdn {background-color: #2F241D;}
#tm115, .tm115, #col, .col {background-color: #333366;}

#tm147, .tm147, #nyy, .nyy, #nya, .nya {background-color: #1C2841;}
#tm111, .tm111, #bos, .bos {background-color: #C60C30;}
#tm141, .tm141, #tor, .tor {background-color: #005AC0;}
#tm139, .tm139, #tb, .tb, #tba, .tba {background-color: #00285D;}
#tm110, .tm110, #bal, .bal {background-color: #FB4F14;}
#tm118, .tm118, #kc, .kc, #kca, .kca {background-color: #15317E;}
#tm145, .tm145, #cws, .cws, #cha, .cha {background-color: #000;}
#tm114, .tm114, #cle, .cle {background-color: #003366;}
#tm142, .tm142, #min, .min {background-color: #072754;}
#tm116, .tm116, #det, .det {background-color: #001742;}
#tm108, .tm108, #laa, .laa, #ana, .ana {background-color: #B71234;}
#tm133, .tm133, #oak, .oak {background-color: #003831;}
#tm140, .tm140, #tex, .tex {background-color: #BD1021;}
#tm136, .tm136, #sea, .sea {background-color: #005C5C;}
#tm117, .tm117, #hou, .hou {background-color: #042E64;}
.gray {background-color: #555;}

/*
==================================================
Logos
==================================================
*/

a.linkbutton {
	float: left;
	width: 36px;
	height: 36px;
	margin: 4px;
	cursor: pointer;
	border-radius: 6px;
	background-color: #eee;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 36px;
}
button.textbutton {
	float: left;
	width: 36px;
	height: 36px;
	margin: 4px;
	cursor: pointer;
	border-radius: 6px;
	background-color: #eee;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 36px;
}
button.textbutton.active {
	background-color: #666;
	color: #eee;
}
button.logo_sm, a.logo_sm {
	cursor: pointer;
	border-radius: 6px;
	background-color: #eee;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 36px;
}
span.logo_sm {
	border-radius: 18px;
	background-color: #fff;
}
div.logo_sm {
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 36px;
}
.logo_sm {
	float: left;
	background:url('../images/logos36.png');
	width: 36px;
	height: 36px;
	margin: 4px;
}

.scout {
	float: right;
	background:url('../images/logos-sites-36-onlite.png');
	width: 36px;
	height: 36px;
	margin: 4px;
}
button.scout {
	cursor: pointer;
	border-radius: 6px;
}
span.scout {
	border-radius: 6px;
	background-color: #fff;
}
div.scout {
	border-radius: 18px;
}

.ba { background-position: 0px 0px; }
.mlbpipe { background-position: 0px -36px; }
.mlbp { background-position: 0px -36px; }
.fg { background-position: 0px -72px; }
.ath { background-position: 0px -108px; }
.espn { background-position: 0px -144px; }
.pl { background-position: 0px -180px; }

div.logo_desc {
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	line-height: 36px;
	float: left;
	width: 36px;
	height: 36px;
	margin: 4px;
}

.pill {
	display: inline-block;
	margin: 8px 2px 8px 2px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: medium;
	color: #666;
	text-align: center;
	float: left;
}
div.pill {
	padding: 5px 2px;
	height: 18px;
}
button.pill {
	padding: 2px 8px;
	border: 3px solid #ddd;
	border-radius: 20px;
	height: 28px;
	background-color: #fff;
	cursor: pointer;
}
button.pill.active {
	border: 3px solid #0066CC;
}

/*
==================================================
Columns - 12 Column Grid, Col 6.5 %, Margins 2.0 %
==================================================
*/

.row {
	width: 100%;
	margin: 0 auto;
}
.row > div:last-of-type {
	margin-right: 0px;
}
.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11 {
	margin-right: 2%;
	float: left;
	min-height: 1px;
}
.row .col-01 {width: 6.5%;}
.row .col-02 {width: 15%;}
.row .col-03 {width: 23.5%;}
.row .col-04 {width: 32%;}
.row .col-05 {width: 40.5%;}
.row .col-06 {width: 49%;}
.row .col-07 {width: 57.5%;}
.row .col-08 {width: 66%;}
.row .col-09 {width: 74.5%;}
.row .col-10 {width: 83%;}
.row .col-11 {width: 91.5%;}