@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	background: #26506d url(/images/layout_background.png) repeat-x;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.teamSection {
	padding: 5px 10px 10px 10px;
	margin-bottom: 30px;
	background-color: #DDDEDE;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

p.tableCaption { 
	color: #0A456E;
	font-weight: bold;
	padding-bottom: 1px;
	text-align: center;
}

span.breadcrumbs {
	float: left;
	color: #F3EEEC;
	height: 22px;
}

span.breadcrumbs > span {
	vertical-align: 10%;
}

span.breadcrumbs > a {
	color: #F3EEEC;
	text-decoration: none;
	display: inline-block;
	padding: 0px 12px 0px 12px;
	height: 100%;
	line-height: 20px;
}

span.breadcrumbs > a:hover {
	text-decoration: underline;
}

span.headerBarButton {
	border-left: 1px solid #932C06;
	height: 22px;
	float: right;
}

span.headerBarButton > a {
	border-left: 1px solid #F19877;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding: 0px 12px 0px 12px;
	height: 100%;
	line-height: 20px;
}

span.headerBarButton > a:hover {
	background-color: #145D91;
}


ul.headlines {
	list-style-image: none;
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 25px;
	list-style-position: inside;
	text-indent: -13px;
}

ul.headlines li {
	margin-bottom: 8px;
}

ul.headlines a {
	color: #063B5F;
	text-decoration: none;
}

ul.pageMenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li.pageMenuItem {
	position: relative;
	cursor: pointer;
	background: url(/images/layout_menu_item.png) no-repeat top left;
	width: 199px;
	height: 46px;
	float: left;
	clear: left;
}

li.pageMenuItemPopup {
	position: relative;
	cursor: pointer;
	background: url(/images/layout_menu_item_popup.png) no-repeat top left;
	width: 199px;
	height: 46px;
	float: left;
	clear: left;
}

li.pageMenuItem:hover, li.pageMenuItemActive {
	background: url(/images/layout_menu_item_hot.png) no-repeat top left;
}

li.pageMenuItemPopup:hover, li.pageMenuItemPopupActive {
	background: url(/images/layout_menu_item_popup_hot.png) no-repeat top left;
}

li.pageMenuItem > a, li.pageMenuItemPopup > a {
	height: 46px;
	width: 199px;
	text-decoration: none;
	color: white;
}

li.pageMenuItem > a > span, li.pageMenuItemPopup > a > span {
	display: table-cell;
	vertical-align: middle;
	width: 199px;
	height: 43px;
	padding: 0px 18px 0px 60px;
	font-size: 11px;
}

ul.pageSubMenu {
	list-style: none;
	list-style-image: none; 
	position: absolute;
	left: 100%;
	top: 10px;
	visibility: hidden;
	border-left: 1px solid #932C06;
	border-right: 1px solid #932C06;
	border-top: 1px solid #932C06;
	padding: 0px;
	margin: 0px;
	background-color: #E24A12;
}

li.pageSubMenuItem {
	white-space: nowrap;
	cursor: pointer;
	margin: 0px;
	border-top: 1px solid #F19877;
	border-bottom: 1px solid #932C06;
}

li.pageSubMenuItemArrow {
	background-image: url(/images/layout_submenu_item_arrow_off.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}

li.pageSubMenuItem:hover, li.pageSubMenuActive {
	border-top: 1px solid #69A1C8;
	background-color: #145D91;
}

li.pageSubMenuItemArrow:hover, li.pageSubMenuItemArrowActive {
	background-image: url(/images/layout_submenu_item_arrow_on.gif);
}

li.pageSubMenuItem > a {
	text-decoration: none;
	font-weight: normal;
	color: white;
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
}

li.pageSubMenuItem > a > span {
	display: table-cell;
	width: 100%;
	height: 100%;
	font-size: 11px;
	padding: 5px 16px 6px 21px;
}




.menuOff, .menuOn {
	white-space: nowrap;
	margin: 0px 3px 0px 3px;
	color: #000000;
	text-decoration: none;
	position: relative;
	border: 1px solid transparent;
	cursor: pointer;
}

.menuOn {
	color: #FFFFFF;
	background-color: #E5501E;
	border: 1px solid #606060;
}

.menuOff > img, .menuOn > img {
	border-width: 0px;
	position: relative;
	padding: 3px 6px 3px 3px;
	cursor: inherit;
	vertical-align: middle;
}




div.tooltip {
	background-color: #DEDEDF;
	color: 145D19;
	border: 1px solid #404040;
	padding: 7px 15px 7px 15px;
}


ul#tabs {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul#tabs li {
	display: inline;
}

ul#tabs li a {
	color: #404040;
	background-color: #C0C0C0;
	border: 1px solid #808080;
	border-bottom: none;
	padding: 5px 10px 0px 10px;
	text-decoration: none;
}

ul#tabs li a:hover {
	background-color: #F0F0F0;
}

ul#tabs li a.selected {
	color: #000000;
	background-color: #F0F0F0;
	font-weight: bold;
	padding-bottom: 1px;
}

div.tabContent {
	border: 1px solid #404040;
	padding: 10px;
	background-color: #F0F0F0;
}

div.tabContent.hide {
	display: none;
}



/* CALENDAR STYLES *************************************************************************************************************************/

div.calendar {					/* main calendar div */
	position: relative;
	border: 1px solid #932C06;
}

.calendar table {				/* main calendar table */
	border: 1px solid #E24A12;
	color: #000000;
	cursor: default;
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, sans-serif;
}

/* calendar header -- contains navigation buttons and day names. */

.calendar thead td.button {		/* "<<", "<", ">", ">>", and "X" buttons have this class */
	text-align: center;
	padding: 2px;
}

.calendar thead td.hilite {		/* how do the buttons in header appear when hover */
	background: #E24A12;
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px;
}

.calendar thead td.active { 		/* active (pressed) buttons in header */
	background: #932C06;
	padding: 2px 0px 0px 2px;
}

.calendar thead td.title {		/* this holds the current "month, year" */
	font-weight: bold;			/* pressing it will take you to the current date */
	text-align: center;
	background: #FFFFFF;
	color: #000000;
	padding: 2px;
}

.calendar thead tr.headrow {	/* row containing navigation buttons */
	background: #932C06;
	color: #FFFFFF;
}

.calendar thead tr.daynames {	/* row containing the day names */
	background: #E24A12;
}

.calendar thead td.name {		/* cells containing the day names */
	border-bottom: 1px solid #444444;
	padding: 2px;
	text-align: center;
	color: #FFFFFF;
}

.calendar thead td.weekend {	/* cells containing a weekend day name */
	color: #FFFFFF;
}

/* calendar body -- contains all the days in month. */

.calendar tbody tr.daysrow {	/* normal row */
	background-color: #E9E7E6;
}

.calendar tbody tr.emptyrow { 	/* empty row (some months need less than 6 rows) */
	display: none;
}

.calendar tbody tr.rowhilite {	/* a hilited (hovered) row) */
	background-color: #E9E7E6;
}

.calendar tbody td.day { 		/* cells containing day numbers */
	width: 2em;
	color: #000000;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody td.weekend {	/* cells showing weekend day numbers */
	color: #888888;
}

.calendar tbody tr.rowhilite td {			/* cells in a hilited row */
}

.calendar tbody tr.rowhilite td.hilite {	/* hovered cell in a hilited row */
	background: #E24A12;
	padding: 1px 3px 1px 1px;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.calendar tbody tr.rowhilite td.active {	/* active (pressed) cell */
	background: #932C06;
	padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {	/* cell showing selected date */
	font-weight: bold;
	border: 1px solid #000000;
	padding: 1px 3px 1px 1px;
	background: #FFFFFF;
	color: #000000;
}

.calendar tbody tr.rowhilite td.selected {	/* cell showing selected date in hilited row */
	font-weight: bold;
	border: 1px solid #000000;
	padding: 1px 3px 1px 1px;
	background: #FFFFFF;
	color: #000000;
}

.calendar tbody td.today {		/* cell showing todays date */
	font-weight: bold;
	color: #000000;
}

.calendar tbody td.emptycell {	/* empty cells (the best is to hide them) */
	visibility: hidden;
}


/* calendar footer -- status bar */

.calendar tfoot tr.footrow {	/* row in footer (only one right now) */
	text-align: center;
}

.calendar tfoot td.ttip {		/* status bar cell */
	background: #FFFFFF;
	color: #444444;
	border-top: 1px solid #444444;
	padding: 1px;
}

/* calendar combo boxes (menus that display months/years for direct selection) */

div.combo {						/* main drop down container */
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #444444;
	background-color: #E9E7E6;
	color: #000000;
	font-size: 11px;
}

.combo .label {					/* normal label */
	width: 100%;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
}

.combo .hilite {				/* hovered label */
	background: #E24A12;
	color: #FFFFFF;
}

.combo .active {				/* selected label */
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	background-color: #E24A12;
	font-weight: bold;
	color: #FFFFFF;
}