@import url(Navigation.css);
@import url(Breadcrumb.css);
@import url(GenericMenu.css);
@import url(Tooltips.css);
@import url(RosterCentralGrids.css);
@import url(RosterCentralCharts.css);
@import url(RosterCentralTooltips.css);
@import url(WeekNavigation.css);
@import url(DetailPopup.css);
@import url(Print.css);
@import url(ReportsTab.css);

body {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-family: Tahoma, sans-serif;
	font-size: smaller;
	color: black;
	background: #f2f2f2 url(../img/shortcutstrip_back.png) no-repeat;
}

#loginPanel {
	width: 384px;
	margin-top: 32px;
}

	#loginPanel .required {
		color: red;
	}

	#loginPanel tr td:first-child {
		width: 135px;
		text-align: right;
	}

	#loginPanel input[type=text], #loginPanel input[type=password] {
		width: 150px;
	}

label, .label {
	font-weight: normal;
}

.staticMessage {
	padding: 25px;
	vertical-align: middle;
	text-align: center;
	margin: 25px auto;
}

.promptForNewPassword, .promptForUnit {
	font-size: medium;
	border: solid 1px #026fc2;
	background-color: #fafafa;
	width: 245px;
	height: 108px;
}

	.promptForNewPassword span.label, .promptForNewPassword span.input, .promptForUnit span.label, .promptForUnit span.input {
		margin-left: 1ex;
		height: 1.5em;
		line-height: 1.5em;
		vertical-align: middle;
	}

.landerscreenshot {
	position: absolute;
	top: 350px;
	left: 0;
	background: url(../img/lander_screenshot.png) no-repeat;
	height: 245px;
	margin-left: 0;
	width: 384px;
}

.landerFrame {
	position: absolute;
	top: 150px;
	margin-left: 450px;
	width: 500px;
	background: #ffffff;
}

.landerTextGroup {
	margin-top: -230px;
	margin-left: 20px;
}

.landerText, .landerTextPassword {
	padding-top: 10px;
	padding-left: 25%;
	padding-right: 10px;
}

.landerText {
	padding-bottom: 10px;
}

.landerTextPassword {
	padding-bottom: 0;
}

.landerFrame .landerAboutImage {
	background: url(../img/lander_about.jpg) no-repeat;
	width: 200px;
	height: 200px;
	margin-top: 30px;
}

.copyrightText {
	text-align: right;
	color: Gray;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-right: 10px;
}

table.structure {
	margin-left: -2px;
    table-layout: fixed;
}

#pageContent {
	margin-top: 7px;
	margin-left: 155px;
	overflow: hidden;
	margin-right: 5px;
}
#mvcPageContent {
	margin-top: 7px;
	margin-left: 175px;
	overflow: hidden;
	margin-right: 5px;
}
#mvcPageContent table {
    border-spacing: 0;
}
#mvcPageContent table td {
    padding: 3px;
}
#mvcPageContent table td:first-child {
    width: 250px;
    background-color: #dcdcdc;
}

.navigation {
	vertical-align: top;
	width: 155px;
	padding: 0;
}

.content {
	vertical-align: top;
	width: 100%;
}

.alert_cell {
	font-weight: bold;
	font-size: 40px;
	color: white;
	background-color: red;
}

.message {
	font-weight: normal;
	color: #0000cc;
}

table.datatable {
	border: 0;
	background-color: #e4ece0;
}

.subheader_panel {
	background-color: #e7e0c6;
}

.header_top {
	font-size: 200%;
	vertical-align: baseline;
	color: white;
	background-color: #9aa67a;
	text-align: left;
}

.header_mid {
	color: white;
	font-size: +1;
	vertical-align: baseline;
	background-color: #cc0033;
	text-align: left;
}

.header_bottom {
	color: white;
	font-size: +1;
	font-weight: bold;
	vertical-align: baseline;
	background-color: #566b21;
	text-align: left;
}

.navstrip {
	color: white;
	font-size: +3;
	font-weight: bold;
	background: #607182 url(../img/navstripback.png) repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: middle;
	text-align: left;
}

	.navstrip span {
		/* Used by the image */
		line-height: 32px;
		vertical-align: middle;
		margin-left: 5px;
	}

	.navstrip label {
		vertical-align: middle;
		line-height: 32px;
		padding-left: 5px;
	}

.navstrip_text {
	color: white;
	font-size: +3;
	font-weight: bold;
	vertical-align: baseline;
	text-align: left;
}

.navstripoutline {
	color: white;
	font-size: +3;
	font-weight: bold;
	vertical-align: baseline;
	background-color: #746238;
	text-align: left;
}

.tab_strip {
	background-image: url(../img/tab_strip.gif);
	margin-left: 2px;
}


.section_header {
	font-weight: bold;
	font-size: +2;
	color: White;
	background-image: url(../img/border_topmiddle.png);
}

.alert_section_header {
	font-weight: bold;
	font-size: +2;
	color: White;
	background-image: url(../img/alertheadback.jpg);
}

.section_subheader {
	font-size: +1;
	color: black;
	background-color: #9bb68d;
	background-image: url(../img/subheadback.jpg);
}

.section_colheader {
	font-size: +1;
	color: black;
	background-color: #9bb68d;
	background-image: url(../img/column_header_back.jpg);
	vertical-align: bottom;
}

.subsection_pager {
	background-image: url(../img/subheadback.jpg);
	height: 10px;
	color: White;
	margin-left: 20px;
}

.admin_section_header {
	font-weight: bold;
	font-size: +1;
	color: White;
	background-color: #99cccc;
}

.admin_section_subheader {
	font-size: +1;
	color: #523c26;
	background-color: #99cccc;
}

.admin_subsection {
	background-color: #e7e0c6;
}

.content_header {
	font-weight: bold;
	font-size: +1;
	color: #998c69;
}

.content_normal {
	font-weight: normal;
	color: black;
}

.content_normal_numeric {
	font-weight: normal;
	color: black;
	text-align: right;
}

.navigation_header {
	font-weight: bold;
	font-size: +2;
	color: black;
	background-image: url(../img/navigationback.jpg);
}

.navigation_list {
	width: 158px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

	.navigation_list ul {
		width: 158px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	.navigation_list li {
		margin-top: 1ex;
		list-style-type: none;
		height: 44px;
		width: 158px;
	}

	.navigation_list a {
		padding-top: 7px;
		padding-left: 7px;
		font-size: 78%;
		font-weight: bold;
		line-height: 2em;
		height: 42px;
		background-image: url(../img/transparent.gif);
		display: list-item;
		width: 158px;
		margin-bottom: 1px;
		color: #004478;
	}

	.navigation_list img {
		vertical-align: middle;
	}

	.navigation_list a:hover {
		background-image: url(../img/nav_highlight.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		border-bottom: solid 1px #d58d1b;
		margin-bottom: 0px;
		display: inline-block;
		width: 152px;
	}

	.navigation_list a.selected_group {
		vertical-align: middle;
		background-image: url(../img/navigation_selected.png);
		background-repeat: no-repeat;
		text-decoration: none;
		margin-left: 2px;
		width: 158px;
		display: list-item;
	}

		.navigation_list a.selected_group:hover {
			vertical-align: middle;
			background-image: url(../img/navigation_selected.png);
			border-bottom: none;
			text-decoration: none;
			margin-bottom: 1px;
			width: 158px;
		}

.error {
	font-size: -1;
	color: #ff0000;
}

.warning {
	font-size: -1;
	color: #0033ff;
}

.message {
	font-size: -1;
	color: #0033cc;
}

a {
	text-decoration: none;
	color: #004e8c;
}

	a.light {
		font-size: -1;
		color: #ffffff;
		text-decoration: none;
	}

		a.light:hover {
			font-weight: bold;
			font-size: -1;
			color: #ffffff;
			text-decoration: none;
		}

	a.normal {
		font-size: -1;
		color: #998c69;
		text-decoration: none;
	}

		a.normal:hover {
			font-weight: bold;
			font-size: -1;
			color: #998c69;
			text-decoration: none;
			background-color: #f0f2ee;
		}

.admin_section_header {
	font-weight: bold;
	font-size: +1;
}

h1 {
	font-weight: bold;
	font-size: 20px;
	height: 30px;
	color: white;
	background-color: #0072c6;
	white-space: nowrap;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	padding-top: 4px;
	padding-bottom: 2px;
	clear: both;
	margin: 0 0 0 0;
	background-image: url(../img/navstripback.gif);
}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: #004e8c;
	background-color: #c9d6ea;
	white-space: nowrap;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2px;
	border: solid 1px #93add5;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	color: #004e8c;
	background-color: #c9d6ea;
	white-space: nowrap;
	padding-left: 159px;
	padding-right: 0.5ex;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2px;
	border: solid 1px #93add5;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}

.banner {
	position: relative;
	margin: 0px 0px 0px 0px;
	background: url(../img/Header_middle.png);
	background-repeat: repeat-x;
	height: 53px;
	width: 100%;
}

.banner_right {
	background-image: url(../img/Header_right.png);
	height: 53px;
	width: 433px;
	font-size: 11px;
	color: #004478;
	margin: 0px 0px 0px 0px;
}

.banner_right .username {
	width: 135px;
}

.banner_right.banner_right_change_password {
	background-image: url(../img/Header_right_change_password.png);
}

.banner_right.banner_right_change_password .username {
	width: 146px;
}

.banner_right_blank {
	background-image: url(../img/Header_right_blank.png);
	height: 53px;
	width: 433px;
	margin: 0px 0px 0px 0px;
}

.banner_bottom_right {
	background-image: url(../img/header_right_bottom.png);
    text-align: right;
    color: white;
	padding: 0 0 0 0;
	height: 47px;
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
	font-size: 11px;
	float: right;
}
.banner_bottom_right > #gatherStatus {
    position: relative;
    margin:5px;
    
}
.timehead {
	margin: 0px;
	padding: 0;
	font-size: .8em;
	color: #ffffff;
	background-color: #0072c6;
	background-image: url(../img/timehead_back.gif);
	border: 1px solid #0060aa;
	height: 17px;
}

a.userPassword {
	color: #004478;
}

	a.userPassword:hover {
		text-decoration: underline;
	}

.bannershadow {
	margin: 0;
	width: 100%;
	height: 3px;
	font-size: 0%;
	background-image: url(../img/bannershadow.jpg);
	background-repeat: repeat-x;
}

/* End styles for the <div> at the top of the page */
.eventlinkon {
	background-image: url(../img/eventon.jpg);
}

.section_pager {
	BACKGROUND-IMAGE: url(../img/subheadback.jpg);
	height: 14px;
	color: White;
	margin-left: 20px;
}

.HelpTitle {
	font-size: +2;
	vertical-align: baseline;
	text-align: left;
}

.HelpTitleSub {
	FONT-SIZE: +1;
}

.HelpTitleSub2, .HelpTitleSub, .HelpTitle {
	FONT-WEIGHT: bold;
	COLOR: #2a680b;
	Text-decoration: underline;
}

.HelpLrgText {
	FONT-SIZE: +2;
}

.HelpMediumText {
	FONT-SIZE: -1;
}

.HelpSmallText {
	FONT-SIZE: -2;
	COLOR: black;
}

#helpleftbanner, #helpleftbannercontents {
	FLOAT: left;
	WIDTH: 227px;
	MARGIN-RIGHT: -3px;
	MARGIN-LEFT: 0px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 72px;
}

#helpleftbanner {
	BACKGROUND-IMAGE: url(../img/topstripleft_help.jpg);
}

#helpleftbannercontents {
	BACKGROUND-IMAGE: url(../img/topstripleft_helpcontents.jpg);
}

.highlight {
	font-weight: bold;
}

table.errors_panel {
	border-style: none;
	height: 16px;
	width: 100%;
}

	table.errors_panel td {
		border-width: 0px;
		border-style: none;
		border-collapse: collapse;
	}

.commandPanel {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 60%;
}

	.commandPanel div {
		text-align: right;
		vertical-align: middle;
		margin: 2px;
	}

	.commandPanel span.label {
		float: left;
		width: 40%;
		text-align: right;
		font-weight: normal;
		margin-right: 1ex;
		height: 1.8em;
		line-height: 1.8em;
		vertical-align: middle;
	}

	.commandPanel span.input {
		height: 1.8em;
		clear: both;
	}

	.commandPanel span.list, .commandPanel span.input {
		float: right;
		width: 55%;
		text-align: left;
	}

	.commandPanel span.info {
		float: right;
		width: 90%;
		text-align: left;
		height: 1.8em;
		clear: both;
	}

	.commandPanel input, .commandPanel select, .commandPanel option, .commandPanel textarea {
		width: 250px;
		color: #004e8c;
		vertical-align: top;
	}

.tab_strip {
	background-image: url(../img/header_middle_bottom.png);
	/*background-repeat: repeat-x;*/
	height: 47px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	.tab_strip a {
		display: inline-table;
		float: left;
		padding-left: 7px;
		width: 140px; /* i.e. 147px in all */
		background-image: url(../img/tab_section_off_2.jpg);
		background-repeat: no-repeat;
		color: white;
		vertical-align: top;
		padding-top: 11px;
		height: 36px; /* ie 47px total */
		font-size: 12px;
		font-weight: bold;
	}

		.tab_strip a.current, .tab_strip a.current:hover {
			background-image: url(../img/tab_section_on_2.png);
			font-size: 14px;
			font-weight: bolder;
			color: white;
			padding-left: 8px;
			width: 158px; /* ie 166px total */
		}

		.tab_strip a:hover {
			background-image: url(../img/tab_section_off_hot_2.jpg);
			color: #824e02;
			text-decoration: none;
		}

		.tab_strip a.help, .tab_strip a.help:hover {
			background-image: none;
			display: inline-block;
			width: auto;
			position: absolute;
			right: 0;
			padding-top: 4px;
			padding-bottom: 0px;
		}

	.tab_strip img {
		border: none;
		margin-top: 0px;
		vertical-align: top;
	}

.button_bar {
	margin-top: 1em;
	padding-top: 1ex;
	border-top: solid #5d88bf 1px;
}

.button_bar_top {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-bottom: 1ex;
	border-bottom: solid #5d88bf 1px;
}

.titleBar {
	width: 100%;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: solid 1px #0060aa;
}

	.titleBar span {
		position: absolute;
		right: 0;
		top: 1.5ex;
		text-align: right;
		margin: 0 0 0 0;
	}

	.titleBar input {
		font-size: .8em;
	}

.titleBar2 {
	width: 100%;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	font-size: 16px;
	min-height: 30px;
	color: white;
	background-color: #0072c6;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 2px;
	clear: both;
	margin: 0 0 0 0;
	background-image: url(../img/navstripback.gif);
	border-bottom: solid 1px #0060aa;
	z-index: 1000;
}

	.titleBar2 span {
		margin: 0 0 0 0;
	}

	.titleBar2 input {
		font-size: .8em;
	}


ul.navigation_list img.icon {
	border: none;
}

img.issuesHelpIcon {
	border-width: 0px;
}

img.icon16 {
	width: 16px;
	height: 16px;
	border-width: 0px;
	vertical-align: middle;
}

.redWarn{
    background-image: url(../img/metric_red_16.png);
	background-repeat: no-repeat;
    width: 16px;
	height: 16px;
}

.yellowWarn{
    background-image: url(../img/metric_yellow_16.png);
	background-repeat: no-repeat;
    width: 16px;
	height: 16px;
}

.metricsHeading, .problemUnitsHeading, .breadcrumbHeading {
	font-size: 8pt;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	color: #3888cb;
	border-bottom: solid 1px #3888cb;
	margin-top: 5px;
}

.breadcrumbHeading {
	z-index: 1000;
}

.problemUnitsHeading {
	margin-bottom: 10px;
}

.passwordMessage, .trace {
	margin-top: 10px;
}

img.userAccount, img.orgUnit {
	border: none;
}

.distributionControls {
	border: solid 1px #6d6d6d;
	width: 836px;
	margin-left: 2px;
	padding: 2px;
	background-color: White;
	margin-bottom: 2px;
	height: 100%;
}

.statusControls {
	border: solid 1px #6d6d6d;
	width: 90%;
	margin-left: 2px;
	margin-right: 2px;
	padding: 2px;
	background-color: White;
	margin-bottom: 2px;
	height: 100%;
}

.trace {
	margin-left: 10px;
	font-size: 1.2em;
}

#scorecard {
}

.national {
	/*background-color: #ddddff !important;*/
}

.local {
	background-color: #fffdcc !important;
}

	.local th {
		background-color: #E0E3AC !important;
	}

#filterPanel table {
	empty-cells: hide;
	font-size: 80%;
}

	#filterPanel table td {
		vertical-align: top;
	}

#filterPanel span {
	display: inline-block;
}

#filterPanel .label {
	width: 140px;
	font-weight: bold;
	margin-right: 4px;
}

#filterPanel div .span {
	font-weight: normal;
}

.distributionControls input[type=submit] {
	float: right;
	position: relative;
}

.statusControls input[type=submit] {
	float: right;
	position: relative;
}

#filterLines {
	width: 100%;
}

	#filterLines tr td, #filterLines tr th {
		text-align: center;
	}

		#filterLines tr td:first-child {
			text-align: left;
		}

.NotificationName {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

.NotificationTableHeader {
	font-weight: bold;
	font-size: medium;
}

.NotificationCellHeader {
	width: 110px;
	vertical-align: text-top;
	text-align: right;
}

.NotificationCellDetail {
	width: 200px;
	vertical-align: text-top;
}

.NotificationUDCellHeader {
	width: 168px;
	font-size: smaller;
	text-align: right;
}

.NotificationUDCellDetail {
	width: 50px;
	font-size: smaller;
	text-align: left;
}

.NotificationUDTable {
	border: solid 1px lightgrey;
}

.NotificationUDTableHeader {
	font-weight: bold;
	/*font-size: smaller;*/
}

.NotificationDropDown {
	width: 195px;
}

.notificationsMetrics {
	border: solid 1px lightgrey;
}

.notificationGrid {
	margin-left: 2px;
	margin-right: 5px;
	border: solid 1px #5183c7;
	background-color: white;
	width: 90%;
}

.NotificationSubscription {
	background-image: url(../img/notification_person_16.png);
	width: 60px;
	background-repeat: no-repeat;
	text-align: right;
}

.notificationDel {
	background-color: #fff;
	background-image: url(../img/cross_small_16.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
}

.Outlier_Green {
	background-image:url("../img/highlight_green.jpg");
	height: 100%;
	border: 1px solid RGB(121, 220, 179);
	text-align: center;
}

.Outlier_Red {
	background-image:url("../img/highlight_red.jpg");
	height: 100%;
	border: 1px solid #d13333;
	text-align: center;
}

.Outlier_Yellow {
	background-image:url("../img/highlight_amber.jpg");
	height: 100%;
	border: 1px solid #cd9a0f;
	text-align: center;
}

.Outlier_Blue {
	background-image:url("../img/highlight_blue.jpg");
	height: 100%;
	border: 1px solid #0278b2 ;
	text-align: center;
}

.Outlier{width: 150px;
	}

.Outlier_Parent {
	background-color: #ccc;
	height: 2px;
}

.Outlier_PopupRow {
	line-height: 19px;
	clear: both;
	position: relative;
	text-align: center;
	font-size: 85%;
	width: 100%;
	padding: 2px 2px 2px 2px;
}

.Outlier_PopupTitle {
	float: left;
	font-weight: bold;
	position: relative;
	width: 200px;
	text-align: left;
}

.Outlier_PopupDetail {
	position: relative;
	color: #646464;
	float: left;
	padding-left: 2px;
	width: 150px;
	text-align: left;
}

.Outlier_PopupGrid {
	position: relative;
	width: 360px;
	display: block;
	height: 150px;
	background-color: #fff;
}

.CommentBtn{
    background-image: url(../img/comment_add_16.png);
	background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.RedUpArrow{
    background-image: url(../img/arrow_red_up_16.png);
	background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.FilterSubHeader {
	color: #004478;
	border-bottom: solid 1px #607182;
	padding: 4px;
	width: 100%;
}

.filterPanelCollapsed {
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url(../img/filter_20.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.filterPanelCollapsed:hover {
	background-image: url(../img/filter_hot_20.png);
	width: 20px;
	height: 20px;
}

.filterPanelExpanded {
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url(../img/filter_pressed_20.png);
	background-repeat: no-repeat;
    vertical-align: middle;
}

.filterPanelExpanded:hover {
	background-image: url(../img/filter_hot_20.png);
	width: 20px;
	height: 20px;
}

.labelNone {
	height: 50px;
	background-color: #f0f2ee;
	padding: 5px 5px 5px 5px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	
}

.SettingsTbl{
	width: 100%;
}

.SettingsTblDescrption {
	text-align: right;
	width: 25%;
}

.MetricSettingsTbl{
	width: 80%;
	background-color: #ffffff;
	margin-top: 5px;
}

.MetricSettingsTblDescription {
	text-align: right;
	width: 15%;
	vertical-align: text-top;
}
.MetricSettingsTblDetail {
	width: 35%;
	text-align: left;
	vertical-align: text-top;
}

.MetricSettingsTblThreshold {
	width: 25%;
	text-align: right;
}

.MetricSettingsTblThresholdEntry {
	width: 60px;
}


.MetricSettingsUndeitableEntry {
	color: #646464;
	vertical-align: text-top;
}

.MetricSettingsEntry {
	vertical-align: text-top;
	width: 90%;
}

.MetricsSettingList {
	border-collapse: collapse;
}

.MetricsSettingList tbody td {
	border-bottom: solid 1px lightgrey;
	border-right: solid 1px lightgrey;
}

.WeeklyIssueGrid {
	width: 100%;
	clear: both;
	height: 82px;
}

.ViewDateSel {
	color: #ffffff;
	position: relative;
	vertical-align: top;
	font-size: 11px;
	margin: 1px 3px 1px 1px;
}

.DistributionLegendValue {
	background-color: rgb(1, 111, 193);
	width: 40px;
	border-left: #ffffff solid 15px;
	border-right: #ffffff solid 15px;
}

.DistributionLegendAverage {
	background-color: red;
	width: 40px;
	border-left: #ffffff solid 15px;
	border-right: #ffffff solid 15px;
}

.DistributionLegendDist {
	background-color: rgb(161, 185, 231);
	width: 40px;
}

.validityPane {
	font-size: smaller;
}

.ChangeVisibilityMarker {
	font-size:8px;
	vertical-align: super;
	color: #000;
}

.SingleChkBox{ background-color: #e6e6fa;}