/* CSS Document */

.red h1 { margin:0; padding:0; color: #8c0c0d; font-weight: bold; font-size: 23px;  margin: 10px 0px; line-height:140%; }

.blue h1 { margin:0; padding:0; color: #03366e; font-weight: bold; font-size: 23px;  margin: 10px 0px; line-height:140%; }

.green h1 { margin:0; padding:0; color: #277029; font-weight: bold; font-size: 23px;  margin: 10px 0px; line-height:140%; }



.green table.bb_table TH, .red table.bb_table_wide TH { font-size: 12px; color: #277029; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }

.red table.bb_table TH, .red table.bb_table_wide TH { font-size: 12px; color: #8c0c0d; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }

.blue table.bb_table TH, .blue table.bb_table_wide TH { font-size: 12px; color: #03366e; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }



.green table.bb_table_wide TH, .red table.bb_table_wide TH { font-size: 12px; color: #277029; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }

.red table.bb_table_wide TH, .red table.bb_table_wide TH { font-size: 12px; color: #8c0c0d; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }

.blue table.bb_table_wide TH, .blue table.bb_table_wide TH { font-size: 12px; color: #03366e; font-weight:bold; height: 30px; border-bottom: solid 3px #212121; padding-right: 10px; }



.blue STRONG {color: #03366e; }

.red STRONG {color: #8c0c0d; }

.green STRONG {color: #277029; }



table.bb_table { background: #f8f8f8; border-top: dotted 1px black;border-right: dotted 1px black;border-left: dotted 1px black;   }

table.bb_table th { padding: 0px 3px; background:#ebebeb;  }

table.bb_table td { font-weight:normal; height:3px; border-bottom: dotted 1px black; color:black; padding: 0px 3px;  }

table.bb_table tr.totals { background:#666; padding:0px 3px; }

table.bb_table tr.totals td { color:white;padding:0px 3px; }



table.bb_table_wide { background: #f8f8f8;border-top: dotted 1px black;border-right: dotted 1px black;border-left: dotted 1px black;   }

table.bb_table_wide th {  padding:0px 3px; background:#ebebeb; }

table.bb_table_wide td { font-weight:normal; height:20px; border-bottom: dotted 1px black; color:black; padding:0px 3px;  }

table.bb_table_wide tr.totals { background:#666; padding:0px 3px; }

table.bb_table_wide tr.totals td { color:white;padding:0px 3px; }





span.alert

{

	color: #cc0000;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #fe7b7a;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #fe7b7a;

	background:#ffd6d6 url(/templates/jh_fastball/images/status-alert.png) no-repeat 10px 50%;



}



span.alert, span.info, span.download, span.note



{

	display: block;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 45px;

	margin-top: 15px;

	margin-right: 0pt;

	margin-bottom: 15px;

	margin-left: 0pt;

}



.message {

	color: #03366E;

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #03366E;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #03366E;

	padding: 8px;

	padding-left: 35px;

	background:#ebebeb url(/templates/jh_fastball/images/balldark.jpg) no-repeat 10px 50%;

}



a.columnup:link, a.columnup:visited {

	text-decoration: none;

	padding-left: 8px;

	background:url(/templates/jh_fastball/images/arrow-up.png) no-repeat left center;

}



a.columnup:hover {

	text-decoration: underline;

}



a.columndown:link, a.columndown:visited {

	text-decoration: none;

	padding-left: 8px;

	background:url(/templates/jh_fastball/images/arrow-down.png) no-repeat left center;

}



a.columndown:hover {

	text-decoration: underline;

}



a.column:link, a.column:visited {

	text-decoration: none;

	padding-left: 8px;

}



a.column:hover {

	text-decoration: underline;

}



/* Calendar Styles; */

#monthViewCalendar{ margin: 0 7px 7px 7px}

#monthViewCalendar table{ width: 100%; border-collapse: collapse; border: none; table-layout:fixed; word-wrap: break-word}

#monthViewCalendar caption, #month_navigation h2{ font-size: 21px; line-height: 175%; font-weight: bold; text-align: center}

#monthViewCalendar caption a, #miniCalendar caption a, #month_navigation h2 a{ text-decoration: none}

#monthViewCalendar th, #miniCalendar th{ text-align: center; background-image: url(/app_images/pageOptionsBody.jpg); background-repeat: repeat-x; background-position: 0 -95px; color: #666}

#monthViewCalendar th, #monthViewCalendar td{ border: solid 1px #CCC; width: 14%; padding: 4px; vertical-align: top}

#monthViewCalendar td{ height: 75px; text-align: right; background-image: url(/app_images/subtleBackground.jpg); background-repeat: repeat-x; background-color: #F2F2F2}

#monthViewCalendar .dateLink{ margin: 0; font-size: 16px; font-weight: bold}

#monthViewCalendar .today, #miniCalendar .today{ background-image: none; background-color: #FEF0A8}

#miniCalendar .otherMonth{ color: #999}

#monthViewCalendar .otherMonth{ font-size: 16px; font-weight: bold; text-align: right; color: #999}

#monthViewCalendar .vevent{ position: relative; overflow: hidden; margin: 10px 0; padding-top: 5px; line-height: 110%; border-top: solid 1px #CCCCCC}

#monthViewCalendar .vevent h5{ text-align: left}

#monthViewCalendar .vevent .summary{ font-size: 10px; margin: 0}

#monthViewCalendar .vevent .description, #monthViewCalendar .vevent .type{ display: none}

#monthViewCalendar .vevent .tags{ font-style: italic}

#monthViewCalendar .vevent ul, #monthViewCalendar .vevent li{ display: block; margin: 0; padding: 0}

#dayViewCalendar{ width: 100%; float: left; padding: 5px 0 0 0}

#dayViewCalendar h2{ font-size: 21px; line-height: 175%; font-weight: bold; text-align: center}

#dayViewCalendar h2 a{ text-decoration: none}

#dayViewCalendar .odd{ background-color: #EFEFEF}

#dayViewCalendar .location, #dayViewCalendar .tags, #dayViewCalendar .type, .dibItem .location, .dibItem .tags, .dibItem .type{ font-size: 11px; color: #666}

#dayViewCalendar .time, .dibItem .time{ font-weight: normal}

#dayViewCalendar .vevent{ margin: 10px 25px; padding: 10px 0; border-top: 1px solid #CCC}

#dayViewCalendar .pageElementAdmin .vevent{ border-top: none; padding: 0}

#dayViewCalendar .vevent ul{ margin: 0}

#dayViewCalendar .vevent li, #month_list .vevent li, .dibItem .vevent li{ display: block; list-style-type: none; margin: 10px 0 0 0}

select.inputbox{width:100%;max-width:220px;}