/* BODY   -->General setting for the background of the pages.  Applies to all pages. */
body {
    padding: 0px; font-size: 12px; 
    background: #fff; margin: 0px; 
    font-family: arial, verdana, helvetica, sans-serif;
    text-align: left;
}
#footer {
    display:block;
    font-size: 10px;
    color: gray; 
    font-family: "bitstream vera sans", sans-serif;
    border-top:1px solid silver;
    margin-top:20px;
    margin-bottom:10px;
    padding-top:3px;
    padding-bottom:5px;
}

/*This is for the acronym plugin. */
acronym {
    border-style: dashed; border-width: 0 0 0px 0; cursor: help; 
}
/* TABLES ETC.  -->Setting for tables, which overrides some of the implicit settings in browsers. */
table {
    border:1px solid silver;
}
td, th {
  font-size:11px; font-family:arial, helvetica, sans-serif;
  padding:2px;
}
td {
/*    PADDING: .3em; FONT-SIZE: .95em; 
    FONT-FAMILY:arial,Helvetica, sans-serif, "andale mono";*/
}
td.tdcenter {
    text-align:center;
}
td.Center, th.Center {
    text-align:center;
}
td.Left, th.Left {
    text-align:left;
}
td.Right, th.Right {
    text-align:right;
}
input.textClass {
    width:30px;
    margin-bottom:3px;
}
td.selectedgray, th.selectedgray {
    background-color:#ccc;
    font-weight:bold;
}
td.CenterSelected,th.CenterSelected {
    text-align:center;
    background-color:#ccc;
    font-weight:bold;
}
td.RightSelected,th.RightSelected {
    text-align:right;
    background-color:#ccc;
    font-weight:bold;
}
td.LeftSelected, th.LeftSelected {
    text-align:left;
    background-color:#ccc;
    font-weight:bold;
}

th {
    /*
    FONT-FAMILY:Verdana,Arial,Helvetica, sans-serif, "andale mono";
    font-weight: bold;
    padding:0.3em;
    */ 
}

blockquote {
    font-family: courier new;
    margin: 0.5 em 48 px 0 em 48 px;
}

/*The following division gives more control over the blockquote format. */
#blockquote {
    font-family: courier new;
    margin: 0.5 em 48 px 0.5 em 48 px;
}

dt {
    font-weight: bold;
}

.list {
    padding-left: 0px;
    margin-left: 40px;
}

.listy {
    padding-left: 0px;
    margin-left: 20px;
}

.listless {
    padding: 0px, 0px, 0px, 20px;
}

/* LINKS  -->These are the setting for all links. */
A:link {
    COLOR: #CC0000;
    TEXT-DECORATION: underline;
    font-family:  arial,Verdana, Helvetica, sans-serif;
}

A:visited {
    COLOR: #990000;
    TEXT-DECORATION: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

A:hover {
    COLOR: #FF0000;
    TEXT-DECORATION: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
A:active {
    COLOR: #CC0000;
    TEXT-DECORATION: underline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}


/*HEADERS  -->These are the rules for all headers on all pages.*/
H1 {
    FONT-SIZE: 16px;
    COLOR: #104E8B;
    font-weight: bold;
    line-height: 32px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

H2 {
    FONT-SIZE: 14px;
    line-height: 16px;
    COLOR: #09284B;
    font-weight: bold;
}

h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #8B4500;
}


h4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336666;
}


h4.date {
    color:#336666;
}


/*The following header is to be used inside articles.*/

h6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #104E8B;
    margin: 0px;
    padding: 0px;
    background: transparent;
}

/*HEADING MODIFIERS  -->Use this to set more specific margins and paddings around headers, depending how they're used on the page.*/
.date {
    background: transparent;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}

.title {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 2px 0px 5px 0px;
    background: transparent;
}

.othertitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 0px 0px 0px;
    background: transparent;
}

.centertitle {
    margin: 0;
    padding: 5px 0px 5px 0px;
    background: transparent;
    text-align: center;
}

.head {
    margin: 0;
    padding: 10px 0px 5px 0px;
    background: transparent;
}

.nothing{
    margin: 0;
    padding: 0px;
    background: transparent;
}

/* NAVIGATION ELEMENTS  -->These are the styles used to build the top navigation. */

#header {
    background: #aaaaaa;
    text-align: center;
}
#header-small {
    background: #707070;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
}


#navcontainer ul
{
  padding: .1em 0em;
  margin: 0;
  list-style-type: none;
  background: url(http://www.hardballtimes.com/gifs/back_topnav_bar2.gif);
  border-bottom: 1px solid #8b0000;
  width: 100%;
  font-size: 16px;
  text-align: center;
  clear: both;
}


#navlist li { display: inline; }

#navlist li a
{font-weight: bold;
  text-decoration: none;
  color: #000050;
  padding: .1em 1.5em;
}

#navlist li a:hover
{font-weight: bold;
  color: #000050;
  text-decoration: underline;
}

ul#navlist li#active a
{font-weight: bold;
  color: #000050;
  text-decoration: underline;
}

ul#navlist li#active a:hover
{font-weight: bold;
  color: #000050;
  text-decoration: underline;
}


/* PAGE ELEMENTS -->These are lines and other things you can use to break up a page.  menuspacer works in the lefthand column, hr can be applied anywhere..  */
.menuSpacer {
    width: 100%;
    border-bottom: 1px dotted #999;
}

hr {
    border: 0;
    width: 80%;
    color: #993333;
    background-color: #993333;
    height: 3px;
    text-align: center;
}

.hrtwo {
    border: 0;
    color: #993333;
    width: 100%;
    background-color: #993333;
    height: 1px;
    text-align: center;
}

.break {
    text-align: left;
    margin-left: 0;
    width: 65%;
    color: #336666;
    background-color: #707070;
    height: 2px;
}

.paginate {
    font-size: 16px;
}

/*FORMS -->Some basic formats for forms, including text boxes and the submit button*/

input {
    font-size:10px;
    padding-left:5px; 
    margin-left:5px; 
    border: 1px solid silver;
    display:inline;
    margin-bottom:5px;
}
input.hidden {display:none;}
.input-box {
    background: #ffffcc;
    border: #26a solid 1px
}

.submit-button
{
    border: 2px #9cf outset
}


/* DIVISION  -->These are the division elements used to set up each page.  leftcontent is for the lefthand column.  insidebox and insideboxul, li and bq are also meant to be used inside the left and right hand columns.  the insidebox divisions are our "box hacks" for the difference in mozilla and IE in the way they handle widths. */
#leftcontent {
    position: absolute;
    TOP: 119px;
    BACKGROUND-color: #f9f9ff;
    width: 204px;
    LEFT: 4px;
    line-height: 16px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

/*This division is used to fix the Internet Explorer "Box Model bug".  Standard CSS calls for "width" to mean content width, but Explorer defines width as the width of the entire box, including padding and margins.*/
#insidebox{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    border: 1px #8b0000;
    border-top: 1px solid #8b0000;
    font-size: 12px;
    text-align: left;
}


/*These next definitions are used to make sure certain types of HTML fit inside the left and right hand columns.*/
#insidebox ul {
    margin-left: 20px;
}

#insidebox li {
    margin: 5px 0;
}

#insidebox blockquote{
    margin: 10px 5px;
}

/* centercontent is used when you have both righthand and lefthand columns.  It is flexible, and it will change with the window. */
#centercontent {
    BACKGROUND: #fff;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 10px;
    voice-family: inherit;
    font-family: "Bitstream vera sans",Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px solid #8b0000;
    text-align: left;
}

    /*rightcontent will stick to the right hand side of the page, no matter how big the window is*/
#rightcontent {
    POSITION: absolute;
    TOP: 119px;
    RIGHT: 4px;
    WIDTH: 204px;
    BACKGROUND: #f9f9ff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}


/*the rightfloat divisions are for formatting relatively small things, such as print icons or navigational items, in the upper right hand portion of a larger division.*/
#rightfloat {
    BACKGROUND: #f9f9ff;
    WIDTH: 205px;
    right: 5px;
    float: right;
    TOP: 119px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    border: 1px outset #8b0000;
    text-align: left;
}

#borderlessrightfloat {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    RIGHT: 5px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 15px;
    float: right;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
}

.paddinglessrightfloat {
    RIGHT: 5px;
    BACKGROUND: #fff;
    float: right;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

#leftfloat {
    float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    text-align: left;
}

#right_login_float {
    float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    BACKGROUND: #f9f9ff;
    line-height: 16px;
    padding: 10px;
    margin: 0px 0px 0px 50px;
    text-align: left;
}


/*midcenter is intended to be used when there is only a left-hand column (no right hand column), and we want the section to end at the right hand side of an 800 by 600 pixel screen.  This is important for non-flexible content.  It differs from centerfill and centercontent in that it does not re-size with the screen.*/
#midcenter {
    BACKGROUND: #fff;
    MARGIN-LEFT: 210px;
    width: 550px;
    voice-family: inherit;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px groove #8b0000;
    text-align: left;
}

/*centerfill starts after the left-hand column and extends all the way across the screen.  However, it is set up for a maximum width of about 700px.  It is primarily used for articles.*/
#centerfill {
    BACKGROUND: #fff;
    MARGIN-LEFT: 210px;
    max-width: 55em;
    width:expression(document.body.clientWidth > 900? "58em": "auto" );
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px groove #8b0000;
    text-align: left;
}

#centerfill_exp {
    BACKGROUND: #fff;
    MARGIN-LEFT: 210px;
    max-width: 55em;
    width:expression(document.body.clientWidth > 900? "700px": "auto" );
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    border: 1px groove #8b0000;
    text-align: left;
}

/*The stats section covers the entire page.  It has no left or right columns.  The statsexp division is to be used within the stats div.  It holds the explanation for stats, and is narrower than the overall page.*/
#stats {
    BACKGROUND: #fff;
    MARGIN-LEFT: 5px;
    Margin-Right: 5px;
    voice-family: inherit;
    TEXT-ALIGN: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
    border: 1px groove #8b0000;
}

#statsexp {
    BACKGROUND: #fff;
    MARGIN-LEFT: 5px;
    Margin-Right: 5px;
    voice-family: inherit;
    TEXT-ALIGN: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
    max-width: 60em;
}
th {
    font-size:12px;
    font-family:arial,sans-serif;
}
th a {
    font-size:12px;
    font-family:courier;
}

/*This division has a set width of 800 pixels, and is centered in the middle of the page.  Unfortunately, the centering only works in Mozilla, so I've had to insert a table on those pages where I want to center the column.  Once IE becomes compliant, we can simply remove the tables, and this underlying code will work.*/
#center {
    BACKGROUND: #fff;
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    font-family: arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

#centerbox {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 0em;
    border: 2px groove #CC0000;
    text-align: left;
}


#graphcenter{
    BACKGROUND: #fff;
    MARGIN-LEFT: 5px;
    Margin-Right: 5px;
    voice-family: inherit;
    TEXT-ALIGN: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
    border: 1px groove #8b0000;
}

/*This is for the yet-to-be created team pages.*/
#graphs {
    BACKGROUND: #fff;
    width: 600px;
    padding: 5px;
    float: left;
    position: absolute;
    border-right: 1px ridge #999;
    margin: 10px;
    text-align: left;
}


/* CALENDAR  --> These are a bunch of settings for the calendars.  */

.calendarBG {
    background-color: #A9C4c5; 
}

.calendarBlank {
    background-color: #A9C4c5;
}

.calendarHeader {
    font-weight: bold; 
    text-align: center;
    background-color: #eeeeee;
    height: 20px;
}

.calendarMonthLinks {
    font-family:    Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size:      11px;
    font-weight:    bold;
    letter-spacing: .1em;
    text-decoration:none;
    background-color:transparent;
}

.calendarMonthLinks a {
    text-decoration:   none;
    background-color:  transparent;
}

.calendarMonthLinks a:visited {
    text-decoration:   none;
    background-color:  transparent;
}

.calendarMonthLinks a:hover {
    text-decoration:   underline;
    background-color:  transparent;
}

.calendarDayHeading {
    font-weight: bold; 
    font-size:  11px;
    color: #fff; 
    background-color: #336699; 
    text-align:  center;
    vertical-align: middle;
}

.calendarToday {
    font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size:         12px;
    font-weight:        bold;
    letter-spacing: .1em;
    text-decoration:   none;
    text-align:  center;
    vertical-align: middle;
    color:             #000;
    background-color:   #f9f9ff;
    padding: 3px;
}

.calendarCell {
    font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size:12px;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    text-align:center;
    vertical-align: middle;
    color:#666;
    background-color:#fff;
    padding:3px;
}

.bigcalendarCell {
    font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size:12px;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    text-align:left;
    width:14%;
    height:125px;
    vertical-align: top;
    color:#666;
    background-color:#fff;
    padding:3px;
}

.bigcalendarToday {
    font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size:         12px;
    font-weight:        bold;
    letter-spacing: .1em;
    text-decoration:   none;
    text-align:  left;
    vertical-align: top;
    color:             #000;
    background-color:   #f9f9ff;
    padding: 3px;
}

.calendar-head {
    font-family:verdana;
    font-size: 11px;
    font-weight:normal;
    padding:2px;
    letter-spacing: .3em;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold; 
    background-color: #bebebe; 
    color:#F9EAA7; 
}

.calendar-link a {
    font-size: 11px;
    font-family: verdana;
    text-decoration: none;
    color:#F9EAA7;
}

.calendar-link a:hover {
    color: #B78376;
}

tr.cal3 {
    height: 20px;
}

input.text {
    width:30px;
}

/* styles for stats pages */
#tableForm {
    border: 1px solid silver;
    background-color:#f9f9f9;
    width: 35em;
    padding:5px;
    padding-bottom:3px;
    margin-bottom:3px;
}
table.tableForm {
    border:none;
    padding:0px;
    margin:0px;
}

#tableForm td {
}


#tableForm hr {
    padding:0px;
    margin:0px;
    height:1px;
    width:96%;
}
#tableForm form {
    padding:0px;
    margin:0px;
}

#tableForm input{
    margin:0px;
}

table.nav_player_page {
  border:1px solid #336699; 
  border: 1px solid silver;
  background:#f9f9f9;
  padding-bottom:0px;
  margin-bottom:0px;
}

table.nav_stats_page{
  border:none;padding-bottom:0px;margin-bottom:0px;
}

/* styles for individual player stats page */

.ind_player {
    background:white;
}

h1.playerInfo {
    padding-bottom:0px; 
    margin-bottom:0px; 
    font-family: Arial, sans-serif;
}

table.playerInfo {
    border:none;
}

td.playerInfo {
    padding:2px;
    padding-left:5px;
    padding-top:0px;
    margin:2px;
    margin-top:0px;
    border:none;
    font-weight:bold;
}

#playerInfo {
    background: #fff;
    margin-bottom:10px; 
}
.pv_table table {
    border:1px solid #f2f2f2;
    border-collapse:collapse;
    background:white;
}
table.pv_table {
    background:white;
}
.pv_table tr {
    border:1px solid #dcdcdc;
    background:white;
}
.pv_table td {
    padding:5px;
    border:none;
    border-left:1px solid #f2f2f2;
    border-right:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
}
.pv_table th {
    background:#dcdcdc;
    border:none;
    border-left: 1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
}
/***********************************************
*      sparkline styles
***********************************************/

.submenu { 
    border-top: 1px solid silver;
    /*    border-bottom: 1px solid silver;
    */
    padding: 5px;
    margin: 3px;
}
.submenu > h2 {
    padding-top: 0px;
    margin-top:0px;
    padding-bottom: 0px;
    margin-bottom:0px;
}


/***********************************************
*     Standings Styles 
***********************************************/

table.standings {
    border:none;
    margin-top:5px;
}
table.standings  td {
    font-family: courier;
    padding-top:1px;
    padding-bottom:1px;
}

table.standings th {
    text-align:left;
}

table.standings td.center {
    text-align:center;
}

#leaderboard_container {
    margin:10px;float:left;
}
table#leaderboard_container {
    margin:0px;
    border:none;
}

.leaderboard {
    float:left; margin:5px;
    font-size:1em;
}
td.leaderboard_outer_td {
    vertical-align:top;
}
label {
    color: #8B4500;
}

span.page_title {
    font-weight:bold;
}
a.whatsthis {
    font-size:11px;
    font-weight:normal;
}

div.ind_player  div#statsexp {
  width:55em;
  padding-left:0px;
  padding-right:0px;

}


/***********************************************
*     Tables for page setups
***********************************************/

#leftcoltab {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-right:1px solid #8b0000;
}

#centcoltab {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	PADDING-TOP: 2px;
	BACKGROUND-color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
}

#rightcoltab {
        width: 175px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-color: #f9f9ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
        text-align: left;
	border-left:1px solid #8b0000;
}


#centfillcoltab {
	BACKGROUND: #fff;
        width: 55em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
        padding-right: 15px;
	padding-top: 2px;
        text-align: left;
}

#midcentcoltab {
	BACKGROUND: #fff;
        width: 550px;
	voice-family: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
        text-align: left;
}

#statscoltab {
	BACKGROUND: #fff;
	voice-family: inherit;
	TEXT-ALIGN: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 2px;
	border: 1px groove #8b0000;
}