﻿a:hover {
	/*color: White;*/
	color: black;
	/*	text-decoration: underline; */
}

a:link {
	color: blue;
}

a, a:active {
	color: black;
	/*	color: #8B4513; */
	/*	color: #385B86; */
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin-top: 2px;
	margin-bottom: 12px;
}

img {
	border: 0px;
	vertical-align: middle;
}

.MenuSection {
	background-color: #3D7AAA;
	color: #FFFFFF;
}

	.MenuSection a {
		color: #FFFFFF;
	}

/*.MenuSection a:hover, a:focus {
            color: #144B66;
        }*/

.outerMost {
	/*background-color: #EEEEEE;*/
	background-color: #FFFFFF;
}

.page {
	width: 1400px;
	border-top: 2px solid #144B66;
	/*border-left: 1px solid #000066;*/
	border-left: 2px solid #144B66;
	/*border-right: 1px solid #000066;*/
	border-right: 2px solid #144B66;
	/*border-bottom: 0px solid #000066;*/
	border-bottom: 2px solid #144B66;
	/*background-color: #EEEEEE;*/
}

.Header {
	/*border-left: 1px solid #000066;
    border-right: 1px solid #000066;
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;*/
}

body {
	/*font-family: Verdana, Tahoma, Arial;*/
	font-size: 8pt;
	margin: 0px;
}

.Memo {
	/*font-family: Arial;*/
	font-size: 10pt;
	font-weight: bold;
}

INPUT {
	font-size: 10pt !important;
	/*font-weight: bold;*/
}

/* Tabs */
.tabOn {
	background-color: #64AE3F;
	color: #FFFFFF;
	font-weight: bold;
	/*font-family: Arial;*/
	padding: 6px;
	font-size: 12pt;
	border: 1px solid #64AE3F;
}

td.divider {
	/*border-right: 1px solid #84C0DF;*/
	border-right: 2px solid #144B66;
}

.tabOff {
	background-color: #B3D68F;
	color: #85A963;
	padding: 6px;
	font-size: 8pt;
	font-weight: bold;
	/*font-family: Arial;*/
	border: 1px solid #B3D68F;
}

.tabPage {
	/*background-color: #F3F7E8;*/
	background-color: #DDDDDD;
}

.sidebar {
	width: 280px;
}

td {
	/* vertical-align: top; */
	font-size: 12pt;
}

.NavMenuItemSpacer {
	/*color: #990011;*/
	color: #144B66;
}

.NavDropDown {
	font-size: 12pt;
	/*font-weight: bold;*/
}

.NavFieldDescriptionLabel {
	/*color:#000066;*/
	color: #144B66;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt !important;
}

.NavFieldDescriptionLabelLeft {
	/*color: White;*/
	color: #144B66;
	font-size: 11px;
	width: 125px;
	text-align: right;
	padding-right: 4px;
}

.NavFieldLabelRequiredLeft {
	color: #ff0000;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	text-align: right;
	padding-right: 4px;
	width: 200px;
}

.NavFieldLabelRequired {
	color: #ff0000;
	font-weight: normal;
	font-style: italic;
}

.NavFieldLabelDisabled {
	/*color:Gray;*/
	color: #A3BECC;
	font-weight: normal;
	font-style: italic;
}

.NavGridViewPagerStyle {
	/*background-color:#c0c0c0;*/
	/*background-color: #A3BECC;*/
	background-color: #DDDDDD;
}

.NavGridViewHeaderStyle {
	/*background-color:#000066;*/
	background-color: #3D7AAA;
	color: White;
	font-size: 12pt;
	Height: 20px;
}

	.NavGridViewHeaderStyle a:link {
		color: White;
		font-style: normal;
		text-align: center;
	}

.NavGridViewAltRowStyle {
	/*background-color:#E0E0E0;*/
	background-color: #A3BECC;
}

.NavGridView Caption {
	font-size: 14pt;
	text-align: left;
	font-weight: bold;
}

.NavGridView {
	border-color: White;
	border-width: 1px;
}


/*.NavGridViewRowStyle
{

}*/

.dataEntryHeader {
	/*background-color:#000066;*/
	background-color: #144B66;
	color: White;
	font-size: 14pt;
	font-weight: bold;
}

.moreActionsPanel {
	height: 0px;
	border-width: thin;
	/*border-color:Gray;*/
	border-color: #144B66;
	border-style: solid;
	background-color: White;
	visibility: hidden;
}

.SelectedLinkButton {
	border-style: outset;
	border-width: 2px;
	/*background-color:#000066;*/
	background-color: #144B66;
}

.UnselectedLinkButton {
	border-style: outset;
	border-width: 2px;
	/*background-color:Gray;*/
	background-color: #144B66;
}

td.taskButtonList {
	vertical-align: top;
	text-align: right;
}

.titleBar {
	color: #ffffff;
	/*font-family: "Trebuchet MS" , Arial;*/
	font-weight: bold;
	/*font-size: 16pt;*/
	font-size: 36pt;
	padding-top: 0px;
	/*padding-left: 2px;*/
	/*background-color: #000066;*/
	background-color: #3D7AAA;
	/*height: 54px;*/
	height: 50px;
	/*vertical-align: top;*/
	vertical-align: middle;
}

.DarkBlueThin {
	padding-top: 0px;
	/*background-color:#000066;*/
	background-color: #144B66;
	height: 3px;
}

.footer {
	/*background-color: #E0E0E0;*/
	/*background-color: #A3BECC;*/
	background-color: #DDDDDD;
}

h1 {
	/*font-family: "Trebuchet MS";*/
	font-size: 8pt;
	/*color: #2C4883;*/
	color: #144B66;
}

.navigation {
	color: #fff;
	background: url(images/titlenavigation.jpg) repeat-x left top;
	height: 50px;
	/*font-family: "Trebuchet MS";*/
	font-size: 8pt;
	padding-top: 2px;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.gridRowAlternate {
	background-color: #FFFFFF;
}

.greenHeader {
	height: 23px; /*background: url(images/greenGradient.jpg) repeat-x top left;*/
}

.orangeBox {
	background-color: #FFFFDF;
	color: #000000;
	width: 100%;
	border-bottom: 4px #FEDCA5 solid;
	border-top: 4px #FEDCA5 solid;
}

.orangeBoxTitle {
	color: #D27C11;
	/*font-family: "Trebuchet MS" , Arial;*/
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	padding: 6px;
}

.orangeBox input {
	color: #E7B76E;
	text-decoration: none;
}

.orangeBox a:active {
	color: #E7B76E;
	text-decoration: none;
}

.orangeBox a:visited {
	color: #E7B76E;
	text-decoration: none;
}

.orangeBox a:link {
	color: #E7B76E;
	text-decoration: none;
}

.orangeBox a {
	color: #E7B76E;
	text-decoration: none;
}

	.orangeBox a:hover {
		color: #E7B76E;
		text-decoration: underline;
	}

.greenBox {
	background-color: #F6F9F3;
	color: #000000;
	width: 100%;
	padding: 6px;
	border-bottom: 4px #70A43C solid;
	border-top: 4px #70A43C solid;
	font-size: 8pt;
	/*font-family: "Trebuchet MS" , Arial;*/
}

.greenBoxTitle {
	color: #70A43C;
	/*font-family: "Trebuchet MS" , Arial;*/
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
}

.greenBox a:active {
	color: #70A43C;
	text-decoration: none;
}

.greenBox a:visited {
	color: #70A43C;
	text-decoration: none;
}

.greenBox a:link {
	color: #70A43C;
	text-decoration: none;
}

.greenBox a {
	color: #70A43C;
	text-decoration: none;
}

	.greenBox a:hover {
		color: #70A43C;
		text-decoration: underline;
	}

.blueBox {
	/*background-color: #EEEEEE;*/
	background-color: #DDDDDD;
	color: #000;
	/*width: 100%;*/
	padding: 6px;
	/*border-bottom: 4px #990011 solid;*/
	border-bottom: 4px #144B66 solid;
	/*border-top: 4px #990011 solid;*/
	border-top: 4px #144B66 solid;
}

	.blueBox a:active {
		/*color: #2C4883;*/
		color: #8B4513;
		text-decoration: none;
	}

	.blueBox a:visited {
		/*color: #2C4883;*/
		color: #8B4513;
		text-decoration: none;
	}

	.blueBox a:link {
		/*color: #2C4883;*/
		color: #8B4513;
		text-decoration: none;
	}

	.blueBox a {
		/*color: #2C4883;*/
		color: #8B4513;
		text-decoration: none;
	}

		.blueBox a:hover {
			/*color: #2C4883;*/
			color: #8B4513;
			text-decoration: underline;
		}

.blueBoxSectionTitle {
	background-color: #ACD5EA;
	color: #5677A5;
	width: 100%;
	/*font-family: "Trebuchet MS" , Arial;*/
}

.blueBoxTitle {
	color: #84C0DF;
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	/*font-family: "Trebuchet MS" , Arial;*/
}
/* Forms */
.boldText {
	/*font-family: "Trebuchet MS" , Arial;*/
	font-weight: bold;
}

.valueText {
	font-weight: normal;
}

.errorText {
	color: #FF0000;
}

.successText {
	color: forestgreen;
}

.breadCrumb {
	/*color: #84C0DF;*/
	color: #A3BECC;
	/*font-family: "Trebuchet MS", Arial;*/
	font-weight: bold;
	font-size: 10pt;
	padding: 6px;
}
span
{
	font-size: 12pt;
}

/* Calendar Style */
.cpYearNavigation,
.cpMonthNavigation {
	background-color: white;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*color:#4863A0;*/
	color: #3D7AAA;
	font-weight: bold;
}

.cpCurrentMonthDate {
	/*font-family: arial;*/
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	/*background-color:#000066;*/
	background-color: #144B66;
}

.cpOtherMonthDate {
	background-color: Silver;
}

.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {
	font-family: arial;
	font-size: 8pt;
}

TD.cpDayColumnHeader {
	text-align: right;
	/*border:solid thin #C0C0C0;*/
	border: solid thin #144B66;
	border-width: 0px 0px 1px 0px;
}


.cpOtherMonthDate,
.cpCurrentDate {
	text-align: right;
	text-decoration: none;
}

.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.cpOtherMonthDate {
	color: #808080;
}

TD.cpCurrentDate {
	background-color: #000066;
	border-width: 1px;
	/*border:solid thin #000000;*/
	border: solid thin #144B66;
	/*border-color: White;*/
	border-color: #144B66;
	font-weight: bold;
}

TD.cpCurrentDateDisabled {
	border-width: 1px;
	/*border:solid thin #FFAAAA;*/
	border: solid thin #144B66;
}

TD.cpTodayText,
TD.cpTodayTextDisabled {
	/*border:solid thin #C0C0C0;*/
	border: solid thin #144B66;
	border-width: 1px 0px 0px 0px;
}

A.cpTodayText,
SPAN.cpTodayTextDisabled {
	height: 20px;
}

A.cpTodayText {
	color: #4863A0;
}

.cpTodayTextDisabled {
	color: #D0D0D0;
}

.cpBorder {
	border: solid thin #6677DD;
}

.CheckBoxListPanel {
	overflow: scroll;
}

.CheckBoxList {
	overflow: scroll;
	font-size: 8pt;
}

.popupControl {
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background: url(Images/clear.png);
}

.modalGreyBackground {
	background: url(Images/grey.png);
}

.modalPopup {
	border-width: 3px;
	/*background-color:White;*/
	background-color: #3D7AAA;
	border-style: solid;
	/*border-color: Gray;*/
	border-color: #144B66;
	padding: 0px;
}

.hoverActive {
	background-color: #ffffcc;
	border-width: 2px;
	border-color: Green;
	border-style: solid;
}

.dropPanels {
	width: 100%;
	height: 100%;
	border: dotted 1px gray;
}

.NotDraggable {
	color: Gray;
}

.FieldSelectionHeaders {
	background-color: #dedede;
	border: solid 1px Gray;
	color: Blue;
	text-align: center;
}

.FieldSelectionGroupHidden {
	display: none;
}

.FieldSelectionGroup {
	border: solid 1px Gray;
	padding-bottom: 1px;
	color: Blue;
}

.TblGridDsplyHrzHdr {
	text-align: center;
}
/*.TblGridDsplyCellDtl
{
}*/
/*.TblGridDsplyVertHdr
{
}*/
.TblGridDsplyHrzHdrRoleMgmt td {
	writing-mode: tb-rl;
	filter: flipH() flipV();
	height: 200px;
	width: 15px;
	vertical-align: top;
	color: Green;
}

.TblGridDsplyCellDtlRoleMgmt td {
	vertical-align: middle;
	color: Red;
}

.TblGridDsplyVertHdrRoleMgmt td {
	vertical-align: middle;
	color: Red;
}

.DualListBox {
	height: 200px;
	width: 250px;
}

#tabs {
	width: 100%;
}

	#tabs ul {
		clear: both;
	}

#tab-links {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	/* the below style works fine if we include csshover3, until you click a date on a calendar control, so just taking it out.
/*#tab-links li:hover
{
	top: 2px;
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	/*cursor:pointer;
}*/

	#tab-links li a {
		color: White;
		font-size: 12pt;
	}

		#tab-links li a:hover {
			color: #000066;
		}

	#tab-links li.selected a:hover {
		color: White;
	}

	#tab-links li {
		margin-right: 2px;
		float: left;
		position: relative;
		top: 8px; /*1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
		padding: 2px;
		background-color: #808080;
		color: White;
		border-top: 1px black solid;
		border-left: 1px black solid;
		border-right: 1px black solid;
		font-size: 10px;
	}

		#tab-links li.selected {
			top: 3px;
			border-top: 3px #000066 outset;
			border-left: 3px #000066 outset;
			border-right: 3px #000066 inset;
			background-color: #000066;
			font-weight: bolder;
			background-position: 100% -125px;
			padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		}

#tab-content {
	background-color: #EEEEEE;
	border-top: 3px #000066 outset;
	border-bottom: 3px #000066 outset;
	border-left: 3px #000066 outset;
	border-right: 3px #000066 outset;
}

#tab-content {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.AttributePanel {
	margin-left: -125px;
	left: 50%;
	position: absolute;
	background-color: #ffffff;
	border: solid 2px Gray;
	cursor: default;
}

.hoverActive {
	background-color: #ffffcc;
	border-width: 2px;
	border-color: Green;
	border-style: solid;
}

.dropPanels {
	width: 100%;
	height: 100%;
	border: dotted 1px gray;
}

.NotDraggable {
	color: Gray;
}

.FieldSelectionHeaders {
	background-color: #dedede;
	border: solid 1px Gray;
	color: Blue;
	text-align: center;
}

.FieldSelectionGroupHidden {
	display: none;
}

.FieldSelectionGroup {
	border: solid 1px Gray;
	padding-bottom: 1px;
	color: Blue;
}

	.FieldSelectionGroup br {
		display: none;
	}

	.FieldSelectionGroup img {
		display: none;
	}

.TwelveMonthCheckboxes {
	display: block;
}

	.TwelveMonthCheckboxes span INPUT {
		width: 12px;
		height: 12px;
		margin: 0px !important;
	}

.moreactions {
	border: solid 1px Gray;
	width: 12%;
	color: white !important;
	background: #000066;
}

	.moreactions > a {
		color: white;
	}
/* jquery Right Click Context Menu Styles */
.vmenu {
	border: 1px solid #aaa;
	position: absolute;
	background: #fff;
	display: none;
	font-size: 0.75em;
}

	.vmenu .first_li span {
		width: 100px;
		display: block;
		padding: 5px 10px;
		cursor: pointer
	}

	.vmenu .inner_li {
		display: none;
		margin-left: 120px;
		position: absolute;
		border: 1px solid #aaa;
		border-left: 1px solid #ccc;
		margin-top: -28px;
		background: #fff;
	}

	.vmenu .sep_li {
		border-top: 1px ridge #aaa;
		margin: 5px 0
	}

	.vmenu .fill_title {
		font-size: 11px;
		font-weight: bold;
		height: 15px;
		overflow: hidden;
		word-wrap: break-word;
	}
select {
	font-size: 12pt !important;
}

.moreActionsModal {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

