/* default styles */
body { 
  background-color:#fff; 
}
body, td, th {
	color:#000099;
	font:  12px Arial,Helvetica,sans-serif;
}
body, form { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
input, select, textarea, button {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
}
a { font-family:Arial,Helvetica,sans-serif; }

/* anchor behavior */
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

/* headlines */
.hlXs { font-size:12px; font-weight:bold; } /*  9 pt */
.hlSm { font-size:16px; font-weight:bold; } /* 12 pt */
.hlMd { font-size:18px; font-weight:bold; }
.hl { font-size:25px; font-weight:bold; line-height: 1em;} /* 18 pt */
.hlBlack { font:25px Arial Black,Arial,Helvetica,sans-serif; }
.hlLg { font-size:34px; font-weight:bold; } /* 28 pt */
.hlLgBlack { font:34px Arial Black,Arial,Helvetica,sans-serif; }
.hlXl { font-size:43px; font-weight:bold; letter-spacing:-1px; } /* 36 pt */
.hlXxl { font-size:52px; font-weight:bold; letter-spacing:-3px; } /* 42 pt */	

/* sub/secondary-headline */
.subHead { font-size:16px; font-weight:bold; }
.subHeadBlack { font:16px Arial Black,Arial,Helvetica,sans-serif; }
.subHeadLite { color:#666; font-size:16px; font-weight:bold; }

/* other editorial */
.blurb { font-size:12px; }
.timeStamp { font-size:11px;color:#666;margin-top:5px; }
.byLine, .caption { font-size:10px; }
.tagLine { color:#666; font-size:11px; font-style:italic; }

/* webtools: print this, email this */
#webtools_above { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px 0px; padding:5px 0px; text-align:center; width:304px; *width:294px; }
#webtools_below { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:20px 0px; padding:5px 0px; text-align:center; }
.webtools a { font-size:11px; font-weight:bold; }

/* all-purpose text */
.textXs, .textXs td { font-size:10px; }	/* 7 pt */
.textSm, .textSm td { font-size:11px; }	/* 8 pt */
.text,   .text td   { font-size:12px; }	/* 9 pt */
.textLg, .textLg td { font-size:14px; }	/* 11 pt */
.textXl, .textXl td { font-size:16px; }	/* 12 pt */

/* tab-style component header */
.tab {
	color:#000066;
	font:10px Mini7,Tahoma,Arial,Helvetica,sans-serif;
	margin-left:8px;
}
.tab a { color:#000; font:10px Mini7,Tahoma,Arial,Helvetica,sans-serif; }

/* component header */
.compHdr, .compHdr a { font-weight:bold; }
.compHdrW, .compHdrW a { color:#fff; font-weight:bold; }

/* section header (above left nav) */
.secHdr { color:#999; font-size:19px; text-transform:capitalize; }

/* main component title bar */
.mcTitle { background-color:#999; color:#fff; font-weight:bold; padding-left:6px; } 

/* global buttons */
.btnGrey { background-color:#ccc; border-width:1px; border-style:solid; border-color:#000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreyOn { background-color:#666; border-width:1px; border-style:solid; border-color:#000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreen { background-color:#9c6; border-width:1px; border-style:solid; border-color:#000; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }
.btnGreenOn { background-color:#693; border-width:1px; border-style:solid; border-color:#000; color:#fff; font:bold 10.5px Verdana,Arial,Helvetica,sans-serif; }

/* color-only */
.red, .red td { color:#c00; }
.green, .green td { color:#090; }
form td.red, form span.red, form div.red { color:#c00; font-weight:bold; } /* red class within forms gets bolded */
.white, .white td { color:#fff; }
.greyLite, .greyLite td { color:#ccc; }
.grey, .grey td { color:#999; }
.greyDark, .greyDark td { color:#666; }
.greyBlack, .greyBlack td { color:#333; }
.black, .black td { color:#000; }

/* image padding */
.floatLeft { float:left; margin:3px 5px 1px 0; } /* left-aligned with right- and bottom- */
.floatRight { float:right; margin-left:5px; margin-bottom:3px; } /* right-aligned with left- and bottom- */

/* use to set transparency in IE on PNGs */
img.png { behavior: url("http://www.dominicansummerleague.com/scripts/fix_png.htc"); }

/* margins (space between block-level box and border) */
.mar0   { margin:0px }
.mar3   { margin:3px }
.mar5   { margin:5px }
.mar7   { margin:7px }
.mar3tb { margin:3px 0px; }
.mar3lr { margin:0px 3px; }
.mar5tb { margin:5px 0px; }
.mar5lr { margin:0px 5px; }
.mar7tb { margin:7px 0px; }
.mar7lr { margin:0px 7px; }

/* padding (space between border and content) */
.pad0   { padding:0px; }
.pad3   { padding:3px; }
.pad5   { padding:5px; }
.pad7   { padding:7px; }
.pad3tb { padding:3px 0px; }
.pad3lr { padding:0px 3px; }
.pad5tb { padding:5px 0px; }
.pad5lr { padding:0px 5px; }
.pad7tb { padding:7px 0px; }
.pad7lr { padding:0px 7px; }
form td.pad3 { padding-top:3px; } /* form <td>s that need 3px top padding */

/* //////// BACKGROUNDS /////// */

.bg0 { background-color:#fff; }
.bg1 { background-color:#eee; }
.bg2 { background-color:#ddd; }
.bg3 { background-color:#ccc; }
.bg4 { background-color:#666; }
.bg6 { background-color:#000; }
.bg7 { background-color:#132D5E; }

/* //////// TEXT /////// */

.txt0 { color:#fff; }
.txt1 { color:#eee; }
.txt2 { color:#ddd; }
.txt3 { color:#ccc; }
.txt4 { color:#999; }
.txt5 { color:#666; }

.mini { font-size: 10px; font-family:Tahoma,Arial,Helvetica,sans-serif; }

/* header anchors not underlined on hover */
#hdr a:hover { text-decoration: none; }

.icon {
  vertical-align: middle;
  margin:0px 2px;
}

.bam-social-mini li.articleSupporterComments a.iconlink {
    background: url("http://www.dominicansummerleague.com/shared/images/social_icons.gif") no-repeat scroll 0 -145px transparent;
    line-height: 10px;
    margin-top: 2px;
    width: 15px;
    font-size:1px;
    text-indent: -9999px;
}

/* basic styles for stats tables */

.dataTableClass td {
  color:#000;
  background-color:#F2F2F2;
  padding:2px;
  font-size:11px;
  border-bottom:1px solid #F2F2F2;
  border-left:1px solid #F2F2F2;
  vertical-align:top;
} /* color from cellTextColor cellBgColor - basic stats color */ 

.dataTableClass .headerRow a,       .dataTableClass .headerRow a:link
.dataTableClass .headerRow a:hover, .dataTableClass .headerRow a:visited { 
	color:#fff;
} /* links in the header */

.dataTableClass .currSortDataCell a,       .dataTableClass .currSortDataCell a:link,  
.dataTableClass .currSortDataCell a:hover, .dataTableClass .currSortDataCell a:visited { 
	color:#fff;
} /* links in sorted cells */

.dataTableClass .titleRow td, .dataTableClass .headerRow td { 
	color:#fff;
	font-weight:bold;
} /* aka tableTitleTextColor headerTextColor */

.dataTableClass .titleRow td { 
	background-color:#000;
	font-size:14px;
} /* aka tableTitleBgColor - row above table w/ desc - usually black w/ white text */

.dataTableClass .headerRow td {
	background-color:#666;
} /* aka headerBgColor - row above the table stats - click to sort */

.dataTableClass .currSortDataCell { 
	color:#fff;
	background-color:#999;
} /* aka sortedCellTextColor sortedCellBgColor - col for sorted data, usually white w/ dark bg */

.dataTableClass .highlightRow .dataCell { 
	color:#000;
	background-color:#D9D9D9;
} /* aka highlightedCellTextColor highlightedCellBgColor - highlighted row on mousedown, usually a slightly darker grey */

.dataTableClass .highlightRow .currSortDataCell { 
	color:#fff;
	background-color:#333;
} /* aka sortedHighlightedCellTextColor sortedHighlightedCellBgColor - cell thats sorted *and* highlighed */

/* background color for top portion of player pages  */
.playerBio .bioHead, .playerBio .bioBlock, .playerBio .bioBlock td {
	border-color:#000;
}
.playerBio .bioHead td,   .playerBio .shortStatHead,
.playerBio .bioHead td a, .playerBio .bioHead td a:visited {
	background-color:#000;
	color:#fff;
}

/* dropdown menu styles */
#navMgrMenu {
  background-color:#333;
  color:#fff;
  width:165px;
  padding: 5px 0px 5px 0px;
  border:1px solid #000;
  border-top:1px solid #797979;
  opacity:.90;
  filter:alpha(opacity=90);
}

#nav #navMgrMenu a { 
  padding:2px 5px 2px 5px;
  font-size:11px;
  font-weight:normal;
  display:block;
}

#navMgrMenu a:hover { 
  background-color:#fff;
  color:#000;
}

/* basic date_selector styles  */
#dateSelector       { position: absolute; left: 500px; top: 227px; border: 2px solid #fff; display: none; background-color:#ccc; width: 200px;  
                      border: 1px solid #666; border-bottom: 2px solid #333; border-right: 2px solid #333; }
#monthNav           { background-color:#fff; }
.monthLink a        { font-size: 10px; padding: 3px; }
.curMonth           { font-size: 11px; text-align: center; font-weight: bold; height: 20px; }
#monthDays thead td { font-size: 10px; text-align: center; background-color:#666; font-weight: bold; color:#eee; padding: 2px 0px; }
#monthDays tbody td { font-size: 10px; text-align: right;  background-color:#fff; width: 26px; height: 20px; }
#monthDays .blank         { background-color:#eee; }
#monthDays .day           { background-color:#fff; }
#monthDays .dayGrey	  { background-color:#fff;color:#999;}
#monthDays .selectedDay   { background-color:#999; }
#monthDays .day a, #monthDays .selectedDay a { width: 90%; height: auto; display: block; }
#subLinks           { background-color:#fff; padding-top: 3px; }
#subLinks a         { font-size: 10px; padding: 3px; }
roster {
}